:root {
  --max-width: 1340px;
  --max-width-pad: 50px;
  --color-secondary: #dc0183;
  --color-accent: #0099d9;
  --font-color: #2e2e2e;
  --border-rad-10: 10px;
  --transition-ease: 0.3s all ease;
  --font-fam: "SF Pro Display", sans-serif;
  --font-fam-p: "Inter", sans-serif;
}

* {
  margin: 0;
  padding: 0;
}

html {
  font-size: 62.5%;
  color: #000;
  scroll-behavior: smooth;
}

@media screen and (max-width: 1600px) {
  html {
    font-size: 62.5%;
  }
}

@media screen and (max-width: 1300px) {
  html {
    font-size: 62.5%;
  }

}


html,
body {
  overflow-x: hidden;
}


body {
  font-family: 'Helvetica';
  font-size: 1.65rem;
  max-width: unset;
}


.gap--1 {
  gap: 1rem;
}

.gap--2 {
  gap: 2rem;
}

.gap--3 {
  gap: 3rem;
}

.gap--4 {
  gap: 4rem;
}

.gap--5 {
  gap: 5rem;
}

.gap--6 {
  gap: 6rem;
}

.gap--7 {
  gap: 7rem;
}

.gap--8 {
  gap: 8rem;
}

.gap--10 {
  gap: 10rem;
}

.cg--2 {
  column-gap: 2rem;
}

.cg--4 {
  column-gap: 4rem;
}

.cg--6 {
  column-gap: 6rem;
}

.rg--4 {
  row-gap: 4rem;
}

.rg--8 {
  row-gap: 8rem;
}

.flex-wrap {
  flex-wrap: wrap;
}

.h-100 {
  height: 100%;
}

.font-14 {
  font-size: 1.4rem;
}

.font-16 {
  font-size: 1.6rem;
}

.font-18 {
  font-size: 1.8rem;
}


.section {
  padding-top: 10rem;
  padding-bottom: 10rem;
  position: relative;
}

@media screen and (max-width: 991px) {
  .section {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .section.extra--pd {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }

  .section.regular-content .content__wrapper>.col--2 .content--image,
  .section.regular-content .content__wrapper>.col--2 .content--image img {
    margin-top: 20px;
  }
}

.container {
  position: relative;
  max-width: 1340px;
  padding-left: 30px;
  padding-right: 30px;
}

/* Width modifiers */
.container--full {
  width: 100%;
}

.container--75 {
  width: 100%;
  max-width: 900px;
}

.container--50 {
  width: 50%;
}

/* Center the container + text for 75/50 */
.container--center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* Optional: make it responsive so 50/75 don't get too narrow on mobile */
@media (max-width: 768px) {

  .container--75,
  .container--50 {
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 667px) {
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

#price--2pad{
padding-top:0 !important;
margin-top: -6em;
padding-bottom:2em;
}

.section .section-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  overflow: hidden;
}

.section .section-bg:after {
  content: "";
  height: 100%;
  width: 100%;
  background: #181c30;
  background: linear-gradient(90deg, rgba(24, 28, 48, 1) 0%, rgba(58, 58, 87, 0.49) 39%, rgba(255, 255, 255, 0) 62%);
  opacity: 0.3;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.section .container {
  position: relative;
  z-index: 1;
}

.section-bg video,
.section-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 0% 25%;
}

.section-color--dark-blue {
  background: #182736;
}

.section-color--light-blue {
  background: #e9f3ff;
}

.section-color--white {
  background: #fff;
}

.section.pt--6 {
  padding-top: 6rem;
}

.section.pt--12 {
  padding-top: 12rem;
}

.section.pt--20 {
  padding-top: 20rem;
}

.section.pt--30 {
  padding-top: 30rem;
}

.section.pt--25 {
  padding-top: 25rem;
}

.section.pb--12 {
  padding-bottom: 12rem;
}

.section.pb--3 {
  padding-bottom: 3rem;
}

.flex-direction--column {
  flex-direction: column;
}

h1 {
  font-size: 5.5rem;
  font-weight: 500;
  margin: 0;
  font-family: 'Playfair Display';
}

h2 {
  font-size: 5rem;
  font-weight: 500;
}

p {
  margin-bottom: 1.5rem;
  line-height: 1.4;
}





img {
  width: 100%;
}


@media screen and (max-width: 991px) {
  h1 {
    font-size: 4.5rem;
  }

  h2 {
    font-size: 3.2rem;
  }

  h3 {
    font-size: 2.8rem;
  }
}

@media screen and (max-width: 667px) {
  h1 {
    font-size: 4.2rem;
  }

  h2 {
    font-size: 3rem;
  }

  h3 {
    font-size: 2.4rem;
  }

  p {
    margin-bottom: 1rem;
    line-height: 1.4;
  }

}

@media screen and (max-width: 480px) {
  h2 {
    font-size: 2.8rem;
  }

  h3 {
    font-size: 2rem;
  }
}

p:last-child {
  margin-bottom: 0;
}






.hero-banner--bg-position .section-bg img {
  object-position: 0% 90%;
}

.object-position--bottom .section-bg img {
  object-position: bottom;
}

.object-position--top .section-bg img {
  object-position: top;
}



/* BUTTONS */
.content--button a {
  display: inline-block;
  padding: 14px 20px;
  text-align: center;
  color: #fff;
  font-size: 1.6rem;
  border: 1px solid #fff;
  text-decoration: none;
  border-radius: 4rem;
  -ms-border-radius: 4rem;
  -webkit-border-radius: 4rem;
  -moz-border-radius: 4rem;
  -o-border-radius: 4rem;
  transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
}

.content--button a:hover {
  background: #fff;
  color: #284669;
}

.custom-btn--dark-blue .content--button a {
  color: #fff;
}

.custom-btn--dark-blue .content--button a:hover {
  background: #fff;
  color: #284669;
  border-color: #fff;

}

.custom-btn--dark-blue .content--button a,
.primary-btn a {
  background: #284669;
  border-color: #284669;
}

.white-btn a {
  background: #fff;
  border-color: #fff;
  color: #284669;
}

.white-btn a:hover {
  background: #284669;
  border-color: #284669;
  color: #fff;
}

.yellow-btn a {
  background: #BA8F49;
  border-color: #BA8F49;
  color: #fff;
}

.yellow-btn a:hover {
  background: #fff;
  border-color: #BA8F49;
  color: #BA8F49;
}

.content--title h1,
.content--title h2,
.content--title h3,
.content--title h4,
.content--title h6,
.content--title h5 {
  font-family: 'Playfair Display';
}

.text-color--black p,
.text-color--black li,
.text-color--black p a {
  color: #5a5a5a;
}

.text-color--black h3,
.text-color--black h2 {
  color: #000;
}

@media screen and (max-width: 767px) {
  .content--button a {
    padding: 1rem 1.5rem;
  }


}

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

  .table-section .short-text,
  .faqs-section .faqs--text,
  .tb--text,
  .content--text {
    font-size: 1.6rem;
  }

  .content--title__wrapper.mb--4,
  .content--title.mb--4 {
    margin-bottom: 3rem;
  }

  .content--title.pb--4 {
    padding-bottom: 3rem;
  }
}


/* TOP BAR */
.top-bar {
  background: #183D60;
  color: #fff;
  font-size: 1.4rem;
  padding: .5rem 0;
}


/* HEADER */
.header {
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 999;
  top: var(--topbar-h, 0px);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  background: #ffffffd4;
  transition: top .25s ease, background-color .25s ease, backdrop-filter .25s ease, box-shadow .25s ease;
  will-change: top, background-color, backdrop-filter;
}


/* when sticky, header goes to top */
.header.sticky {
  top: 0;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .08);
  background: #ffffffd4;

}

.header--logo {
  max-width: 10rem;
  padding: 1rem 0;
  height: 100%;
  display: flex;
  transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  overflow: hidden;
}

header .header--nav>ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
}

header .header--nav ul li {
  list-style: none;
  position: relative;
}

header .header--nav ul li.menu-item-has-children a {
  position: relative;
}

header .header--nav ul li.menu-item-has-children a.active:after {
  transform: translateY(-50%) rotate(180deg);
}

header .header--nav>ul>li>a:hover {
  opacity: 0.8;

}

header .header--nav>ul>li>a.active {
  border-bottom: 2px solid #fff;
  opacity: 0.8;
}

header .header--nav>ul>li>a.active:after {
  opacity: 0.8;
}

header .header--nav ul li a {
  font-size: 1.7rem;
  font-weight: 600;
  color: #000;
  text-decoration: none;
  display: inline-block;
}

header .header--nav>ul>li>a {
  border: 2px solid transparent;
  transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  padding: 5rem 1rem 5rem 1rem;
}

header .header--nav>ul>li.menu-item-has-children>a {
  padding: 5rem 2.5rem 5rem 0;
  margin: 0 1.5rem;

}

header.sticky .header--nav>ul>li.menu-item-has-children>a {
  padding: 3rem 2.5rem 3rem 0;

  transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
}

header.sticky .header--nav>ul>li>a {
  padding: 3rem 1rem;
  transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
}



header .header--nav ul li ul.sub-menu {
  display: none;
  position: absolute;
  background: #183D60CC;
  backdrop-filter: blur(12px);
  top: 100%;
  left: 1.5rem;
  min-width: 25rem;
  border-bottom-left-radius: 2rem;
  border-bottom-right-radius: 2rem;
  overflow: hidden;
}

header .header--nav ul li ul.sub-menu a {
  color: #fff;
  padding: 1.2rem 2rem;
  width: 100%;
}

header .header--nav ul li ul.sub-menu a:hover {
  background: #3B6697;
}


.header--logo a {
  height: 95px;
  width: 95px;
  transition: height 0.3s ease;
  overflow: hidden;
  display: inline-block;
}

.header.sticky .header--logo a {
  height: 60px;
}






.burger-menu {
  height: 20px;
  width: 24px;
  position: relative;
  display: none;
  cursor: pointer;
}

.mobile-menu {
  display: none;
}

.burger-menu span {
  height: 3px;
  width: 24px;
  background: #284669;
  border-radius: 5px;
  -ms-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  position: absolute;
  left: 0;
  transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
}

.burger-menu span:nth-child(1) {
  top: 0;
}

.burger-menu span:nth-child(2) {
  top: 7px;
}

.burger-menu span:nth-child(3) {
  top: 14px;
}

.burger-menu.active span:nth-child(1) {
  top: 7px;
  transform: rotate(45deg);
}

.burger-menu.active span:nth-child(2) {
  opacity: 0;
}

.burger-menu.active span:nth-child(3) {
  top: 7px;
  transform: rotate(-45deg);
}


/* MOBILE MENU CSS */
.mobile-menu .mobile-menu--inner {
  background: #183D60CC;
  padding: 2rem;
}

.mobile-menu ul li {
  list-style: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}

.mobile-menu ul li .arrow-down {
  padding: 10px 15px;
}

.mobile-menu ul li .arrow-down {
  transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -o-flex;
  display: flex;
}

.mobile-menu ul li .arrow-down.active {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.mobile-menu ul li a {
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  padding: 1.6rem 0;
  display: block;
}

.mobile-menu ul li ul.sub-menu {
  display: none;
  flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  -webkit-flex: 0 0 100%;
  -moz-flex: 0 0 100%;
  -o-flex: 0 0 100%;
  max-width: 100%;
  padding-left: 2rem;
}

.mobile-menu ul li ul.sub-menu li a {
  font-size: 1.6rem;
  padding: 1rem 0;
}

@media screen and (max-width: 1340px) {
  header .header--nav>ul>li>a {
    font-size: 1.6rem;
  }

  header .header--nav ul li ul.sub-menu a {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 1240px) {
  header .header--nav>ul>li>a {
    padding: 1rem .5rem 1rem .5rem;
  }


  header .header--nav>ul>li.menu-item-has-children>a {
    padding: 5rem 2rem 5rem .5rem;

    margin: 0 0.5rem;
  }
}

@media screen and (max-width: 1080px) {
  header .content--button__wrapper {
    display: none;
  }

  header .header--nav>ul>li.menu-item-has-children>a {
    padding-left: 1.5rem;
  }

}

@media screen and (max-width: 991px) {
  .burger-menu {
    display: block;
  }

  .header--logo a {
    width: 80px;
    height: 75px;
  }

  .header.sticky .header--logo a {
    width: 80px;
    height: 50px;
  }

  header .header--nav {
    display: none;
  }
}





/* HERO BANNER */
.hero-banner {
  height: 75vh;
  position: relative;
  padding-bottom: 15rem;
  background: #284669;
}

.hero-banner .content__wrapper {
  color: #fff;
  max-width: 89rem;
}

.video-popup {
  max-width: 80rem;
  margin: auto;
}

.video-popup video {
  width: 100%;
}

.hero-banner .content--text {
  max-width: 60rem;
  margin: 2rem auto 0;
}

.hero-banner .video-play-btn {
  background: unset;
  border: unset;
  outline: unset;
  cursor: pointer;
}

.hero-banner .content--button a {
  min-width: 250px;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hero-banner .star-rating--shortcode a {
  color: #fff;
  text-decoration: none;
}

.hero-banner .star-rating--shortcode svg {
  stroke: rgb(184 155 94 / var(--tw-text-opacity, 1));
}

@media screen and (max-width: 991px) {
  .hero-banner {
    height: 75vh;
    padding-bottom: 8rem;
  }
  .star-rating--shortcode  .grid--4{
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 667px) {
  .hero-banner {
    height: auto;
    padding-bottom: 6rem;
    padding-top: 25rem;
  }
}

@media screen and (max-width: 540px) {
  .hero-banner {
    padding-top: 20rem;
  }


}






/* CONTACT US SECTION CSS */
.contact-us .section-bg:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #18273699;
}

.contact-us .layout-1 {
  display: grid;
  grid-template-columns: 30% auto;
  gap: 4rem;
}

.contact-us .layout-1 .col--3 {
  grid-column: span 2;
}

.contact-us .layout-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
}

.contact-us .layout-2 .col--2 {
  order: 1;
}

.contact-us .layout-2 .col--3 {
  order: 2;
}

.contact-us .layout-2 .col--1 {
  order: 3;
  grid-column: span 2;
}

.contact-us .layout-2 .sd--inner,
.contact-us .layout-2 iframe,
.contact-us .layout-2 .map-embed {
  height: 100%;
}

.contact-us .layout-2 .site-details {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2rem;
}

.contact-us .layout-2 .site-details p {
  color: #fff;
}

.contact-form--wrapper .cf--inner {
  padding: 2.4rem;
  border-radius: 2.4rem;
  backdrop-filter: blur(21px);
  background: #FFFFFF1A;
  border: 1px solid #BABABA;
}

.contact-form--wrapper .cf--block label {
  color: #666;
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 5px;
  display: block;
}

.contact-form--wrapper .cf--block textarea {
  max-height: 17.7rem;
}

.contact-form--wrapper .cf--block select,
.contact-form--wrapper .cf--block textarea,
.contact-form--wrapper .cf--block input {
  width: 100%;
  outline: none;
  background: none;
  border: 1px solid #BABABA;
  padding: 1rem;
  color: #fff;
  border-radius: 1.2rem;
  font-size: 1.6rem;
  font-weight: 500;
}

.contact-us .contact-form--wrapper .cf--block select,
.contact-us .contact-form--wrapper .cf--block textarea,
.contact-us .contact-form--wrapper .cf--block input {
  color: #333;
}

.contact-form--wrapper .cf--block select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  /* padding: 0.5rem 2rem 0.5rem 0.5rem; */
  /* font-size: 16px; */
  /* border: 1px solid #ccc; */
  /* border-radius: 4px; */
  background: url("data:image/svg+xml;utf8,<svg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6.00004 7.03398C6.22753 7.03398 6.43433 6.95126 6.59977 6.78581L11.7699 1.40891C12.0801 1.07803 12.0801 0.561018 11.7492 0.230132C11.4183 -0.0800738 10.9013 -0.0800739 10.5704 0.250812L6.00004 5.0073L1.42968 0.250813C1.11947 -0.080073 0.581779 -0.0800729 0.250894 0.230133C-0.0799922 0.540339 -0.0799922 1.07803 0.230213 1.40891L5.40031 6.78581C5.56575 6.95126 5.77256 7.03398 6.00004 7.03398Z' fill='white'/></svg>") no-repeat right 1.5rem center;
  background-size: 12px 8px;
  padding-right: 3rem;
}

.contact-form--wrapper .cf--field .wpcf7-list-item-label {
  font-size: 1.6rem;
  font-weight: 500;
}

.contact-form--wrapper .cf--block select option {
  color: #000;
}

.contact-form--wrapper .cf--field {
  color: #fff;
}

.contact-form--wrapper .cf--submit input {
  padding: 1.2rem 5rem;
  border-radius: 4rem;
  border: none;
  outline: none;
  background: #284669;
  color: #fff;
  font-size: 1.6rem;
  border: 1px solid #284669;
}

.contact-form--wrapper .cf--submit input:hover {
  background: #fff;
  border: 1px solid #284669;
  color: #284669;
}

.contact-us .sd--inner {
  padding: 3.2rem 3.2rem 1.2rem;
  background: #212F3E99;
  border-radius: 20px;
  color: #fff;
  border: 1px solid #FFFFFF33;
  margin-bottom: 1.5rem;
}

.contact-us .layout-1 .sd--inner {
  padding: 2rem 3rem;
  background: #182736;
}

.contact-us .layout-1 .contact-form--wrapper .cf--block label {
  color: #000;
}

.contact-us .layout-1 .sd--inner p {
  color: #fff;
}

.contact-us .sd--inner a {
  color: #fff;
  text-decoration: none;
}

.contact-us .sd--inner h4 {
  font-size: 2.4rem;
  font-weight: 400;
}

.contact-us .map-embed {
  border-radius: 2.4rem;
  overflow: hidden;
}

.contact-us .map-embed iframe {
  width: 100%;
}

@media screen and (max-width: 1140px) {
  .contact-us .layout-1 {
    grid-template-columns: 40% auto;
  }
}

@media screen and (max-width: 991px) {
  .contact-us.pt--20 {
    padding-top: 15rem;
  }

  .contact-us .layout-1 {
    grid-template-columns: 1fr;
    gap: 3rem;
  }

  .contact-us .layout-1 .col--3 {
    grid-column: unset;
    order: 3;
  }

  .contact-us .layout-1 .col--2 {
    order: 1;
  }

  .contact-us .layout-1 .col--1 {
    order: 2;
  }

  .contact-us .layout-1 {
    margin: auto;
    max-width: 60rem;
  }

  .contact-us .layout-2 {
    grid-template-columns: 1fr;
    max-width: 60rem;
    margin: auto;
  }

  .contact-us .layout-2 .col--1 {
    grid-column: unset;
    order: 2;
  }

  .contact-us .layout-2 .col--2 {
    order: 1;
  }

  .contact-us .layout-2 .col--3 {
    order: 3;
  }

  .contact-us .layout-2 .site-details {
    grid-template-columns: 1fr;
  }

  .contact-us .layout-2 .map-embed {
    height: 45rem;
  }
}

@media screen and (max-width: 767px) {}

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

  .shortcode-section .cf--block.grid--2,
  .contact-us .cf--block.grid--2 {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 440px) {
  .contact-us .sd--inner h4 {
    font-size: 1.8rem;
  }

  .contact-us .sd--text,
  .contact-us .sd--inner a {
    font-size: 1.4rem;
  }
}

/* VIDEO SECTION */
.video-section .content--video {
  width: 100%;
}

.video-section .play-btn {

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #e3e3e3;
  height: 8rem;
  width: 8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #2846697A;
  padding-left: .9rem;

}

.video-section .play-btn {
  cursor: pointer;

}

.video-section .js-video {
  width: 100%;
}

.video-section .content--video {
  width: 100%;
  height: 52rem;
  overflow: hidden;
  border-radius: 2.4rem;
  -ms-border-radius: 2.4rem;
  -webkit-border-radius: 2.4rem;
  -moz-border-radius: 2.4rem;
  -o-border-radius: 2.4rem;
}

.video-section .content--video .video-tag,
.video-section .content--video .video-tag video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  -webkit-object-fit: cover;
  -moz-object-fit: cover;
  -ms-object-fit: cover;
}

@media screen and (max-width: 991px) {
  .video-section .content--video {
    height: 40rem;
  }
}

@media screen and (max-width: 667px) {
  .video-section .content--video {
    height: 35rem;
  }
}



/* FEEDBACK SECTION */
.feedback-section .content--inner {
  max-width: 40rem;
  margin: auto;
}

.feedback-section .content--text p a {
  color: #fff;
}

@media screen and (max-width: 991px) {
  .feedback-section .content__wrapper {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
}


/* FAQS SECTION */
.faqs-section .faqs--text {
  display: none;
  padding: 2.5rem 0 2rem;
}

.faqs-section {
  text-align: center;
}

.faqs-section .faqs--arrow svg path {
  fill: #294669;
}

.faqs-section .faqs--each {
  cursor: pointer;
}

.faqs-section .faqs--each:first-child .faqs--inner {
  padding-top: 0;
}

.faqs-section .faqs--inner {
  padding: 1.6rem 0;
  border-bottom: 1px solid #00000042;
  margin-bottom: .8rem;
}

.faqs-section .faqs--inner p {
  text-align: left;
  color: #5a5a5a;
}

.faqs-section .faqs--wrapper {
  max-width: 900px;
  display: block;
  margin: 2rem auto;
}

.faqs-section .faqs--each .faqs--title svg {
  transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
}

.faqs-section .faqs--each.active .faqs--title svg {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.faqs-section .faqs--title h3 {
  line-height: 1.3;
  font-size: 2rem;
  font-weight: 500;
  text-align: left;
}

.faqs-section .content--title p {
  color: #5a5a5a;
}

@media screen and (max-width: 1180px) {
  .faqs-section .content__wrapper {
    gap: 3rem;
  }
}

@media screen and (max-width: 991px) {
  .faqs-section .content__wrapper {
    grid-template-columns: 1fr;
  }

  .faqs-section .content--image {
    max-width: 60rem;
    margin: auto;
  }

  .faqs-section .faqs--title h3 {
    font-size: 1.7rem;
  }
}


/* CTA SECTION */
.cta-section {}

.cta-section.section-color--white .content--button.default-btn a {
  color: #284669;
  border-color: #284669;
}

.cta-section.section-color--white .content--button.default-btn a:hover {
  background: #284669;
  color: #fff;
}

.cta-section .content--text {
  max-width: 60rem;
  margin: auto;
}

/* BEFORE AFTER SECTION */

.before-after--wrapper {
  padding: 2rem;
  border-radius: 1.2rem;
  backdrop-filter: blur(5px);
  background: #8697a766;
}

.ba-slider {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  border-radius: 1.2rem;
}

.ba-image {
  position: absolute;
  inset: 0;
}

.ba-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ba-after {
  clip-path: inset(0 100% 0 0);
  /* fully hidden initially */
}

.ba-divider {
  position: absolute;
  top: 0;
  left: 50%;
  width: 3px;
  height: 100%;
  background: #fff;
  transform: translateX(-50%);
}

.ba-range {
  appearance: none;
  background: transparent;
  position: absolute;
  inset: 0;
  cursor: ew-resize;
}


/* Thumb */
.ba-range::-webkit-slider-thumb {
  appearance: none;
  /* Chrome/Safari */
  width: 0;
  height: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  cursor: default;
}

.ba-range::-moz-range-thumb {
  width: 0;
  /* Firefox */
  height: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  cursor: default;
}

.ba-range::-ms-thumb {
  width: 0;
  /* IE/Edge */
  height: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  cursor: default;
}

/* middle circle handle */
.ba-handle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 35px;
  background: #fff;
  border-radius: 4rem;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
}

/* arrow alignment */
.ba-handle svg {
  display: block;
}


@media screen and (max-width: 991px) {
  .ba-slider {
    height: 35rem;
  }
}

@media screen and (max-width: 767px) {
  .before-after--wrapper {
    grid-template-columns: 1fr;
    margin: auto;
    margin-top: 4rem;
    max-width: 40rem;
  }
}

@media screen and (max-width: 560px) {
  .ba-slider {
    max-width: 50rem;
    margin: auto;
  }
}

@media screen and (max-width: 500px) {
  .ba-slider {
    max-width: 45rem;
  }
}

@media screen and (max-width: 480px) {
  .ba-slider {
    height: 30rem;
  }
}

@media screen and (max-width: 460px) {
  .ba-slider {
    max-width: 35rem;
  }
}

@media screen and (max-width: 380px) {
  .ba-slider {
    max-width: 30rem;
  }
}

@media screen and (max-width: 330px) {
  .ba-slider {
    max-width: 25rem;
  }
}



/* IMAGE BOXES */
.image-boxes .ib--inner {
  background: #fff;
  color: #000;
  height: 100%;
}

.image-boxes .ib--image {
  height: 52rem;
}

.image-boxes .content--text,
.image-boxes .ib--text {
  color: #5a5a5a;
}

.image-boxes .ib--button a {
  color: #284669;
  text-decoration: none;
  font-weight: 600;
}



.image-boxes .ib--image img {
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  -webkit-object-fit: cover;
  -moz-object-fit: cover;
}

.image-boxes .ib--title h3 {
  font-size: 2.4rem;
  font-family: 'Playfair Display';
}

.image-boxes .ib--content {
  padding: 3.2rem;
}




/* PRICING SECTION */
.section.pricing-section .content--title h2 {
  color: #fff;
}

.pricing-section .content--text {
  max-width: 50rem;
  margin: auto;
  color: #fff;
}

.pricing-section .short-text {
  max-width: 50rem;
  margin: auto
}

.pricing-section .short-text p a {
  color: #BA8F49;
}

.pricing__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* CARD */
.pricing__card {
  flex: 0 0 30%;
  -ms-flex: 0 0 30%;
  -webkit-flex: 0 0 30%;
  -moz-flex: 0 0 30%;
  -o-flex: 0 0 30%;
  max-width: 30%;
}

.pricing__inner {
  margin: 0 1.5rem;
  background: #f3f6fb;
  border-radius: 2rem;
  padding: 2rem 4rem;
  text-align: center;
  position: relative;

}

/* MOST POPULAR */
.pricing__card.most_popular .pricing__inner {
  border: 4px solid #BA8F49;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.pricing__card.most_popular .pricing__btn a {
  background: #BA8F49;
  color: #fff;
}

/* BADGE */
.pricing__badge {
  position: absolute;
  top: -21px;
  left: 50%;
  transform: translateX(-50%);
  background: #BA8F49;
  color: #fff;
  font-size: 13px;
  padding: 14px 25px;
  border-radius: 20px;
  font-weight: 500;
}

/* TEXT */
.pricing__title {
  font-size: 3.2rem;
  margin-bottom: 2rem;
  font-family: 'Playfair Display';
  font-weight: 500;
}

.pricing__desc {
  font-size: 1.6rem;
  color: #87919C;
  margin-bottom: 20px;
}

/* PRICE */
.pricing__price {
  margin-bottom: 2rem;
}

.pricing__amount {
  font-size: 4.8rem;
  font-weight: 500;
  color: #000;
  font-family: 'Playfair Display';
}

.pricing__suffix {
  font-size: 2.4rem;
  color: #87919C;
  margin-left: 4px;
}

.pricing__save {
  font-size: 1.6rem;
  color: #87919C;
  margin-bottom: 25px;
}

/* LIST */
.pricing__list {
  list-style: none;
  padding: 0;
  margin: 0 0 30px;
}

.pricing__list li {
  font-size: 1.4rem;
  color: #87919C;
  margin-bottom: 2rem;
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
}

.pricing__list li span {
  padding-left: 1rem;
}

.pricing-note {
  text-align: left;
  font-size: 1.4rem;
  color: #87919C;
}


/* BUTTON */
.pricing__btn a {
  display: inline-block;
  width: 100%;
  padding: 1rem;
  border-radius: 30px;
  background: #9aa0a6;
  color: #000;
  font-size: 1.6rem;
  text-decoration: none;
  font-weight: 500;
}

/* POPULAR BUTTON */
.pricing__card.is-popular .pricing__btn a {
  background: #c79a4a;
  color: #fff;
}

@media (max-width: 991px) {
  .pricing__card.is-popular {
    transform: none;
  }
}



/* TEXT WITH QUOTE */
.text-quote-section .content__wrapper {
  max-width: 900px;
  margin: auto;
}

.text-quote--highlight {
  background: #f3f3f3;
  padding: 2.5rem 3rem;
  border-left: 4px solid #cfcfcf;
  border-radius: 6px;
  margin-bottom: 3rem;
}

.text-quote--highlight h3 {
  margin-bottom: 1rem;
  font-size: 2.4rem;
  font-family: 'Playfair Display';

}

.text-quote--highlight p {
  margin: 0;
  line-height: 1.7;
}

.text-quote--content {
  margin-bottom: 3rem;
}

.text-quote--content p {
  margin-bottom: 1.8rem;
  line-height: 1.8;
}

.text-quote--quote {
  background: #f3f3f3;
  padding: 2.5rem 3rem;
  border-left: 4px solid #caa45b;
  border-radius: 6px;
  font-style: italic;
}

.text-quote--quote p {
  margin: 0;
  line-height: 1.7;
}


/* SHORTCODE CTA SECTION */
.shortcode-cta-section {
  padding: 3rem 0;
  background: linear-gradient(90deg, #182736 0%, #183D60 100%);
}

.shortcode-cta-section h3 {
  font-size: 3.2rem;
  font-weight: 400;
  line-height: 1.2;

}

.shortcode-cta-section h3 a {
  color: #FFD796;
  text-decoration: none;
  margin-left: 1rem;
}

.shortcode-section .contact-form--wrapper .cf--block label {
  color: #fff;
}

@media screen and (max-width: 991px) {
  .shortcode-cta-section h3 {
    font-size: 1.8rem;
  }
}

/* MAP SECTION  */
.map-section {
  padding: 0;
}

.map-section .content--map iframe {
  width: 100%;
}



/* TEXT SECTION */

.text-section .content--review {
  position: absolute;
  right: 0px;
  bottom: -40px;
  display: flex;
  max-width: 35rem;
}

.container-Small .content__wrapper {
  max-width: 62rem;
}

.text-section.container-Small.content-position-Right .content__wrapper {
  margin-left: auto;
}

.text-section .content--text p a {
  color: #fff;
}

@media screen and (max-width: 991px) {
  .text-section .ti-widget.ti-goog .ti-widget-container {
    text-align: left;
  }

  .section.text-section {
    padding: 6rem 0;
  }

  .text-section .content--review {
    position: relative;
    bottom: 0;
  }

  .text-section .content--title {
    margin-bottom: 2rem;
  }

  .text-section.container-Small.content-position-Right .content__wrapper {
    max-width: unset;
  }

  .container-Small .content__wrapper {
    max-width: unset;
  }
}




/* SHORTCODE SECTION */
.shortcode-section.container-Small .content__wrapper {
  margin: auto;
}

.shortcode-section .content-shortcode {
  max-width: 65rem;
  margin: auto;
}

.shortcode-section .contact-form--wrapper h3 {
  font-size: 3.2rem;
  color: #fff;
  font-weight: 500;
}

.shortcode-section .contact-form--wrapper .cf--inner {
  background: #18273666;
}

.shortcode-section.container-Small .content__wrapper {
  max-width: unset;
}

@media screen and (max-width: 991px) {
  .shortcode-section.pt--20 {
    padding-top: 15rem;
  }

  .shortcode-section .contact-form--wrapper h3 {
    font-size: 2.4rem;
  }
}





/* REGULAR CONTENT */
.regular-content .reverse .col--1 {
  order: 2;
}

.section.extra--pd {
  padding-top: 18rem;
  padding-bottom: 18rem;
}

/* Hard override for this section only (ignore your grid utility classes) */
.section.regular-content .content__wrapper {
  display: flex !important;
  align-items: stretch !important;
  gap: 8rem;
  /* matches gap--8 */
}

/* 2 equal columns */
.section.regular-content .content__wrapper>.col--1,
.section.regular-content .content__wrapper>.col--2 {
  flex: 0 0 calc(50% - 4rem);
  min-width: 0;
}

/* Make col--2 a real box with height coming from the flex row */
.section.regular-content .content__wrapper>.col--2 {
  position: relative;
}

/* Now the “image matches col--1 + 3rem top/btm” works */
.section.regular-content .content__wrapper>.col--2 .content--image__wrapper {
  position: absolute;
  top: -7rem;
  bottom: -7rem;
  left: 0;
  right: 0;
  overflow: hidden;
  border-radius: 2rem;
}

/* Fill + crop */
.section.regular-content .content__wrapper>.col--2 .content--image,
.section.regular-content .content__wrapper>.col--2 .content--image img {
  width: 100%;
  height: 100%;
  display: block;
}

.section.regular-content .content__wrapper>.col--2 .content--image img {
  object-fit: cover;
}

/* Responsive: stack */
@media (max-width: 991px) {
  .section.regular-content .content__wrapper {
    display: block !important;
  }

  .section.regular-content .content__wrapper>.col--2 .content--image__wrapper {
    position: static;
    border-radius: 2rem;
  }

  .section.regular-content .content__wrapper>.col--2 .content--image img {
    height: auto;
  }
}

.regular-content .content--image {
  border-radius: 2rem;
  -ms-border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -o-border-radius: 2rem;
  overflow: hidden;
}

.regular-content.custom_icon .content--text ul {
  margin-top: 3rem;
}

.text-section .content--text ul,
.text-section .content--text ol,
.regular-content .content--text ol,
.regular-content .content--text ul {
  padding-left: 2rem;
  margin-bottom: 1rem;
}

.text-section .content--text ul li,
.text-section .content--text ol li,
.regular-content .content--text ol li,
.regular-content .content--text ul li {
  margin-bottom: .5rem;
}

.regular-content.custom_icon .content--text ul {
  padding-left: 0;
}

.regular-content.custom_icon .content--text ul li {
  list-style: none;
  margin-bottom: 2rem;
  position: relative;
  padding-left: 4rem;
  font-size: 2.4rem;
}

.regular-content .text-color--white .content--text p a {
  color: #fff;
}


.feedback-section .content--text h3,
.text-section .content--text h3,
.regular-content .content--text h3 {
  font-size: 2.2rem;
  font-weight: 500;
  margin-bottom: 2rem;
  line-height: 1.4;
}


.feedback-section.section-color--light-blue .content--text h3,
.text-section.section-color--light-blue .content--text h3,
.regular-content.section-color--light-blue .content--text h3,
.feedback-section.section-color--white .content--text h3,
.text-section.section-color--white .content--text h3,
.regular-content.section-color--white .content--text h3 {
  color: #000;
}

.section-color--light-blue .content--title h2,
.section-color--light-blue {
  color: #000;
}

.section-color--light-blue p {
  color: #5a5a5a;
}

.section-color--dark-blue .content--title h2 a,
.section-color--dark-blue .content--title h2 {
  color: #FFD796;
}

.section-color--white .content--wrapper {
  color: #5a5a5a;
}

.regular-content .content--icon-list .il--inner {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
}

.regular-content .content--icon-list .il--icon {
  height: 2.6rem;
  width: 2.6rem;
}

.regular-content .content--icon-list .il--icon img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  -o-object-fit: contain;
  -webkit-object-fit: contain;
  -moz-object-fit: contain;
  -ms-object-fit: contain;
}



.regular-content .content--icon-list h4 {
  font-size: 2.4rem;
  font-weight: 500;
}

.regular-content .content--icon-list .il--text {
  font-size: 1.6rem;
  color: #87919C;
  line-height: 1.3;
}




@media screen and (max-width: 991px) {
  .regular-content.custom_icon .content--text ul li {
    font-size: 1.8rem;
  }

  .regular-content .content__wrapper {
    gap: 3rem;
    grid-template-columns: 1fr;
  }

  .regular-content .content--image {
    max-width: 60rem;
    margin: auto;
  }

  .regular-content .col--1 {
    order: 2;
  }
}




/* TEAM SLIDER CSS */
.team-slider .ts--each a {
  text-decoration: none;
  display: block;
}

.team-slider .ts--inner {
  padding: 1.2rem;
  background: #fff;
  border-radius: 1.2rem;
  -ms-border-radius: 1.2rem;
  -webkit-border-radius: 1.2rem;
  -moz-border-radius: 1.2rem;
  -o-border-radius: 1.2rem;
  color: #183D60;
  margin: .5rem;
}

.team-slider .ts--profile {
  border-radius: 1.2rem;
  -ms-border-radius: 1.2rem;
  -webkit-border-radius: 1.2rem;
  -moz-border-radius: 1.2rem;
  -o-border-radius: 1.2rem;
  overflow: hidden;
  margin-bottom: 2rem;
  height: 30rem;
}

.team-slider .ts--profile img {
  object-fit: cover;
  object-position: top;
  height: 100%;
}

.team-slider .slick-list {
  overflow: visible;
}

/* BANNER WITH NAVIGAITON CSS */

.banner-with-navigation {
  padding: unset;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  padding-top: 25rem;
  padding-bottom: 12rem;

}

.banner-with-navigation .container {
  height: unset;
}

.banner-with-navigation .content__wrapper {
  max-width: 60rem;
}

.banner-with-navigation .content--text h3 {
  margin-bottom: 1rem;
}

.banner-navigation .bn--each a {
  color: #fff;
  border: 1px solid #FFFFFF;
  backdrop-filter: blur(20px);
  background: #18273666;
  border-radius: 4rem;
  -ms-border-radius: 4rem;
  -webkit-border-radius: 4rem;
  -moz-border-radius: 4rem;
  -o-border-radius: 4rem;
  font-size: 1.6rem;
  padding: 1.2rem 2rem;
  text-decoration: none;
  display: inline-block;
}

.banner-navigation .bn--each a:hover {
  backdrop-filter: blur(20px);
  background: #FFFFFF33;
}

.banner-navigation .grid-box--wrapper {}

.banner-navigation .grid-box--wrapper .gb--each {
  flex: 0 0 33.333%;
  -ms-flex: 0 0 33.333%;
  -webkit-flex: 0 0 33.333%;
  -moz-flex: 0 0 33.333%;
  -o-flex: 0 0 33.333%;
  max-width: 33.333%;
}

.banner-navigation .grid-box--wrapper .gb--each .gb--inner {
  padding: 2.4rem;
  border: 1px solid #FFFFFF66;
  backdrop-filter: blur(20px);
  background: #18273666;
  height: 100%;
  border-radius: 2.4rem;
  -ms-border-radius: 2.4rem;
  -webkit-border-radius: 2.4rem;
  -moz-border-radius: 2.4rem;
  -o-border-radius: 2.4rem;
  margin: 10px;

}

.banner-navigation .grid-box--wrapper .gb--each .gb--title h3 {
  color: #FFD796;
  font-weight: 400;
  font-size: 3.2rem;
}

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

  .banner-with-navigation.pt--30,
  .banner-with-navigation {
    padding-top: 20rem;
  }

  .banner-with-navigation .banner-navigation {
    margin-bottom: 4rem;
  }


}

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

  .banner-with-navigation.pt--30,
  .banner-with-navigation {
    padding-top: 15rem;
    padding-bottom: 6rem;
  }

  .banner-navigation .grid-box--wrapper .gb--each .gb--title h3 {
    font-size: 2.4rem;
  }

  .banner-with-navigation .content__wrapper {
    max-width: unset;
  }

  .banner-with-navigation .banner-navigation {
    margin-bottom: 3rem;
    gap: 1rem;
  }

  .banner-navigation .grid-box--wrapper .gb--each .gb--inner {
    margin: 10px 0;
  }

  .banner-with-navigation .grid-box--wrapper {
    margin-top: 3rem;
    display: block;
  }

  .banner-navigation .grid-box--wrapper .gb--each {
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -o-flex: 0 0 100%;
    max-width: 100%;
  }

  .banner-navigation .grid-box--wrapper .gb--each .content--button {
    margin-top: 2rem;
  }

  .banner-navigation .bn--each a {
    padding: 1rem 1.5rem;
  }
}



/* ICON LISTS SECTION */
.icon-list .il--title {
  padding: 1.5rem 2.4rem;
  background: #e9f3ff;
}

.icon-list .il--title h3 {
  line-height: 1.2;
  font-size: 3rem;
  font-family: 'Playfair Display';
}

.icon-list .li--each {
  margin-top: 2rem;
}

.icon-list .li--title h4 {
  font-family: 'Playfair Display';
  font-size: 1.8rem;
}

.icon-list .li--icon {
  max-width: 2.5rem;
}

.icon-list .short-text,
.icon-list .li--text p {
  color: #5a5a5a;
}

.icon-list .short-text {
  max-width: 70rem;
  margin: auto;
}

/* TEXT BOX */
.text-box .content__wrapper {
  max-width: 60rem;
  margin-left: auto;
}

.text-box .tb--each {
  margin-bottom: 1rem;
}

.text-box .tb--inner {
  background: #284669;
  border-radius: 1.2rem;
  padding: 2.4rem;
}


.text-box h3 {
  font-size: 2.8rem;
  font-weight: 500;
}

.text-box .column-layout-2 {

  max-width: 100%;
  margin: unset;
}

.text-box .column-layout-2 .tb--each {
  margin: 0;
}

.text-box .column-layout-2 .content--title {
  text-align: center;
}

.text-box .column-layout-2 .text-box--wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}

.text-box .tb--text ul {
  padding-left: 2.4rem;
}

.text-box .column-layout-2 .content--button {
  text-align: center;
}

.text-box.custom-box--blur .tb--inner {
  backdrop-filter: blur(20px);
  border: 1px solid #FFFFFF66;
  background: #18273699;
  height: 100%;
}

.text-box.custom-box--blur h3 {
  color: #FFD796;
}

.text-box .box-Full.content__wrapper {
  max-width: unset;
  margin: unset;
}

.text-box .box-Full .content--title,
.text-box .box-Full .content--button__wrapper {
  text-align: center;
}

.text-box .tb--text ul li {
  margin-bottom: 5px;
}

@media screen and (max-width: 991px) {
  .text-box .content__wrapper {
    max-width: unset;
  }
}

@media screen and (max-width: 667px) {
  .text-box h3 {
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 580px) {
  .text-box .column-layout-2 .text-box--wrapper {
    grid-template-columns: 1fr;
  }
}


/* GRID BOXES SECTION */
.grid-boxes .content--title h2 {
  color: #fff;
}

.grid-boxes .short-text,
.grid-boxes .gb--text,
.grid-boxes .content--text {
  color: #87919C;
}

.max-width--90 .grid-box--wrapper {
  max-width: 90rem;
  margin: auto;
}

.section-color--light-blue .content--title h2,
.section-color--white .content--title h2 {
  color: #000;
}

.grid-boxes.section-color--white .short-text,
.grid-boxes.section-color--white .gb--text,
.grid-boxes.section-color--white .content--text,
.grid-boxes.section-light-blue .short-text,
.grid-boxes.section-light-blue .gb--text,
.grid-boxes.section-light-blue .content--text {
  color: #5a5a5a;
}

.grid-boxes .gb--title h3 {
  color: #FFD796;
  font-family: 'Playfair Display';
  font-weight: 400;
  font-size: 2.7rem;
}

.grid-boxes.grid-boxes.section-color--white .gb--title h3,
.grid-boxes.grid-boxes.section-color--light-blue .gb--title h3 {
  color: #000;
}

.grid-boxes .gb--inner {
  border-radius: 2.4rem;
  padding: 2.4rem;
  border: 1px solid #F0F4FE66;
  min-height: 269px;
  height: 100%;
  align-content: center;
}

.grid-boxes.grid-boxes.section-color--white .gb--inner,
.grid-boxes.grid-boxes.section-color--light-blue .gb--inner {
  border: 1px solid #bdbbbb;
}

.grid-boxes .gb--icon {
  max-width: 4rem;
  height: 5rem;
}

.grid-boxes.grid-boxes.section-color--white .gb--icon,
.grid-boxes.grid-boxes.section-color--light-blue .gb--icon {
  max-width: 3rem;
  height: 4rem;
}

.grid-boxes .gb--icon img {
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
  -webkit-object-fit: contain;
  -moz-object-fit: contain;
  -ms-object-fit: contain;
}

@media screen and (max-width: 991px) {
  .grid-box--wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  .pricing__wrap {
    display: block;
  }

  .pricing__card {
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -o-flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 600px) {
  .grid-box--wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}






/* BOXED CONTENT */
.boxed-content .content__wrapper {
  max-width: 90rem;
  margin: auto;
  background: #fff;
  box-shadow: 0 0 10px #e3e3e3;
  -ms-box-shadow: 0 0 10px #e3e3e3;
  -webkit-box-shadow: 0 0 10px #e3e3e3;
  -moz-box-shadow: 0 0 10px #e3e3e3;
  -o-box-shadow: 0 0 10px #e3e3e3;
  padding: 4rem;
  border-radius: 2.4rem;
  -ms-border-radius: 2.4rem;
  -webkit-border-radius: 2.4rem;
  -moz-border-radius: 2.4rem;
  -o-border-radius: 2.4rem;
}

.boxed-content .content--icon {
  max-width: 4rem;
  margin: auto;
}

.boxed-content .content--text ol {
  list-style: none;
  padding-left: 0;
}

.boxed-content .content--text ol li {
  counter-increment: item;
  position: relative;
  padding-left: 5rem;
  margin-bottom: 2rem;
}

.boxed-content .content--text ol li::before {
  content: counter(item);
  position: absolute;
  left: 0;
  top: 0.2rem;
  background: #284669;
  color: #fff;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  /* optional */
  font-weight: bold;
}

.boxed-content .content--text ol li p {
  color: #87919C;
  margin-top: 1rem;
}

.boxed-content .sort-text {
  color: #87919C;
}

/* INNER BANNNER */


.inner-banner {
  padding-top: 29rem;
  padding-bottom: 12rem;
}

.inner-banner.content-color--Black {
  color: #000;
}

.inner-banner .section-bg:before {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  background:
    linear-gradient(270.48deg, rgba(24, 39, 54, 0) -32.57%, #18273647 136.55%);
}


.inner-banner .content__wrapper {
  max-width: 55rem;
  margin: auto;
}

@media screen and (max-width: 991px) {
  .inner-banner {
    padding-top: 20rem;
    padding-bottom: 6rem;
  }

}



/* SINGLE TEXT SECTION */
.single-text-section .content--text p a {
  color: #1E1E1E;
}






/* TABLE SECTION */
.table-section .content--title h2 {
  color: #fff;
}

.table-section .content--text,
.table-section .short-text {
  color: #bababa;
}

.table-section.title-color--horizontal .table-main tr:first-child td {
  color: #FFD796;
}

.table-section.title-color--vertical .table-main tr td:first-child {
  color: #FFD796;
}

.table-section .short-text h3 {
  margin-bottom: 2rem;
  font-size: 2.4rem;
  color: #FFD796;
  font-weight: 500;
}

.table-section .table--wrapper {
  border: 1px solid #ffffff4f;
  border-radius: 2.4rem;
  overflow: auto;
}

.table-section .table--wrapper::-webkit-scrollbar {
  height: 8px;
  /* horizontal scrollbar */
}

.table-section .table--wrapper::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.35);
  border-radius: 10px;
}

.table-section .table--wrapper::-webkit-scrollbar-thumb {
  background: #FFD796;
  /* thumb color */
  border-radius: 10px;
}

.table-main {
  width: 100%;
  border-collapse: collapse;
  border-radius: 2.4rem;
}

.table-main td {
  padding: 2.4rem;
  border: 1px solid #ffffff4f;
  border-radius: 2.4rem;
  font-size: 2.4rem;
}

@media screen and (max-width: 991px) {
  .table-main td {
    font-size: 1.8rem;
    padding: 1.2rem 2rem;
  }
}

@media screen and (max-width: 667px) {
  .table-main td {
    font-size: 1.6rem;
  }
}


/* GALLERY BEFORE AND AFTER CSS */
.gallery-before-after {
  position: relative;
  background-color: #04192D;
  padding-top: 20rem;
  /* bottom solid color */
}

.gallery-before-after .container {
  max-width: 1000px;
}

/* Top background area only */
.gallery-before-after .section-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 120rem;
  /* adjust to design */
  z-index: 0;
  overflow: hidden;
}

.gallery-before-after .content--text {
  max-width: 70rem;
}

.gallery-before-after .section-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Gradient overlay */
.gallery-before-after .section-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(4, 25, 45, 0) 26.78%, #04192D 95.23%),
    linear-gradient(0deg, rgba(4, 25, 45, 0.6), rgba(4, 25, 45, 0.6))
}

/* Make sure content is above bg */
.gallery-before-after>* {
  position: relative;
  z-index: 1;
}

.gallery-before-after .gba--main {
  display: none;
}


.gallery-before-after .gban-1 {}

.gallery-before-after .gbam-1 {
  display: block;
}


.gban--each a {
  backdrop-filter: blur(21px);
  background: #18273666;
  padding: 1.2rem 2rem;
  color: #fff;
  text-decoration: none;
  border: 1px solid #fff;
  border-radius: 4rem;
  -ms-border-radius: 4rem;
  -webkit-border-radius: 4rem;
  -moz-border-radius: 4rem;
  -o-border-radius: 4rem;
  display: inline-block;
}

.gban--each a.active,
.gban--each a:hover {
  background: #FFFFFF33;
}

.gba--each .gba--inner {
  padding: 3.2rem;
  background: #F0F4FE33;
  border-radius: 2rem;
  -ms-border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -o-border-radius: 2rem;

}

.gba--each h3 {
  font-size: 3.2rem;
  font-weight: 500;
}

.gba--each .gba--compare {
  border-radius: 2.4rem;
  -ms-border-radius: 2.4rem;
  -webkit-border-radius: 2.4rem;
  -moz-border-radius: 2.4rem;
  -o-border-radius: 2.4rem;
  overflow: hidden;
}

@media screen and (max-width: 991px) {
  .gallery-before-after {
    padding-top: 15rem;
  }

  .gallery-before-after .gba--each {
    margin-top: 3rem;
  }

  .gallery-before-after .gba-slider {
    height: 35rem;
  }

  .gba--each h3 {
    font-size: 2.8rem;
  }
}

@media screen and (max-width: 667px) {
  .gba--each h3 {
    font-size: 2.4rem;
  }


}

@media screen and (max-width: 480px) {
  .gallery-before-after .gba-slider {
    height: 30rem;
  }
}



/* CONTACT PAGE CSS */
.page-id-141>.contact-us {
  display: none;
}


/* CONTACT FORM 7 CSS */
.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  color: #fff;
  background: #ffb900;
}

.wpcf7 form.sent .wpcf7-response-output {
  background: #46b450;
}

.wpcf7-not-valid-tip {
  padding: 5px 1rem;
  color: #fff;
  background: #f00;
}

/* Hide the default checkbox */
.cf--field .wpcf7-acceptance .wpcf7-list-item {
  margin: unset;
}

.cf--field .wpcf7-acceptance .wpcf7-list-item label {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
}

.cf--field input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  position: relative;
}

/* Add a checkmark when checked */
.cf--field input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 0px;
  width: 6px;
  height: 12px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* Change background when checked */
.cf--field input[type="checkbox"]:checked {
  background-color: #007BFF;
  /* your checked color */
  border-color: #007BFF;
}





/* BOOK ONLINE POPUP FORM CSS */
.mfp-content .popup-wrapper {
  max-width: 60rem;
  margin: auto;
}

.mfp-content .popup-wrapper .contact-form--wrapper .cf--inner {
  padding: 2.4rem;
  border-radius: 2.4rem;
  border: 1px solid #FFFFFF;
  background: #fff;
  backdrop-filter: blur(50px);
}

.mfp-content .popup-wrapper .contact-form--wrapper .cf--block label {
  color: #183D60;
}

.mfp-content .popup-wrapper .cf--block h2 {
  font-size: 3.2rem;
  color: #183D60;
}

.mfp-content .popup-wrapper .contact-form--wrapper .cf--block select,
.mfp-content .popup-wrapper .contact-form--wrapper .cf--block textarea,
.mfp-content .popup-wrapper .contact-form--wrapper .cf--block input {
  color: #183D60;
}

/* POST ARCHIVE */
.post-archive.layout-1 {
  background: #182736;
  color: #fff;
}

.post-archive.layout-1 .post-archive--main {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 4rem;
  row-gap: 2rem;
}

.post-archive.layout-1 .pa--each a {
  display: inline-block;
  color: #fff;
  text-decoration: none;
}

.post-archive.layout-1 .pa--each .pa--image,
.post-archive.layout-1 .pa--image__wrapper,
.post-archive.layout-1 .pa--each a {
  height: 100%;
}

.post-archive.layout-1 .pa--each:not(:first-child) {
  grid-column: 2;
}

.post-archive.layout-1 .pa--each:first-child {
  grid-column: 1;
  grid-row: span 3;
}

.post-archive.layout-1 .pa--each:not(:first-child) .pa--inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
}

.post-archive.layout-1 .pa--each .pa--image {
  border-radius: 2.4rem;
  -ms-border-radius: 2.4rem;
  -webkit-border-radius: 2.4rem;
  -moz-border-radius: 2.4rem;
  -o-border-radius: 2.4rem;
  overflow: hidden;
}

.post-archive.layout-1 .pa--each:not(:first-child) .pa--image {
  height: 21rem;
}

.post-archive.layout-1 .pa--each .pa--image img {
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  -webkit-object-fit: cover;
  -moz-object-fit: cover;
  -ms-object-fit: cover;
}

.post-archive.layout-1 .pa--each:first-child .pa--content {
  margin-top: 2.4rem;
}

.post-archive.layout-1 .content--view-more {
  display: none;
}

.post-archive.layout-1 .pa--each:first-child .pa--title h3 {
  font-size: 2.4rem;
  font-weight: 400;
}

.post-archive.layout-1 .pa--each:not(:first-child) .pa--title h3 {
  font-size: 2rem;
  font-weight: 400;
}

.post-archive.layout-1 .pa--each .pa--text {
  font-size: 1.6rem;
}

.post-archive.layout-1 .pa--each .pa--date {
  font-size: 1.6rem;
  color: #87919C;
}


.post-archive.layout-2 h2 {
  font-size: 3.2rem;
  color: #183D60;
}

.post-archive.layout-2 .post-archive--main {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}

.post-archive.layout-2 .pa--each a {
  color: #183D60;
  text-decoration: none;
}

.post-archive.layout-2 .pa--image {
  height: 21rem;
  border-radius: 2.4rem;
  -ms-border-radius: 2.4rem;
  -webkit-border-radius: 2.4rem;
  -moz-border-radius: 2.4rem;
  -o-border-radius: 2.4rem;
  overflow: hidden;
}

.post-archive.layout-2 .pa--image img {
  object-fit: cover;
  -o-object-fit: cover;
  -webkit-object-fit: cover;
  -moz-object-fit: cover;
  -ms-object-fit: cover;
  height: 100%;
}

.post-archive.layout-2 .pa--title {
  margin: 2rem 0;
  color: #183D60;
}

.post-archive .pa--inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.post-archive .pa--inner .pa--content {
  flex: 1;
}

@media screen and (max-width: 991px) {
  .post-archive.layout-1 .post-archive--main {
    grid-template-columns: 1fr;
    gap: 4rem;
  }

  .post-archive.layout-1 .pa--each:not(:first-child),
  .post-archive.layout-1 .pa--each:first-child {
    grid-column: unset;
    grid-row: unset;
  }

  .post-archive.layout-2 .post-archive--main {
    grid-template-columns: 1fr 1fr;
  }

}

@media screen and (max-width: 667px) {
  .post-archive.layout-1 .pa--each .pa--image {
    height: 20rem;
  }

  .post-archive.layout-2 .post-archive--main {
    grid-template-columns: 1fr;
  }

  .post-archive.layout-1 .pa--each:not(:first-child) .pa--inner {
    grid-template-columns: 1fr;
  }
}

/* SINGLE TEAM CSS */
.team-info {
  color: #183D60;
}

.team-info .content--position {
  max-width: 30rem;
}

.team-info .content--image {
  height: 50rem;
  overflow: hidden;
  border-radius: 2.4rem;
  -ms-border-radius: 2.4rem;
  -webkit-border-radius: 2.4rem;
  -moz-border-radius: 2.4rem;
  -o-border-radius: 2.4rem;
}

.team-info .content--image img {
  object-fit: cover;
  -o-object-fit: cover;
  -webkit-object-fit: cover;
  -moz-object-fit: cover;
  -ms-object-fit: cover;
  height: 100%;
  object-position: top;
}

.team-info .content--description {
  color: #5a5a5a;
  position: relative;
}

.team-info .content--description:before {
  content: '';
  position: absolute;
  bottom: 106%;
  left: 50%;
  height: 2000px;
  transform: translateX(-50%);
  width: 3000px;
  background: #F0F4FE;
  z-index: -1;
}

@media screen and (max-width: 991px) {
  .team-info .content__wrapper {
    grid-template-columns: 1fr;
  }
}

/* SINGLE POST CSS */
.single-post .main__wrapper .container {
  max-width: calc(var(--max-width) - 150px);
}

/* SINGLE POST BANNER */
.single-post--banner .back-to-blog a {
  font-size: 1.6rem;
  color: #183D60;
  text-decoration: none;
  display: inline-flex;
  gap: 1rem;
}

.single-post--banner .banner--image {
  border-radius: 2.4rem;
  -ms-border-radius: 2.4rem;
  -webkit-border-radius: 2.4rem;
  -moz-border-radius: 2.4rem;
  -o-border-radius: 2.4rem;
  overflow: hidden;
  height: 55rem;
}

.single-post--banner .banner--image img {
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  -webkit-object-fit: cover;
  -moz-object-fit: cover;
  -ms-object-fit: cover;
  object-position: center;
}

.single-post--banner h1 {
  font-size: 5rem;
  color: #183D60;
  line-height: 1;
}

.single-post--banner .content--date {
  color: #87919C;
}

.single-post .image-section .content--image {
  border-radius: 2.4rem;
  overflow: hidden;
}

.single-post .single-text-section .content--title h2 {
  font-size: 3.2rem;
  color: #183D60;
}

.single-post .single-text-section .content--text h3 {
  margin-bottom: 1rem;
}

.single-post .single-text-section .content--text {
  color: #1E1E1E;
}

.single-post .main__wrapper section:last-child {
  padding-bottom: 8rem;
}

@media screen and (max-width: 991px) {
  .single-post--banner {
    padding-top: 15rem;
  }

  .single-post--banner .banner--image {
    height: 40rem;
  }

  .single-post--banner h1 {
    font-size: 4.5rem;
  }

  .single-post--banner .content--title {
    margin-top: 3rem;
  }

  .single-post .single-text-section .content--title {
    margin-bottom: 2rem;
  }
}

@media screen and (max-width: 667px) {
  .single-post .single-text-section .content--title h2 {
    font-size: 3rem;
  }

  .single-post--banner h1 {
    font-size: 4.2rem;
  }
}

@media screen and (max-width: 480px) {
  .single-post .single-text-section .content--title h2 {
    font-size: 2.8rem;
  }


}

/* LEGAL CONTENT SECTION CSS */
.legal-content-section.no-sidebar .content__wrapper {
  grid-template-columns: 1fr;
}

.legal-content-section.no-sidebar .col--1 {
  display: none;
}


.legal-content-section ul.content-sidebar-list li {
  list-style: none;
}

.legal-content-section ul.content-sidebar-list li a {
  color: #87919C;
  text-decoration: none;
  padding: 1.6rem 0;
  display: block;
  border-bottom: 1px solid #87919c59;
}

.legal-content-section ul.content-sidebar-list li:last-child a {

  border-bottom: unset;
}

.legal-content-section ul.content-sidebar-list li a:hover {
  color: #183D60;
}

.legal-content-section .content--main {
  font-size: 1.8rem;
  color: #1E1E1E;

}

.legal-content-section .content--main ul {
  padding-left: 2rem;
}

.legal-content-section .content--main ul li {
  margin-bottom: 1.5rem;
}

.legal-content-section .content--main li a,
.legal-content-section .content--main p a {
  color: #1E1E1E;
}

.legal-content-section .content--main h2 {
  margin-top: 4rem;
  margin-bottom: 2.4rem;
  font-size: 3.2rem;
  font-weight: 500;
  color: #183D60;
}

.legal-content-section .content--main h3 {
  margin-top: 2.4rem;
  margin-bottom: 2.4rem;
  font-size: 2.4rem;
  font-weight: 500;
  color: #183D60;
}

.legal-content-section .content--main h2:first-child {
  margin-top: 0;
}

@media screen and (max-width: 991px) {
  .legal-content-section.has-sidebar .content__wrapper {
    gap: 4rem;
  }
}

@media screen and (max-width: 667px) {
  .legal-content-section .content--main h2 {
    font-size: 3rem;
  }

  .legal-content-section .content--main {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 580px) {
  .legal-content-section.has-sidebar .content__wrapper {
    gap: 4rem;
  }
}

@media screen and (max-width: 480px) {
  .legal-content-section .content--main h2 {
    font-size: 2.8rem;
  }

  .legal-content-section.has-sidebar .content__wrapper {
    grid-template-columns: 1fr;
  }
}



/* REVIEW SECTION */
section.review-section {
  color: #183D60;
  background: #F0F4FE;
  padding: 4rem 0;
}

.review-section h2 {
  font-size: 2.8rem;
}

.review-section .content--title {
  position: relative;
}

.review-section .review--inner {
  padding: 1rem 2rem;
}

.review-section .content--title:before {
  content: '';
  height: 1px;
  width: 200%;
  position: absolute;
  bottom: 0;
  left: 50%;
  background: #CAD2E8;
  transform: translateX(-50%);
}


/* GBA BEFORE / AFTER SLIDER */

.gba-slider {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  height: 43rem;

}

.gba-image {
  position: absolute;
  inset: 0;
}

.gba-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gba-after {
  clip-path: inset(0 50% 0 0);
}

.gba-divider {
  position: absolute;
  top: 0;
  left: 50%;
  width: 3px;
  height: 100%;
  background: #fff;
  transform: translateX(-50%);
  pointer-events: none;
}

.gba-range {
  appearance: none;
  background: transparent;
  position: absolute;
  inset: 0;
  cursor: ew-resize;
}

/* Thumb */
.gba-range::-webkit-slider-thumb {
  appearance: none;
  /* Chrome/Safari */
  width: 0;
  height: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  cursor: default;
}

.gba-range::-moz-range-thumb {
  width: 0;
  /* Firefox */
  height: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  cursor: default;
}

.gba-range::-ms-thumb {
  width: 0;
  /* IE/Edge */
  height: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  cursor: default;
}

/* middle circle handle */
.gba-handle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 35px;
  background: #fff;
  border-radius: 4rem;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
}

/* arrow alignment */
.gba-handle svg {
  display: block;
}







/* ACCORDION  CSS */
.accordion .acc--each {
  padding: 2rem 0;
  border-bottom: 1px solid #E8EAEF66;
  cursor: pointer;
}

.accordion .acc--each.active h3 {
  color: #FFD796;
}

.accordion .acc--each .acc--title h3 {
  font-weight: 500;
}

.accordion .acc--each .acc--title svg {
  transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  margin-left: 3rem;
}

.accordion .acc--each.active .acc--title svg {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;

}

.accordion .acc--text table {
  width: 100%;
  border-collapse: collapse;
}

.accordion .acc--text table tr td {
  padding: 2rem 0rem;
  font-size: 1.6rem;
  border-top: 1px solid #8e8a841a;
  width: 50%;
}


.accordion .acc--text {
  display: none;
}

.accordion {
  background: #F0F4FE;
}

.accordion .boxed--title h3 {
  font-size: 2.7rem;
  font-family: 'Playfair Display';
  font-weight: 500;
}

.accordion.boxed .content__wrapper {
  color: #000;
}

.accordion.boxed .acc--each {
  padding: 2rem;
  border-radius: 1.2rem;
  margin-bottom: 2rem;
  background: #fff;
}

.accordion.boxed .acc--each.active h3 {
  color: #284669;
}

.accordion.boxed .acc--each .acc--arrow svg path {
  fill: #284669;
}

.accordion .boxed--wrapper {
  padding: 3rem;
  background: #182736;
  border-radius: 2.4rem;
  -ms-border-radius: 2.4rem;
  -webkit-border-radius: 2.4rem;
  -moz-border-radius: 2.4rem;
  -o-border-radius: 2.4rem;
}

/* TEAM MEMBER CSS */
.team-section.section-color--white .content--title h2 {
  color: #000;

}

.team-section .selected-team--layout.column-3 .team--each {
  flex: 0 0 33.333%;
  -ms-flex: 0 0 33.333%;
  -webkit-flex: 0 0 33.333%;
  -moz-flex: 0 0 33.333%;
  -o-flex: 0 0 33.333%;
  max-width: 33.333%;
}

.team-section .selected-team--layout.column-4 .team--each {
  flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  -webkit-flex: 0 0 25%;
  -moz-flex: 0 0 25%;
  -o-flex: 0 0 25%;
  max-width: 25%;
}


.team-section .team--each {
  position: relative;
  overflow: hidden;
}

.team-section .team--each.active .team--inner {
  color: #fff;
  padding-top: 10rem;
  transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
}


.team-section .team--each.active .team--link a,
.team-section .team--each.active .team--name {
  color: #fff;
}

.team-section .team--each.active .team--profile {
  height: 100%;
  top: 0;
  left: 0;
  width: 100%;
  transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
}


.team-section .team--each .team--profile:before {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  background: transparent;
  top: 0;
  left: 0;
  transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
}

.team-section .team--each.active .team--profile:before {
  background: linear-gradient(180deg, rgba(24, 39, 54, 0.382) -31.13%, #182736 100%);
  transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
}

.team-section .team--inner {
  background: #fff;
  padding: 1rem 1rem 2rem;
  border-radius: 2.4rem;
  margin: 1rem;
  border: 1px solid #E8EAEF;
  height: 48rem;
  text-align: center;
  color: #586C83;
  position: relative;
  padding-top: 33rem;
  transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
}

.team-section .team--profile {
  overflow: hidden;
  border-radius: 2.4rem;
  -ms-border-radius: 2.4rem;
  -webkit-border-radius: 2.4rem;
  -moz-border-radius: 2.4rem;
  -o-border-radius: 2.4rem;
  position: absolute;
  height: 30rem;
  width: calc(100% - 2rem);
  top: 1rem;
  left: 1rem;
  transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
}

.team-section .team--profile img {
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  -webkit-object-fit: cover;
  -moz-object-fit: cover;
  -ms-object-fit: cover;
  object-position: top;
}

.team-section .team--info {
  position: relative;
  z-index: 1;
}

.team-section .team--name {
  font-size: 2.4rem;
  color: #183D60;
}

.team-section .team--description {
  display: none !important;
}



.team-section .team--link a {
  color: #183D60;
  font-size: 1.6rem;
}

@media screen and (max-width: 1180px) {
  .team-section .team--wrapper.grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .team-section .team--each.active .team--inner {
    padding-top: 15rem;
  }

  .team-section .selected-team--layout.column-4 .team--each {
    flex: 0 0 33.333%;
    -ms-flex: 0 0 33.333%;
    -webkit-flex: 0 0 33.333%;
    -moz-flex: 0 0 33.333%;
    -o-flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}

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

  .team-section .selected-team--layout.column-4 .team--each,
  .team-section .selected-team--layout.column-3 .team--each {
    flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    -o-flex: 0 0 50%;
    max-width: 50%;
  }

  .team-section .team--wrapper.grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {}

@media screen and (max-width: 667px) {}

@media screen and (max-width: 580px) {
  .team-section .team--wrapper.grid {
    grid-template-columns: 1fr;
  }

  .team-section .selected-team--layout.column-4 .team--each,
  .team-section .selected-team--layout.column-3 .team--each {
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -o-flex: 0 0 100%;
    max-width: 100%;
  }
}


/* HIGHLIGHT IMAGE CSS */


.highlight-image {
  background: linear-gradient(0deg, #080D12, #080D12),
    linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.highlight-image .content--image {
  border-radius: 2.4rem;
  -ms-border-radius: 2.4rem;
  -webkit-border-radius: 2.4rem;
  -moz-border-radius: 2.4rem;
  -o-border-radius: 2.4rem;
  overflow: hidden;
}

.highlight-image .content--image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  -webkit-object-fit: cover;
  -moz-object-fit: cover;
  -ms-object-fit: cover;
}

.highlight-image .content--text ol,
.highlight-image .content--text ul {
  padding-left: 2rem;
  padding-bottom: 1rem;
}

.highlight-image .content--text ol li,
.highlight-image .content--text ul li {
  margin: 5px 0;
}

@media screen and (max-width: 991px) {
  .highlight-image .content--text {
    margin-top: 3rem;
  }
}



/* FOOTER  CSS */

footer {
  background: #183D60;
  padding: 6rem 0;
}

footer .footer--logo {
  max-width: 16rem;
}

footer .footer--grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 2rem;
}

footer .footer-subtitle h3 {
  font-size: 1.8rem;
  font-weight: 500;
  color: #FFFFFFB2;
}

footer .footer-nav ul li {
  list-style: none;
}

footer .footer-nav ul li a {
  color: #fff;
  font-weight: 500;
  font-size: 1.6rem;
  text-decoration: none;
  margin: 0 0 2rem;
  display: block;
  pointer-events: auto;
}

footer .footer-nav ul li a:hover {
  color: #FFD796;
}

footer .contact-info .ci--each a,
footer .contact-info .ci--each {
  font-size: 1.6rem;
  color: #fff;
  font-weight: 500;
  text-decoration: none;
}

footer .contact-info .ci--each p {
  line-height: 2;
}

footer .copyright-section {
  color: #FFFFFFA6;
}

footer .copyright-section a {
  color: #FFFFFFA6;
}

@media screen and (max-width: 991px) {
  footer .footer--grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  footer .footer--grid {
    grid-template-columns: 1fr 1fr;
  }
}

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

  footer .footer--logo {
    max-width: 12rem;
  }

  footer .footer--grid .col--4,
  footer .footer--grid .col--1 {
    grid-column: span 2;
  }

  footer .footer--grid .col--1 .footer-inner {
    align-items: center;
    padding-left: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 2rem;
  }
}

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

  footer .footer--grid .col--1 .footer-inner,
  footer .footer--grid {
    grid-template-columns: 1fr;
  }

  footer .footer--grid .col--1 .footer-inner {
    margin-bottom: 2rem;
  }

  footer .footer--grid .col--4,
  footer .footer--grid .col--1 {
    grid-column: unset;
  }
}