.inner-banner { overflow: hidden; background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%,
 rgba(255, 255, 255, 0) 100%), url('../img/contactpage/contact-banner-img.jpg');  
background-size: cover, cover;  background-repeat: no-repeat, no-repeat;
background-position: center, top 0px left 0px; height: 720px;}

.contact-us{ display: flex; width: 100%; background:var(--lightblue); padding-bottom: 30px;}
.contact-us .card{ margin-top: -380px; z-index: 99; border-radius:14px ; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); padding: 60px; }
.contact-us .card h3{ font-size: var(--fontSize36); margin-bottom: 10px;}
.contact-us .card p { margin-bottom: 0;}
.contact-us .card p a{ color: var(--blue);}
.contact-us .card p a:hover{ text-decoration: underline;}
.contact-us .card  br{ display: none;}


/* GLOBAL ESTTABLISHMENT */
.global-establishment{ display: flex; width: 100%; padding:60px 0 80px 0; background-image:url('../img/Homepage/blue_dot_small.svg'),url('../img/Homepage/blue_dot_small.svg'), url('../img/contactpage/the-global-establishment-BG.svg'); background-position:right 50px top 100px,  left bottom, center bottom; background-size: 60px, 160px, cover; background-repeat:no-repeat, no-repeat, no-repeat;}
.global-establishment .sub-heading {font-family: "Barlow"; letter-spacing: 15px; font-weight: 600;
  margin-bottom: 20px; color: var(--darkblue); padding-top: 40px;}
.global-establishment .heading { color: var(--darkblue); padding-bottom: 70px; }

.global-establishment  .global-list { justify-content:space-between;}
.global-establishment  .address-wrap{ padding: 20px 20px 15px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); max-width: 400px; border-radius: 13px; overflow: hidden; transition: all ease-in-out 0.2s; background: var(--white);}  
.global-establishment  .address-wrap .heading{ display: flex; align-items: center; margin-bottom: 20px; padding: 0;}
.global-establishment  .address-wrap .heading img{max-width: 80px;}
.global-establishment  .address-wrap .heading h3{ font-size: var(--fontSize22); margin: 0 0 0 26px; text-align: left; }

.global-establishment  .address-wrap .content{ display: block; text-align: left; }
.global-establishment  .address-wrap .content p{ display: block; margin: 0px 0 16px 0; font-weight: 500; position: relative; padding-left: 26px;}
.global-establishment  .address-wrap .content p i{ margin: 0 8px 0px 0; color:var(--blue); position:absolute; left: 0; top: 5px;}

.global-establishment .global-list .col:hover .address-wrap{ transform: translateY(-10px); background: var(--blue); box-shadow: 0 0 18px rgba(0, 0, 0, 0.5); }
.global-establishment .global-list .col:hover *{ color: var(--white);}



.wpcf7-not-valid-tip{ display: none !important;}
.wpcf7-not-valid{ border-color: #dc3232 !important;}
/* .wpcf7-form-control[ aria-invalid="false"]{ border-color: #4fce06 !important;} */




.contact-us img{ max-width: 400px; width: 100%; margin-top: 30px;}
.contact-us .card .align-items-start{ justify-content: center;}
.contact-us  .address-wrap {background: var(--lightblue); padding: 20px 20px 5px; width: 100%; display: flex; border: solid 1px var(--lightblue); border-radius: 8px;}
.contact-us  .address-wrap .heading{ display: flex; align-items: center; margin-bottom: 20px; padding: 0;}
.contact-us  .address-wrap .heading img{max-width: 80px;}
.contact-us  .address-wrap .content{ display: flex; text-align: left; flex-wrap: wrap; justify-content: space-between; }
.contact-us  .address-wrap .content h4{ display: flex; text-align: left; width: 100%; padding-bottom: 6px; }

.contact-us  .address-wrap .content p{ display: block; font-size: var(--fontSize17);   margin: 0px 0 16px 0; font-weight: 500; position: relative; padding-left: 26px;}
.contact-us  .address-wrap .content p a{color: #212529;}
.contact-us  .address-wrap .content p i{ margin: 0 8px 0px 0; font-size: var(--fontSiz18); color:var(--blue); position:absolute; left: 0; top: 5px;}

@media only screen and (max-width:1023px) {
.contact-us  .address-wrap{ margin-bottom: 30px;}
}

@media only screen and (max-width:767px) {
.contact-us .address-wrap .content {flex-direction: column;}
}




@media only screen and (max-width:1199px) {

  .contact-us .card { margin-top: -460px; }

  .contact-us{ padding-bottom: 50px;}
  .contact-us .card{ padding: 40px;}
  .global-establishment{ padding:50px 0 60px 0;}
  .global-establishment .sub-heading{ padding-top: 0;}
  .global-establishment .heading{ padding-bottom: 40px;}
 
 

}

@media only screen and (max-width:1023px) {
 
  .inner-banner{ height: auto;}


  .contact-us {padding: 50px 0; }
  .contact-us .card { padding: 20px; margin: 0;}
  .contact-us .card .col{ flex: none;}

 

  .global-establishment .gap-5 { gap: 2rem !important; }
  .global-establishment .address-wrap .content p{ margin: 0px 0 10px 0;}
  .global-establishment .address-wrap .heading h3{ margin: 0 0 0 16px;}

}

@media only screen and (max-width:767px) {
  .contact-us .card { padding: 30px 20px;}
  .global-establishment { padding: 50px 0 50px 0; }
  .global-establishment .address-wrap { max-width: 100%;}
}








/* ---------------------------SEVENTH SECTION--------------------------- */
.seventh-section {
  background: url("../img/Homepage/blue_dot_small.svg"), url('../img/Homepage/blue_dot_small.svg'), #F7FCFF;
  background-size: 150px, 50px, cover;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: top 50px right 60px, top 150px left 80px;
}

.seventh-section .container .sub-heading {
  font-family: "Barlow";
  letter-spacing: 15px;
  font-weight: 600;
  margin-bottom: 20px;
  color: var(--darkblue);
  padding-top: 40px;
}

.seventh-section .container .heading {
  color: var(--darkblue);
}

.seventh-section .container .heading span {
  color: var(--blue);
}

.seventh-section .carousel-container {
  overflow: hidden;
  margin: auto;
  margin-top: 20px;
  padding-bottom: 30px;
  position: relative;
  width: 100%;
}

.seventh-section .carousel-container .track-wrapper {
  width: 100%;
  margin: auto;
  padding: 10px;
}

.seventh-section .carousel-container .track-wrapper .carousel-track {
  display: flex;
  transition: transform 0.5s ease;
  column-gap: 10px;
  padding: 0 30px;
}

.seventh-section .carousel-container .card {
  flex: 0 0 22.5%;
  display: flex;
  flex-direction: column;
  margin: 10px;
  padding-top: 80px;
  width: 90%;
  background: none;
  border: none;
  border-radius:0;
}

.seventh-section .card .outer-container {
  padding: 18px 0;
  border-radius: 19px;
  background: var(--white);
  box-shadow: 0px 4px 11px 2px #00000040;
}

.seventh-section .card .inner-container {
  padding: 0 30px;
  border: 1px solid var(--blue);
  border-radius: 19px;
  background: var(--white);
  box-shadow: 0px 4px 11px 2px #00000040;
  position: relative;
}

.seventh-section .inner-container .logo-container {
  position: absolute;
  background: var(--white);
  box-shadow: 0px 4px 11px 2px #00000040;
  border-radius: 19px;
  width: fit-content;
  padding: 8px;
  top: -20%;
  left: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 116px;
  width: 116px;
}

.seventh-section .inner-container .card-content {
  display: flex;
  flex-direction: column;
}

.seventh-section .inner-container .card-content .title {
  margin-top: 60px;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--blue);
  font-weight: 600;
  text-wrap-mode: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.seventh-section .inner-container .card-content .review {
  padding: 10px 0;
  font-size:  var(--fontSize11);
  display: flex;
  align-items: center;
  margin-bottom: 0;
}

.seventh-section .inner-container .card-content .description {
  font-size:  var(--fontSize13);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  height: 83px;
  margin-bottom: 10px;
  color: var(--lightblack);
}

.seventh-section .card-content .location,
.seventh-section .card-content .range {
  display: flex;
  flex-direction: row;
  font-size:var(--fontSize13);
  font-weight: 600;
  padding-top: 8px;
}

.seventh-section .card-content .btn {
  width: fit-content !important;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 20px;
  
}

.seventh-section .owl-carousel .owl-item img {
  width: auto !important;
}

.owl-carousel .owl-nav .owl-prev::before,
.owl-carousel .owl-nav .owl-next::before {
  color: var(--black);
}

.second-section .owl-carousel .owl-nav .owl-prev::before,
.second-section  .owl-carousel .owl-nav .owl-next::before {
  color: var(--white);
}

@media only screen and (max-width:767px) {
.seventh-section .carousel-container{ padding-bottom: 20px;}
.seventh-section .carousel-container .card { width: auto;  }
.seventh-section .inner-container .logo-container{ left: 50%; transform: translateX(-50%);}
.seventh-section .container .sub-heading { padding-top: 30px;   letter-spacing: 5px;   }

.contact-us .card h3 {
  font-size: var(--fontSize28);
  padding-top: 20px;
}

}

@media only screen and (max-width:479px) {
.seventh-section .carousel-container .track-wrapper .carousel-track { padding: 0; }
}



.contact-us .card .align-items-start{ justify-content: center;}
.contact-us  .address-wrap {background: var(--lightblue); padding: 20px 20px 5px; width: 100%; display: flex; border: solid 1px var(--lightblue); border-radius: 8px;}
.contact-us  .address-wrap .heading{ display: flex; align-items: center; margin-bottom: 20px; padding: 0;}
.contact-us  .address-wrap .heading img{max-width: 80px;}
.contact-us  .address-wrap .content{ display: flex; text-align: left; flex-wrap: wrap; justify-content: space-between; }
.contact-us  .address-wrap .content h4{ display: flex; text-align: left; width: 100%; padding-bottom: 6px; }

.contact-us  .address-wrap .content p{ display: block; font-size: var(--fontSize17);   margin: 0px 0 16px 0; font-weight: 500; position: relative; padding-left: 26px;}
.contact-us  .address-wrap .content p a{color: #212529;}
.contact-us  .address-wrap .content p i{ margin: 0 8px 0px 0; font-size: var(--fontSiz18); color:var(--blue); position:absolute; left: 0; top: 5px;}

@media only screen and (max-width:1023px) {
.contact-us  .address-wrap{ margin-bottom: 30px;}
}

@media only screen and (max-width:767px) {
.contact-us .address-wrap .content {flex-direction: column;}
}