.header .branding {
  background-color: var(--darkbluebg);
}
.header.scrolled .branding {
  background: #0f4a49;
  transition: background-color 0.3s ease, padding 0.3s ease,
    box-shadow 0.3s ease;
}
.herosectionrow {background: var(--darkbluebg);position: absolute;top: 0;left: 0;width: 100%;height: auto;object-fit: cover;z-index: -1;padding-bottom: 1rem;}
.header .bannersection {background: var(--darkbluebg);width: 100%;min-height: auto;}
.position-relative {position: relative !important;}
.overflow-hidden{overflow: hidden !important;}
.h-100 {height: 100% !important;}
.position-relative {position: relative !important;}
.abcontent {width: 100%; margin-top: 130px;text-align: center;}
.abcontent .mainheading{color: #fff;padding-bottom: 0px;}
.breadcrumb{justify-content: center;padding: 0rem 0rem 0px 0px;margin-bottom: 0rem;}

/* Strat of contactpage */
.contactpage{padding: 50px 0px 50px 0px;}
.faqpage.bg{background-color: #f9f9f9;}
.contactpage.another{padding: 50px 0px;}
.contactpage .mainheading{text-align: center;}
.contactpage .mainheading span{color: var(--accent-color);}
.mainheading.head-color{color: var(--text-color);}
.contactleftbox{
    background-color: var(--white-color);
    height: 100%;
    padding: var(--spacing-xl);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

 .captchaboxfield {
    display: flex;
    align-items: center;
    border: 1px solid var(--primary-color);
    height: 45px;
    width: 55%;
  }

  .captchaboxfield input {
    border: none;width: 60%;height: 41px;padding-left: 10px;
  }

  .captchaboxfield img {
    padding: 5px;
  }
  .reload {
    width: 60px;
    height: 45px;
    background-color: #B28D45;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
  }
  .captchaboxfield input {
    border: none;
  }
  .mapbox {
    padding: 0px;
    margin: 0px;
}

.contact{padding: 0rem 0 0 0px;}
.contactheading{
  padding: 0;font-family: var(--heading-font);
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 20px;
}
.contact .info-wrap {
  background-color:#fff;
  padding: 0px 30px; margin-top: 0rem;
}
.form-group{margin-bottom: 12px;}
.info-item {
  margin-bottom: 40px;
}
.topspace{margin-top: 12px;}
.info-item i {
  background: var(--surface-color);
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
  margin-right: 15px;
  flex-shrink: 0;
}
.info-item a{
  color: var(--text-color);
}
.info-item h3 {
  padding: 0;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
}

 .info-item p {
  padding: 0; font-size: 1rem;
  margin-bottom: 0;
}

.info-item:hover i {
  background: var(--default-color);
  color: #fff;
}
/* Start of Mini desktop View */
@media screen and (max-width: 1400px) and (min-width:1301px) {
  .contactpage{padding: 50px 5% 50px 5%;}
}


/* Start of Mini desktop View */
@media screen and (max-width: 1200px) and (min-width:1101px) {
  iframe{height: 340px;width: 100%;}
  .herosectionrow {height: auto;}
  .abcontent {margin-top: 120px;text-align: center;}
}

/* Start of Ipad pro View */
@media screen and (max-width: 1100px) and (min-width:992px) {
  iframe{height: 320px;width: 100%;}
  .herosectionrow {height: auto;}
  .abcontent {margin-top: 120px;text-align: center;}
  .contactheading {font-size: 24px;margin-bottom: 15px;}
}

/* Start of Ipad View */
@media screen and (max-width: 991.99px) and (min-width:768px) {
  .contactpage{padding: 30px 5% 20px 5%;}
  .herosectionrow {height: auto;}
  .abcontent {margin-top: 110px;text-align: center;}
  iframe{height: 320px;width: 100%;}
  .contactheading {font-size: 24px;margin-bottom: 15px;}
  .contact {padding: 2rem 0 0 0px;}
}


/* Start of Mobile View */
@media screen and (max-width: 767px) and (min-width:320px) {
.abcontent {margin-top: 120px;text-align: center;}
.herosectionrow {height: auto;}
.mtops {margin-top: var(--spacing-md);}
.mainheading {padding-bottom: 0px;}
.contactpage{padding: 2rem 3% 1rem 3%;}
.bannersection{margin-bottom: 50px;}
iframe{height: 300px;}
.contactleftbox {padding: var(--spacing-md);}
.contactheading {font-size: 24px;margin-bottom: 15px;}
.contact {padding: 1.5rem 0 0 0px;}
.contact .info-wrap {padding: 0px 0px;}
.info-item {margin-bottom: 20px;}
}