:root {
    
    --st-dark: #231f20;
    --st-purple: #713a96;

    --st-white: #ffffff;
    --st-black: #000000;    
    --st-gray: #e8e6e6;

    --st-radius16: 16px;
    --st-radius20: 20px;
    --st-radiusfull: 50px;
    --st-radius-circle: 50%;

    --st-font-10: 10px;
    --st-font-12: 12px;
    --st-font-14: 14px;
    --st-font-16: 16px;
    --st-font-18: 18px;
    --st-font-20: 20px;
    --st-font-22: 22px;
    --st-font-26: 26px;
    --st-font-28: 28px;
    --st-font-30: 30px;
    --st-font-36: 36px;
    --st-font-40: 40px;
    --st-font-60: 60px;
    --st-font-100: 100px;
    --st-font-120: 120px;

    --st-font-24: 24px;
    --st-font-48: 48px;


    --st-normal: 400;
    --st-medium: 500;
    --st-sbold: 600;
    --st-bold: 700;
    
    --st-mobtable: 600px;

}

/* Tablet */
@media (max-width: 1024px) {
    :root {        
        /*--st-font-16: 14px;*/
        --st-font-18: 16px;
        --st-font-20: 18px;
        --st-font-22: 20px;
        --st-font-24: 22px;
        --st-font-26: 24px;
        --st-font-28: 26px;
        --st-font-30: 26px;
        --st-font-36: 30px;
        --st-font-40: 36px;

        --st-font-60: 50px;
        --st-font-100: 80px;
        --st-font-120: 85px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    :root {
        --st-font-40: 30px;
        --st-font-60: 40px;
        --st-font-100: 60px;
        --st-font-120: 70px;        
    }
}

.e-con { --container-max-width: 1360px !important; }


b, strong { font-weight: bold !important; }



@font-face {
    font-family: 'Optima';
    src: url('../fonts/Optima-Medium.eot');
    src: url('../fonts/Optima-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Optima-Medium.woff2') format('woff2'),
        url('../fonts/Optima-Medium.woff') format('woff'),
        url('../fonts/Optima-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Optima';
    src: url('../fonts/Optima.eot');
    src: url('../fonts/Optima.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Optima.woff2') format('woff2'),
        url('../fonts/Optima.woff') format('woff'),
        url('../fonts/Optima.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Optima';
    src: url('../fonts/Optima-Bold.eot');
    src: url('../fonts/Optima-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Optima-Bold.woff2') format('woff2'),
        url('../fonts/Optima-Bold.woff') format('woff'),
        url('../fonts/Optima-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


.heading{ font-family: 'Optima'; }


body, h1, h2, h3, h4, h5, h6, p, ul, li, table { margin: 0px; padding: 0px; list-style: none; font-family: 'Montserrat', sans-serif !important; /*font-weight: normal;*/ color: var(--st-dark) !important; }
body { background-color: var(--st-white) !important; font-family: 'Montserrat', sans-serif; font-weight: normal; font-size: var(--st-font-18); color: var(--st-dark); overflow: hidden; overflow-y: auto; }
h1, h2, h3, h4, h5, h6 { font-family: 'Optima' !important; }
/**, ::after, ::before { box-sizing: border-box; }*/
*{ font-family: 'Montserrat', sans-serif; margin: 0px; padding: 0px; }
[type="button"]:not(:disabled), button:not(:disabled) { outline: none; }


/*[class*="font-"] { line-height: normal; }*/
[class*="font-"] >*{ font-size: inherit; }
.font-10 { font-size: var(--st-font-10) !important; }
.font-12 { font-size: var(--st-font-12) !important; }
.font-14 { font-size: var(--st-font-14) !important; }
.font-16 { font-size: var(--st-font-16) !important; }
.font-18 { font-size: var(--st-font-18) !important; }
.font-20 { font-size: var(--st-font-20) !important; }
.font-22 { font-size: var(--st-font-22) !important; }
.font-24 { font-size: var(--st-font-24) !important; }
.font-26 { font-size: var(--st-font-26) !important; }
.font-28 { font-size: var(--st-font-28) !important; }
.font-30 { font-size: var(--st-font-30) !important; }
.font-36 { font-size: var(--st-font-36) !important; }
.font-40 { font-size: var(--st-font-40) !important; line-height: 1.2; }
.font-60 { font-size: var(--st-font-60) !important; line-height: 1.2; }
.font-100 { font-size: var(--st-font-100) !important; line-height: 1.2; }
.font-120 { font-size: var(--st-font-120) !important; line-height: 1; }

.font-48 { font-size: var(--st-font-48) !important; line-height: 1.2; }


/*[class*="fa-"]{
    font-family: "Font Awesome 6 Brands" !important;
}*/


a { color: var(--st-black); outline: none; -webkit-transition: all 250ms ease; -moz-transition: all ease 250ms; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; text-decoration: none; }
a:hover, a:focus { text-decoration: none; color: var(--st-black); outline: none; }

p{ margin-bottom: 20px !important; color: var(--st-white); }
p:last-child{ margin-bottom: 0px !important; }

.justify { text-align: justify; /*letter-spacing: -0.20px;*/ }
.capital { text-transform: capitalize !important; }
.upper { text-transform: uppercase !important; }
.italic{ font-style: italic; }

.form-control:focus{ box-shadow: none; }

.normal{ font-weight: var(--st-normal) !important; }
.medium{ font-weight: var(--st-medium) !important; }
.sbold{ font-weight: var(--st-sbold) !important; }
.bold{ font-weight: var(--st-bold) !important; }

.purplebg{ background-color: var(--st-purple); }
.whitebg{ background-color: var(--st-white); }
.blackbg{ background-color: var(--st-black); }
.graybg{ background-color: var(--st-gray); }


.purpletxt{ color: var(--st-purple) !important; }
.whitetxt{ color: var(--st-white) !important; }
.blacktxt{ color: var(--st-black); }

.tcolor >*{ color: inherit !important; }


.lineh-1{ line-height: 1 !important; }
.lineh-1-3{ line-height: 1.3 !important; }
.letter-spacing-1{ letter-spacing: -0.2px; }


/*.title-primory{ font-family: 'Optima'; }
.title-primory.line{ color: #713a96; }*/

.title-primory, .title-primory h1, .title-primory h2, .title-primory h3, .title-primory h4, .title-primory h5 { font-family: 'Optima'; font-size: var(--st-font-48) !important; font-weight: var(--st-normal) !important; line-height: 1.2 !important; margin: 0px !important; padding-bottom: 35px; }
.title-primory .elementor-heading-title{ text-shadow: unset !important; }
.title-primory.line{ position: relative; }
.title-primory.line:after{ width: 60px; height: 1px; background-color: var(--st-purple) !important; position: absolute; left: 0px; bottom: 20px; content: ""; }



.min-w{ min-width: unset !important; }
.max-w{ max-width: unset !important; }

.text-decoration-none{ text-decoration: none !important; }
.text-decoration-none a{ text-decoration: none !important; }

/*---- Links & Buttons ----*/
.link1{ color: var(--st-white); }
.link1:hover, .link1:focus{ color: var(--st-yellow); }

.link2{ color: var(--st-yellow); }
.link2:hover, .link2:focus{ color: var(--st-white); }

.link-readmore{ color: var(--st-yellow) !important; font-weight: var(--st-sbold); padding-right: 25px; margin-right: 15px; position: relative; }



.btn{ 
    -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; position: relative; z-index: 1; 
    border-radius: 8px; min-width: 180px; font-weight: var(--st-sbold); padding: 10px 30px; text-decoration: none !important; line-height: 1; min-height: 50px; display: inline-flex; align-items: center; justify-content: center; font-size: inherit;
}
.btn:focus { box-shadow: none; }
@media (max-width: 575px) {
    .btn{ padding-inline: 20px; line-height: 1.3; }
}



.header-book-button a { display: inline-flex; align-items: center; justify-content: center; min-width: 168px; height: 58px; padding: 0 25px; border: 1px solid #71358f; color: #222; text-decoration: none; font-size: 17px; transition: all 0.3s ease; }
.header-book-button a:hover { background: #71358f; color: #fff; }


.btn-yellow{ background-color: var(--st-yellow); color: var(--st-black); }
.btn-yellow:hover, .btn-yellow:focus{ background-color: var(--st-yellow); color: var(--st-black); opacity: 0.8; }


.btn-purple-outline{ background-color: transparent; color: var(--st-dark); box-shadow: inset 0px 0px 0px 1px var(--st-purple) !important; }
.btn-purple-outline:hover, .btn-white-outline:focus{ background-color: var(--st-white); color: var(--st-black); }
/*---- Links & Buttons End ----*/


.container { width: 100%; padding-inline: 20px; max-width: 1400px; }




.space-100 { padding-block: 100px !important; }
.space-130 { padding-block: 130px !important; }
/*.space-150 { padding-block: 150px; }*/
@media (max-width: 1199px) {
    .space-100 { padding-block: 80px; }
    /*.space-120 { padding-block: 100px; }
    .space-150 { padding-block: 110px; }*/
}
@media (max-width: 767px) {
    .space-100 { padding-block: 50px; }
    /*.space-120 { padding-block: 70px; }
    .space-150 { padding-block: 70px; }*/
}

.title-space20{ padding-bottom: 20px; }
.title-space30{ padding-bottom: 30px; }


/*------------------------------------- Header Start -------------------------------------*/
.header-container { width: 100%; max-width: 1840px; margin: 0 auto; padding: 0 40px; box-sizing: border-box; }

.header-top-bar { background: #71358f; min-height: 50px; display: flex; align-items: center; }
.top-menu { display: flex; align-items: center; gap: 20px; list-style: none; margin: 0; padding: 0; }

.top-menu li { position: relative; }
.top-menu li:not(:last-child)::after { content: "|"; margin-left: 20px; color: #fff; }
.top-menu a { color: #fff; text-decoration: none; font-size: 12px; letter-spacing: 0.5px; text-transform: uppercase; }


.main-header { background: #fff; }
.main-header-inner { min-height: 158px; display: grid; grid-template-columns: 1fr auto 1fr auto; align-items: center; column-gap: 40px; }

.primary-menu { display: flex; align-items: center; justify-content: center; gap: 65px; list-style: none; margin: 0; padding: 0; }
.primary-menu li { position: relative; }
.primary-menu a { font-family: 'Optima'; color: #222; text-decoration: none; font-size: 18px; white-space: nowrap; transition: all 0.3s ease; }
.primary-menu a:hover { color: #71358f; }

/* Active menu */
.primary-menu .current-menu-item > a { color: #71358f; }

.header-logo { text-align: center; }
.header-logo a { display: inline-block; }
.header-logo img { display: block; max-width: 190px; height: auto; }

/*.header-book-button a { display: inline-flex; align-items: center; justify-content: center; min-width: 168px; height: 58px; padding: 0 25px; border: 1px solid #71358f; color: #222; text-decoration: none; font-size: 17px; transition: all 0.3s ease; }
.header-book-button a:hover { background: #71358f; color: #fff; }*/

.header-promotion { background: #f1f3f4; min-height: 72px; display: flex; align-items: center; justify-content: center; text-align: center; }
.header-promotion .header-container { font-size: 18px; }
.header-promotion strong { color: #71358f; }

@media (max-width: 1200px) {
    .main-header-inner { grid-template-columns: 1fr auto 1fr; }
    .header-book-button { display: none; }
    .primary-menu { gap: 25px; }
    .primary-menu a { font-size: 16px; }
}
@media (max-width: 900px) {
    .main-header-inner { display: flex; justify-content: space-between; min-height: 100px; }
    .header-menu { display: none; }
    .header-logo img { max-width: 160px; }
}
@media (max-width: 600px) {
    .header-container { padding: 0 20px; }
    .header-top-bar { min-height: 40px; }
    .top-menu a { font-size: 10px; }

    .header-promotion { min-height: 60px; }

    .header-promotion .header-container { font-size: 14px; }
}
/*------------------------------------- Header End -------------------------------------*/


/*------------------------------------- Footer Start -------------------------------------*/

.nassif-footer { width: 100%; }

.nassif-footer-logo { background-color: #e3e2e8; width: 100%; min-height: 235px; display: flex; align-items: center; justify-content: center; text-align: center; padding: 40px 20px; }

.nassif-footer-logo-inner { width: 100%; display: flex; align-items: center; justify-content: center; }
.nassif-footer-logo-inner img { width: auto; max-width: 350px; height: auto; display: block; }

.nassif-footer-main { width: 100%; background-color: #2e3b43; padding: 75px 40px 80px; color: #ffffff; }

.nassif-footer-container { width: 100%; max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: 1.5fr 1fr 1fr; column-gap: 100px; align-items: start; }

.nassif-footer-column { width: 100%; min-width: 0; }
.nassif-footer-column h3 { margin: 0 0 30px 0; color: #ffffff !important; font-size: 24px; line-height: 1.3; font-weight: 700; }
.nassif-footer-column p { color: #ffffff !important; }

.nassif-clinic p { margin: 0 0 27px 0; color: #ffffff; font-size: 18px; line-height: 1.7; font-weight: 400; }

.nassif-phone { display: flex; align-items: center; gap: 15px; margin-top: 5px; margin-bottom: 40px; }
.nassif-phone-icon { width: 34px; height: 34px; flex-shrink: 0; background-color: #7b8185; border-radius: 4px; display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 16px; }

.nassif-phone a { color: #ffffff; text-decoration: none; font-size: 17px; line-height: 1.5; }
.nassif-phone a:hover { color: #ffffff; }


.nassif-message { margin-top: 35px; }
.nassif-message p { margin: 0 0 25px 0; color: #ffffff; font-size: 17px; line-height: 1.8; }

.nassif-message-link { display: inline-block; color: #ffffff; text-decoration: none; border-bottom: 2px solid #ffffff; padding-bottom: 7px; transition: opacity 0.3s ease; margin-top: 20px; }
.nassif-message-link:hover { color: #ffffff; opacity: 0.8; }


.nassif-footer-menu { list-style: none; padding: 0; margin: 0; }
.nassif-footer-menu li { position: relative; margin: 0px 0px 22px 0px; }
/*.nassif-footer-menu li::before { content: ""; position: absolute; left: 0; top: 10px; width: 5px; height: 5px; background-color: #ffffff; border-radius: 50%; }*/
.nassif-footer-menu li a { color: #ffffff; text-decoration: none; transition: opacity 0.3s ease; }
.nassif-footer-menu li a:hover { color: #ffffff; opacity: 0.7; }


.nassif-social-icons { display: flex; align-items: center; gap: 18px; margin-top: 35px; }
.nassif-social-icons a { color: #ffffff; text-decoration: none; font-size: 20px; font-weight: 400; }
.nassif-social-icons a:hover { color: #ffffff; opacity: 0.7; }

.nassif-footer-bottom { width: 100%; background-color: #8c52a0; padding: 18px 30px; }
.nassif-copyright { width: 100%; max-width: 1400px; margin: 0 auto; color: #ffffff; font-size: 14px; line-height: 1.5; font-weight: 500; }


@media (max-width: 1000px) {
    .nassif-footer-container { grid-template-columns: 1fr 1fr; column-gap: 50px; row-gap: 60px; }
    .nassif-clinic { grid-column: 1 / -1; }
}

@media (max-width: 768px) {

    .nassif-footer-logo { min-height: 180px; padding: 30px 20px; }
    .nassif-footer-logo-inner img { max-width: 280px; }

    .nassif-footer-main { padding: 55px 25px; }

    .nassif-footer-container { display: flex; flex-direction: column; gap: 45px; }
    .nassif-footer-column { width: 100%; }

    .nassif-footer-column h3 { font-size: 22px; }
    .nassif-clinic p, .nassif-footer-menu li a { font-size: 16px; }
    .nassif-footer-bottom { padding: 16px 20px; }
    .nassif-copyright { font-size: 13px; }

}
/*------------------------------------- Footer End -------------------------------------*/



.fox-treatment-header{  }
.fox-treatment-header h3.title-primory{ padding: 0px; }




/*---- FAQ's Start ----*/
.fox-faq-question-wrap{ padding: 35px 0px !important; }
.fox-faq-description{ font-size: initial !important; }
.fox-faq-question{ font-family: 'Optima'; font-size: var(--st-font-24) !important; }
/*---- FAQ's End ----*/