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

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

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

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

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

:root{
    --color-red:#86091e;
    --color-blue:#01357e;
    --font-Lato: 'Lato';
    --color-White: #fff;
    --color-Black: #000000;
    
    /* --f-size-28:1.458vw;
    --f-size-32:1.667vw;
    --f-size-40:2.083vw;
    --f-size-52:2.708vw;
    --f-size-100:5.208vw;
    --f-size-120:6.25vw; */

    --f-size-30:1.563vw;
    --f-size-34:1.771vw;
    --f-size-24:1.25vw;
    --f-size-20:1.042vw;
    --f-size-18:0.938vw;


}

body {
    font-family: 'Lato';
    font-size: var(--f-size-18);
    font-weight: 400;
    line-height: 1.2;
    color: #000000;
    background-color: #ffffff;
}
/* .font-Migra {font-family:var(--font-Migra) !important;} */

[data-aos][data-aos][data-aos-delay='800'].aos-animate, body[data-aos-delay='800'] [data-aos].aos-animate {transition-delay: .8s;}
[data-aos][data-aos][data-aos-delay='400'].aos-animate, body[data-aos-delay='400'] [data-aos].aos-animate { transition-delay: .4s; }
[data-aos][data-aos][data-aos-delay='3100'].aos-animate, body[data-aos-delay='3100'] [data-aos].aos-animate { transition-delay: 3.1s; }
[data-aos][data-aos][data-aos-delay='3200'].aos-animate, body[data-aos-delay='3200'] [data-aos].aos-animate { transition-delay: 3.2s; }
[data-aos][data-aos][data-aos-delay='3300'].aos-animate, body[data-aos-delay='3300'] [data-aos].aos-animate { transition-delay: 3.3s; }
[data-aos][data-aos][data-aos-delay='3400'].aos-animate, body[data-aos-delay='3400'] [data-aos].aos-animate { transition-delay: 3.4s; }
[data-aos][data-aos][data-aos-delay='3500'].aos-animate, body[data-aos-delay='3500'] [data-aos].aos-animate { transition-delay: 3.5s; }
[data-aos=fade-up] { transform: translateY(50px);}

.f-W-El {font-weight: 200 !important;}
.f-W-L {font-weight: 300 !important;}
.f-W-N, .font-normal {font-weight: normal !important;}
.f-W-M{font-weight: 500 !important;}
.f-W-B{font-weight: bold !important;}
.f-W-EB{font-weight: 900 !important;}
a {text-decoration: none;}

.bg-yellow{background-color: var(--color-Yellow);}
p:last-child{margin-bottom: 0;}
p{line-height: 1.5;}
img, video, iframe { max-width:100%; }
.btn { box-shadow:none !important; }
.line-H-0 { line-height:0; }
.line-H_9 { line-height:.9; }
.line-H-1 { line-height:1; }
.line-H-1_1 { line-height:1.1; }
.line-H-1_2 { line-height:1.2; }
.line-H-1_3 { line-height:1.3; }
.line-H-1_4 { line-height:1.4; }
.line-H-1_5 { line-height:1.5; }
.line-H-1_6 { line-height:1.6; }
.line-H-1_7 { line-height:1.7; }
.line-H-1_8 { line-height:1.8; }
.line-H-1_9 { line-height:1.9; }

.f-sz-18 {font-size: var(--f-size-18);}
.f-sz-20 {font-size: var(--f-size-20);}
.f-sz-24 {font-size: var(--f-size-24);}
.f-sz-30 {font-size: var(--f-size-30);}
.f-sz-34 {font-size: var(--f-size-34);}

.mb__10{margin-bottom: 0.521vw;}
.mb__15{margin-bottom: 0.781vw;}
.mb__20{margin-bottom: 1.042vw;}
.mb__25{margin-bottom: 1.302vw;}
.mb__30{margin-bottom: 1.563vw;}
.mb__35{margin-bottom: 1.823vw;}
.mb__40{margin-bottom: 2.083vw;}
.mb__50{margin-bottom: 2.083vw;}
.mb__70{margin-bottom: 3.646vw;}

.color-blue{color:var(--color-blue)}


.whatsapp_icon {
    max-width: 50px;
    width: 50px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 999;
}
.sectionwrp{padding:3.208vw 0;}
.herosection{position: relative;}
/* .herosection .banner-Image{height: 100vh;} */
/* .herosection .banner-Image img{height: 100%; object-fit:cover; object-position:bottom; } */
.herosection .hero-CtaWrp{position: absolute; bottom: 2.604vw; z-index: 999; left: 50%; transform: translateX(-50%); width:100%; text-align: center;}
.cst-Btn{background-color:#ffffff !important; padding: 0.781vw 1.042vw; font-size: var(--f-size-20); color: var(--color-blue) !important; border-radius: 0.521vw; text-transform: uppercase; font-weight: bold; }
.submitCta{background-color:var(--color-blue) !important; padding: 0.781vw 1.042vw; font-size: var(--f-size-20); color: #ffffff !important; border-radius: 0.521vw; text-transform: uppercase; font-weight: bold;}


.expertForm{border-radius:0.521vw;}
.form-group .cstInput{padding:1.042vw; box-shadow:none; border:1px solid var(--color-blue); color: #000000; font-size: var(--f-size-20); background-color: transparent;}
.form-group .cstInput::placeholder{color: #000000;}
.row-gap-50{row-gap: 2.604vw;}
.row-gap-80{row-gap: 4.167vw;}

.kos-infoWrp .section-Img.shadow{ box-shadow: 0px 3px 4.95px 0.05px rgba(0, 0, 0, 0.25);}


.kos-listing{list-style:none; padding:0}
.kos-listing .list-item{position:relative; padding-left:1.563vw; margin-bottom:1.042vw;}
.kos-listing .list-item:before { content:""; display:block; position: absolute; top:0.313vw; left: 0; width: 0px; height: 0px; border-style: solid; border-width: 0 0.365vw 0.625vw 0.365vw; border-color: transparent transparent #ffffff transparent; transform: rotate(90deg); }
.kos-infoWrp{display:flex; flex-direction:column;}

.benefits-bg{background-color: #01357e; background-image:url(../images/benefits-bg-img.jpg); padding: 7.813vw 0; color: #ffffff;}

.titleTxt{font-size: 4.688vw; color: #ffffff; text-align: center;}
.how-workSec{background-color: #ededed; padding:4.125vw 0; }

.work-items {display:flex; column-gap:1.563vw ; align-items: center; margin-bottom:1.563vw;}
.work-items .workIcon{background-color: var(--color-blue); width: 3.646vw; height: 3.646vw; min-width: 3.646vw; border-radius: 100%;}
.workTxt{font-size:var(--f-size-20)}
.mrg-left{margin-left: 5.208vw;}
.how-WorkImg{position: absolute; bottom: -30px; max-width: 40%; left:50px;}
.faq-sec{background-color: #f2f2f2; border-radius:0.521vw; overflow: hidden; border: 2px solid var(--color-blue);}
.faq-sec .faqHead{background-color: var(--color-blue); padding:1.042vw}
.faq-sec .faq-body{padding: 2.604vw;}
.faq-Accordion .accordion-item .accordion-button{ box-shadow:none; background-color:#ffffff; font-size: var(--f-size-20); font-weight: bold; padding: 1.302vw; color: #000000; border-radius: 0;}
.faq-Accordion .accordion-item{ background-color: transparent !important; border: none; font-size: var(--f-size-20); margin-bottom: 2.083vw;}
.faq-Accordion .accordion-item .accordion-body{ padding: 1.302vw 2.604vw 0;}
.faq-Accordion .accordion-item .accordion-button::after{ background-size: 0.781vw; width: 0.781vw; height: 0.781vw;}

.Testimonial-Sec{padding:5.208vw 0 1.563vw 0;}
.testimonial-items{padding:0 0.781vw; padding-top: 2.604vw;}
.testimonial-items .testimonials-summaryBox{padding: 3.083vw 2.083vw; border:1px solid var(--color-blue); border-radius: 0.521vw; text-align: center; background-color: #ffffff;}
.quotLable{width: 3.646vw; height: 3.646vw; line-height: 5.246vw; border-radius: 100%; background-color: var(--color-blue); color: #ffffff; position: absolute; top: -0.521vw; left: 50%; transform: translate(-50%, -50%); text-align: center; font-size:3.75vw; font-family: 'Montserrat';}
.testimonials-review{text-align: center; padding: 1.563vw 0;}
.rating-Wrp{column-gap: 0.521vw; color:#ffc100;}
.cst-slider .slick-dots{bottom: -1.563vw;}
.cst-slider .slick-dots li button:before{width:1.042vw; height:1.042vw; background-color:#ffffff; box-shadow: 0px 2px 6.79px 0.21px rgba(4, 34, 22, 0.65); border-radius:100%; font-size: 0;}
.cst-slider .slick-dots li {margin-left: 0.781vw; margin-right: 0.781vw;}
.cst-slider .slick-dots li.slick-active button:before{border: 2px solid var(--color-blue);}
.cst-slider.slick-dotted.slick-slider{margin-bottom: 3.646vw;}

.why-KosmoBg{background-image: url(../images/why-Kosmo-bg-img.jpg); background-size: cover; background-repeat: repeat; background-position: center;}
.why-kosmo-Wrp{display:flex; flex-wrap: wrap; justify-content: space-between;}
.why-kosmo-Wrp .why-kosmoPointe{padding: 0 0.781vw; width: 20%;}
.why-kosmoPointe .wk-Pointe-Icon{max-width: 4.167vw; margin-left: auto; margin-right: auto; margin-bottom: 1.302vw;}
.requestbtn-Wrp{margin-top: 2.083vw;}
.mx-W{max-width: 20.833vw; width: 100%;}

.ftr-secWrp{padding: 2.604vw 0; background-color: #f6f6f6;}
.ftrLogo{max-width: 20.833vw; margin-left: auto; margin-right: auto;}
.ftr-social{display: flex; justify-content: end; column-gap: 0.521vw;}
.ftr-social .social-link{max-width: 2.083vw; display:block;}
.ftrmidd-wrp{padding:2.083vw 0; position: relative;}
.ftrmidd-wrp::after{content: ""; width: 50%; height: 2px; background-color: #01357e; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.ftr-copyrightTxt{padding-top: 1.563vw;}


.design-element{max-width: 9.115vw; position:absolute;}
.design-element.elementLeft{left:0; top:-5.208vw;}
.design-element.elementRight{right:0; bottom:5.208vw}


.secImgForm{max-width: 42.01vw; position: absolute; top:0; right: 0;}
.bg-Gray{background-color: #f5f5f5;}
.kosmo-medifacial{padding: 2.604vw 0;}
.kosmo_MedifacialCard{background-color:#01357e; border-radius: 0.521vw; padding: 0 1.063vw; margin-top: 2.604vw;}
.kosmo_MedifacialCard .medi_cardIcon{transform: translateY(-1.604vw); padding: 0.521vw; background-color: #ffffff; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.26); max-width: 5.354vw; border-radius: 100%; overflow: hidden; margin-left: auto; margin-right: auto;}
.medi_cardContent{padding:0 0 1.563vw 0;}
.expect_section{background-color: #e8c1ad; background-image: url(../images/expect-bg.jpg); padding: 5.208vw 0; background-size: cover; background-repeat: no-repeat;}
.appointment_sec{position: relative; background-color:#f5f5f5; background-image: url(../images/appointment-bg.jpg); padding: 6.385vw 0; background-size: cover; background-repeat: no-repeat;}
.cstCta{padding: 1.002vw ; min-width: 13.583vw; line-height: 1; }
.ctaWrp{margin-top:1.563vw;}
.letter-s{letter-spacing: 3px;}
.bg-lightGray{background-color: #fbfcfe;}


.kosmo-diffSec{background-color: #dbf5ff; padding: 2.604vw 0; background-image: url(../images/difference-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: left;}
.kosmo-diff-Item{display: flex; column-gap: 2.083vw;}
.kosmo-diffIcon{width: 5.208vw; height: 5.208vw; min-width: 5.208vw; background-color: #FFFFFF; border-radius: 100%; border: 1px solid #01357e; }
.diff-flexWrp{display: flex; flex-direction: column; row-gap: 2.604vw;}
.bg-Gray-top{background-color:#ecf0f2;}
.diffsec-pl{margin-left: 2.346vw;}

.formBg{background-size: cover; background-position: center; background-color: #ececec;}
.formBg-element-1{position: absolute; top: 2.604vw; left: 0; max-width: 15.625vw;}
.formBg-element-2{position: absolute; top: 2.604vw; right: 0; max-width:15.625vw;}
.section-Img.imageLeft{margin-right: 1.823vw; }
.section-Img.imageRight{margin-left: 1.823vw;}
.text-rp{padding-right:1.823vw;}
.text-lp{padding-left:1.823vw;}
.about-choice{display: flex; flex-direction: column; row-gap: 2.344vw;}

.treatmentCard{position: relative; transition: all .3s; cursor: pointer;}
.treatmentCard::before {content: ""; background-color: rgba(0, 0, 0, 0.7); position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: all .3s;}
.treatmentCard .overlay_Content{position: absolute; bottom: 3.125vw; left: 2.344vw; max-width: 70%; color: #ffffff; z-index: 10; opacity: 0; transition: all .3s;}
.treatmentCard:hover::before,  .treatmentCard:hover .overlay_Content{opacity: 1;}
.treatmentCard:hover .tret_cardMainTitle{opacity: 0;}
.tretCard-title{position: relative; line-height: 1;}
.tretCard-title::before{content: ""; width: 3px; height: 100%; background-color: #01357e; position: absolute; left: -13px; top: 0;}
.tret_cardMainTitle{background-color: #01357e; transition: all .3s; display: inline; padding: 0.156vw 1.042vw; color: #ffffff; font-size: var(--f-size-24); font-weight: 600; text-transform: uppercase; position: absolute; bottom: 50px; left: 0;}
.tret_cardMainTitle::before { content: ""; width: 0px; height: 0px; border-style: solid; border-width: 1.042vw 1.042vw 0 0; border-color: #01357e transparent transparent transparent; transform: rotate(0deg); position: absolute; top: 0; right: -1.042vw; }
.tret_cardMainTitle::after { content: ""; width: 0px; height: 0px; border-style: solid; border-width: 1.042vw 0 0 1.042vw; border-color: transparent transparent transparent  #01357e; transform: rotate(0deg); position: absolute; bottom: 0; right: -1.042vw; }
.row-gap-25{row-gap: 1.302vw;}


/* Loader */
.error-validate-custom { color:#ff0000; }

.loader-overly {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: rgba(255, 255, 255, 0.8);
}
.loader-overly .loader_middle {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.custom-loader {
   width: 50.4px;
   height: 50.4px;
   --c: linear-gradient(#01357e 0 0);
   background: var(--c), var(--c), var(--c);
   background-repeat: no-repeat;
   animation: bars-4tzcsomd 1s infinite,
          bars-d0g8gh 1s infinite;
}
 
@keyframes bars-4tzcsomd {
   0%, 100% {
      background-size: 10.1px 100%;
   }
 
   33%, 66% {
      background-size: 10.1px 10.1px;
   }
}
 
@keyframes bars-d0g8gh {
   0%, 33% {
      background-position: 0    0,50% 50%,100% 100%;
   }
 
   66%, 100% {
      background-position: 100% 0,50% 50%,0    100%;
   }
}

.ctm-modal .modal-header{border:none;}
.ctm-modal .modal-dialog{max-width:700px;}
.ctm-modal .modal-dialog .modal-content{border-radius:1.563vw; padding:2.604vw;}
.ctm-modal .btn-close{    position: absolute;top: -0.521vw;right: -0.521vw; width: 1.563vw; height: 1.563vw;background: #01357e;color: #ffffff; border-radius: 100%;opacity: 1; color:#ffffff; font-weight: bold;}

.kos-infoWrp { background-color: #01357e; }
.secContent-Wrp { padding: 2.604vw 3.646vw; }
.image-gap {padding: 10px; border: 30px solid #fff; height:100%;}

@media (max-width:991px) {
.ctm-modal .modal-dialog .modal-content{border-radius:20px; padding:30px;}
.ctm-modal .btn-close{    position: absolute;top: -7px;right: -7px;width: 20px;height: 20px;font-size: 10px;}
 
}

/* new */

.lp_newCard{background-color: #ffffff;}
.lp_newCard .lpContent{padding:1.563vw;}
.bg-blue{background-color: #01357e;}
.reange_card{background-color: var(--color-blue); height: 100%; border-radius: 0.781vw; padding: 1.302vw; color: #ffffff;}

/********************** responsive *********************/

@media (min-width:992px){
    .lg-container-vw {max-width:85%;}
    .md-container-vw {max-width:70%;}
    .container-pd-vw {padding-right: .781vw;padding-left: .781vw;}
    .row-vw {margin-right: -.781vw;margin-left: -.781vw;}
    .row-vw>.col, .row-vw>[class*=col] {padding-right: .781vw;padding-left: .781vw;}
    
}

@media (max-width:991px){

    :root{
        --f-size-30:20px;
        --f-size-24:18px;
        --f-size-20:16px;
        --f-size-34:22px;
        --f-size-18:14px;
    }

    .mb__15{margin-bottom: 12px;}
    .mb__20{margin-bottom: 14px;}
    .mb__25{margin-bottom: 16px;}
    .mb__30{margin-bottom: 18px;}
    .mb__35{margin-bottom: 20px;}
    .mb__40{margin-bottom: 25px;}
    .mb__50 {margin-bottom: 30px;}
    .mb__70 {margin-bottom: 40px;}

    .no-scroll {
        overflow: hidden !important;
    }

    p, ul {margin-bottom:20px;}
    h1, h2, h3, h4, h5, h6 {margin-bottom:12px;}
    h6 {font-size:14px;}
    h5 {font-size: 17px;}
    h4 {font-size: 20px;}
    h3 {font-size: 23px;}
    h2 {font-size: 26px;}
    h1 {font-size: 29px;}

    
    .sectionwrp{padding:30px 0;}
    .herosection .hero-CtaWrp{ bottom: 50px; }
    .cst-Btn{ padding: 15px 20px;  border-radius: 8px;}
    .submitCta{padding: 15px 20px;  border-radius: 8px;}

    .expertForm{padding:40px; border-radius:8px;}
    .form-group .cstInput{padding:15px;}
    .row-gap-50{row-gap: 30px;}
    .row-gap-80{row-gap: 40px;}
    .partnersec{padding:30px 0}

    /* .kos-infoWrp .section-Img{border-radius:8px;} */
    .kos-infoWrp .section-Img.imageLeft{margin-left: -0; margin-right: 0;}
    .kos-infoWrp .section-Img.imageRight{margin-right: -0; margin-left: 0;}
    .kos-listing{list-style:none; padding:0}
    .kos-listing .list-item{padding-left:20px; margin-bottom:15px;}
    .kos-listing .list-item:before { top:5px;  border-width: 0 4px 6px 4px;}

    .benefits-bg{padding: 50px 0;}

    .faq-sec{ border-radius:8px; }
    .faq-sec .faqHead{padding:15px}
    .faq-sec .faq-body{padding:30px;}
    .faq-Accordion .accordion-item .accordion-button{padding: 15px;}
    .faq-Accordion .accordion-item{ margin-bottom: 20px;}
    .faq-Accordion .accordion-item .accordion-body{ padding: 15px 25px 0;}
    .faq-Accordion .accordion-item .accordion-button::after{ background-size: 10px; width: 10px; height: 10px;}

    .Testimonial-Sec{padding:40px 0 25px 0;}
    .testimonial-items{padding:0 10px; padding-top: 35px;}
    .testimonial-items .testimonials-summaryBox{padding: 25px; border-radius:8px;}
    .quotLable{width: 40px; height: 40px; line-height: 50px; top: -5px; font-size: 25px;}
    .testimonials-review{ padding: 20px 0;}
    .rating-Wrp{column-gap:3px;}
    .cst-slider .slick-dots{bottom: -40px;}
    .cst-slider .slick-dots li button:before{width:15px; height:15px; box-shadow: 0px 2px 3px 0.21px rgba(4, 34, 22, 0.65);}
    .cst-slider .slick-dots li {margin-left:5px; margin-right:5px;}
    .cst-slider.slick-dotted.slick-slider{margin-bottom: 40px;}
    .Testimonial-Sec .cst-slider .slick-dots{bottom: -20px;}
    .why-kosmo-Wrp{row-gap: 30px;  justify-content: center;}
    .why-kosmo-Wrp .why-kosmoPointe{padding: 0 15px; width: 33%;}
    .why-kosmoPointe .wk-Pointe-Icon{max-width:50px; margin-bottom: 15px;}
    .requestbtn-Wrp{margin-top:25px;}
    .mx-W{max-width: 300px; width: 100%;}

    .ftr-secWrp{padding: 35px 0;}
    .ftrLogo{max-width: 250px; }
    .ftr-social{column-gap:5px;}
    .ftr-social .social-link{max-width:30px;}
    .ftrmidd-wrp{padding:25px 0; }
    .ftr-copyrightTxt{padding-top:25px;}

    .design-element{max-width: 100px; }
    .design-element.elementLeft{left:0; top:-50px;}
    .design-element.elementRight{right:0; bottom:-0}
    

    .secImgForm{max-width:400px; z-index: -1;}
    .kosmo-medifacial{padding: 35px 0;}
    .kosmo_MedifacialCard{ border-radius:8px; padding: 0 15px; margin-top: 25px; margin-bottom: 25px;}
    .kosmo_MedifacialCard .medi_cardIcon{transform: translateY(-15px);  max-width: 75px; padding: 5px;}
    .medi_cardContent{padding:0 0 20px 0;}
    .expect_section{ padding: 50px 0; background-position-x: -350px;}
    .appointment_sec{padding: 40px 0; background-position: right;}
    .cstCta{padding: 12px; min-width: 150px;}
    .ctaWrp{margin-top:15px;}
    .letter-s{letter-spacing: 3px;}
    .text-rp{padding-right:25px;}
    .text-lp{padding-left:25px;}

    .kosmo-diffSec{padding: 35px 0;}
    .kosmo-diff-Item{column-gap: 25px;}
    .kosmo-diffIcon{width: 60px; height: 60px; min-width: 60px; }
    .diff-flexWrp{row-gap: 25px;}
    .diffsec-pl{margin-left: 15px;}

    .formBg-element-1{top:30px; left: 0; max-width: 100px;}
    .formBg-element-2{top:30px; right: 0; max-width:120px;}
    .section-Img.imageLeft{margin-right: 15px; }
    .section-Img.imageRight{margin-left: 15px;}
    .text-rp{padding-right:15px;}
    .text-lp{padding-left:15px;}
    .about-choice{display: flex; flex-direction: column; row-gap: 30px;}



    .treatmentCard .overlay_Content{bottom: 30px; left:20px; max-width: 90%;}
    .treatmentCard::before,  .treatmentCard .overlay_Content{opacity: 1;}
    .treatmentCard .tret_cardMainTitle{opacity: 0;}
    .tretCard-title{position: relative; line-height: 1;}
    .tret_cardMainTitle{ padding: 1px 15px;  bottom: 30px;}
    .tret_cardMainTitle::before { border-width: 12px 12px 0 0;right: -12px; }
    .tret_cardMainTitle::after {border-width: 12px 0 0 12px;right: -12px; }
    .row-gap-25{row-gap: 25px;}

    .lp_newCard .lpContent{padding:15px;}
    .reange_card{border-radius: 10px; padding: 20px;}
    .image-gap {
        padding: 10px;
        border: 15px solid #fff;
    }
    .secContent-Wrp {
        padding: 50px 30px;
    }
}


@media (max-width:767px){
    :root{
        --f-size-30:20px;
        --f-size-24:17px;
        --f-size-20:16px;
    }
    .mobF{font-size: 15px;}
    .section-Img {margin-bottom: 30px;}
    .faq-Accordion .accordion-item .accordion-body { padding: 15px 0px 0; }
    .com-benefits ul{width: 100% !important;}
    .why-kosmo-Wrp .why-kosmoPointe{padding: 0 15px; width: 50%;}

    .expertForm {
        padding: 30px 20px 0 20px;
    }

    .ftr-social { margin-top: 20px; margin-bottom: 0; justify-content: start;}
    .ftrmidd-wrp::after{width: 100%;}

    .design-element{max-width:75px; position:absolute;}
    .design-element.elementLeft{left:0; top:-50px;}
    .design-element.elementRight{right:0; bottom:-0}

    .appointment_sec::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.6); z-index: 0;}
    .secImgForm{position: unset;}
    .row-gap-50{row-gap: 20px;}
    .text-rp{padding-right:0;}
    .text-lp{padding-left:0;}

    .kosmo-diffSec{position: relative;}
    .kosmo-diffSec::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.6); z-index: 0;}
    .section-Img.imageLeft{margin-right: 0; }
    .section-Img.imageRight{margin-left: 0;}
    .text-rp{padding-right:0;}
    .text-lp{padding-left:0;}
}


@media (max-width:575px){
    .formBg-element-2 {
        max-width: 70px;
    }
    .formBg-element-1 {
        max-width: 70px;
    }
}
@media (max-width:374px){
    :root {
        --f-size-30: 20px;
        --f-size-24: 17px;
        --f-size-20: 14px;
    }
}