#page{
    overflow-x:hidden;
}
.sticky-mob .nav-button{
    text-align:center;
    border:1px solid #1A1E39;
}
.hero-section{
    margin-top: 100px;
    /*padding-top:125px;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
button.wpcf7-form-control.wpcf7-submit.btn.btn-primary.buttonNewsletter:hover{
    background:transparent;
}
.text-navy{
    color:#000 !important;
}

h1{
    line-height: 85px;
    padding-bottom: 20px
}
.hero-section h3{
    font-size: 30px;
font-style: normal;
font-weight: 400 !important;
line-height: normal;
}
.hero-section p{
    min-height: 90px;
    text-align: center;
    font-size: 18px;
font-style: normal;
font-weight: 400;
}
.hero-section a{
    margin:10px;
    padding-left: 35px;
    padding-right: 35px
    
}
.service-page h2{
		font-family: 'freight-big-pro';
		font-size: 65px;
		line-height: 65px;
		margin-bottom: 20px;
		
	}
	.service-page h3{
		font-family: 'freight-big-pro';
		font-size: 23px;
		line-height: normal;
	}
	.service-page h4{
		font-family: 'Montserrat', sans-serif;
		font-size: 25px;
		margin-bottom: 2.5rem;
	}
	.common-para{
	    font-size: 16px;
font-style: normal;
font-weight: 500;
color: var(--Black, #000);
	}
.price{
    border-bottom: 1px solid var(--Black, #000);
background: var(--Navy, #1A1E39);
color: var(--Warm-White, #FFFDFA);
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
padding: 15px 0px 16px 0px;
width:100%;
}
.service-box{
    display: flex;
/*padding: 0px 50px;*/
flex-direction: column;
align-items: center;
gap: 20px;
border: 1px solid var(--Black, #000);
background: var(--Warm-White, #FFFDFA);
}
.service-box h3{
    color: var(--Black, #000);
text-align: center;
font-size: 25px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.service-box-content{
    padding:20px ;
     display: flex;
/*padding: 0px 50px;*/
flex-direction: column;
align-items: center;
gap: 20px;
}
.service-box-content a{
    text-align:center !important;
}
.about-section{
    background: var(--Warm-White, #FFFDFA) !important;

}
.about-section h2{
    color: var(--Black, #000);
}
.about-section h5{
   
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    font-family: 'freight-big-pro';
    color: var(--Black, #000);
    line-height: 40px;
    margin-bottom: 20px;
}
p{
    font-family: 'Montserrat', sans-serif !important;
}
.about-section p{
    color: var(--Black, #000);
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500;
    padding-bottom: 10px;
}
.about-section a{
    background: var(--Navy, #1A1E39);
    color: var(--Warm-White, #FFFDFA);
}
.value-section p{
    color: var(--Warm-White, #FFFDFA);
text-align: center;
font-family: 'Montserrat', sans-serif !important;
font-size: 15px;
}
.value-content{
    width:100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.value-content p , .value-content h2{
    width:60%;
}
.work-section p{
    width: 80%;
}
.benefit{
    display: flex;
max-height: 350px;
min-height: 300px;
padding: 25px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
flex-shrink: 0;
border: 1px solid var(--Black, #000);

}
.benefit p,.benefit h3{
    text-align:center;
     width: 100%;
     color: var(--Black, #000);
}
.benefit p{
    font-weight: 500;
}
.faq-item {
    border-bottom: 1px solid black; /* Add black border at the bottom of each FAQ item */
}
.faq-section h3{
    font-size: 30px !important;
font-style: normal;
font-weight: 400;
display:flex;
align-items: center;
justify-content: space-between;
padding: 20px 0px
}
.faq-question img {
    margin-right: 10px; 
}
.faq-section p{
    padding:20px 0px;
}
.faq{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.faq-section{
    width: 70%;
}
.faq-btn{
    /*width: 25%;*/
    margin: 40px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align:center;
    background: var(--Navy, #1A1E39);
    color: var(--Warm-White, #FFFDFA);
}
.condition-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*border: 1px solid #ccc;*/
    padding: 10px;
  }
  .condition-item {
    flex: 1;
    text-align: center;
  }
  .separator {
    margin: 0 10px;
  }
  .condition-section h2{
      margin-bottom: 30px ;
  }
  #centers, #center{
      overflow: hidden !important;
  }
  .condition-btn{
      margin: 30px 0px;
}
  .news {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.newsletter-input{
    background-color: transparent;
}
.newsletter-input::placeholder {
  font-family: 'Montserrat', sans-serif !important;
  text-transform:Uppercase;
}
.gallery-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.buttonNewsletter{
    font-weight: 700 !important;
}
span#right2 {
    cursor: pointer;
}
span#left2{
    cursor: pointer;
}
span#left1{
    cursor: pointer;
}
span#right1{
    cursor: pointer;
}
@media screen and (min-width: 1024px) {
    .hero-section h1,h1{
     line-height: 125% !important;
    }
}
  @media screen and (min-width: 1300px) {
      
   .benefit{
       min-height: 350px;
   }
   .box-para{
       min-height: 150px;
   }
   .last-section{
   padding-top: 0rem !important;
    padding-bottom: 0rem !important;
}
}
 @media screen and (min-width: 1600px) {
   .hero-section {
    
    padding-top: 10%;
   
}
.h-full {
    width:100%;
}
}

@media screen and (max-width: 768px) {
    .hero-section{
        display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 0px !important;
    }
    .benefit{
       min-height: 300px;
   }
   .faq-question img{
       margin-left: 10px;
   }
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
    .hero-section {
    margin-top: 0 !important;
    padding-top: 20% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
    h1{
         font-size:30px !important;
          line-height: 30px;
    }
    .hero-section a {
    margin: 5px;
    display:inline-block !important;
}
.hero-section a {
    /* width: 100%; */
    
    padding-left: 15px !important;
    
    padding-right: 15px !important;
    font-size: 12px !important;
}
.hero-section p {
    font-size: 12px !important;
}
}
@media(max-width:1280px){
    .service-box{
        justify-content:flex-start;
    }
    .service-box-content .common-para{
        min-height:180px;
    }
}
@media screen and (max-width: 1024px) {
     .service-box-content .common-para{
        min-height:262px;
    }
    .max-w-\[700px\] {
    max-width: 100% !important;
}

   .hero-section {
    margin-top: 0;
    padding-top:25%;
    padding-left:20px ;
     padding-right:20px ;
}
 .hero-section p{
     font-size:14px !important;
 }
h1{
    font-size:36px !important;
     line-height: 30px;
}
.service-page h3{
     font-size:20px !important;
}
.hero-section a {
    /*width: 100%;*/
    display: flex;
    justify-content: center;
    padding-left:20px !important;
    flex-direction:column;
    padding-right:20px !important;
     font-size:14px !important;
}
h2{
    font-size:40px !important;
    line-height:40px !important;
}
.about-section a {
    width: 100% !important;
    display: flex;
    justify-content: center;
}
.value-section {
    padding: 100px 40px !important;
}
.value-item-container{
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100%;
}
.work-section p {
    width: 100%;
    /*padding: 0px 10px;*/
}
.benefit{
    /*margin: 0px 10px;*/
    min-height: 350px;
}
.condition-item {
    font-size: 10px;
}
.faq-section {
    width: 100%;
}
.faq-btn {
    width: 100%;
    text-align: center;
}
.value-content p, .value-content h2 {
    width: 100%;
}
.value-item{
    width: 100%;
}
}
@media(max-width:990px){
    .work-section .gallery-container p.common-para {
    padding-left: 40px;
    padding-right: 40px;
}
    .service-box-content .common-para{
        min-height:auto;
    }
    h2 {
    font-size: 32px !important;
    line-height: 36px !important;
}
.work-section {
    margin-bottom: 0;
}
.about-section .w-full.lg\:w-6\/12.text-white.py-10.lg\:my-32 {
    padding-top: 0;
}
.nav-footer .w-6\/12.pt-2 {
    width: 100%;
}
.hero-section a{
        font-size:12px !important;
        padding-left:15px !important;
        padding-right:15px !important;
    }
}
@media only screen and (max-width: 767px) {
    
    
    .hero-section{
        margin-top:40px;
    }
    .gallery-container {
        overflow-x: hidden;
        padding-top: 5rem;
    }
    .gallery {
        display: flex;
        flex-wrap: nowrap;
        gap:2px !important;
    }
    .gallery-image {
        flex: 0 0 auto;
        width: 100%;
        margin-right: 0px; 
    }
    h1 {
    font-size: 35px !important;
    line-height: 30px !important;
    padding-top: 20px !important;
}
}