/**
 * Created by Sushant Gauchan
 * Email : sushant.gauchan@gmail.com
*/
/*-------------------------------------- Fonts Starts -------------------------------------*/
/*--------------------------------------- Fonts Ends --------------------------------------*/
/*------------------------------------- Colors Starts -------------------------------------*/
/*-------------------------------------- Colors Ends --------------------------------------*/
/*-------------------------------------- Mixins Starts ------------------------------------*/
.ex-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  justify-content: flex-start; }

.ex-flex-wrap {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap; }

.ex-vertical {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

.ex-transition {
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  -ms-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease; }

.ex-transition-medium {
  -webkit-transition: all 1.2s ease;
  -moz-transition: all 1.2s ease;
  -ms-transition: all 1.2s ease;
  -o-transition: all 1.2s ease;
  transition: all 1.2s ease; }

.ex-transition-large {
  -webkit-transition: all 1.8s ease;
  -moz-transition: all 1.8s ease;
  -ms-transition: all 1.8s ease;
  -o-transition: all 1.8s ease;
  transition: all 1.8s ease; }

/*--------------------------------------- Mixins Ends -------------------------------------*/
/*------------------------------------ Site Wide Starts -----------------------------------*/
body.page-template-home-template #header-wrapper {
  z-index: 10;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  transition: all .8s ease;
  background-color: transparent;
  border-bottom: none; }
  body.page-template-home-template #header-wrapper .common-logo-nav-wrapper .nav-container nav ul li a {
    color: #fff; }
  body.page-template-home-template #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li a {
    color: #1A99ED !important; }
  body.page-template-home-template #header-wrapper .common-logo-nav-wrapper .action-container .action-item a {
    background-color: #E8F6FF;
    color: #1e1846; }
body.page-template-home-template .common-logo-container a {
  filter: brightness(0) invert(1); }
body.page-template-home-template .common-toggle.type-open .inner span {
  background-color: #fff; }
body.menu-open #navigation-wrapper {
  pointer-events: initial;
  clip-path: inset(0 0% 0 0);
  transition: 0.8s 0.1s cubic-bezier(0.71, 0.26, 0.26, 0.88); }
body.menu-open .common-toggle.type-open .inner span {
  background-color: #ffffff !important; }

/*------------------------------------- Site Wide Ends ------------------------------------*/
/*------------------------------------ Body Style Start -----------------------------------*/
/*------------------------------------- Body Style Ends -----------------------------------*/
/*--------------------------------- Header Wrapper Starts ---------------------------------*/
#header-wrapper {
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid #eaeaea;
  transition: inherit; }
  #header-wrapper .common-logo-nav-wrapper .nav-container nav ul li {
    display: inline-block;
    vertical-align: top; }
    #header-wrapper .common-logo-nav-wrapper .nav-container nav ul li a {
      font-size: 16px;
      display: block;
      color: #1e1846;
      font-weight: 500;
      line-height: 1; }
  #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li {
    position: relative; }
    #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li:not(:last-of-type) {
      margin-right: 120px; }
    #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > a {
      padding: 44px 0; }
    #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul {
      box-shadow: 0 0 8px #27272712;
      min-width: 200px;
      position: absolute;
      left: -22px;
      top: 100%;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.5s ease;
      z-index: 999; }
      #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul:after {
        content: '';
        position: absolute;
        top: -7px;
        left: 18px;
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #fff; }
      #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li {
        position: relative;
        width: 100%;
        border-left: 2px solid transparent;
        background-color: #fff;
        transition: all .6s ease; }
        #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li a {
          font-size: 14px;
          padding: 18px 20px;
          line-height: 1em;
          color: #1A99ED;
          transition: all .6s ease; }
        #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li:hover {
          border-left: 2px solid #1A99ED;
          background-color: #E8F6FF;
          transition: all .6s ease; }
          #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li:hover > a {
            color: #1A99ED;
            transition: all .6s ease; }
          #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li:hover ul {
            opacity: 1;
            pointer-events: initial;
            transition: opacity 0.5s ease; }
        #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li ul {
          position: absolute;
          width: 230px;
          left: 100%;
          top: 0;
          opacity: 0;
          pointer-events: none;
          transition: opacity 0.5s ease; }
          #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li ul li {
            width: 100%;
            display: block;
            border-left: 2px solid transparent;
            background-color: #fff;
            transition: all .6s ease; }
            #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li ul li a {
              color: #fff;
              transition: all .6s ease; }
            #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li ul li:hover {
              border-left: 2px solid #1A99ED;
              background-color: #E8F6FF;
              transition: all .6s ease; }
              #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li ul li:hover > a {
                color: #1A99ED;
                transition: all .6s ease; }
    #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li.has-sub-menu > a {
      position: relative;
      padding-right: 15px; }
      #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li.has-sub-menu > a:after {
        content: '';
        height: 8px;
        width: 8px;
        background-image: url("../img/icons/icon_down.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        filter: brightness(0) invert(1);
        transition: all .4s ease; }
    #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li:hover > ul {
      opacity: 1;
      pointer-events: initial;
      transition: opacity 0.5s ease; }
  #header-wrapper .common-logo-nav-wrapper .action-container .action-item a {
    background-color: #E8F6FF;
    color: #1e1846; }
  #header-wrapper .custom-container {
    padding-top: 0;
    padding-bottom: 0; }
  #header-wrapper:after {
    content: '';
    height: 2px;
    width: 100%;
    background-color: #ffffff33;
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none; }
  #header-wrapper.nav-scroll {
    position: fixed;
    background-color: #fff;
    top: 0;
    border-bottom: 1px solid rgba(204, 204, 204, 0.28);
    animation: ani-slide-down 0.7s;
    transition: all .5s ease-in-out; }
    #header-wrapper.nav-scroll .common-logo-nav-wrapper .common-logo-container a {
      filter: brightness(100%) invert(0); }
    #header-wrapper.nav-scroll .common-logo-nav-wrapper .nav-container nav ul li a {
      color: #1A99ED; }
    #header-wrapper.nav-scroll .common-logo-nav-wrapper .nav-container nav > ul > li.has-sub-menu > a:after {
      filter: brightness(1) invert(0);
      transition: all .4s ease; }
    #header-wrapper.nav-scroll .common-logo-nav-wrapper .nav-container nav > ul > li > ul:after {
      opacity: 0; }
    #header-wrapper.nav-scroll .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li {
      position: relative;
      background-color: #fff; }
      #header-wrapper.nav-scroll .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li:hover > a {
        background-color: #E8F6FF; }
      #header-wrapper.nav-scroll .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li ul li {
        background-color: #fff; }
        #header-wrapper.nav-scroll .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li ul li:hover > a {
          background-color: #E8F6FF; }
    #header-wrapper.nav-scroll .common-logo-nav-wrapper .co-btn.color-invert.type-border {
      color: #1A99ED;
      border-color: #1A99ED; }
      #header-wrapper.nav-scroll .common-logo-nav-wrapper .co-btn.color-invert.type-border:hover {
        background-color: #1e1846;
        color: #fff;
        border-color: #1e1846;
        transition: all .4s ease; }

.common-logo-nav-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  position: relative; }
  .common-logo-nav-wrapper .common-logo-container a {
    filter: brightness(1) invert(0); }
  .common-logo-nav-wrapper .action-container .action-item.type-icon {
    display: none; }

/*--------------------------------- Header Wrapper Starts ---------------------------------*/
/*----------------------------------- Navigation Starts -----------------------------------*/
#navigation-wrapper {
  z-index: 11;
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background-color: #1A99ED;
  display: flex;
  flex-direction: column;
  clip-path: inset(0 0% 100% 0);
  transition: 0.8s 0.1s cubic-bezier(0.71, 0.26, 0.26, 0.88);
  pointer-events: none; }

/*------------------------------------ Navigation Ends ------------------------------------*/
/*-------------------------------- Content Wrapper Starts ---------------------------------*/
#content-wrapper {
  background-image: url("../img/background/main-background-image.png");
  background-size: 100%;
  overflow: hidden; }
  #content-wrapper #home-page .why-choose-us-section .section-title {
    margin-bottom: 180px;
    padding: 0px 80px; }
    #content-wrapper #home-page .why-choose-us-section .section-title span {
      text-align: center;
      color: #1e1846;
      border-bottom: 4px solid #E8F6FF;
      padding: 10px 20px;
      padding-top: 0px !important; }
    #content-wrapper #home-page .why-choose-us-section .section-title h1 {
      color: #1A99ED;
      margin-top: 60px; }
  #content-wrapper #home-page .why-choose-us-section .section-content .layout-container {
    display: flex;
    flex-wrap: wrap;
    margin: -10px; }
    #content-wrapper #home-page .why-choose-us-section .section-content .layout-container .layout-item {
      width: 50%;
      padding: 10px; }
      #content-wrapper #home-page .why-choose-us-section .section-content .layout-container .layout-item .inner {
        border-radius: 6px;
        overflow: hidden; }
        #content-wrapper #home-page .why-choose-us-section .section-content .layout-container .layout-item .inner a {
          position: relative;
          width: 100%;
          height: 100%; }
          #content-wrapper #home-page .why-choose-us-section .section-content .layout-container .layout-item .inner a:after {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(56, 51, 83, 0.8);
            opacity: 0;
            transition: .6s; }
        #content-wrapper #home-page .why-choose-us-section .section-content .layout-container .layout-item .inner:hover a .text-container h3 img {
          opacity: 1;
          transition: .3s;
          padding-left: 30px; }
        #content-wrapper #home-page .why-choose-us-section .section-content .layout-container .layout-item .inner:hover a:after {
          opacity: 1;
          transition: .6s; }
        #content-wrapper #home-page .why-choose-us-section .section-content .layout-container .layout-item .inner .image-container {
          width: 100%;
          height: 640px;
          z-index: 0; }
          #content-wrapper #home-page .why-choose-us-section .section-content .layout-container .layout-item .inner .image-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center; }
        #content-wrapper #home-page .why-choose-us-section .section-content .layout-container .layout-item .inner .text-container {
          position: absolute;
          top: 50%;
          left: 50%;
          z-index: 1;
          transform: translate(-50%, -50%);
          width: 100%;
          text-align: center; }
          #content-wrapper #home-page .why-choose-us-section .section-content .layout-container .layout-item .inner .text-container h3 {
            color: #fff; }
            #content-wrapper #home-page .why-choose-us-section .section-content .layout-container .layout-item .inner .text-container h3 img {
              padding-left: 0px;
              opacity: 0;
              transition: .3s; }
  #content-wrapper #home-page .shaping-lives-section .title-container .layout-container {
    display: flex; }
    #content-wrapper #home-page .shaping-lives-section .title-container .layout-container .layout-item:nth-of-type(1) {
      width: calc(100% - 520px);
      padding-right: 153px; }
      #content-wrapper #home-page .shaping-lives-section .title-container .layout-container .layout-item:nth-of-type(1) h1 {
        color: #1e1846; }
    #content-wrapper #home-page .shaping-lives-section .title-container .layout-container .layout-item:nth-of-type(2) {
      width: 520px; }
      #content-wrapper #home-page .shaping-lives-section .title-container .layout-container .layout-item:nth-of-type(2) .link {
        margin-top: 40px; }
        #content-wrapper #home-page .shaping-lives-section .title-container .layout-container .layout-item:nth-of-type(2) .link a {
          text-transform: uppercase;
          color: #1e1846;
          font-weight: 500;
          transition: .6s; }
          #content-wrapper #home-page .shaping-lives-section .title-container .layout-container .layout-item:nth-of-type(2) .link a:hover {
            text-decoration: underline;
            transition: .6s; }
  #content-wrapper #home-page .shaping-lives-section .section-content {
    margin-top: 130px; }
    #content-wrapper #home-page .shaping-lives-section .section-content .layout-container {
      display: flex;
      gap: 36px; }
      #content-wrapper #home-page .shaping-lives-section .section-content .layout-container .layout-item {
        width: 33.33%; }
        #content-wrapper #home-page .shaping-lives-section .section-content .layout-container .layout-item:nth-of-type(2) {
          padding-top: 80px; }
        #content-wrapper #home-page .shaping-lives-section .section-content .layout-container .layout-item:nth-of-type(3) {
          padding-top: 160px; }
        #content-wrapper #home-page .shaping-lives-section .section-content .layout-container .layout-item .inner {
          position: relative;
          border-radius: 6px;
          overflow: hidden; }
          #content-wrapper #home-page .shaping-lives-section .section-content .layout-container .layout-item .inner .image-container {
            height: 780px;
            width: 100%; }
            #content-wrapper #home-page .shaping-lives-section .section-content .layout-container .layout-item .inner .image-container img {
              width: 100%;
              height: 100%;
              object-fit: cover;
              object-position: center; }
          #content-wrapper #home-page .shaping-lives-section .section-content .layout-container .layout-item .inner .content-container {
            position: absolute;
            left: 0;
            bottom: 0;
            padding: 40px; }
            #content-wrapper #home-page .shaping-lives-section .section-content .layout-container .layout-item .inner .content-container .content-inner {
              padding: 40px;
              background-color: #fff;
              border-radius: 6px; }
              #content-wrapper #home-page .shaping-lives-section .section-content .layout-container .layout-item .inner .content-container .content-inner .title-container {
                margin: 15px 0px; }
                #content-wrapper #home-page .shaping-lives-section .section-content .layout-container .layout-item .inner .content-container .content-inner .title-container h3 {
                  color: #1e1846; }
  #content-wrapper #home-page .project-section {
    position: relative; }
    #content-wrapper #home-page .project-section .title {
      text-align: center;
      margin-bottom: 100px; }
      #content-wrapper #home-page .project-section .title h1 {
        color: #1A99ED; }
    #content-wrapper #home-page .project-section .section-content {
      position: relative;
      z-index: 2; }
      #content-wrapper #home-page .project-section .section-content .project-layout-wrapper .project-layout-container {
        display: flex;
        flex-wrap: wrap; }
        #content-wrapper #home-page .project-section .section-content .project-layout-wrapper .project-layout-container .layout-item {
          width: 50%; }
          #content-wrapper #home-page .project-section .section-content .project-layout-wrapper .project-layout-container .layout-item:nth-of-type(2) .layout-inner {
            padding: 145px 140px;
            border: 1px solid #EAEAEA;
            background-color: #fff; }
          #content-wrapper #home-page .project-section .section-content .project-layout-wrapper .project-layout-container .layout-item .layout-inner .image-container {
            width: 100%;
            height: 560px; }
            #content-wrapper #home-page .project-section .section-content .project-layout-wrapper .project-layout-container .layout-item .layout-inner .image-container img {
              width: 100%;
              height: 100%;
              object-fit: cover;
              object-position: center; }
          #content-wrapper #home-page .project-section .section-content .project-layout-wrapper .project-layout-container .layout-item .layout-inner .content-container .project-title {
            color: #1e1846; }
            #content-wrapper #home-page .project-section .section-content .project-layout-wrapper .project-layout-container .layout-item .layout-inner .content-container .project-title h3 {
              margin-bottom: 10px; }
          #content-wrapper #home-page .project-section .section-content .project-layout-wrapper .project-layout-container .layout-item .layout-inner .content-container .project-link a {
            text-transform: uppercase;
            color: #1e1846;
            font-weight: 500;
            padding-bottom: 5px;
            border-bottom: 1px solid #1e1846; }
          #content-wrapper #home-page .project-section .section-content .project-layout-wrapper .project-layout-container .layout-item .layout-inner .content-container .common-bottom-margin {
            margin-bottom: 40px; }
    #content-wrapper #home-page .project-section:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 18.7%;
      background-color: #1e1846;
      z-index: 1; }
  #content-wrapper #home-page .enquiry-section {
    background-color: #1e1846;
    overflow: hidden;
    position: relative; }
    #content-wrapper #home-page .enquiry-section .section-content .layout-container {
      display: flex;
      flex-wrap: wrap; }
      #content-wrapper #home-page .enquiry-section .section-content .layout-container .layout-item {
        width: 50%; }
        #content-wrapper #home-page .enquiry-section .section-content .layout-container .layout-item .layout-inner .co-btn:hover {
          border: 2px solid #fff; }
        #content-wrapper #home-page .enquiry-section .section-content .layout-container .layout-item .layout-inner .title {
          margin-bottom: 60px; }
          #content-wrapper #home-page .enquiry-section .section-content .layout-container .layout-item .layout-inner .title h2 {
            color: #fff;
            margin-bottom: 25px; }
          #content-wrapper #home-page .enquiry-section .section-content .layout-container .layout-item .layout-inner .title span {
            color: #B9BDC7;
            font-weight: 500; }
        #content-wrapper #home-page .enquiry-section .section-content .layout-container .layout-item .layout-inner .image-wrapper {
          display: flex;
          flex-wrap: wrap;
          gap: 20px; }
          #content-wrapper #home-page .enquiry-section .section-content .layout-container .layout-item .layout-inner .image-wrapper .image-container {
            height: 310px;
            width: 100%;
            border-radius: 6px;
            overflow: hidden; }
            #content-wrapper #home-page .enquiry-section .section-content .layout-container .layout-item .layout-inner .image-wrapper .image-container img {
              width: 100%;
              height: 100%;
              object-fit: cover;
              object-position: center; }
        #content-wrapper #home-page .enquiry-section .section-content .layout-container .layout-item .layout-inner label {
          color: #B9BDC7 !important; }
        #content-wrapper #home-page .enquiry-section .section-content .layout-container .layout-item:nth-of-type(2) {
          padding-left: 160px; }
  #content-wrapper #home-page .offer-section .custom-container .title {
    text-align: center;
    margin-bottom: 100px; }
    #content-wrapper #home-page .offer-section .custom-container .title h1 {
      color: #1e1846; }
  #content-wrapper #home-page .offer-section .custom-container .section-content .layout-container {
    display: flex;
    gap: 20px; }
    #content-wrapper #home-page .offer-section .custom-container .section-content .layout-container .layout-item {
      width: 50%; }
  #content-wrapper #about-page .about-section .custom-container {
    padding-left: 270px;
    padding-top: 100px; }
  #content-wrapper #about-page .about-section .layout-container {
    display: flex;
    align-items: center; }
    #content-wrapper #about-page .about-section .layout-container .layout-item:nth-of-type(1) {
      width: calc(100% - 820px); }
    #content-wrapper #about-page .about-section .layout-container .layout-item:nth-of-type(2) {
      width: 820px; }
    #content-wrapper #about-page .about-section .layout-container .layout-item .text-container {
      max-width: 540px; }
      #content-wrapper #about-page .about-section .layout-container .layout-item .text-container h2 {
        color: #1A99ED;
        margin-bottom: 40px; }
    #content-wrapper #about-page .about-section .layout-container .layout-item .image-container img {
      width: 100%; }
  #content-wrapper #about-page .image-section {
    position: relative; }
    #content-wrapper #about-page .image-section .image-container {
      width: 100%;
      height: 700px;
      border-radius: 6px;
      overflow: hidden;
      position: relative;
      z-index: 9; }
      #content-wrapper #about-page .image-section .image-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center; }
    #content-wrapper #about-page .image-section:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 50%;
      left: 0;
      bottom: 0;
      background-color: #1e1846;
      z-index: 2; }
  #content-wrapper #about-page .guide-steps-section {
    background-color: #1e1846; }
    #content-wrapper #about-page .guide-steps-section .layout-container {
      display: flex; }
      #content-wrapper #about-page .guide-steps-section .layout-container .layout-item:nth-of-type(1) {
        width: 540px; }
      #content-wrapper #about-page .guide-steps-section .layout-container .layout-item:nth-of-type(2) {
        width: calc(100% - 540px);
        padding-left: 160px; }
      #content-wrapper #about-page .guide-steps-section .layout-container .layout-item h2 {
        color: #fff; }
      #content-wrapper #about-page .guide-steps-section .layout-container .layout-item .text-container {
        color: #fff; }
  #content-wrapper #about-page .tagline-section .tagline-container {
    text-align: center; }
    #content-wrapper #about-page .tagline-section .tagline-container h2 {
      color: #1e1846; }
  #content-wrapper #about-page .mission-values-section .mission-vision-wrapper .layout-container {
    display: flex;
    align-items: center; }
    #content-wrapper #about-page .mission-values-section .mission-vision-wrapper .layout-container:nth-of-type(even) {
      flex-direction: row-reverse; }
    #content-wrapper #about-page .mission-values-section .mission-vision-wrapper .layout-container .layout-item:nth-of-type(1) {
      width: 960px; }
    #content-wrapper #about-page .mission-values-section .mission-vision-wrapper .layout-container .layout-item:nth-of-type(2) {
      width: calc(100% - 960px); }
    #content-wrapper #about-page .mission-values-section .mission-vision-wrapper .layout-container .layout-item .text-container {
      max-width: 400px;
      margin: auto; }
      #content-wrapper #about-page .mission-values-section .mission-vision-wrapper .layout-container .layout-item .text-container span {
        display: block;
        margin-bottom: 40px;
        color: #1e1846;
        font-size: 44px; }
    #content-wrapper #about-page .mission-values-section .mission-vision-wrapper .layout-container .layout-item .image-container {
      height: 540px;
      border-radius: 6px;
      overflow: hidden; }
      #content-wrapper #about-page .mission-values-section .mission-vision-wrapper .layout-container .layout-item .image-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center; }
    #content-wrapper #about-page .mission-values-section .mission-vision-wrapper .layout-container:not(:last-child) {
      margin-bottom: 100px; }
  #content-wrapper #about-page .get-started-section .title {
    max-width: 820px;
    margin: auto;
    text-align: center; }
    #content-wrapper #about-page .get-started-section .title h1 {
      color: #1e1846; }
    #content-wrapper #about-page .get-started-section .title span {
      display: block; }
    #content-wrapper #about-page .get-started-section .title a {
      text-transform: uppercase;
      color: #1e1846;
      font-weight: 500; }
      #content-wrapper #about-page .get-started-section .title a:hover {
        text-decoration: underline; }
  #content-wrapper #about-page .get-started-section .common-bottom-margin {
    margin-bottom: 40px; }
  #content-wrapper #property-details-page .property-details-section .layout-container .title-amenities-container {
    text-align: center; }
    #content-wrapper #property-details-page .property-details-section .layout-container .title-amenities-container .title h1 {
      color: #1e1846; }
  #content-wrapper #property-details-page .property-details-section .layout-container .thumnail-container {
    width: 100%;
    height: 640px; }
    #content-wrapper #property-details-page .property-details-section .layout-container .thumnail-container img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center; }
  #content-wrapper #property-details-page .property-details-section .layout-container .property-block-wrapper {
    display: flex; }
    #content-wrapper #property-details-page .property-details-section .layout-container .property-block-wrapper .block-item:nth-of-type(1) {
      width: calc(100% - 400px); }
      #content-wrapper #property-details-page .property-details-section .layout-container .property-block-wrapper .block-item:nth-of-type(1) .block-inner {
        padding-right: 160px; }
    #content-wrapper #property-details-page .property-details-section .layout-container .property-block-wrapper .block-item:nth-of-type(2) {
      width: 400px; }
      #content-wrapper #property-details-page .property-details-section .layout-container .property-block-wrapper .block-item:nth-of-type(2) .block-inner {
        position: sticky;
        top: 30px; }
    #content-wrapper #property-details-page .property-details-section .layout-container .property-block-wrapper .block-item .block-inner .property-description span {
      color: #1e1846;
      display: block;
      margin-bottom: 20px;
      line-height: 1px;
      font-weight: 500; }
    #content-wrapper #property-details-page .property-details-section .layout-container .property-block-wrapper .block-item .block-inner .common-item .common-title {
      margin-bottom: 40px; }
      #content-wrapper #property-details-page .property-details-section .layout-container .property-block-wrapper .block-item .block-inner .common-item .common-title h3 {
        color: #1e1846; }
    #content-wrapper #property-details-page .property-details-section .layout-container .property-block-wrapper .block-item .block-inner .common-item .common-gallery {
      display: flex;
      flex-wrap: wrap;
      margin: -10px; }
      #content-wrapper #property-details-page .property-details-section .layout-container .property-block-wrapper .block-item .block-inner .common-item .common-gallery .image {
        width: 50%;
        height: 377px;
        padding: 10px; }
        #content-wrapper #property-details-page .property-details-section .layout-container .property-block-wrapper .block-item .block-inner .common-item .common-gallery .image img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center;
          border-radius: 6px; }
      #content-wrapper #property-details-page .property-details-section .layout-container .property-block-wrapper .block-item .block-inner .common-item .common-gallery.no-flex {
        display: block; }
        #content-wrapper #property-details-page .property-details-section .layout-container .property-block-wrapper .block-item .block-inner .common-item .common-gallery.no-flex .image {
          width: inherit; }
    #content-wrapper #property-details-page .property-details-section .layout-container .property-block-wrapper .block-item .block-inner .customize-property-container {
      padding: 60px;
      border-radius: 6px;
      background-color: #1e1846; }
      #content-wrapper #property-details-page .property-details-section .layout-container .property-block-wrapper .block-item .block-inner .customize-property-container .text-container {
        margin-bottom: 40px; }
        #content-wrapper #property-details-page .property-details-section .layout-container .property-block-wrapper .block-item .block-inner .customize-property-container .text-container h3 {
          margin-bottom: 40px;
          color: #fff; }
        #content-wrapper #property-details-page .property-details-section .layout-container .property-block-wrapper .block-item .block-inner .customize-property-container .text-container p {
          color: #818a9b; }
      #content-wrapper #property-details-page .property-details-section .layout-container .property-block-wrapper .block-item .block-inner .customize-property-container .link-container a {
        display: flex;
        align-items: center;
        justify-content: space-between; }
        #content-wrapper #property-details-page .property-details-section .layout-container .property-block-wrapper .block-item .block-inner .customize-property-container .link-container a span {
          color: #fff; }
  #content-wrapper #property-details-page .property-details-section .layout-container .common-bottom-margin {
    margin-bottom: 50px; }
  #content-wrapper #property-details-page .more-designs-section .title {
    text-align: center;
    margin-bottom: 60px; }
    #content-wrapper #property-details-page .more-designs-section .title h3 {
      color: #1e1846; }
  #content-wrapper #offer-details-page .offer-detail-section .layout-container {
    display: flex;
    flex-wrap: wrap; }
    #content-wrapper #offer-details-page .offer-detail-section .layout-container .layout-item .image-container {
      width: 100%;
      height: 700px;
      border-radius: 6px;
      overflow: hidden;
      position: relative; }
      #content-wrapper #offer-details-page .offer-detail-section .layout-container .layout-item .image-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center; }
      #content-wrapper #offer-details-page .offer-detail-section .layout-container .layout-item .image-container span {
        display: block;
        position: absolute;
        top: 40px;
        left: 40px;
        color: #1e1846;
        line-height: 1;
        border-radius: 6px;
        background-color: rgba(255, 255, 255, 0.5);
        padding: 16px 40px;
        font-size: 18px; }
    #content-wrapper #offer-details-page .offer-detail-section .layout-container .layout-item .title {
      margin-bottom: 30px; }
      #content-wrapper #offer-details-page .offer-detail-section .layout-container .layout-item .title h2 {
        color: #1e1846;
        margin-bottom: 50px; }
    #content-wrapper #offer-details-page .offer-detail-section .layout-container .layout-item .common-details-item {
      font-size: 18px; }
      #content-wrapper #offer-details-page .offer-detail-section .layout-container .layout-item .common-details-item:not(:last-child) {
        margin-bottom: 30px; }
      #content-wrapper #offer-details-page .offer-detail-section .layout-container .layout-item .common-details-item span {
        font-weight: 500;
        color: #1e1846; }
      #content-wrapper #offer-details-page .offer-detail-section .layout-container .layout-item .common-details-item ul {
        margin-top: 20px;
        padding-left: 30px; }
        #content-wrapper #offer-details-page .offer-detail-section .layout-container .layout-item .common-details-item ul li {
          list-style-type: disc; }
    #content-wrapper #offer-details-page .offer-detail-section .layout-container .layout-item:nth-of-type(1) {
      width: 820px; }
      #content-wrapper #offer-details-page .offer-detail-section .layout-container .layout-item:nth-of-type(1) .layout-inner {
        position: sticky;
        top: 40px; }
    #content-wrapper #offer-details-page .offer-detail-section .layout-container .layout-item:nth-of-type(2) {
      padding: 0px 100px;
      width: calc(100% - 820px); }
  #content-wrapper #contact-page .contact-details-section .layout-container {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    border-radius: 6px;
    background-color: #E8F6FF; }
    #content-wrapper #contact-page .contact-details-section .layout-container .layout-item .layout-inner {
      height: 100%; }
    #content-wrapper #contact-page .contact-details-section .layout-container .layout-item .image-container {
      width: 100%;
      height: 663px;
      border-radius: 6px;
      overflow: hidden; }
      #content-wrapper #contact-page .contact-details-section .layout-container .layout-item .image-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center; }
    #content-wrapper #contact-page .contact-details-section .layout-container .layout-item .common-item:nth-of-type(1) {
      padding-bottom: 60px;
      margin-bottom: 60px;
      border-bottom: 2px solid #E8F6FF; }
    #content-wrapper #contact-page .contact-details-section .layout-container .layout-item .common-item .title {
      margin-bottom: 40px; }
      #content-wrapper #contact-page .contact-details-section .layout-container .layout-item .common-item .title h3 {
        color: #1e1846; }
    #content-wrapper #contact-page .contact-details-section .layout-container .layout-item .common-item .content .contact-details li {
      display: flex;
      line-height: 1; }
      #content-wrapper #contact-page .contact-details-section .layout-container .layout-item .common-item .content .contact-details li span {
        font-weight: 500;
        display: block;
        min-width: 100px; }
      #content-wrapper #contact-page .contact-details-section .layout-container .layout-item .common-item .content .contact-details li a {
        font-weight: 500;
        color: #1e1846; }
      #content-wrapper #contact-page .contact-details-section .layout-container .layout-item .common-item .content .contact-details li:not(:last-child) {
        margin-bottom: 40px; }
    #content-wrapper #contact-page .contact-details-section .layout-container .layout-item:nth-of-type(1) {
      width: calc(100% - 500px);
      padding-right: 20px; }
    #content-wrapper #contact-page .contact-details-section .layout-container .layout-item:nth-of-type(2) {
      width: 500px; }
      #content-wrapper #contact-page .contact-details-section .layout-container .layout-item:nth-of-type(2) .layout-inner {
        border-radius: 6px;
        overflow: hidden;
        background-color: #fff;
        padding: 100px 70px; }
  #content-wrapper #contact-page .promotion-section .custom-container {
    padding-top: 20px; }
  #content-wrapper #contact-page .promotion-section .layout-container {
    display: flex;
    flex-wrap: wrap;
    margin: -10px; }
    #content-wrapper #contact-page .promotion-section .layout-container .layout-item {
      width: 50%;
      padding: 10px; }
      #content-wrapper #contact-page .promotion-section .layout-container .layout-item:nth-of-type(1) .layout-inner {
        background-color: #1e1846; }
      #content-wrapper #contact-page .promotion-section .layout-container .layout-item:nth-of-type(2) .layout-inner {
        background-image: url("../img/background/design-image.png");
        background-size: cover; }
      #content-wrapper #contact-page .promotion-section .layout-container .layout-item .layout-inner {
        border-radius: 6px;
        padding: 100px;
        height: 100%; }
        #content-wrapper #contact-page .promotion-section .layout-container .layout-item .layout-inner .content h1 {
          color: #fff;
          margin-bottom: 40px; }
        #content-wrapper #contact-page .promotion-section .layout-container .layout-item .layout-inner .content span {
          color: #fff; }
        #content-wrapper #contact-page .promotion-section .layout-container .layout-item .layout-inner .link {
          margin-top: 40px; }
        #content-wrapper #contact-page .promotion-section .layout-container .layout-item .layout-inner .browse-design-container {
          text-align: center; }
          #content-wrapper #contact-page .promotion-section .layout-container .layout-item .layout-inner .browse-design-container h2 {
            color: #1e1846;
            margin-bottom: 30px; }
          #content-wrapper #contact-page .promotion-section .layout-container .layout-item .layout-inner .browse-design-container span {
            color: #1e1846;
            display: block;
            margin-bottom: 20px; }
          #content-wrapper #contact-page .promotion-section .layout-container .layout-item .layout-inner .browse-design-container a {
            background-color: #fff;
            color: #1e1846;
            border: #fff; }
        #content-wrapper #contact-page .promotion-section .layout-container .layout-item .layout-inner a {
          min-width: 336px; }
  #content-wrapper #resources-gallery-page .gallery-section .gallery-container {
    display: flex;
    flex-wrap: wrap;
    margin: -5px -5px; }
    #content-wrapper #resources-gallery-page .gallery-section .gallery-container .gallery-item {
      width: 33.33%;
      padding: 5px 5px; }
      #content-wrapper #resources-gallery-page .gallery-section .gallery-container .gallery-item .inner a {
        display: block;
        position: relative;
        padding-bottom: 90%;
        background-color: #ebe6dbc9; }
        #content-wrapper #resources-gallery-page .gallery-section .gallery-container .gallery-item .inner a img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center;
          position: absolute;
          top: 0;
          right: 0; }
        #content-wrapper #resources-gallery-page .gallery-section .gallery-container .gallery-item .inner a:before {
          z-index: 2;
          content: '';
          height: 18px;
          width: 18px;
          background-image: url("../img/icons/icon-zoom-in.svg");
          background-size: contain;
          background-repeat: no-repeat;
          position: absolute;
          left: 0;
          right: 0;
          margin: auto;
          top: 50%;
          transform: translateY(-50%);
          opacity: 0;
          transition: all .3s ease; }
        #content-wrapper #resources-gallery-page .gallery-section .gallery-container .gallery-item .inner a:after {
          z-index: 1;
          content: '';
          height: 100%;
          width: 100%;
          background-color: rgba(0, 0, 0, 0.62);
          position: absolute;
          top: 0;
          right: 0;
          opacity: 0;
          transition: all .3s ease; }
        #content-wrapper #resources-gallery-page .gallery-section .gallery-container .gallery-item .inner a:hover:before, #content-wrapper #resources-gallery-page .gallery-section .gallery-container .gallery-item .inner a:hover:after {
          opacity: 1;
          transition: all .3s ease; }
  #content-wrapper #resources-video-page .video-section .video-container {
    display: flex;
    flex-wrap: wrap; }
    #content-wrapper #resources-video-page .video-section .video-container .video-item {
      width: 50%;
      padding: 45px 60px; }
      #content-wrapper #resources-video-page .video-section .video-container .video-item .image-container {
        z-index: 0;
        position: relative;
        overflow: hidden;
        padding-bottom: 65%;
        cursor: pointer;
        width: 100%; }
        #content-wrapper #resources-video-page .video-section .video-container .video-item .image-container > img {
          z-index: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center;
          position: absolute;
          top: 0; }
        #content-wrapper #resources-video-page .video-section .video-container .video-item .image-container:after {
          z-index: 0;
          content: '';
          height: 100%;
          width: 100%;
          position: absolute;
          top: 0;
          right: 0;
          background-color: #0000001c;
          transition: all .4s ease; }
        #content-wrapper #resources-video-page .video-section .video-container .video-item .image-container .icon-container {
          z-index: 1;
          width: 80px;
          position: absolute;
          left: 0;
          right: 0;
          margin: auto;
          top: 50%;
          transform: translateY(-50%);
          text-align: center;
          cursor: pointer; }
          #content-wrapper #resources-video-page .video-section .video-container .video-item .image-container .icon-container button {
            padding: 0;
            border: 0;
            background-color: transparent;
            vertical-align: top;
            line-height: 1em;
            outline: none;
            display: flex;
            align-items: center;
            justify-content: center; }
            #content-wrapper #resources-video-page .video-section .video-container .video-item .image-container .icon-container button:focus {
              outline: none; }
            #content-wrapper #resources-video-page .video-section .video-container .video-item .image-container .icon-container button i {
              font-size: 70px;
              color: #fff;
              vertical-align: top;
              line-height: 1em; }
        #content-wrapper #resources-video-page .video-section .video-container .video-item .image-container:hover:after {
          background-color: #00000061;
          transition: all .4s ease; }
      #content-wrapper #resources-video-page .video-section .video-container .video-item .text-container {
        margin-top: 20px; }
        #content-wrapper #resources-video-page .video-section .video-container .video-item .text-container .date-time-container ul {
          display: flex;
          justify-content: space-between; }
          #content-wrapper #resources-video-page .video-section .video-container .video-item .text-container .date-time-container ul li {
            font-size: 14px;
            color: #4e4e4e; }
  #content-wrapper #error-page {
    z-index: 0;
    height: 100vh;
    position: relative;
    background-color: #1A99ED;
    display: flex;
    align-items: center;
    justify-content: center; }
    #content-wrapper #error-page .content-section .content-container {
      text-align: center; }
      #content-wrapper #error-page .content-section .content-container .title h1 {
        z-index: 0;
        font-size: 300px;
        font-weight: 900;
        letter-spacing: -18px;
        line-height: 1em;
        display: flex;
        justify-content: center;
        color: #efc88d;
        background: -webkit-linear-gradient(-41deg, #efc88d, #c59245);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
      #content-wrapper #error-page .content-section .content-container .content h1 {
        font-weight: 900;
        color: #fff;
        margin-bottom: 15px; }
      #content-wrapper #error-page .content-section .content-container .content p {
        color: #ffffffd9; }
  #content-wrapper #custom-design-page .title-thumnail-section .custom-container {
    padding-top: 40px; }
    #content-wrapper #custom-design-page .title-thumnail-section .custom-container .title-container .inner {
      position: relative; }
      #content-wrapper #custom-design-page .title-thumnail-section .custom-container .title-container .inner .image-container {
        width: 100%;
        height: 810px;
        object-fit: cover;
        object-position: center;
        border-radius: 6px;
        overflow: hidden; }
        #content-wrapper #custom-design-page .title-thumnail-section .custom-container .title-container .inner .image-container img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center; }
      #content-wrapper #custom-design-page .title-thumnail-section .custom-container .title-container .inner .title {
        position: absolute;
        top: 88%;
        left: 50%;
        text-align: center;
        transform: translate(-50%, -50%); }
        #content-wrapper #custom-design-page .title-thumnail-section .custom-container .title-container .inner .title h1 {
          font-size: 40px;
          display: block;
          color: #fff;
          line-height: 1;
          background-color: #1e1846;
          padding: 15px 50px;
          border-radius: 6px;
          overflow: hidden; }
        #content-wrapper #custom-design-page .title-thumnail-section .custom-container .title-container .inner .title .top {
          margin-bottom: 10px; }
  #content-wrapper #custom-design-page .tagline-section .tagline-container {
    max-width: 1100px;
    margin: auto; }
    #content-wrapper #custom-design-page .tagline-section .tagline-container h3 {
      color: #2c2c2c; }
  #content-wrapper #custom-design-page .customization-process-section .customization-process-container .layout-container {
    display: flex;
    flex-wrap: wrap;
    padding: 140px;
    border-radius: 6px;
    background-color: #E8F6FF; }
    #content-wrapper #custom-design-page .customization-process-section .customization-process-container .layout-container .layout-item .title {
      margin-bottom: 60px; }
      #content-wrapper #custom-design-page .customization-process-section .customization-process-container .layout-container .layout-item .title h1 {
        color: #1e1846; }
    #content-wrapper #custom-design-page .customization-process-section .customization-process-container .layout-container .layout-item .image {
      width: 100%;
      height: 360px;
      border-radius: 6px;
      overflow: hidden; }
      #content-wrapper #custom-design-page .customization-process-section .customization-process-container .layout-container .layout-item .image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center; }
    #content-wrapper #custom-design-page .customization-process-section .customization-process-container .layout-container .layout-item:nth-of-type(1) {
      width: calc(100% - 630px);
      padding-right: 150px; }
    #content-wrapper #custom-design-page .customization-process-section .customization-process-container .layout-container .layout-item:nth-of-type(2) {
      width: 630px; }
  #content-wrapper #custom-design-page .what-you-can-customize-section .title {
    text-align: center;
    max-width: 610px;
    margin: auto; }
    #content-wrapper #custom-design-page .what-you-can-customize-section .title h2 {
      color: #1e1846; }
  #content-wrapper #custom-design-page .what-you-can-customize-section .section-content {
    margin-top: 100px; }
  #content-wrapper #custom-design-page .customize-property-section .layout-container {
    display: flex;
    flex-wrap: wrap;
    padding: 100px 140px;
    border-radius: 6px;
    overflow: hidden;
    background-color: #1e1846; }
    #content-wrapper #custom-design-page .customize-property-section .layout-container .layout-item {
      width: 50%; }
      #content-wrapper #custom-design-page .customize-property-section .layout-container .layout-item .inner {
        height: 100%; }
      #content-wrapper #custom-design-page .customize-property-section .layout-container .layout-item:nth-of-type(1) {
        padding-right: 140px; }
      #content-wrapper #custom-design-page .customize-property-section .layout-container .layout-item .text-container {
        margin-bottom: 60px; }
        #content-wrapper #custom-design-page .customize-property-section .layout-container .layout-item .text-container h1 {
          color: #fff;
          margin-bottom: 60px; }
        #content-wrapper #custom-design-page .customize-property-section .layout-container .layout-item .text-container p {
          color: #fff; }
      #content-wrapper #custom-design-page .customize-property-section .layout-container .layout-item .image-container {
        width: 100%;
        height: 100%;
        border-radius: 6px;
        overflow: hidden; }
        #content-wrapper #custom-design-page .customize-property-section .layout-container .layout-item .image-container img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center; }

.fade-up-animation {
  opacity: 0;
  transform: translateY(50px); }

.fade-up-animation-one {
  opacity: 0;
  transform: translateY(50px); }

.image-animation {
  opacity: 0;
  transform: scale(0.8);
  overflow: hidden; }

.pin-spacer {
  height: inherit !important; }

html.is-changing .transition-main {
  transition: transform 600ms ease-in-out; }

html.is-animating.is-leaving .transition-main {
  transform: translateY(calc(1 * 5vh * var(--overlay-direction, 1))); }

html.is-animating.is-rendering .transition-main {
  transform: translateY(calc(-1 * 5vh * var(--overlay-direction, 1))); }

.transition-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background-color: var(--swup-blue-darker);
  opacity: 0;
  transform: translate3d(0, calc(-1 * 100% * var(--overlay-direction, 1)), 0);
  pointer-events: none;
  background-color: #1e1846; }

html.is-changing .transition-overlay {
  transition: transform 600ms ease-in-out;
  opacity: 1; }

html.is-animating .transition-overlay {
  transform: translate3d(0, 0, 0); }

html.is-rendering .transition-overlay {
  transform: translate3d(0, calc(var(--overlay-direction, 1) * 100%), 0); }

html.to-back {
  /* --overlay-direction: -1; */ }

/*--------------------------------- Content Wrapper Ends ----------------------------------*/
/*--------------------------------- Footer Wrapper Starts ---------------------------------*/
#footer-wrapper {
  background-color: #fff; }
  #footer-wrapper .top-footer {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    #footer-wrapper .top-footer .footer-item:nth-of-type(2) {
      text-align: right; }
    #footer-wrapper .top-footer .footer-item .info-container {
      margin-top: 75px;
      display: flex;
      justify-content: right; }
      #footer-wrapper .top-footer .footer-item .info-container.type-one {
        margin-top: 45px; }
      #footer-wrapper .top-footer .footer-item .info-container li:not(:last-child) {
        margin-right: 80px; }
      #footer-wrapper .top-footer .footer-item .info-container li span {
        display: block;
        color: #1e1846;
        font-weight: 500; }
  #footer-wrapper .footer-image-container {
    position: relative; }
    #footer-wrapper .footer-image-container img {
      width: 100%; }
    #footer-wrapper .footer-image-container .copyright {
      position: absolute;
      width: 100%;
      left: 0;
      bottom: 0;
      backdrop-filter: blur(10px);
      z-index: 1; }
      #footer-wrapper .footer-image-container .copyright ul {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        #footer-wrapper .footer-image-container .copyright ul li {
          color: #fff; }
          #footer-wrapper .footer-image-container .copyright ul li a {
            color: #ffffff;
            font-weight: 600; }

/*---------------------------------- Footer Wrapper Ends ----------------------------------*/
/*----------------------------------- Components Starts -----------------------------------*/
.common-banner-section .banner-slider .banner-item {
  z-index: 0;
  height: 100vh;
  overflow: hidden;
  background-color: #f4f7f6;
  position: relative;
  background-size: cover;
  background-position: center bottom; }
  .common-banner-section .banner-slider .banner-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    animation: ani-banner infinite 10s cubic-bezier(0.25, 0.74, 0.22, 0.99); }
    .common-banner-section .banner-slider .banner-item img.type-mobile {
      display: none; }
  .common-banner-section .banner-slider .banner-item .text-container {
    z-index: 2;
    position: absolute;
    top: 47%;
    transform: translateY(-50%);
    width: 100%; }
    .common-banner-section .banner-slider .banner-item .text-container .inner {
      width: 750px;
      max-width: 100%;
      margin: auto;
      text-align: center; }
      .common-banner-section .banner-slider .banner-item .text-container .inner .title h1 {
        color: #fff; }
      .common-banner-section .banner-slider .banner-item .text-container .inner .content {
        margin-top: 50px; }
        .common-banner-section .banner-slider .banner-item .text-container .inner .content ul {
          display: flex;
          justify-content: center;
          gap: 20px; }
          .common-banner-section .banner-slider .banner-item .text-container .inner .content ul li a {
            border-color: #ffffff63; }
        .common-banner-section .banner-slider .banner-item .text-container .inner .content p {
          color: #fff; }
  .common-banner-section .banner-slider .banner-item .scroll-down {
    z-index: 2;
    width: 40px;
    margin: auto;
    animation: ani-bounce 2s infinite;
    cursor: pointer;
    position: absolute;
    bottom: 44px;
    left: 0;
    right: 0; }
    .common-banner-section .banner-slider .banner-item .scroll-down img {
      width: 100%;
      max-width: 100%;
      height: auto; }
.common-banner-section.align-center .banner-slider .banner-item .text-container .inner {
  margin: auto;
  text-align: center; }
.common-banner-section.height-small .banner-slider .banner-item {
  height: 70vh; }

.common-offer-container .offer-item .offer-inner {
  position: relative; }
  .common-offer-container .offer-item .offer-inner .image-container {
    width: 100%;
    height: 380px;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    z-index: 0; }
    .common-offer-container .offer-item .offer-inner .image-container img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      transition: transform 0.4s ease-in-out; }
    .common-offer-container .offer-item .offer-inner .image-container:after {
      content: "";
      position: absolute;
      width: 100%;
      height: 70%;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
      left: 0;
      bottom: 0;
      z-index: 1;
      transition: opacity 0.4s ease-in-out; }
  .common-offer-container .offer-item .offer-inner:hover .image-container img {
    transform: scale(1.1); }
  .common-offer-container .offer-item .offer-inner:hover .image-container:after {
    opacity: 0.8; }
  .common-offer-container .offer-item .offer-inner .text-container {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 60px 80px;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out; }
    .common-offer-container .offer-item .offer-inner .text-container h3 {
      color: #fff; }
.common-offer-container.flex {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; }
  .common-offer-container.flex .offer-item {
    width: 100%; }
.common-offer-container.half-width {
  gap: inherit !important;
  margin: -50px -10px; }
  .common-offer-container.half-width .offer-item {
    width: 50% !important;
    padding: 50px 10px; }
    .common-offer-container.half-width .offer-item .image-container {
      height: 510px; }
    .common-offer-container.half-width .offer-item .text-container {
      text-align: center; }
  .common-offer-container.half-width.type-one .offer-item {
    width: 33.33% !important; }
.common-offer-container.big-height .offer-item .image-container {
  height: 780px; }

.common-project-amenities.align-center ul {
  justify-content: center; }
.common-project-amenities ul {
  display: flex; }
  .common-project-amenities ul li {
    color: #1e1846;
    display: flex;
    align-items: center; }
    .common-project-amenities ul li span {
      margin-right: 14px;
      display: block; }
    .common-project-amenities ul li:not(:last-child) {
      margin-right: 60px; }

.common-content-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  .common-content-container .content-item:nth-of-type(1) {
    width: calc(100% - 600px);
    padding-right: 100px; }
  .common-content-container .content-item:nth-of-type(2) {
    width: 600px; }
    .common-content-container .content-item:nth-of-type(2) .image-container {
      box-shadow: 0px 70px 100px -55px #4a2311; }
      .common-content-container .content-item:nth-of-type(2) .image-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center; }

.common-page-title-section .custom-container {
  padding-bottom: 115px; }
.common-page-title-section .page-title {
  max-width: 960px;
  margin: auto;
  text-align: center; }
  .common-page-title-section .page-title h1 {
    color: #1e1846;
    line-height: 1; }
  .common-page-title-section .page-title .description {
    margin-top: 40px; }

.social-media-icon li {
  display: inline-block; }
  .social-media-icon li img {
    width: 34px; }
  .social-media-icon li:not(:last-child) {
    margin-right: 60px; }

.common-process-list-container {
  display: flex;
  flex-wrap: wrap;
  margin: -30px; }
  .common-process-list-container.type-one {
    justify-content: center;
    margin: -40px; }
    .common-process-list-container.type-one .list-item {
      width: 25%;
      padding: 40px; }
  .common-process-list-container .list-item {
    padding: 30px;
    width: 50%; }
    .common-process-list-container .list-item img {
      display: block;
      margin-bottom: 30px; }
    .common-process-list-container .list-item h3 {
      color: #2c2c2c;
      margin-bottom: 30px; }

.make-enquiry-container {
  margin-bottom: 20px; }
  .make-enquiry-container a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 60px;
    background-color: #1A99ED;
    border-radius: 6px; }
    .make-enquiry-container a span {
      color: #fff;
      line-height: 1; }
  .make-enquiry-container.type-one {
    margin-bottom: 0px; }
    .make-enquiry-container.type-one a {
      width: 80%; }

.common-team-container {
  display: flex;
  flex-wrap: wrap;
  margin: -30px -15px; }
  .common-team-container .team-item {
    width: 33.33%;
    padding: 30px; }
    .common-team-container .team-item .image-container {
      position: relative;
      border-radius: 10px;
      overflow: hidden;
      background-color: #f4f7f6;
      padding-bottom: 120%;
      cursor: pointer; }
      .common-team-container .team-item .image-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        position: absolute;
        top: 0;
        right: 0;
        filter: grayscale(0);
        transition: all .4s ease; }
      .common-team-container .team-item .image-container:hover img {
        filter: grayscale(1);
        transition: all .4s ease; }
    .common-team-container .team-item .text-container .name {
      margin-top: 28px;
      margin-bottom: 12px; }
      .common-team-container .team-item .text-container .name h4 {
        color: #000;
        cursor: pointer;
        transition: all .4s ease; }
        .common-team-container .team-item .text-container .name h4:hover {
          color: #1A99ED;
          transition: all .4s ease; }
    .common-team-container .team-item .text-container .designation p {
      font-size: 18px;
      line-height: 1em; }

.common-news-container {
  display: flex;
  flex-wrap: wrap;
  margin: -30px -15px; }
  .common-news-container .news-item {
    width: 33.33%;
    padding: 30px 15px; }
    .common-news-container .news-item .inner {
      height: 100%;
      background-color: #fff;
      box-shadow: 0 10px 30px #0000001a; }
      .common-news-container .news-item .inner .image-container a {
        display: block;
        position: relative;
        padding-bottom: 75%;
        background-color: #f4f7f6; }
        .common-news-container .news-item .inner .image-container a img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center;
          position: absolute;
          top: 0;
          right: 0; }
      .common-news-container .news-item .inner .text-container {
        padding: 30px 25px; }
        .common-news-container .news-item .inner .text-container .title h4 {
          line-height: 1.4em;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          transition: all .4s ease; }
          .common-news-container .news-item .inner .text-container .title h4 a {
            color: #000;
            transition: all .4s ease; }
            .common-news-container .news-item .inner .text-container .title h4 a:hover {
              color: #1A99ED;
              transition: all .4s ease; }
        .common-news-container .news-item .inner .text-container .content {
          margin-top: 20px; }
          .common-news-container .news-item .inner .text-container .content p {
            font-size: 18px;
            line-height: 1.6em;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            transition: all .4s ease; }

.common-faq-container .card {
  width: 100%;
  border: 0;
  padding: 40px;
  background-color: #fff; }
  .common-faq-container .card:not(:last-of-type) {
    margin-bottom: 30px; }
  .common-faq-container .card .card-inner .card-header {
    border: 0;
    background-color: transparent;
    padding: 0; }
    .common-faq-container .card .card-inner .card-header button {
      width: 100%;
      line-height: 1em;
      background-color: #fff;
      position: relative;
      display: flex;
      outline: none;
      text-align: left;
      border: 0;
      padding: 0; }
      .common-faq-container .card .card-inner .card-header button:active, .common-faq-container .card .card-inner .card-header button:focus {
        outline: none; }
      .common-faq-container .card .card-inner .card-header button span {
        display: block; }
        .common-faq-container .card .card-inner .card-header button span:nth-of-type(1) {
          width: 30px;
          font-weight: bold; }
        .common-faq-container .card .card-inner .card-header button span:nth-of-type(2) {
          width: calc(100% - 30px);
          margin-top: -2px; }
  .common-faq-container .card .card-inner .card-body {
    padding: 0;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #CECECE; }

.common-social-container ul {
  display: flex; }
  .common-social-container ul li {
    display: flex; }
    .common-social-container ul li:not(:last-of-type) {
      margin-right: 20px; }
    .common-social-container ul li a {
      font-size: 16px;
      color: #808898; }

.common-instagram-section .instagram-container {
  display: flex;
  flex-wrap: wrap; }
  .common-instagram-section .instagram-container .instagram-item {
    width: 20%; }
    .common-instagram-section .instagram-container .instagram-item a {
      position: relative;
      display: block;
      padding-bottom: 110%; }
      .common-instagram-section .instagram-container .instagram-item a img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        position: absolute;
        top: 0;
        right: 0; }

.common-background {
  background-color: #E9E1CE; }

.common-title {
  margin-bottom: 30px; }
  .common-title h5 {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px; }

.common-tagline {
  margin-bottom: 15px; }
  .common-tagline i {
    display: block;
    line-height: 1em;
    color: #1A99ED;
    margin-bottom: 10px; }
  .common-tagline h6 {
    font-family: SpaceGrotesk-Regular;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #1A99ED; }

.common-action {
  margin-top: 40px; }
  .common-action.align-center {
    text-align: center; }
    .common-action.align-center .action-inner {
      justify-content: center; }
  .common-action .action-inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    .common-action .action-inner .action-item {
      display: flex;
      align-items: center; }
      .common-action .action-inner .action-item:not(:last-of-type) {
        margin-right: 20px; }

.common-logo-container a {
  width: 220px;
  display: inline-block; }
  .common-logo-container a img {
    width: 100%;
    max-width: 100%;
    height: auto; }

.common-icon {
  margin-bottom: 40px; }
  .common-icon img {
    width: 85px;
    height: auto; }

.common-toggle {
  display: none; }

.common-copyright-container p a {
  display: inline-block;
  position: relative;
  font-weight: bold;
  line-height: 1em;
  color: #BEA24E;
  /*color: #F9C741;
  background: -webkit-linear-gradient(-41deg, #F9C741 0%, #FFE294 15%, #FFE294 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/ }

.common-form .fields {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px; }
  .common-form .fields .form-group {
    position: relative;
    width: 100%;
    margin-bottom: 0;
    padding: 0 10px; }
    .common-form .fields .form-group:not(:last-of-type) {
      margin-bottom: 25px; }
    .common-form .fields .form-group.half-width {
      width: 50%; }
    .common-form .fields .form-group.has-error input, .common-form .fields .form-group.has-error select, .common-form .fields .form-group.has-error textarea {
      border: 1px solid #e74c3c; }
    .common-form .fields .form-group.has-error label {
      color: #e74c3c; }
    .common-form .fields .form-group.has-error .floating-label {
      color: #e74c3c; }
    .common-form .fields .form-group label {
      font-weight: 500;
      margin-bottom: 0px; }
    .common-form .fields .form-group input, .common-form .fields .form-group select, .common-form .fields .form-group textarea {
      width: 100%;
      height: 60px;
      padding: 14px 15px;
      font-family: SpaceGrotesk-Regular;
      line-height: 1em;
      background-color: transparent;
      border: 2px solid #B9BDC7;
      transition: all .3s ease;
      color: #B9BDC7; }
      .common-form .fields .form-group input::placeholder, .common-form .fields .form-group select::placeholder, .common-form .fields .form-group textarea::placeholder {
        color: #B9BDC7; }
      .common-form .fields .form-group input:focus, .common-form .fields .form-group select:focus, .common-form .fields .form-group textarea:focus {
        outline: none;
        color: #000;
        transition: all .3s ease; }
        .common-form .fields .form-group input:focus::placeholder, .common-form .fields .form-group select:focus::placeholder, .common-form .fields .form-group textarea:focus::placeholder {
          color: #87898e;
          transition: all .3s ease; }
    .common-form .fields .form-group textarea {
      height: 150px;
      vertical-align: top; }
    .common-form .fields .form-group .floating-label {
      font-size: 15px;
      display: inline-block;
      padding: 2px 6px;
      line-height: 1em;
      pointer-events: none;
      color: black;
      position: absolute;
      left: 11px;
      top: 16px;
      transition: 0.2s ease all;
      background: black; }
    .common-form .fields .form-group input:focus ~ .floating-label,
    .common-form .fields .form-group select:focus ~ .floating-label,
    .common-form .fields .form-group textarea:focus ~ .floating-label,
    .common-form .fields .form-group input:not(:focus):valid ~ .floating-label,
    .common-form .fields .form-group select:not(:focus):valid ~ .floating-label,
    .common-form .fields .form-group textarea:not(:focus):valid ~ .floating-label {
      top: -7px;
      transform: translateY(0);
      font-size: 13px; }
.common-form .form-action {
  margin-top: 45px; }
  .common-form .form-action .wpcf7-spinner {
    position: absolute;
    top: 35%;
    transform: translateX(-50%);
    right: -50px;
    margin: 0; }
.common-form .wpcf7-not-valid-tip {
  font-size: 15px;
  line-height: 1em;
  margin-top: 20px; }
.common-form .wpcf7 form.invalid .wpcf7-response-output,
.common-form .wpcf7 form.unaccepted .wpcf7-response-output,
.common-form .wpcf7 form.payment-required .wpcf7-response-output {
  background-color: #fef8ed;
  color: #d08404;
  border: 0;
  border-left: 4px solid #f59e0b;
  font-size: 16px;
  padding: 20px 18px 19px;
  line-height: 1em;
  border-radius: 8px; }

.common-remove-tab-style {
  border-bottom: 0;
  margin-bottom: 20px; }
  .common-remove-tab-style li:not(:last-of-type) {
    margin-right: 30px; }
  .common-remove-tab-style li .nav-link {
    position: relative;
    font-weight: 600;
    color: #808898;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0;
    border: 0; }
    .common-remove-tab-style li .nav-link:after {
      content: '';
      height: 2px;
      width: 0px;
      background-color: #1A99ED;
      position: absolute;
      bottom: 0;
      left: 0;
      transition: all .4s ease; }
    .common-remove-tab-style li .nav-link:hover, .common-remove-tab-style li .nav-link.active {
      border: 0;
      color: #1A99ED;
      background-color: transparent; }
      .common-remove-tab-style li .nav-link:hover:after, .common-remove-tab-style li .nav-link.active:after {
        width: 100%;
        transition: all .4s ease; }

/*------------------------------------ Components Ends ------------------------------------*/
/*---------------------------------- Slick Slider Starts ----------------------------------*/
.common-banner-section .banner-slider .banner-item:not(:first-of-type) {
  display: none; }

.common-banner-section .banner-slider.slick-initialized .banner-item {
  display: block; }

.slick-slider .slick-prev, .slick-slider .slick-next {
  z-index: 1;
  height: 45px;
  width: 32px; }
  .slick-slider .slick-prev:after, .slick-slider .slick-next:after {
    content: '';
    height: inherit;
    width: inherit;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; }
  .slick-slider .slick-prev:before, .slick-slider .slick-next:before {
    display: none; }
.slick-slider .slick-prev {
  left: -60px; }
  .slick-slider .slick-prev:after {
    background-image: url("../img/icons/left-arrow-purple.png"); }
.slick-slider .slick-next {
  right: -60px; }
  .slick-slider .slick-next:after {
    background-image: url("../img/icons/right-arrow-purple.png"); }
.slick-slider.slick-dotted {
  margin-bottom: 0; }
  .slick-slider.slick-dotted .slick-dots {
    bottom: 50px; }
    .slick-slider.slick-dotted .slick-dots li {
      height: 13px;
      width: 13px;
      border-radius: 100%;
      margin: 0;
      background-color: rgba(255, 255, 255, 0.45); }
      .slick-slider.slick-dotted .slick-dots li.slick-active {
        background-color: #fff; }
      .slick-slider.slick-dotted .slick-dots li:not(:last-of-type) {
        margin-right: 18px; }
      .slick-slider.slick-dotted .slick-dots li button {
        height: 13px;
        width: 13px;
        padding: 0;
        opacity: 0; }

/*----------------------------------- Slick Slider Ends -----------------------------------*/
/*-------------------------------------- Modal Starts -------------------------------------*/
.modal .modal-dialog {
  max-width: 700px;
  margin: 100px auto; }
  .modal .modal-dialog .modal-header {
    padding: 0;
    border: 0; }
    .modal .modal-dialog .modal-header button {
      z-index: 1;
      height: 40px;
      width: 36px;
      margin: 0;
      padding: 0;
      color: #fff;
      opacity: 1;
      outline: none;
      position: absolute;
      top: -50px;
      right: -7px; }
      .modal .modal-dialog .modal-header button i {
        color: #fff;
        font-size: 13px; }
  .modal .modal-dialog .modal-content {
    background: #fff;
    border: 0;
    border-radius: 5px; }
    .modal .modal-dialog .modal-content .modal-body {
      padding: 30px 26px; }
      .modal .modal-dialog .modal-content .modal-body .text-container .title {
        margin-bottom: 30px; }
      .modal .modal-dialog .modal-content .modal-body .text-container .content p, .modal .modal-dialog .modal-content .modal-body .text-container .content ul li {
        font-size: 18px; }
      .modal .modal-dialog .modal-content .modal-body .text-container .content ul {
        padding-left: 20px; }
        .modal .modal-dialog .modal-content .modal-body .text-container .content ul li {
          list-style: disc; }
.modal.type-video .modal-dialog {
  max-width: 1000px; }
  .modal.type-video .modal-dialog .modal-content {
    background-color: black; }
    .modal.type-video .modal-dialog .modal-content .modal-body {
      padding: 0; }
      .modal.type-video .modal-dialog .modal-content .modal-body .video-container iframe {
        width: 100%;
        height: 560px;
        vertical-align: top;
        border: 0; }

/*--------------------------------------- Modal Ends --------------------------------------*/
/*------------------------------------ Animation Starts -----------------------------------*/
@keyframes ani-slide-down {
  0% {
    opacity: 0;
    transform: translateY(-100%); }
  100% {
    opacity: 0.9;
    transform: translateY(0); } }
@keyframes ani-bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0px); }
  40% {
    transform: translateY(-30px); }
  60% {
    transform: translateY(-15px); } }
@keyframes ani-banner {
  0% {
    transform: scale(1.2);
    100% {
      transform: scale(1); } } }
.animation-area .ani-fade-top {
  opacity: 0;
  padding-top: 30px;
  transition: all .5s ease; }
  .animation-area .ani-fade-top.normal {
    opacity: 1;
    padding-top: 0;
    transition: all .5s ease; }
  .animation-area .ani-fade-top.delay-1.normal {
    transition: all .5s ease;
    transition-delay: .2s; }
  .animation-area .ani-fade-top.delay-2.normal {
    transition: all .5s ease;
    transition-delay: .4s; }
  .animation-area .ani-fade-top.delay-3.normal {
    transition: all .5s ease;
    transition-delay: .6s; }
  .animation-area .ani-fade-top.delay-4.normal {
    transition: all .5s ease;
    transition-delay: 1s; }

/*------------------------------------- Animation Ends ------------------------------------*/

/*# sourceMappingURL=thestyles.css.map */