@font-face {
  font-family: 'DM Sans';
  src: url('./fonts/DMSans-Regular.ttf');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'DM Sans';
  src: url('./fonts/DMSans-Medium.ttf');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'DM Sans';
  src: url('./fonts/DMSans-Bold.ttf');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


*{margin:0px;padding: 0px;box-sizing: border-box;font-family: 'DM Sans'; }
a {text-decoration: none;}





.container {
width: 100%;
max-width: 1300px;
padding-left: 20px;
padding-right: 20px;
margin: 0 auto;
}






.topBar {
background:  #d20c16;
padding-bottom:16px ; padding-top: 16px;}

.topBarContent {
    display: flex;
    gap: 20px;
    justify-content: space-between;}

.topBarLeft {
    width: 50%;
    text-align: left;}

.topBarRight {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    gap: 50px;}

.topBar p {  color:#fff; font-size:16px ; }


.menuToggle{display: block;width: 32px;height: 32px;background-image: url('/wp-content/uploads/2026/06/burger2.svg');background-position: center;
    background-size: cover;background-repeat: no-repeat;cursor: pointer;display: none;
}

.company_values.capabilitiesSec{padding-top: 100px;}
.company_values.capabilitiesSec h2{margin-bottom: 40px;}
.company_values.capabilitiesSec ul{padding-left: 20px;margin-top: 16px;}
.company_values.capabilitiesSec li{    color: #fff;
    font-size: 16px;}

.company_values.capabilitiesSec .company_valuesCards{flex-wrap: wrap;}
.company_values.capabilitiesSec .company_valuesItem{    width: calc((100% - 20px) / 2);background: #041339;    padding: 40px 30px;}
.company_values.capabilitiesSec .company_valuesItem h3{margin-bottom: 16px;}





.btnstl{    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background: #d20c16;
    display: inline-block;
    padding: 12px 29px 12px 29px;
    border-radius: 5px;
    transition: 0.3s;margin-top: 20px;
    font-size: 14px;}
    .btnstl:hover{    background-color: #f73e47;
    transition: 0.3s;}


header .main-menu{display: flex;    gap: 70px;}
header .main-menu li{list-style: none;}



header { background:  #f3f3f3;position: relative;}

.headerFlex {
display: flex;
gap: 30px;
justify-content: space-between;
padding-bottom:10px ; padding-top: 10px;
align-items: center;
}

.logo img { width: 90px; height: auto; display: block; }

.headerMenu {
display: flex;
gap: 70px;    
}

.headerMenu a { color: #010F34; font-size: 16px;transition: 0.3s;  }
.headerMenu a:hover{transition: 0.3s;color: #d20c16;}

.headerBtn { color:#fff ; font-size:14px ; font-weight: 700; background: #d20c16 ; display: inline-block; 
    padding: 12px 29px 12px 29px; border-radius: 5px; transition:0.3s;}

.headerBtn:hover{transition: 0.3s;    background-color: #f73e47;}



.hero {
background:
    linear-gradient(
        rgba(0, 0, 0, 0.3),
        rgba(0, 0, 0, 0.3) ),
    url("./img/hero_bg.jpg");

background-size: cover;
background-position: center;
background-repeat: no-repeat;}

.heroContent {
padding-bottom: 100px ; padding-top:100px ;
}


.heroLeft h3{
    color: #d20c16;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 8px;
    width: max-content;
    background: #fff;
    padding: 5px 10px;
    border-radius: 10px;
}

.heroLeft h2{color:#fff; font-size: 32px ; font-weight: 700; margin-bottom: 18px;max-width: 960px;}

.heroLeft h1 { color:#fff; font-size: 68px ; font-weight: 700; margin-bottom: 18px; max-width: 1020px; }

.heroLeft p { color:#fff; font-size: 16px ; margin-bottom: 34px; max-width: 550px; max-width: 800px; }


.heroBtn { display: flex; gap: 20px; }

.heroLeft a {color:#fff ; font-size:14px ; font-weight: 700; background: #d20c16 ; display: inline-block; 
    padding: 12px 29px 12px 29px; border-radius: 5px; transition: 0.3s;}
.heroLeft a:hover { background-color: #f73e47; transition: 0.3s; }

.topBarRight a{color: #fff;}
.topBarRight a:hover{text-decoration: underline;}


.aboutContent {
    display: flex;
    gap: 50px;
    justify-content: space-between;
    padding-bottom:120px ; padding-top: 120px;
    align-items: center;
}

.aboutLeft {
    width: 45%;
}

.aboutLeft img {  width: 100%;
    height: 600px;
    object-fit: cover;
    border-radius: 20px; }

.aboutRight {
    width: 55%;
}

.aboutRight h3 {  color: #d20c16; font-size:20px ; font-weight: 500; margin-bottom: 10px; }

.aboutRight h2 {  color:#010f34; font-size:48px ; font-weight: 600; margin-bottom: 20px; }

.aboutRight p {  color:#010f34; font-size:16px ;  margin-bottom: 24px;  }

.aboutRight ol{padding-left: 20px;}

.aboutRight .aboutRightParagraph  {  color:#010f34; font-size:16px ;    }

.aboutRight h4 {   color:#010f34; font-size:21px ; font-weight: 600; margin-bottom: 20px; }

.aboutRight ul { margin-left: 20px; }
.aboutRight  li {color: #010F34; font-size:16px ;  margin-bottom: 10px; }
.ctaButtons{display: flex;gap: 20px;flex-wrap: wrap;}




.services {
background-image: url("./img/service_bg_.png");
background-size: cover;
background-position: center;}

.servicesContent {
padding-bottom:80px ; padding-top: 80px;
text-align: center
}

.servicesContent h3 { color: #d20c16; font-size:20px ; font-weight: 500; margin-bottom: 10px; }

.servicesContent h2 {  color:#010f34; font-size:48px ; font-weight: 600; margin: 0 auto 20px; max-width: 800px; margin-bottom: 50px;}


.servicesCards {
display: flex;
gap: 20px;
flex-wrap: wrap;
}

.cardServices {
width: calc((100% - 40px) / 3);
background: #fff;
box-sizing: border-box;
border-top-left-radius: 13px; border-top-right-radius: 13px; border-bottom-left-radius: 13px; border-bottom-right-radius: 13px;}

.cardServicesImg1 {
background-image: url("./img/services_1.jpg");
background-size: cover;
background-position: center;
height: 205px;
border-top-left-radius: 13px; border-top-right-radius: 13px;
margin-bottom: 30px;}

.cardServicesImg2 {
background-image: url("./img/services_2.jpg");
background-size: cover;
background-position: center;
height: 205px;
border-top-left-radius: 13px; border-top-right-radius: 13px;
margin-bottom: 30px;}

.cardServicesImg3 {
background-image: url("./img/services_3.jpg");
background-size: cover;
background-position: center;
height: 205px;
border-top-left-radius: 13px; border-top-right-radius: 13px;
margin-bottom: 30px;}

.cardServicesBotoom {
padding: 0px 20px 20px 20px;
}

.cardServicesBotoom h3 { color:#010f34; font-size:26px ; font-weight: 500; margin-bottom: 10px; }

.cardServicesBotoom p {  color:#010f34; font-size:16px ; margin-bottom: 20px; }

.cardServicesBotoom a { color:#fff ; font-size:14px ; font-weight: 700; background: #d20c16 ; display: block;
 width: 100%;  padding: 12px 29px 12px 29px; border-radius: 5px; transition: 0.3s; }
 .cardServicesBotoom a:hover {  background-color: #f73e47;  transition: 0.3s; }




.accordion-item {
    border-bottom: 1px solid #ddd;
}

.accordion-header {
    width: 100%;
    padding: 15px;transition: 0.3s;
    border: none;
        background: #d20c16;color: #fff;
    text-align: left;
    cursor: pointer;
    font-size: 16px;
}
.accordion-header:hover{transition: 0.3s;background-color: #f73e47;}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

.accordion-body {
    padding: 15px;
}

.accordion-item.active .accordion-content {
    max-height: 500px; /* должно быть больше высоты контента */
}


.noPadP p{margin-bottom: 0px;}







.book_now {

 background-size: cover;
background-position: center;
background-repeat: no-repeat;
}

.book_nowContent {
width: 100%; max-width: 655px;
padding-bottom:120px ; padding-top: 120px;
}

.book_nowContent h3 { color: #d20c16; font-size:20px ; font-weight: 500; margin-bottom: 10px;}

.book_nowContent h2 {  color:#fff; font-size:48px ; font-weight: 600; margin-bottom: 20px; }

.book_nowContent p {  color:#fff; font-size:16px ; margin-bottom: 30px; }

.book_nowContent a { color:#fff ; font-size:14px ; font-weight: 700; background: #d20c16 ; display: inline-block;
padding: 12px 29px 12px 29px; border-radius: 5px;  transition: 0.3s; }
.book_nowContent a:hover {  background-color: #f73e47; transition: 0.3s;  }








.featuresCard {
background: #d20c16 ;
padding: 40px 30px;
margin-bottom:80px ; margin-top:80px ;
border-radius: 30px;
justify-content: space-between;
gap: 20px;
display: flex;
}

.featureItem { width: calc((100% - 80px) / 5);  text-align: center; }

.featureItem h2 {  color:#fff; font-size:44px; font-weight: 600; margin-bottom: 10px; }

.featureItem p {  color:#fff; font-size:20px ; font-weight: 500;  }








.company_valuesContent {
padding-bottom:80px ; 
text-align: center;
}

.company_valuesContent h3 {color: #d20c16; font-size:20px ; margin-bottom: 10px; font-weight: 500;}

.company_valuesContent h2 {  color:#010f34; font-size:48px ; font-weight: 600; margin-bottom: 20px; }

.company_valuesContent p {  color:#010f34; font-size:16px ; max-width: 605px; margin: 0 auto; margin-bottom: 50px; }

.company_valuesCards {
display: flex;
gap: 20px;
margin-bottom: 50px;
}

.company_valuesItem {
width: calc((100% - 60px) / 4);
background:  #d20c16;
box-sizing: border-box;
border-radius: 13px;
padding: 30px 20px;}

.company_valuesItem h3 { color:#fff; font-size:24px ; font-weight: 500; margin-bottom: 10px; }

.company_valuesItem p { color:#fff; font-size:16px ; margin: 0 auto; }

.company_valuesContent a { color:#fff ; font-size:14px ; font-weight: 700; background: #d20c16 ; display: inline-block;
padding: 12px 29px 12px 29px; border-radius: 5px; transition: 0.3s;  }
.company_valuesContent a:hover {  background-color: #f73e47; transition: 0.3s;  }





.testimonials {
background-image: url(./img/testimonials.png);
}

.testimonialsContent {
padding-bottom:80px ; padding-top: 80px;
text-align: center;
}



.testimonialsContent  h3 {color: #d20c16; font-size:20px ; margin-bottom: 10px; font-weight: 500;}

.testimonialsContent h2 {  color: #fff; font-size:48px ; font-weight: 600; margin: 0 auto 20px; max-width: 800px; }

.testimonialsContent p {  color:#fff; font-size:16px ; max-width: 645px; margin: 0 auto; margin-bottom: 50px; }


.testimonialsCards {
    display: flex;
    gap: 20px;
}

.testimonialsItem {
width: calc((100% - 20px) / 2);
background: #fff;
box-sizing: border-box;
border-radius: 13px;
border: 3px solid  #d20c16;
padding: 30px 30px;
text-align: left;}

.testimonialsItem div { margin-bottom: 20px; }


.testimonialsItem p { color:#010f34; font-size:16px ; max-width: 585px; margin: 0 auto; margin-bottom: 20px; }

.testimonialsItem h4 { color:#010f34; font-size:19px ; margin: 0 auto; }





.whyChooseUsContent {
padding-bottom: 80px; padding-top: 80px;
display: flex;
gap: 40px;
justify-content: space-between;
}

.whyChooseUsLeft {
    width: 45%;}

.whyChooseUsRight {
    width: 55%;
}

.whyChooseUsLeft img {  width: 100%;
    height: 600px;
    object-fit: cover;
    border-radius: 20px; }


.whyChooseUsRight h3 {color: #d20c16; font-size:20px ; margin-bottom: 10px; font-weight: 500;}

.whyChooseUsRight h2 {  color: #010f34; font-size:48px ; font-weight: 600; margin-bottom: 20px; }

.whyChooseUsRight p {  color:#010f34; font-size:16px ;  margin-bottom: 30px;  }






footer {
background-image: url(./img/footer_bg.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}

.footerContent {
    display: flex;
    gap: 30px;
    padding-bottom: 60px; padding-top: 60px;}

.footerInfo { width: 25%; }
.footerLinks { width: 75%; display: flex; gap: 30px; }

.footerLinks div { width: calc((100% - 40px) / 3); }


.footerLogo { width: 110px; height: auto; display: block; border-radius: 12px; }


.footerInfo p { max-width: 250px; }
.footerContent p { color: #fff; font-size: 16px; margin-bottom: 10px; }

.footerContent h3 { color: #fff; font-size: 24px; margin-bottom: 10px; }

.footerContent a { color: #fff; font-size: 16px; margin-bottom: 10px; display: block; transition: 0.3s; }
.footerContent a:hover { color: #d20c16; transition: 0.3s; }

.footerContacts a:hover{text-decoration: underline;}

footer li{list-style: none;}






.footerBottom {
background:  #d20c16;
padding-bottom:23px ; padding-top: 23px;
}

.footerBottom a:hover{text-decoration: underline;}

.footerBottomContent {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.footerLeft {
    width: 50%;
    text-align: left;
}

.footerRight {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    gap: 50px;
}

.footerLeft p { color:#fff; font-size:16px ; }

.footerRight a {  color:#fff ; font-size:16px ;  display: inline-block; }

.footerRight p { color:#fff; font-size:16px ; }






.servicesCards.contactsMeta .cardServices{    background: #d20c16;padding: 40px 20px;}
.servicesCards.contactsMeta .cardServices p,.servicesCards.contactsMeta .cardServices a{font-size: 18px;color: #fff;}
.servicesCards.contactsMeta .cardServices h4{font-size: 24px;margin:0 auto 10px;color: #fff;width: max-content;display: flex;gap: 16px;align-items: center;}
.servicesCards.contactsMeta .cardServices a:hover{text-decoration: underline;}
.contactPhone:before{content:'';width: 24px;height: 24px;display: block;background-image: url('/wp-content/uploads/2026/06/ringg.svg');    background-position: center;
    background-size: contain;}
.contactEmail:before{content:'';width: 24px;height: 24px;display: block;background-image: url('/wp-content/uploads/2026/06/maill.svg');    background-position: center;
    background-size: contain;}
.contactAddress:before{content:'';width: 24px;height: 24px;display: block;background-image: url('/wp-content/uploads/2026/06/pinn.svg');    background-position: center;
    background-size: contain;}


    .formStyle input{display: block;width: 100%;padding: 10px 16px;margin-top: 6px;}
    .formStyle textarea{display: block;width: 100%;resize: none;margin-top: 6px;    height: 100px;}
.formStyle form{max-width: 500px;}
.formStyle label{display: block;margin-bottom: 10px;}
.wpcf7-not-valid-tip{margin-top: 6px;}

.formStyle input[type="submit"]{color: #fff;
    font-size: 14px;
    font-weight: 700;
    background: #d20c16;
    display: inline-block;border: 0px;width: max-content;
    padding: 12px 29px 12px 29px;cursor: pointer;
    border-radius: 5px;
    transition: 0.3s;}
.formStyle input[type="submit"]:hover{    transition: 0.3s;
    background-color: #f73e47;}

.privacy{padding-top: 80px;padding-bottom: 80px;}
















.pageHero {
 background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(/wp-content/uploads/2026/06/pagehero_bg.jpg);

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.pageHeroContent {
padding-bottom:100px ; padding-top: 100px;
text-align: center;}

.pageHeroLinks { display: flex; gap: 30px; justify-content: center;; }

.pageHeroContent h1 { color: #fff; font-size:64px ; margin-bottom:15px ; font-weight:600 ; }

.pageHeroContent a { color: #fff; font-size:14px ; font-weight:700 ; display: inline-block; }

.pageHeroContent p {  color: #fff; font-size:14px ; font-weight:700 ;  }




@media (max-width: 991px) {

.menuToggle{display: block;}

.headerMenu {  position: absolute;
    top: 100%;width: 100%;left: 0;max-height: 0px;overflow: hidden;
    background: #f3f3f3;padding: 0px 20px;
  transition: 0.3s;
    flex-direction: column;
}


.headerMenu.open {
    max-height: 500px;
    padding: 10px 20px 10px 20px;
}

    .pageHeroContent {
        padding-top: 80px;
        padding-bottom: 80px; }

    .pageHeroContent h1 {
        font-size: 42px;
        margin-bottom: 12px;  }

    .pageHeroLinks {
        gap: 20px;
        flex-wrap: wrap; }

    /* .pageHeroContent a,
    .pageHeroContent p {
        font-size: 13px; } */
}


@media (max-width: 767px) {

    .pageHeroContent {
        padding-top: 60px;
        padding-bottom: 60px;  }

    .pageHeroContent h1 {
        font-size: 32px;
        line-height: 36px;
        margin-bottom: 10px; }

    .pageHeroLinks {
        gap: 10px;
        flex-wrap: wrap;
        justify-content: center;}

    .pageHeroContent a,
    .pageHeroContent p {
        font-size: 12px;}
}





.serviceDetailsContent {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    padding: 30px;
    margin-top: 60px; margin-bottom:60px ;
}

.serviceDetailsContent img { width: 100%; height: auto; margin-bottom: 30px; }

.serviceDetailsContent h2 {  color:#010f34; font-size:48px ; margin-bottom:20px ; font-weight:700 ; }

.serviceDetailsContent p {  color:#010f34; font-size:16px ; margin-bottom:25px ;  }

.serviceDetailsContent h3 {  color:#010f34; font-size:30px ; margin-bottom:15px ; font-weight:700 ; }


.specialAbout.about .aboutContent{padding-top: 0px;}

















.privacyContent h2 { font-size: 32px;
    font-weight: 600;
    color: #010f34;
    margin-bottom: 20px;
    margin-top: 40px; }

.privacyContent h3 { font-size: 24px;
    font-weight: 600;
    color: #010f34;
    margin-bottom: 15px;
    margin-top: 30px; }

.privacyContent p {  font-size: 16px;
    line-height: 1.6;
    color: #515151;
    margin-bottom: 20px; }

.privacyContent li{font-size: 16px;
    line-height: 1.4;
    color: #515151;}
.privacyContent ul{padding-left: 20px;margin-bottom: 20px;}














.infoAbout {
background-image: url(./img/testimonials.png);
}

.infoAboutContent {
padding-bottom:80px ; padding-top: 80px;
text-align: center;
}

.infoAboutContent h2 {  color: #fff; font-size:48px ; font-weight: 600; margin: 0 auto 20px; max-width: 1000px; }

.infoAboutContent p {  color:#fff; font-size:16px ; max-width: 855px; margin: 0 auto 10px;  }

.infoAboutContent .infoAboutparagraph { color:#fff; font-size:16px ; max-width: 855px; margin: 0 auto; margin-bottom: 10px; }




@media(max-width: 1100px){
header .main-menu{gap: 30px;}
}






@media (max-width: 991px) {

.headerBtn{display: none;}
header .main-menu{display: flex;flex-direction: column;gap: 0px;}
header .main-menu a{padding-top: 10px;padding-bottom: 10px;display: block;        border-bottom: 1px solid #010f3485;}
header .main-menu li:last-child a{border-bottom: 0px;}


    .infoAboutContent {
        padding-top: 60px;
        padding-bottom: 60px;  }

    .infoAboutContent h2 {
        font-size: 36px;
        line-height: 40px;
        margin-bottom: 15px;
        max-width: 800px;  }

    .infoAboutContent p,
    .infoAboutContent .infoAboutparagraph {
        font-size: 16px;
        max-width: 100%; }

    .infoAboutContent .infoAboutparagraph {
        margin-bottom: 10px; }
}


@media (max-width: 767px) {

    .infoAboutContent {
        padding-top: 50px;
        padding-bottom: 50px;  }

    .infoAboutContent h2 {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 12px; }

 

    .infoAboutContent .infoAboutparagraph {
        margin-bottom: 8px;  }
}





.coreMission {
background:
 linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),
 url("./img/3470\ \(1\).jpg");
 background-size: cover;
background-position: center;
background-repeat: no-repeat;
}

.coreMissionContent {
width: 100%; max-width: 655px;
padding-bottom:120px ; padding-top: 120px;
}

.coreMissionContent h3 { color: #d20c16; font-size:20px ; font-weight: 500; margin-bottom: 10px;}

.coreMissionContent h2 {  color:#fff; font-size:48px ; font-weight: 600; margin-bottom: 20px; }

.coreMissionContent p {  color:#fff; font-size:16px ; margin-bottom: 30px; }

.coreMissionContent a { color:#fff ; font-size:16px ; font-weight: 700; background: #d20c16 ; display: inline-block;
padding: 12px 29px 12px 29px; border-radius: 5px;  transition: 0.3s;font-size: 14px; }
.coreMissionContent a:hover {  background-color: #f73e47; transition: 0.3s;  }




@media (max-width: 991px) {

    .coreMissionContent {
        padding-top: 80px;
        padding-bottom: 80px;
        max-width: 100%; }

    .coreMissionContent h3 {
        font-size: 18px;  }

    .coreMissionContent h2 {
        font-size: 36px;
        margin-bottom: 15px;
        line-height: 40px;  }

    .coreMissionContent p {
        margin-bottom: 25px;   }

    .coreMissionContent a {
        padding: 10px 22px;
        }
}


@media (max-width: 767px) {

    .coreMissionContent {
        padding-top: 60px;
        padding-bottom: 60px;
        max-width: 100%;
        text-align: center; }

    .coreMissionContent h3 {
        font-size: 16px;
        margin-bottom: 8px; }

    .coreMissionContent h2 {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 12px;  }

    .coreMissionContent p {
        margin-bottom: 20px;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;  }

    .coreMissionContent a {
        padding: 10px 18px;  }

.ctaButtons{flex-direction: column;justify-content: center;align-items: center;}
.book_nowContent a{max-width: max-content;}

.company_values.capabilitiesSec .company_valuesItem{    width:100%;background: #041339;    padding: 30px 20px;}


}










.cardContact h3 { padding-top: 20px; }










































@media (max-width: 991px) {

    .heroContent {
        padding-top: 80px;
        padding-bottom: 80px; }

    .heroLeft h1 {
        font-size: 42px;
        max-width: 100%;}

        .heroLeft h2{    font-size: 24px;}
    .heroLeft p {
        max-width: 100%;
        font-size: 15px; }

    .heroLeft h3 {
        font-size: 16px;
        padding: 4px 8px;}

    .heroBtn {
        flex-wrap: wrap; }

    .heroLeft a {
        padding: 10px 22px;}





    .aboutContent {
        gap: 30px;
        padding-top: 80px;
        padding-bottom: 80px;
        align-items: center;}

    .aboutRight h2 {
        font-size: 36px;
        margin-bottom: 15px;
        line-height: 40px; }

    .aboutRight p {
        font-size: 16px;
        margin-bottom: 20px; }

    .aboutRight h4 {
        font-size: 18px;
        margin-bottom: 15px; }






    .servicesContent {
        padding-top: 60px;
        padding-bottom: 60px; }

    .servicesContent h2 {
        font-size: 36px;
       line-height: 40px;
        margin-bottom: 40px;  }

    .cardServices {
        width: calc((100% - 40px) / 3);
        flex-shrink: 0;  }

    .cardServicesImg1,
    .cardServicesImg2,
    .cardServicesImg3 {
        height: 180px; margin-bottom: 20px; }

    .cardServicesBotoom h3 {
        font-size: 22px; }

    .cardServicesBotoom p {
        font-size: 15px; }

    .cardServicesBotoom a {
        padding: 10px 20px;
      }





     .book_nowContent {
        padding-top: 80px;
        padding-bottom: 80px;
        max-width: 100%; }

    .book_nowContent h2 {
        font-size: 36px;
        margin-bottom: 15px;  }

    .book_nowContent p {
        margin-bottom: 25px; }

    .book_nowContent h3 {
        font-size: 18px;   }

    .book_nowContent a {
        padding: 10px 22px;
        }





    .featuresCard {
        padding: 30px 20px;
        margin-top: 60px;
        margin-bottom: 60px;
        gap: 15px; }

    .featureItem {
        width: calc((100% - 60px) / 5); }

    .featureItem h2 {
        font-size: 32px;
        margin-bottom: 8px; }

    .featureItem p {
        font-size: 16px;}






    .company_valuesContent {
        padding-bottom: 60px;}

    .company_valuesContent h2 {
        font-size: 36px;
        margin-bottom: 15px; }

    .company_valuesContent p {
        font-size: 15px;
        margin-bottom: 40px; }

    .company_valuesCards {
        gap: 20px;
        flex-wrap: wrap;
        margin-bottom: 40px; }

    .company_valuesItem {
        width: calc((100% - 20px) / 2); }

    .company_valuesItem h3 {
        font-size: 22px; }

    .company_valuesItem p {
        font-size: 15px;
    margin-bottom: 0px;}






    .testimonialsContent {
        padding-top: 60px;
        padding-bottom: 60px;}

    .testimonialsContent h2 {
        font-size: 36px;
        margin-bottom: 15px; }

    .testimonialsContent p {
        margin-bottom: 40px;}

    .testimonialsCards {
        gap: 20px;
        flex-wrap: wrap;}

    .testimonialsItem {
        width: calc((100% - 20px) / 2);
        padding: 25px 20px; }

    .testimonialsItem p {
        margin-bottom: 15px; }

    .testimonialsItem h4 {
        font-size: 18px; }






    .whyChooseUsContent {
        padding-top: 60px;
        padding-bottom: 60px;
        gap: 30px;  }

    .whyChooseUsRight h2 {
        font-size: 36px;
        margin-bottom: 15px; }

    .whyChooseUsRight p {
        margin-bottom: 20px; }







    .footerContent {
        flex-direction: column;
        gap: 20px;
        padding-top: 50px;
        padding-bottom: 50px; }

    .footerInfo {
        width: 100%; }

    .footerLinks {
        width: 100%; }

    .footerLogo {
     margin: 0 auto; width: 90px; }

    .footerContent p {
   }

    .footerContent h3 {
        font-size: 20px; }

    .footerContent a {
        }



    .footerRight {
    gap: 20px;}

}













@media (max-width: 767px) {

    .heroLeft h2 {
        font-size: 20px;
    }


 .heroContent {
        padding-top: 60px;
        padding-bottom: 60px;
        text-align: center;  }

    .heroLeft h3 {
        margin: 0 auto 10px;
        width: max-content; }

    .heroLeft h1 {
        font-size: 30px;
        margin-bottom: 15px;  }

    .heroLeft p {
        margin-bottom: 25px; }

    .heroBtn {
        justify-content: center;
        gap: 12px; }

    .heroLeft a {
        padding: 10px 18px;}



      .topBarContent{flex-direction: column;gap: 10px;}
.topBarLeft,.topBarRight{width: 100%;    justify-content: center;text-align: center;}
.topBar{    padding-bottom: 10px;
    padding-top: 10px;}


    .aboutContent {
        flex-direction: column;
        gap: 25px;
        padding-top: 60px;
        padding-bottom: 60px;
        align-items: flex-start; }

    .aboutLeft,
    .aboutRight {
        width: 100%;}

    .aboutLeft img {
        height: 320px;
        border-radius: 16px; }

    .aboutRight h3 {
        font-size: 16px;
        margin-bottom: 8px; }

    .aboutRight h2 {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 12px; }

    .aboutRight p {
        font-size: 16px;
        margin-bottom: 18px;}

    .aboutRight h4 {
        font-size: 16px;
        margin-bottom: 12px; }

    .benefitsList {
        padding-left: 18px;
        margin-left: 0; }






    .servicesContent {
        padding-top: 50px;
        padding-bottom: 50px; }

    .servicesContent h2 {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 30px;  }

    .servicesCards {
        flex-wrap: wrap;
        gap: 20px;  }

    .cardServices {
        width: 100%;
        flex-shrink: 1;  }

    .cardServicesImg1,
    .cardServicesImg2,
    .cardServicesImg3 {
        height: 200px;
        margin-bottom: 20px; }

    .cardServicesBotoom h3 {
        font-size: 20px; }



    .cardServicesBotoom a {
        padding: 10px 18px; }





    .book_nowContent {
        padding-top: 60px;
        padding-bottom: 60px;
        max-width: 100%;
        text-align: center;}

    .book_nowContent h3 {
        font-size: 16px;
        margin-bottom: 8px; }

    .book_nowContent h2 {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 12px; }

    .book_nowContent p {
        margin-bottom: 20px; }

    .book_nowContent a {
        padding: 10px 18px; }






     .featuresCard {
        padding: 25px 15px;
        margin-top: 50px;
        margin-bottom: 50px;
        flex-wrap: wrap;
        gap: 20px; }

    .featureItem {
        width: 100%;}

    .featureItem h2 {
        font-size: 26px;
        margin-bottom: 6px;}

    /* .featureItem p {
        font-size: 14px; } */


.company_values.capabilitiesSec{padding-top: 80px;padding-bottom: 20px;}



    .company_valuesContent {
        padding-bottom: 50px; }

    .company_valuesContent h3 {
        margin-bottom: 8px; }

    .company_valuesContent h2 {
        font-size: 28px;
        margin-bottom: 12px; }

    .company_valuesContent p {
        margin-bottom: 30px; }

    .company_valuesCards {
        gap: 15px;
        flex-wrap: wrap;
        margin-bottom: 30px;}

    .company_valuesItem {
        width: 100%; }

    /* .company_valuesItem h3 {
        font-size: 18px; } */

    .company_valuesItem p {
        margin-bottom: 0; }






    .testimonialsContent {
        padding-top: 50px;
        padding-bottom: 50px;}

    .testimonialsContent h2 {
        font-size: 28px;
        margin-bottom: 12px; }

    .testimonialsContent p {
        margin-bottom: 30px; }

    .testimonialsCards {
        flex-wrap: wrap;
        gap: 15px; }

    .testimonialsItem {
        width: 100%;
        padding: 20px 15px; }

    .testimonialsItem p {
        margin-bottom: 12px; }

    .testimonialsItem h4 {
        font-size: 16px; }





    .whyChooseUsContent {
        flex-direction: column;
        padding-top: 50px;
        padding-bottom: 50px;
        gap: 25px;  }

    .whyChooseUsLeft,
    .whyChooseUsRight {
        width: 100%;  }

    .whyChooseUsLeft img {
        height: 320px;
        border-radius: 16px; }

    .whyChooseUsRight h3 {
        font-size: 16px;
        margin-bottom: 8px; }

    .whyChooseUsRight h2 {
        font-size: 28px;
        margin-bottom: 12px; }

    .whyChooseUsRight p {
        margin-bottom: 18px;}





     .footerContent {
        flex-direction: column;
        gap: 30px;
        padding-top: 60px;
        padding-bottom: 50px;
        text-align: center; }

    .footerInfo {
        width: 100%; }

    .footerLinks {
        width: 100%;
        flex-direction: column;
        gap: 25px;
        align-items: center; }

    .footerLinks div {
        width: 100%;
        text-align: center; }

    .footerLogo {
        display: block;
        margin: 0 auto 15px;
        width: 90px;  }

    .footerContent p {
        margin-left: auto;
        margin-right: auto;}

    .footerContent h3 {
        font-size: 22px;
        text-align: center; }

    .footerContent a {
        text-align: center;}

.footerContent p{margin-bottom: 16px;}




     .footerBottomContent {
        flex-direction: column-reverse;
        align-items: center;
        gap: 10px;
        text-align: center; }

    .footerLeft,
    .footerRight {
        width: 100%;
        text-align: center;
        justify-content: center;  }

    .footerRight {
        flex-wrap: wrap;
        gap: 20px; }

    .footerLeft p {
        text-align: center; }

    .footerRight a,
    .footerRight p {
        text-align: center; }


}