/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.icon-btn .elementor-button-content-wrapper {
    align-items: center;
    display: flex;
}

.icon-btn .elementor-button-icon {
    margin-bottom: -5px;
}

.icon-btn .elementor-button-text {
    position: relative;
    top: 2px;
}

h1.elementor-heading-title span {
    color: var(--e-global-color-d1adf89) !important;
}

.text-capital-men h2 span {
    text-transform: uppercase;
    font-weight: 700;
    color: #142E67;
}

.text-capital-women h2 span {
    text-transform: uppercase;
    font-weight: 700;
    color: #FB056D;
}

.program-list li a {
    flex-direction: row-reverse;
    justify-content: start !important;
    gap: 18px;
}

.program-list li.elementor-icon-list-item .elementor-icon-list-text {
    position: relative;
    top: 3px;
    padding: 0 !important;
}

.camel-text h2 span {
    color: #c19e79;
}

.men-women-btn .elementor-button {
    width: 150px !important;
    padding:10px 14px !important;
}

.men-women-btn .elementor-button span{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.men-women-btn .elementor-button .elementor-button-text {
    position: relative;
    top: 2px;
}

.book-heading h2 span {
    font-weight: 700;
}

.black-testimonial {
    background: #111111;
}

.black-testimonial p {
    color: #F3F1E6;
}

.black-testimonial .review-stars svg path {
    fill: #c19e79 !important;
}


.black-testimonial .review-name {
    color: #F3F1E6;
}

.black-testimonial .elementor-widget-text-editor {
    color: #F3F1E6;
}

.black-outline-testimonial {
    border: 1px solid #111111 !important;
}

.black-outline-testimonial p {
    color: #111111;
}

.black-outline-testimonial .review-name {
    color: #111111;
}

.black-outline-testimonial .elementor-widget-text-editor {
    color: #111111;
}

.black-outline-testimonial .review-stars svg path {
    fill: #c19e79 !important;
}

.gray-testimonial {
    background-color: #5a5a5a;
}

.gray-testimonial .review-stars svg path {
    fill: #c19e79 !important;
}

.gray-testimonial p {
    color: #F3F1E6;
}

.gray-testimonial .review-name {
    color: #F3F1E6;
}

.gray-testimonial .elementor-widget-text-editor {
    color: #F3F1E6;
}

.camel-testimonial {
    background-color: #c19e79;
}


.camel-testimonial .review-stars svg path {
    fill: #F3F1E6 !important;
}

.camel-testimonial p {
    color: #F3F1E6;
}

.camel-testimonial .review-name {
    color: #F3F1E6;
}

.camel-testimonial .elementor-widget-text-editor {
    color: #F3F1E6;
}

.caribbean-green-testimonial {
    border: 1px solid #00CEA1!important;
}


.caribbean-green-testimonial .review-stars svg path {
    fill: #00CEA1 !important;
}

.caribbean-green-testimonial p {
    color: #111111;
}

.caribbean-green-testimonial .review-name {
    color: #111111;
}

.caribbean-green-testimonial .elementor-widget-text-editor {
    color: #111111;
}

.brilliant-rose-testimonial {
    border: 1px solid #FB056D!important;
}


.brilliant-rose-testimonial .review-stars svg path {
    fill: #FB056D !important;
}


.brilliant-rose-testimonial p {
    color: #111111;
}

.brilliant-rose-testimonial .review-name {
    color: #111111;
}

.brilliant-rose-testimonial .elementor-widget-text-editor {
    color: #111111;
}

/* valor-navy-testimonial */

.valor-navy-testimonial {
    border: 1px solid #142E67 !important;
}


.valor-navy-testimonial .review-stars svg path {
    fill: #142E67 !important;
}


.valor-navy-testimonial p {
    color: #111111;
}

.valor-navy-testimonial .review-name {
    color: #111111;
}

.valor-navy-testimonial .elementor-widget-text-editor {
    color: #111111;
}

/* shinny-yellow-testimonial */

.shinny-yellow-testimonial {
    border: 1px solid #FCC244 !important;
}

.shinny-yellow-testimonial .review-stars svg path {
    fill: #FCC244 !important;
}

.shinny-yellow-testimonial p {
    color: #111111;
}

.shinny-yellow-testimonial .review-name {
    color: #111111;
}

.shinny-yellow-testimonial .elementor-widget-text-editor {
    color: #111111;
}

.process-bg {
    background: linear-gradient(90deg, #797875 0.00%, #626160 100.00%);
}


.process-bg-2{
    background: linear-gradient(0deg, #f3f1e6 0.00%, #a7a6a0 100.00%);  
}

/* New css starts from 17-09-2024 */

@font-face {
    font-family: Dazzle_Unicase_Bold;
    src: url("fonts/Dazzle_Unicase_Bold.otf") format("opentype");
}
@font-face {
    font-family: Dazzle_Unicase_Light;
    src: url("fonts/Dazzle_Unicase_Light.otf") format("opentype");
}
@font-face {
    font-family: Dazzle_Unicase_Medium;
    src: url("fonts/Dazzle_Unicase_Medium.otf") format("opentype");
}
@font-face {
    font-family: Dazzle_Unicase_Thin;
    src: url("fonts/Dazzle_Unicase_Thin.otf") format("opentype");
}
@font-face {
    font-family: Operetta_8_Bold;
    src: url("fonts/Operetta_8_Bold.otf") format('opentype');
}
@font-face {
    font-family: Operetta_8_Demi_Bold;
    src: url("fonts/Operetta_8_Demi_Bold.ttf") format('truetype');
}
@font-face {
    font-family: Operetta_8_Extra_Light;
    src: url("fonts/Operetta_8_Extra_Light.ttf") format('truetype');
}
@font-face {
    font-family: Operetta_8_Medium;
    src: url("fonts/Operetta_8_Medium.ttf") format('truetype');
}
@font-face {
    font-family: Operetta_8_Regular;
    src: url("fonts/Operetta_8_Regular.ttf") format('truetype');
}

.yellow_text strong {
    color: #fcc244;
}
.yellow-box {
    background: #fcc244;
    border-style: none;
    border-radius: 40px;
    padding: 30px 30px;
    text-align: center;
    max-width: 384px;
    margin-left: auto;
}
body, li, p, a, ul, span {
    font-family: "ofelia-display", sans-serif !important;
    font-style: normal;
}
a.elementor-button,
a.elementor-button span{
    font-family: 'Montserrat', sans-serif !important;
}
.yellow-box .gform_wrapper .gform-body.gform_body .ginput_container input {
    width: 100%;
    background: #fff !important;
    text-align: left;
    padding: 8px 15px !important;
    height: 46px !important;
    font-size: 16px !important;
    margin-top: 15px;
    color: #a7a6a0;
    font-weight: 400;
    font-style: italic;
    letter-spacing: 0px;
    font-size: 14px;
    border-radius: 5px;
    font-style: normal;
    box-shadow: inset 0px 2px 3px #dddddd;
    border: 1px solid #bbbbbb;
}
div#gform_fields_18 {
    display: block !important;
}


.yellow-box .gform_wrapper .gform_footer .gform_button.button {
    background: rgba(20, 33, 61, 1) !important;
    border-radius: 50px !important;
    color: #FCC244 !important;
    font-size: 22px !important;
    padding: 23px 10px !important;
    width: 100% !important;
    font-family: 'Montserrat', sans-serif !important;
}
.yellow-box div#gform_fields_3 {
    display: block;
}
.pink_text strong {
    color: #FB056D;
}
.t-operetta p,
.t-operetta {
    font-family: Operetta_8_Bold !important;
}
.t-operetta-light,
.t-operetta-light p{
    font-family: Operetta_8_Medium !important;
}
.t-operetta-light p strong,
.t-operetta-light strong {
    font-family: Operetta_8_Medium !important;
    color: rgb(42, 157, 143) !important;
    font-weight: 500;
}
.t-dazzle h1, .t-dazzle h2, .t-dazzle h3, .t-dazzle h4, .t-dazzle h5, .t-dazzle h6, .t-dazzle p, .t-dazzle {
    font-family: Dazzle_Unicase_Bold !important;
}
.t-dazzle-light h1, .t-dazzle-light h2, .t-dazzle-light h3, .t-dazzle-light h4, .t-dazzle-light h5, .t-dazzle-light h6, .t-dazzle-light p, .t-dazzle-light {
    font-family: Dazzle_Unicase_Light !important;
}
.border_img .elementor-widget-container {
    width: max-content;
    margin: 0 auto;
    border: 8px solid #111111;
    border-radius: 20px;
    border-width: 0px 8px 8px 0;
    overflow: hidden;
}
.border_img.pink .elementor-widget-container {
    border: 8px solid #fb056d;
    border-width: 0px 8px 8px 0;
}
.pink-button a.elementor-button {
    background: #fb056d !important;
    color: #fff !important;
    text-transform: inherit;
    border-color: #fb056d !important;
    margin: 0 auto;
    float: none;
    width: max-content;
    display: flex;
    font-size: 18px;
    padding: 12px 55px;
    border-radius: 40px !important;
    align-items: center;
    justify-content: center;
}
.icon-btn .elementor-button-text {
    position: relative;
    top: 2px;
}
.icon-btn .elementor-button-icon {
    margin-bottom: -5px;
}
.hair-header {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 99;
}
.mobile-header-list {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 99;
}
.mobile-header {
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    z-index: 99;
}
.mobile-header .elementor-nav-menu li a {
    color: #111;
}
.mobile-header .elementor-nav-menu {
    padding-top: 10px;
    padding-bottom: 10px;
}
.desktop-header a.elementor-button {
    padding: 10px 25px 10px 25px;
}
.breast-aug-form div#gform_fields_4 {
    display: block;
}
.breast-aug-form {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    max-width: 500px;
    margin: auto;
    padding: 45px 80px;
    background-image: url(https://northwesternaestheticsnew.kinsta.cloud/wp-content/uploads/2024/09/abstractshape-98-colors.png);
}
.breast-aug-form div#gform_fields_4 .ginput_container input {
    width: 100%;
    min-width: 100%;
    background: #fff;
    color: #747474;
    height: 46px;
    font-size: 18px;
    box-shadow: inset 0px 2px 3px #dddddd;
    border-radius: 5px;
    font-family: "Barlow Semi Condensed", Arial, Helvetica, sans-serif;
    padding: 10px;
    margin-bottom: 8px;
    margin-top: 20px;
}
.black-box h2, div#field_4_17 {
    font-family: Dazzle_Unicase_Light !important;
    color: #fff;
    text-align: center;
    font-size: 32px !important;
}
.breast-aug-form .gform_footer.top_label input#gform_submit_button_4 {
    background: rgba(251, 5, 109, 1);
    color: #fff;
    font-family: 'Dazzle_Unicase_Bold';
    border-radius: 30px;
    width: 100%;
    padding: 18px 10px;
    font-size: 20px;
    margin-top: 10px;
}
.breast-aug-form .gform_footer.top_label {
    width: 100%;
    margin-top: 0;
    display: block;
    max-width: 100%;
}
.black-box > .gform-body.gform_body {
    max-width: 100%;
    margin: 0 auto;
}
#main .gform_wrapper .gfield_error .gfield_validation_message, .gform_wrapper .gfield_error .gfield_validation_message {
    font-size: 12px;
    font-weight: normal;
    background: none;
    margin-top: 0;
    padding-top: 0;
    color: #dc3232;
}
.common_form .gform_fields {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 20px;
}
.common_form .gform_fields .gfield {
    width: 48%;
}
.common_form .gform_fields .gfield input {
    background: transparent;
    border-radius: 0;
    font-size: 16px;
    min-height: 47px;
    padding: 6px 16px;
}
.elementor-kit-9 .common_form input.gform_button {
    background-color: var(--e-global-color-accent) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    font-style: normal;
    line-height: 30px !important;
    color: var(--e-global-color-secondary) !important;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-accent) !important;
    border-radius: 0px 0px 0px 0px !important;
    padding: 20px 25px 20px 25px !important;
        font-family: 'Montserrat', sans-serif !important;
}
.gform-theme--foundation .gform_footer, .gform-theme--foundation .gform_page_footer{
    justify-content: center;
}
.common_form .gform_fields .gfield input::placeholder {
    color:#A6A5A0;
}
.common_form .gform_fields .gfield input::-ms-input-placeholder {
    color:#A6A5A0;
}
.title_menu a.elementor-item.elementor-item-anchor::after,
.title_menu a.elementor-item.elementor-item-active::after,
.title_menu a.elementor-item::after {
    content: attr(title) !important;
    margin-left: 5px;
    opacity: 1 !important;
    font-size: 13px;
    text-align: center;
    font-weight: 500;
}
.gform-theme--foundation form.consult-form .gfield input,
.gform-theme--foundation form.consult-form .gfield select {
    font-size: 18px;
    min-height: 59px;
    padding: 7px 20px;
    border-radius: 5px;
    background: transparent;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #5A5A5A;
    border-radius: 0;
    width: 100%;
}
.gform-theme--foundation form.consult-form .gform_page_footer input[type="button"],
.gform-theme--foundation form.consult-form .gform_page_footer input[type="submit"] {
    background-color: #c19e79 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-style: normal !important;
    line-height: 30px !important;
    color: #111111 !important;
    border-style: solid !important;
    border-width: 1px 1px 1px 1px !important;
    border-color: #c19e79 !important;
    border-radius: 0px 0px 0px 0px !important;
    padding: 20px 25px 15px 25px !important;
}
.gform-theme--framework .consult-form .gf_progressbar .percentbar_blue {
    background-color: #c19e79;
    block-size: 2px;
}
.black_bg:before {
    content: url(https://northwesternaestheticsnew.kinsta.cloud/wp-content/uploads/2024/09/title-background.png);
    position: absolute;
    left: -4rem;
    top: -1.5rem;
    z-index: 0;
}
.black_bg .elementor-widget-container {
    position: relative;
}
.gform-theme--foundation form.consult-form .gfield input[type="radio"],
.gform-theme--foundation form.consult-form .gfield input[type="checkbox"] {
    background: transparent;
    min-height: auto;
    width: auto;
    border: 1px solid;
    padding: 5px;
    border-radius: 50%;
}
.yellow-box .gform-theme--foundation .gform_fields{
    row-gap: 0;
}

/* Consultation Videos Page CSS 17June25 Starts */
.video-box {
  border: 1px solid #333;
  padding: 15px;
  margin: 10px 0;
  cursor: pointer;
  font-family: sans-serif;
}

.video-box:hover {
  background-color: #f2f2f2;
}

/* Modal styles */
#videoModal {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    background: rgb(0 0 0 / 75%);
}

.modal-content {
    position: relative;
    max-width: 900px;
    width: 90%;
}

#closeVideo {
    cursor: pointer;
    position: absolute;
    right: -10px;
    top: 2px;
    z-index: 998;
    width: 30px;
    height: 30px;
    border-radius: 25px;
    text-align: center;
    font-size: 26px;
    background-color: #000;
    color: #fff;
    line-height: 24px;
    text-indent: 0px;
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.video-wrapper iframe {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
}

div#videoModal .modal-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
/* Consultation Videos Page CSS 17June25 Ends */

/* Prepare Page CSS 17June25 Starts */
.todo-section {
    border: 1px solid #ccc;
    margin-bottom: 10px;
}
.todo-header {
    padding: 15px;
    cursor: pointer;
    font-weight: bold;
    font-size: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f9f9f9;
}
.todo-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.4s ease;
    padding: 0 15px;
}

.todo-section.active .todo-content {
    max-height: 1200px; /* Adjust based on your content height */
    padding: 15px;
    background-color: #FFF;
}
/* Prepare Page CSS 17June25 Ends */

/* Hair Restoration Men for Lightbox popup 18June25 Starts */
@media (min-width: 1025px) {
    .elementor-lightbox .elementor-video-container .elementor-video-landscape {
        width: auto !important;
    }
}
/* Hair Restoration Men for Lightbox popup 18June25 Ends */

@media only screen and (min-width: 1201px) and (max-width: 1400px)  {
    .desktop-header a.elementor-item {
        font-size: 16px !important;
        /*padding: 20px 15px !important;*/
    }
    .desktop-header a.elementor-button {
        font-size: 16px;
        padding: 15px 10px;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1200px)  {
    .desktop-header a.elementor-item {
        font-size: 14px !important;
        /*padding: 10px 10px !important;*/
    }
    .desktop-header {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .desktop-header a.elementor-button {
        font-size: 14px;
        padding: 10px 15px;
    }
}
@media only screen and (max-width: 991px)  {
    .border_img .elementor-widget-container {
        max-width: 100%;
        max-height: min-content;
    }
    .breast-aug-form{
            padding: 45px 30px;
    }
}
@media only screen and (max-width: 767px)  {
    .black_bg:before {
        content: "";
        position: absolute;
        left: 0.5rem;
        top: -1.5rem;
        z-index: 0;
        width: 250px;
        height: 70px;
        display: block;
        background-image: url(https://northwesternaestheticsnew.kinsta.cloud/wp-content/uploads/2024/09/title-background.png);
        background-size: cover;
    }

    .grid-column{
        grid-column: 1 / -1;
    }
}

@media only screen and (min-width: 767px) 
 {
    .dialog-type-lightbox {
        width: 1000px;
        height: 600px;
        max-width: 100%;
        max-height: 100%;
        left: 50%;
        top: 50%;
        bottom: auto;
        transform: translate(-50%, -50%);
    }
}