/* color variables */
/*Transition*/
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box; }

/* html, body {
  height: 100%; } */

/*common css start here*/
body {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  line-height: 1.4;
  font-family: "Montserrat", sans-serif;
  color: #655C59;
  background: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; }

/*css change*/
ul {
  margin: 0px;
  padding: 0px;
  list-style: none; }

h1, h2, h3, h4 {
  font-family: "Optima", sans-serif;
  color: #763300; }

h1 {
  font-size: 3.5rem; }
  @media (max-width: 480px) {
    h1 {
      font-size: 2rem; } }

h2 {
  font-size: 3.5rem; }
  @media (max-width: 480px) {
    h2 {
      font-size: 2rem; } }

h3 {
  font-size: 2.8rem; }
  @media (max-width: 480px) {
    h3 {
      font-size: 2rem; } }

.lock-scroll {
  overflow: hidden; }
  @media (max-width: 480px) {
    .lock-scroll {
      position: fixed; } }

.orange-text {
  color: #F37A21; }

/*reset variables*/
.noDisplay {
  display: none; }

/* iPad portrait mode */
/* Tablet Portrait size to standard 960 (devices and browsers) */
/* Mobile layout css */
@media only screen and (max-width: 767px) {
  .container {
    width: 100%; } }
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 75px;
  padding: 0.5rem 0;
  transition: all 0.3s ease-in-out;
  z-index: 10; }
  @media (max-width: 480px) {
    header {
      height: 60px; } }
  header .wrap {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    header .wrap .logo {
      width: 120px; }
      @media (max-width: 480px) {
        header .wrap .logo {
          width: 80px; } }
      header .wrap .logo svg {
        width: 100%;
        display: block; }
        header .wrap .logo svg path {
          transition: all 0.3s ease-in-out; }
        header .wrap .logo svg .orange-svg-fill {
          fill: #ffffff; }
        header .wrap .logo svg .blue-svg-fill {
          fill: #ffffff; }
    header .wrap .nav-wrap {
      display: flex;
      align-items: center; }
      header .wrap .nav-wrap .search-icon {
        width: 25px;
        margin-right: 0.5rem;
        cursor: pointer;
        position: relative; }
        @media (max-width: 480px) {
          header .wrap .nav-wrap .search-icon {
            margin-right: 0;
            display: none; } }
        header .wrap .nav-wrap .search-icon button {
          width: 25px;
          height: 25px;
          border: none;
          background: transparent; }
          header .wrap .nav-wrap .search-icon button svg {
            width: 100%;
            fill: #ffffff;
            position: relative;
            z-index: 2;
            transition: all 0.3s ease-in-out;
            right: 0; }
        header .wrap .nav-wrap .search-icon .search-input {
          position: absolute;
          right: 0;
          top: 50%;
          background: transparent;
          border: #763300 solid 1px;
          border-radius: 11px;
          padding: 0.5rem 3rem 0.5rem 1rem;
          font-size: 0.9rem;
          transform: translate(0, -50%);
          z-index: 1;
          width: 300px;
          display: none;
          outline: 0; }
        header .wrap .nav-wrap .search-icon.active svg {
          right: 0.5rem; }
        header .wrap .nav-wrap .search-icon.active .search-input {
          display: block; }
      header .wrap .nav-wrap nav {
        margin: 0 0.5rem; }
        @media (max-width: 480px) {
          header .wrap .nav-wrap nav {
            margin: 0 0.5rem 0 0s; } }
        header .wrap .nav-wrap nav ul {
          display: flex; }
          header .wrap .nav-wrap nav ul li {
            font-weight: 500;
            font-size: 1.1rem;
            margin-left: 1rem; }
            @media (max-width: 480px) {
              header .wrap .nav-wrap nav ul li {
                font-size: 0.9rem;
                margin-left: 0.5rem; } }
            header .wrap .nav-wrap nav ul li a {
              color: #ffffff;
              text-decoration: none;
              transition: all 0.3s ease-in-out; }
              header .wrap .nav-wrap nav ul li a:hover {
                color: #F37A21; }
      header .wrap .nav-wrap .hamburger {
        width: 20px;
        margin-left: 1rem;
        cursor: pointer; }
        @media (max-width: 480px) {
          header .wrap .nav-wrap .hamburger {
            margin-left: 0.5rem; } }
        header .wrap .nav-wrap .hamburger ul li {
          width: 100%;
          height: 2px;
          background: #ffffff;
          margin-bottom: 4px; }
          header .wrap .nav-wrap .hamburger ul li:last-child {
            margin-bottom: 0; }
  /* header.up {
    transform: translate(0, -110%); } */
  header.solid-default {
    background: #ffffff; }
    header.solid-default .wrap .logo svg .orange-svg-fill {
      fill: #F37A21; }
    header.solid-default .wrap .logo svg .blue-svg-fill {
      fill: #1E3D72; }
    header.solid-default .wrap .nav-wrap .search-icon svg {
      fill: #763300; }
    header.solid-default .wrap .nav-wrap nav ul li a {
      color: #763300; }
      header.solid-default .wrap .nav-wrap nav ul li a:hover {
        color: #F37A21; }
    header.solid-default .wrap .nav-wrap .hamburger ul li {
      background: #763300; }
  header.solid {
    background: #ffffff;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); }
    header.solid.no-shadow {
      box-shadow: none;
      background: transparent; }
    header.solid .wrap .logo svg .orange-svg-fill {
      fill: #F37A21; }
    header.solid .wrap .logo svg .blue-svg-fill {
      fill: #1E3D72; }
    header.solid .wrap .nav-wrap .search-icon svg {
      fill: #763300; }
    header.solid .wrap .nav-wrap nav ul li a {
      color: #763300; }
      header.solid .wrap .nav-wrap nav ul li a:hover {
        color: #F37A21; }
    header.solid .wrap .nav-wrap .hamburger ul li {
      background: #763300; }

.hamburger-open-menu {
  background: #ffffff;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
  padding: 100px 5rem 1rem 5rem;
  opacity: 0;
  transform: translate(0, -100%);
  overflow: hidden; }
  @media (max-width: 480px) {
    .hamburger-open-menu {
      padding: 75px 1.5rem 1rem 1.5rem; } }
  .hamburger-open-menu nav {
    min-height: calc(100% - 30px);
    position: relative; }
    .hamburger-open-menu nav ul li {
      font-family: "Optima", sans-serif;
      font-size: 2rem;
      text-align: right;
      line-height: 1.4;
      margin-bottom: 0rem; }
      @media (max-width: 480px) {
        .hamburger-open-menu nav ul li {
          font-size: 1.5rem; } }
      .hamburger-open-menu nav ul li a {
        color: #1E3D72;
        text-decoration: none;
        position: relative;
        background: #ffffff;
        display: inline-block;
        padding-left: 2rem; }
        @media (max-width: 480px) {
          .hamburger-open-menu nav ul li a {
            padding-left: 1rem; } }
      .hamburger-open-menu nav ul li ul {
        display: none; }
        .hamburger-open-menu nav ul li ul li {
          font-size: 1.5rem;
          margin-bottom: 0;
          padding-bottom: 0.3rem; }
          @media (max-width: 480px) {
            .hamburger-open-menu nav ul li ul li {
              font-size: 1.2rem; } }
          .hamburger-open-menu nav ul li ul li a {
            color: #6291DE; }
  .hamburger-open-menu .selector-line {
    position: absolute;
    width: 100%;
    height: 115px;
    right: 0;
    top: 40px;
    z-index: -1;
    transform: translate(0, -55%);
    text-align: right;
    display: flex;
    justify-content: flex-end; }
    @media (max-width: 480px) {
      .hamburger-open-menu .selector-line {
        visibility: hidden; } }
    .hamburger-open-menu .selector-line svg {
      height: 100%;
      display: block; }
      .hamburger-open-menu .selector-line svg path {
        visibility: hidden; }
        @media (min-width: 1025px) {
          .hamburger-open-menu .selector-line svg path {
            stroke-width: 3.5px; } }
        @media (max-width: 480px) {
          .hamburger-open-menu .selector-line svg path {
            stroke-width: 5px; } }
  .hamburger-open-menu .bottom-bar {
    color: #1E3D72; }
    @media (max-width: 480px) {
      .hamburger-open-menu .bottom-bar {
        font-size: 0.9rem; } }

footer {
  position: relative; }
  footer .svg-container {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    z-index: -1;
    overflow: hidden; }
    footer .svg-container svg {
      width: 100%;
      display: block; }
  footer .wrap {
    border-radius: 1rem;
    background: #1E3D72;
    padding: 2rem 3rem;
    color: rgba(255, 255, 255, 0.8); }
    @media (max-width: 480px) {
      footer .wrap {
        padding: 1rem; } }
    footer .wrap.orange {
      background: #F37A21; }
    footer .wrap .logo {
      width: 120px; }
      footer .wrap .logo svg {
        width: 100%; }
    footer .wrap .link-block {
      margin: 3rem 0 10rem 0; }
      @media (max-width: 480px) {
        footer .wrap .link-block {
          margin: 3rem 0; } }
      footer .wrap .link-block .links {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        height: 35vh; }
        @media (min-width: 1951px) {
          footer .wrap .link-block .links {
            height: 18vh; } }
        @media (max-width: 480px) {
          footer .wrap .link-block .links {
            display: block;
            height: auto;
            flex-direction: initial; } }
        footer .wrap .link-block .links ul {
          display: flex;
          flex-wrap: wrap;
          flex-direction: column;
          height: 100%; }
          footer .wrap .link-block .links ul .sub-menu {
            display: none; }
        footer .wrap .link-block .links a {
          color: rgba(255, 255, 255, 0.7);
          text-decoration: none;
          display: block;
          margin-bottom: 0.6rem;
          position: relative;
          transition: all 0.3s ease-in-out; }
          footer .wrap .link-block .links a:after {
            content: "";
            position: absolute;
            width: 0px;
            height: 1px;
            background: rgba(255, 255, 255, 0.4);
            left: 0;
            bottom: -5px;
            transition: all 0.3s ease-in-out; }
          footer .wrap .link-block .links a:hover {
            color: #ffffff; }
      footer .wrap .link-block .subscribe-wrap {
        text-align: right;
        max-width: 80%;
        margin-left: auto; }
        @media (max-width: 480px) {
          footer .wrap .link-block .subscribe-wrap {
            max-width: 100%;
            text-align: center; } }
        footer .wrap .link-block .subscribe-wrap .es-field-wrap {
          width: 100%; }
          footer .wrap .link-block .subscribe-wrap .es-field-wrap label {
            width: 100%; }
        footer .wrap .link-block .subscribe-wrap .input, footer .wrap .link-block .subscribe-wrap .es_txt_email, footer .wrap .link-block .subscribe-wrap .es_required_field {
          width: 100%;
          border: rgba(255, 255, 255, 0.6) solid 1px;
          background: transparent;
          border-radius: 10px;
          color: #ffffff;
          padding: 0.6rem 1.5rem;
          margin-bottom: 0.6rem;
          outline: 0; }
          footer .wrap .link-block .subscribe-wrap .input::-webkit-input-placeholder, footer .wrap .link-block .subscribe-wrap .es_txt_email::-webkit-input-placeholder, footer .wrap .link-block .subscribe-wrap .es_required_field::-webkit-input-placeholder {
            color: rgba(255, 255, 255, 0.3); }
          footer .wrap .link-block .subscribe-wrap .input:-moz-placeholder, footer .wrap .link-block .subscribe-wrap .es_txt_email:-moz-placeholder, footer .wrap .link-block .subscribe-wrap .es_required_field:-moz-placeholder {
            color: rgba(255, 255, 255, 0.3); }
          footer .wrap .link-block .subscribe-wrap .input::-moz-placeholder, footer .wrap .link-block .subscribe-wrap .es_txt_email::-moz-placeholder, footer .wrap .link-block .subscribe-wrap .es_required_field::-moz-placeholder {
            color: rgba(255, 255, 255, 0.3); }
          footer .wrap .link-block .subscribe-wrap .input:-ms-input-placeholder, footer .wrap .link-block .subscribe-wrap .es_txt_email:-ms-input-placeholder, footer .wrap .link-block .subscribe-wrap .es_required_field:-ms-input-placeholder {
            color: rgba(255, 255, 255, 0.3); }
        footer .wrap .link-block .subscribe-wrap .submit, footer .wrap .link-block .subscribe-wrap .es_submit_button, footer .wrap .link-block .subscribe-wrap .es_subscription_form_submit {
          background: #F9F9FF;
          padding: 0.6rem 1.5rem;
          color: #001B3E;
          border: 0;
          transition: all 0.3s ease-in-out;
          font-weight: 500;
          border-radius: 30rem; }
          footer .wrap .link-block .subscribe-wrap .submit:hover, footer .wrap .link-block .subscribe-wrap .es_submit_button:hover, footer .wrap .link-block .subscribe-wrap .es_subscription_form_submit:hover {
            background: #D6E3FF; }
          footer .wrap .link-block .subscribe-wrap .submit:active, footer .wrap .link-block .subscribe-wrap .es_submit_button:active, footer .wrap .link-block .subscribe-wrap .es_subscription_form_submit:active {
            background: #000000; }
    footer .wrap .copyright-text {
      font-size: 0.9rem; }
    footer .wrap .social-icons-wrap ul {
      display: flex;
      justify-content: flex-end;
      align-items: center; }
      @media (max-width: 480px) {
        footer .wrap .social-icons-wrap ul {
          justify-content: center; } }
      footer .wrap .social-icons-wrap ul li {
        margin-left: 1rem; }
        @media (max-width: 480px) {
          footer .wrap .social-icons-wrap ul li {
            margin: 0 0.5rem; } }
        footer .wrap .social-icons-wrap ul li svg {
          width: 20px;
          fill: rgba(255, 255, 255, 0.8);
          display: block;
          transition: all 0.3s ease-in-out; }
          footer .wrap .social-icons-wrap ul li svg path {
            stroke-width: 2.5px; }
            @media (min-width: 1951px) {
              footer .wrap .social-icons-wrap ul li svg path {
                stroke-width: 1.5px; } }
        footer .wrap .social-icons-wrap ul li:hover svg {
          fill: #ffffff; }

.footer-orange footer .wrap {
  background: #F37A21; }
  .footer-orange footer .wrap .subscribe-wrap .submit, .footer-orange footer .wrap .subscribe-wrap .es_submit_button, .footer-orange footer .wrap .subscribe-wrap .es_subscription_form_submit {
    color: #763300;
    background: #FFEDE5; }
    .footer-orange footer .wrap .subscribe-wrap .submit:hover, .footer-orange footer .wrap .subscribe-wrap .es_submit_button:hover, .footer-orange footer .wrap .subscribe-wrap .es_subscription_form_submit:hover {
      background: #FFDBC9; }
    .footer-orange footer .wrap .subscribe-wrap .submit:active, .footer-orange footer .wrap .subscribe-wrap .es_submit_button:active, .footer-orange footer .wrap .subscribe-wrap .es_subscription_form_submit:active {
      background: #421A00;
      color: #FFDBC9; }
.footer-orange footer .svg-container path {
  stroke: #1E3D72; }

.spotlight {
  height: 100%; }
  @media (max-width: 480px) {
    .spotlight {
      height: 100%; } }
  .spotlight .wrap {
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 0 0 11px 11px; }
    .spotlight .wrap video {
      height: 100%;
      width: 100%;
      object-fit: cover;
      display: block; }
    .spotlight .wrap .go-down {
      position: absolute;
      width: 25px;
      left: 50%;
      bottom: 1rem;
      transform: translate(-50%, 0);
      z-index: 2; }
      .spotlight .wrap .go-down svg {
        width: 100%;
        display: block;
        fill: #ffffff;
        animation: jumpInfinite 1.5s infinite; }
@keyframes jumpInfinite {
  0% {
    margin-bottom: 0; }
  50% {
    margin-bottom: 20px; }
  100% {
    margin-bottom: 0; } }
.home-about {
  padding: 25vh 0;
  position: relative; }
  @media (max-width: 480px) {
    .home-about {
      padding: 10vh 0; } }
  .home-about .svg-container {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    overflow: hidden; }
    .home-about .svg-container svg {
      height: 102%;
      display: block;
      position: absolute;
      right: 5%;
      top: -1%; }
  @media (max-width: 480px) {
    .home-about h1, .home-about p {
      background: #ffffff; } }

.home-philosophy-video {
  height: 100%;
  position: relative; }
  @media (max-width: 480px) {
    .home-philosophy-video {
      height: 50%; } }
  .home-philosophy-video .wrap {
    height: 100%;
    position: relative; }
    .home-philosophy-video .wrap video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block; }
    .home-philosophy-video .wrap .mute-icon {
      width: 30px;
      height: 30px;
      cursor: pointer;
      background: url(../img/sound-mute-icon.png) left top no-repeat;
      background-size: 30px;
      position: absolute;
      right: 1rem;
      top: 1rem;
      z-index: 2; }
      .home-philosophy-video .wrap .mute-icon.active {
        background-position: left -30px; }

.screen-blocker {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #ffffff;
  z-index: 10;
  left: 0;
  top: 0;
  display: none; }
  .screen-blocker .text-wrap {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 500;
    flex-wrap: wrap; }
    .screen-blocker .text-wrap .text {
      width: 100%;
      margin-bottom: 0rem; }
    .screen-blocker .text-wrap .pre-loader {
      width: 40px;
      margin: 0 auto; }
      .screen-blocker .text-wrap .pre-loader img {
        width: 100%;
        display: block; }

.home-philosophy {
  padding: 25vh 0 15vh 0;
  position: relative; }
  @media (max-width: 480px) {
    .home-philosophy {
      padding-bottom: 5vh; } }
  .home-philosophy .svg-container {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    overflow: hidden; }
    .home-philosophy .svg-container svg {
      height: 20vh;
      display: block;
      position: absolute;
      left: 5%;
      top: -1%; }
  .home-philosophy .philosophy-content-wrap {
    position: relative;
    height: calc(100vh - 72px); }
    @media (max-width: 480px) {
      .home-philosophy .philosophy-content-wrap {
        height: auto; } }
    .home-philosophy .philosophy-content-wrap .svg-container-2 {
      position: relative; }
      .home-philosophy .philosophy-content-wrap .svg-container-3 {
        position: relative; }
      @media (max-width: 480px) {
        .home-philosophy .philosophy-content-wrap .svg-container-2 {
          margin-top: 5rem; }
          .home-philosophy .philosophy-content-wrap .svg-container-3 {
            margin-top: 5rem; } }
      .home-philosophy .philosophy-content-wrap .svg-container-2 .svg-bg {
        width: 100%;
        display: block; }
        .home-philosophy .philosophy-content-wrap .svg-container-3 .svg-bg {
          width: 100%;
          display: block; }
        .home-philosophy .philosophy-content-wrap .svg-container-2 .svg-bg path {
          stroke: #FFDBC9;
          stroke-width: 2px; }
          .home-philosophy .philosophy-content-wrap .svg-container-3 .svg-bg path {
            stroke: #FFDBC9;
            stroke-width: 2px; }
          @media (max-width: 480px) {
            .home-philosophy .philosophy-content-wrap .svg-container-2 .svg-bg path {
              stroke-width: 4px; }
              .home-philosophy .philosophy-content-wrap .svg-container-3 .svg-bg path {
                stroke-width: 4px; } }
      .home-philosophy .philosophy-content-wrap .svg-container-2 .svg-overlay {
        position: absolute;
        width: 100%;
        display: block;
        left: 0;
        top: 0;
        z-index: 1; }
        .home-philosophy .philosophy-content-wrap .svg-container-3 .svg-overlay2 {
          position: absolute;
          width: 100%;
          display: block;
          left: 0;
          top: 0;
          z-index: 1; }
        .home-philosophy .philosophy-content-wrap .svg-container-2 .svg-overlay path {
          stroke: #763300;
          stroke-width: 2px; }
          .home-philosophy .philosophy-content-wrap .svg-container-3 .svg-overlay2 path {
            stroke: #763300;
            stroke-width: 2px; }
          @media (max-width: 480px) {
            .home-philosophy .philosophy-content-wrap .svg-container-2 .svg-overlay path {
              stroke-width: 4px; }
              .home-philosophy .philosophy-content-wrap .svg-container-3 .svg-overlay2 path {
                stroke-width: 4px; } }
      .home-philosophy .philosophy-content-wrap .svg-container-2 .events-wrap {
        position: absolute;
        font-size: 0.9rem;
        line-height: 1.2;
        color: rgba(243, 122, 33, 0.4);
        cursor: pointer;
        transition: all 0.3s ease-in-out;
        z-index: 2; }
        .home-philosophy .philosophy-content-wrap .svg-container-3 .events-wrap {
          position: absolute;
          font-size: 0.9rem;
          line-height: 1.2;
          color: rgba(243, 122, 33, 0.4);
          cursor: pointer;
          transition: all 0.3s ease-in-out;
          z-index: 2; }
        @media (max-width: 480px) {
          .home-philosophy .philosophy-content-wrap .svg-container-2 .events-wrap {
            display: none; }
            .home-philosophy .philosophy-content-wrap .svg-container-3 .events-wrap {
              display: none; } }
        .home-philosophy .philosophy-content-wrap .svg-container-2 .events-wrap.active {
          color: #763300; }
          .home-philosophy .philosophy-content-wrap .svg-container-3 .events-wrap.active {
            color: #763300; }
        .home-philosophy .philosophy-content-wrap .svg-container-2 .events-wrap.event-1 {
          left: 10%;
          top: 10%; }
          .home-philosophy .philosophy-content-wrap .svg-container-3 .events-wrap.event-1 {
            left: 10%;
            top: 10%; }
        .home-philosophy .philosophy-content-wrap .svg-container-2 .events-wrap.event-2 {
          left: 30%;
          top: -15%;
          width: 9%;
          height: 52%; }
          .home-philosophy .philosophy-content-wrap .svg-container-3 .events-wrap.event-2 {
            left: 30%;
            top: -15%;
            width: 9%;
            height: 52%; }
        .home-philosophy .philosophy-content-wrap .svg-container-2 .events-wrap.event-3 {
          left: 50%;
          top: -15%;
          width: 9%;
          height: 45%; }
          .home-philosophy .philosophy-content-wrap .svg-container-3 .events-wrap.event-3 {
            left: 50%;
            top: -15%;
            width: 9%;
            height: 45%; }
        .home-philosophy .philosophy-content-wrap .svg-container-2 .events-wrap.event-4 {
          left: 65%;
          top: -15%;
          width: 9%;
          height: 50%; }
          .home-philosophy .philosophy-content-wrap .svg-container-3 .events-wrap.event-4 {
            left: 65%;
            top: -15%;
            width: 9%;
            height: 50%; }
        .home-philosophy .philosophy-content-wrap .svg-container-2 .events-wrap.event-5 {
          left: 83%;
          top: -15%;
          width: 11%;
          height: 50%; }
          .home-philosophy .philosophy-content-wrap .svg-container-3 .events-wrap.event-5 {
            left: 83%;
            top: -15%;
            width: 11%;
            height: 50%; }
        .home-philosophy .philosophy-content-wrap .svg-container-2 .events-wrap.event-6 {
          left: 4%;
          bottom: 0%;
          width: 9%;
          height: 45%; }
          .home-philosophy .philosophy-content-wrap .svg-container-3 .events-wrap.event-6 {
            left: 4%;
            bottom: 0%;
            width: 9%;
            height: 45%; }
        .home-philosophy .philosophy-content-wrap .svg-container-2 .events-wrap.event-7 {
          left: 25%;
          bottom: 0%;
          width: 8%;
          height: 45%; }
          .home-philosophy .philosophy-content-wrap .svg-container-3 .events-wrap.event-7 {
            left: 25%;
            bottom: 0%;
            width: 8%;
            height: 45%; }
        .home-philosophy .philosophy-content-wrap .svg-container-2 .events-wrap.event-8 {
          left: 46%;
          bottom: 0%;
          width: 8%;
          height: 45%; }
          .home-philosophy .philosophy-content-wrap .svg-container-3 .events-wrap.event-8 {
            left: 46%;
            bottom: 0%;
            width: 8%;
            height: 45%; }
        .home-philosophy .philosophy-content-wrap .svg-container-2 .events-wrap.event-9 {
          left: 66%;
          bottom: 0%;
          width: 8%;
          height: 45%; }
          .home-philosophy .philosophy-content-wrap .svg-container-3 .events-wrap.event-9 {
            left: 66%;
            bottom: 0%;
            width: 8%;
            height: 45%; }
        .home-philosophy .philosophy-content-wrap .svg-container-2 .events-wrap.event-10 {
          left: 87%;
          bottom: 0%;
          width: 8%;
          height: 45%; }
          .home-philosophy .philosophy-content-wrap .svg-container-3 .events-wrap.event-10 {
            left: 87%;
            bottom: 0%;
            width: 8%;
            height: 45%; }
    .home-philosophy .philosophy-content-wrap .skip-button {
      position: absolute;
      cursor: pointer;
      right: 0.5rem;
      bottom: 5rem;
      z-index: 3;
      text-align: center; }
      @media (min-width: 1951px) {
        .home-philosophy .philosophy-content-wrap .skip-button {
          bottom: 5rem; } }
      @media (max-width: 480px) {
        .home-philosophy .philosophy-content-wrap .skip-button {
          display: none; } }
      .home-philosophy .philosophy-content-wrap .skip-button .icon {
        width: 20px;
        margin: 0 auto; }
        .home-philosophy .philosophy-content-wrap .skip-button .icon svg {
          width: 100%; }
          .home-philosophy .philosophy-content-wrap .skip-button .icon svg path {
            fill: #763300;
            transition: all 0.3s ease-in-out; }
      .home-philosophy .philosophy-content-wrap .skip-button .label {
        width: 40px;
        font-size: 0.65rem;
        line-height: 1;
        margin-top: 0.1rem;
        color: #763300;
        transition: all 0.3s ease-in-out; }
  .home-philosophy .philosophy-mobile-slider:after {
    content: 'flickity';
    display: none; }
    @media screen and (min-width: 989px) {
      .home-philosophy .philosophy-mobile-slider:after {
        content: ''; } }
  .home-philosophy .philosophy-mobile-slider .flickity-viewport {
    transition: height 0.2s; }
  @media (max-width: 480px) {
    .home-philosophy .philosophy-mobile-slider {
      margin-bottom: 2rem; } }
  .home-philosophy .philosophy-mobile-slider .philosophy-content {
    width: 100%;
    min-height: 35vh;
    display: none; }
    @media (max-width: 480px) {
      .home-philosophy .philosophy-mobile-slider .philosophy-content {
        min-height: auto;
        display: block; } }
    .home-philosophy .philosophy-mobile-slider .philosophy-content:nth-child(1) {
      display: block; }
    @media only screen and (min-width: 1350px) and (max-width: 1380px) {
      .home-philosophy .philosophy-mobile-slider .philosophy-content {
        font-size: 0.85rem; } }
  .home-philosophy .philosophy-mobile-slider .flickity-page-dots {
    bottom: -1rem;
    pointer-events: none; }

.home-project-slider {
  padding: 15vh 0 40vh 0;
  position: relative; }
  .home-project-slider .svg-container {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    overflow: hidden; }
    .home-project-slider .svg-container svg {
      height: 40vh;
      display: block;
      position: absolute;
      right: 5%;
      top: 0; }
  .home-project-slider .svg-container-2 {
    position: absolute;
    width: 100%;
    height: 40vh;
    left: 0;
    bottom: 0;
    z-index: -1;
    overflow: hidden; }
    .home-project-slider .svg-container-3 {
      position: absolute;
      width: 100%;
      height: 40vh;
      left: 0;
      bottom: 0;
      z-index: -1;
      overflow: hidden; }
    .home-project-slider .svg-container-2 svg {
      height: 100%;
      display: block;
      position: absolute;
      left: 5%;
      top: 0; }
      .home-project-slider .svg-container-3 svg {
        height: 100%;
        display: block;
        position: absolute;
        left: 5%;
        top: 0; }
  .home-project-slider .tab-head {
    margin: 2rem 0; }
    .home-project-slider .tab-head ul {
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
      .home-project-slider .tab-head ul li {
        margin: 0 1rem;
        min-width: 140px;
        text-align: center; }
        @media (max-width: 480px) {
          .home-project-slider .tab-head ul li {
            margin: 0 0rem 1rem 0;
            min-width: 60%; } }
        .home-project-slider .tab-head ul li a {
          display: block;
          padding: 0.5rem 1.5rem;
          text-decoration: none;
          border-radius: 50rem;
          color: #763300;
          border: #655C59 solid 1px;
          transition: all 0.3s ease-in-out;
          background: #ffffff;
          font-weight: 500;
          font-size: 14px; }
          .home-project-slider .tab-head ul li a:hover, .home-project-slider .tab-head ul li a.active {
            background: #763300;
            border-color: #763300;
            color: #FFDBC9; }

.home-testimonial {
  padding: 10vh 0 5vh 0; }
  @media (max-width: 480px) {
    .home-testimonial {
      padding-top: 0; } }
  .home-testimonial .title-sub-head {
    color: #763300; }
  .home-testimonial .testimonial-slider {
    margin: 3rem 0;
    justify-content: center;
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5); }
    @media (max-width: 480px) {
      .home-testimonial .testimonial-slider {
        display: block; } }
    .home-testimonial .testimonial-slider:after {
      content: 'flickity';
      display: none; }
      @media screen and (min-width: 989px) {
        .home-testimonial .testimonial-slider:after {
          content: ''; } }
    .home-testimonial .testimonial-slider .slides {
      width: calc(25% - 1.5rem);
      margin-right: 1.5rem;
      position: relative; }
      @media (max-width: 480px) {
        .home-testimonial .testimonial-slider .slides {
          width: 100%;
          margin-right: 0; } }
      .home-testimonial .testimonial-slider .slides:last-child {
        margin-right: 0; }
      .home-testimonial .testimonial-slider .slides .image {
        width: 100%;
        height: 0;
        padding-top: 100%;
        background: #E4E4E4 url(../img/loader.png) center center no-repeat;
        background-size: 30px;
        border-radius: 50%;
        margin-bottom: 3rem;
        position: relative;
        overflow: hidden; }
        .home-testimonial .testimonial-slider .slides .image img, .home-testimonial .testimonial-slider .slides .image video {
          position: absolute;
          width: 100%;
          height: 100%;
          object-fit: cover;
          left: 0;
          top: 0; }
        .home-testimonial .testimonial-slider .slides .image .video-icon {
          position: absolute;
          width: 60px;
          height: 60px;
          background: #ffffff;
          right: 5%;
          bottom: 15%;
          border-radius: 50%; }
          .home-testimonial .testimonial-slider .slides .image .video-icon:after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-bottom: 15px solid transparent;
            border-left: 20px solid #763300;
            left: 50%;
            top: 50%;
            transform: translate(-30%, -50%); }
          .home-testimonial .testimonial-slider .slides .image .video-icon.playing:after {
            width: 15px;
            height: 15px;
            border: 0;
            border-left: #763300 solid 4px;
            border-right: #763300 solid 4px; }
      .home-testimonial .testimonial-slider .slides .description {
        text-align: center;
        font-size: 0.9rem;
        padding: 0 2%;
        cursor: pointer; }
        .home-testimonial .testimonial-slider .slides .description .fulltext {
          display: none; }
        .home-testimonial .testimonial-slider .slides .description.show-text .excerpt {
          display: none; }
        .home-testimonial .testimonial-slider .slides .description.show-text .fulltext {
          display: block; }
        .home-testimonial .testimonial-slider .slides .description .user-name {
          text-transform: uppercase;
          font-size: 0.9rem;
          font-weight: 500; }
        .home-testimonial .testimonial-slider .slides .description .user-designation {
          font-size: 0.85rem;
          font-weight: 500; }
      .home-testimonial .testimonial-slider .slides a.hidden {
        display: none;
        z-index: 2; }

.home-news-and-media {
  padding: 50vh 0 25vh 0;
  position: relative; }
  @media (max-width: 480px) {
    .home-news-and-media {
      padding: 25vh 0; } }
  .home-news-and-media .svg-container {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    overflow: hidden; }
    .home-news-and-media .svg-container svg {
      height: 101%;
      display: block;
      position: absolute;
      left: 1%;
      top: 0; }
      @media (min-width: 1025px) {
        .home-news-and-media .svg-container svg path {
          stroke-width: 3px; } }
      @media (min-width: 1951px) {
        .home-news-and-media .svg-container svg path {
          stroke-width: 4.5px; } }
  @media (max-width: 480px) {
    .home-news-and-media .title-sub-head, .home-news-and-media h2 {
      background: #ffffff; } }
  .home-news-and-media .news-grid-wrap {
    margin: 2rem 0; }
    .home-news-and-media .news-grid-wrap .flickity-viewport {
      transition: height 0.2s; }
    .home-news-and-media .news-grid-wrap .slides {
      position: relative;
      width: 100%; }
      .home-news-and-media .news-grid-wrap .slides .wrap {
        background: #FFEDE5;
        border-radius: 1rem;
        overflow: hidden;
        display: flex; }
        @media (max-width: 480px) {
          .home-news-and-media .news-grid-wrap .slides .wrap {
            flex-wrap: wrap; } }
        .home-news-and-media .news-grid-wrap .slides .wrap .image {
          width: 55%; }
          @media (max-width: 480px) {
            .home-news-and-media .news-grid-wrap .slides .wrap .image {
              width: 100%; } }
          .home-news-and-media .news-grid-wrap .slides .wrap .image img {
            width: 100%; }
        .home-news-and-media .news-grid-wrap .slides .wrap .description {
          width: 45%;
          padding: 2.5rem; }
          @media (max-width: 480px) {
            .home-news-and-media .news-grid-wrap .slides .wrap .description {
              width: 100%;
              padding: 1rem; } }
          .home-news-and-media .news-grid-wrap .slides .wrap .description .title {
            font-family: "Optima", sans-serif;
            font-size: 1.8rem;
            color: #763300;
            margin-bottom: 2rem;
            line-height: 1.2; }
          .home-news-and-media .news-grid-wrap .slides .wrap .description p {
            margin-bottom: 2rem; }
    @media (min-width: 1025px) {
      .home-news-and-media .news-grid-wrap .flickity-page-dots {
        display: none; } }
  .home-news-and-media .news-grid-thumb-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 480px) {
      .home-news-and-media .news-grid-thumb-wrap {
        display: none; } }
    .home-news-and-media .news-grid-thumb-wrap .slides {
      width: calc(25% - 1rem);
      cursor: pointer; }
      .home-news-and-media .news-grid-thumb-wrap .slides .wrap {
        position: relative; }
        .home-news-and-media .news-grid-thumb-wrap .slides .wrap .image {
          position: relative;
          border-radius: 0.9rem;
          overflow: hidden; }
          .home-news-and-media .news-grid-thumb-wrap .slides .wrap .image img {
            width: 100%; }
          .home-news-and-media .news-grid-thumb-wrap .slides .wrap .image .title {
            font-size: 0.75rem;
            color: #ffffff;
            position: absolute;
            left: 0;
            bottom: 0;
            padding: 0.5rem;
            background: rgba(0, 0, 0, 0.7);
            line-height: 1.2; }

.four-zero-four-wrap {
  position: relative; }
  .four-zero-four-wrap .four-zero-four {
    height: calc(100vh - 2rem);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (max-width: 480px) {
      .four-zero-four-wrap .four-zero-four {
        height: 70vh; } }
    .four-zero-four-wrap .four-zero-four h1 {
      font-size: 12vw;
      line-height: 0.7;
      color: #1E3D72; }
      @media (max-width: 480px) {
        .four-zero-four-wrap .four-zero-four h1 {
          font-size: 20vw; } }
    .four-zero-four-wrap .four-zero-four h3 {
      font-size: 3vw;
      line-height: 1;
      color: #1E3D72;
      margin-bottom: 2rem; }
      @media (max-width: 480px) {
        .four-zero-four-wrap .four-zero-four h3 {
          font-size: 8vw; } }
  .four-zero-four-wrap .svg-container {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 5%;
    z-index: -1; }
    .four-zero-four-wrap .svg-container svg {
      width: 100%; }
      .four-zero-four-wrap .svg-container svg path {
        stroke-width: 2.5px; }
        @media (max-width: 480px) {
          .four-zero-four-wrap .svg-container svg path {
            stroke-width: 4px; } }

.sitemap-wrap {
  margin-top: 100px;
  margin-bottom: 4rem; }
  @media (min-width: 1025px) {
    .sitemap-wrap {
      min-height: 80vh; } }
  .sitemap-wrap h1 {
    text-align: center; }
  .sitemap-wrap .links-wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 60vh;
    margin: 2rem 0 0 0; }
    .sitemap-wrap .links-wrap > ul {
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      height: 100%; }
      .sitemap-wrap .links-wrap > ul a {
        color: #1E3D72;
        text-decoration: none;
        display: block;
        margin-bottom: 1rem;
        position: relative;
        padding-left: 20px; }
        .sitemap-wrap .links-wrap > ul a:before {
          content: "";
          position: absolute;
          width: 6px;
          height: 6px;
          background: #1E3D72;
          border-radius: 50%;
          left: 0;
          top: 7px; }
      .sitemap-wrap .links-wrap > ul .sub-menu {
        display: block;
        padding-left: 40px;
        font-size: 0.9rem; }

.site-loader-animation {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 9999;
  background: #ffffff; }
  .site-loader-animation .loader-wrap {
    position: absolute;
    width: 600px;
    height: 288px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
    @media (max-width: 480px) {
      .site-loader-animation .loader-wrap {
        width: 300px;
        height: 144px; } }
    .site-loader-animation .loader-wrap .left {
      position: absolute;
      width: 193px;
      height: 100%;
      left: 50%;
      transform: translate(-50%, 0); }
      @media (max-width: 480px) {
        .site-loader-animation .loader-wrap .left {
          width: 97px; } }
      .site-loader-animation .loader-wrap .left .orange {
        width: 100%;
        height: 100%; }
        .site-loader-animation .loader-wrap .left .orange img {
          width: 100%; }
        .site-loader-animation .loader-wrap .left .orange .fill {
          width: 90%;
          height: 0%;
          position: absolute;
          background: #F37A21;
          left: 5%;
          bottom: 0.5%;
          z-index: -1; }
      .site-loader-animation .loader-wrap .left .blue {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 2; }
        .site-loader-animation .loader-wrap .left .blue img {
          width: 100%;
          clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); }
    .site-loader-animation .loader-wrap .right {
      position: absolute;
      width: 408px;
      height: 100%;
      right: 0;
      top: 0;
      transform: scale(0.6);
      opacity: 0; }
      @media (max-width: 480px) {
        .site-loader-animation .loader-wrap .right {
          width: 204px; } }
      .site-loader-animation .loader-wrap .right img {
        width: 100%; }

.policy-pages {
  margin-top: 100px; }
  @media (min-width: 1025px) {
    .policy-pages {
      min-height: 80vh; } }

.philosophy-spotlight {
  padding-top: 100px; }
  .philosophy-spotlight .philosophy-spotlight-video {
    height: 70vh;
    position: relative; }
    @media (max-width: 480px) {
      .philosophy-spotlight .philosophy-spotlight-video {
        height: 50vh;
        margin-bottom: 2rem; } }
    .philosophy-spotlight .philosophy-spotlight-video .wrap {
      margin-left: 10%;
      height: 100%;
      width: 90%;
      position: relative;
      border-top-right-radius: 100px;
      overflow: hidden; }
      @media (max-width: 480px) {
        .philosophy-spotlight .philosophy-spotlight-video .wrap {
          width: 100%;
          margin-left: 0; } }
      .philosophy-spotlight .philosophy-spotlight-video .wrap video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block; }
      .philosophy-spotlight .philosophy-spotlight-video .wrap .mute-icon {
        width: 30px;
        height: 30px;
        cursor: pointer;
        background: url(../img/sound-mute-icon.png) left top no-repeat;
        background-size: 30px;
        position: absolute;
        left: 1rem;
        top: 1rem;
        z-index: 2; }
        .philosophy-spotlight .philosophy-spotlight-video .wrap .mute-icon.active {
          background-position: left -30px; }
    .philosophy-spotlight .philosophy-spotlight-video .wave {
      position: absolute;
      width: 120px;
      right: 0;
      top: 40%;
      transform: translate(50%, -50%);
      z-index: 1; }
      @media (max-width: 480px) {
        .philosophy-spotlight .philosophy-spotlight-video .wave {
          transform: translate(15px, -50%); } }
      .philosophy-spotlight .philosophy-spotlight-video .wave svg {
        width: 100%; }
  .philosophy-spotlight .philosophy-mobile-slider:after {
    content: 'flickity';
    display: none; }
    @media screen and (min-width: 989px) {
      .philosophy-spotlight .philosophy-mobile-slider:after {
        content: ''; } }
  @media (max-width: 480px) {
    .philosophy-spotlight .philosophy-mobile-slider {
      margin-bottom: 2rem; } }
  .philosophy-spotlight .philosophy-mobile-slider .philosophy-content {
    padding-left: 2rem;
    display: none; }
    @media (max-width: 480px) {
      .philosophy-spotlight .philosophy-mobile-slider .philosophy-content {
        padding: 0;
        display: block; } }
    .philosophy-spotlight .philosophy-mobile-slider .philosophy-content h2 {
      color: #1E3D72; }
    .philosophy-spotlight .philosophy-mobile-slider .philosophy-content:nth-child(1) {
      display: block; }
  .philosophy-spotlight .philosophy-mobile-slider .flickity-page-dots {
    bottom: -1rem;
    pointer-events: none; }
  .philosophy-spotlight .philosphy-icon-block {
    width: 95%;
    margin-top: 3rem;
    padding: 2rem 0;
    position: relative; }
    @media (max-width: 480px) {
      .philosophy-spotlight .philosphy-icon-block {
        display: none; } }
    .philosophy-spotlight .philosphy-icon-block .svg-bg {
      width: 100%; }
      .philosophy-spotlight .philosphy-icon-block .svg-bg {
        width: 100%; }
      .philosophy-spotlight .philosphy-icon-block .svg-bg path {
        stroke: #ffdbc9;
        stroke-width: 4px; }
        .philosophy-spotlight .philosphy-icon-block .svg-bg path {
          stroke: #ffdbc9;
          stroke-width: 4px; }
    .philosophy-spotlight .philosphy-icon-block .svg-overlay {
      position: absolute;
      width: 100%;
      left: 0;
      top: 2rem;
      z-index: 1; }
      .philosophy-spotlight .philosphy-icon-block .svg-overlay2 {
        position: absolute;
        width: 100%;
        left: 0;
        top: 2rem;
        z-index: 1; }
      .philosophy-spotlight .philosphy-icon-block .svg-overlay path {
        stroke: #763300;
        stroke-width: 4px; }
        .philosophy-spotlight .philosphy-icon-block .svg-overlay2 path {
          stroke: #763300;
          stroke-width: 4px; }
    .philosophy-spotlight .philosphy-icon-block .events-wrap {
      position: absolute;
      font-size: 0.8rem;
      line-height: 1.2;
      color: rgba(243, 122, 33, 0.4);
      cursor: pointer;
      transition: all 0.3s ease-in-out;
      z-index: 2; }
      @media (max-width: 480px) {
        .philosophy-spotlight .philosphy-icon-block .events-wrap {
          display: none; } }
      .philosophy-spotlight .philosphy-icon-block .events-wrap.active {
        color: #763300; }
      .philosophy-spotlight .philosphy-icon-block .events-wrap.event-1 {
        left: 5%;
        top: 0%; }
      .philosophy-spotlight .philosphy-icon-block .events-wrap.event-2 {
        left: 15%;
        top: -15%;
        width: 9%;
        height: 90%; }
      .philosophy-spotlight .philosphy-icon-block .events-wrap.event-3 {
        left: 25%;
        top: -15%;
        width: 9%;
        height: 90%; }
      .philosophy-spotlight .philosphy-icon-block .events-wrap.event-4 {
        left: 35%;
        top: -15%;
        width: 7%;
        height: 90%; }
      .philosophy-spotlight .philosphy-icon-block .events-wrap.event-5 {
        left: 42%;
        top: -15%;
        width: 11%;
        height: 90%; }
      .philosophy-spotlight .philosphy-icon-block .events-wrap.event-6 {
        left: 54%;
        top: -15%;
        width: 9%;
        height: 90%; }
      .philosophy-spotlight .philosphy-icon-block .events-wrap.event-7 {
        left: 65%;
        top: -15%;
        width: 8%;
        height: 90%; }
      .philosophy-spotlight .philosphy-icon-block .events-wrap.event-8 {
        left: 75%;
        top: -15%;
        width: 8%;
        height: 90%; }
      .philosophy-spotlight .philosphy-icon-block .events-wrap.event-9 {
        left: 84%;
        top: -15%;
        width: 8%;
        height: 90%; }
      .philosophy-spotlight .philosphy-icon-block .events-wrap.event-10 {
        left: 94%;
        top: -15%;
        width: 8%;
        height: 90%; }
    .philosophy-spotlight .philosphy-icon-block .skip-button {
      position: absolute;
      cursor: pointer;
      right: 0.5rem;
      bottom: -1rem;
      z-index: 3;
      text-align: center; }
      @media (max-width: 480px) {
        .philosophy-spotlight .philosphy-icon-block .skip-button {
          display: none; } }
      .philosophy-spotlight .philosphy-icon-block .skip-button .icon {
        width: 20px;
        margin: 0 auto; }
        .philosophy-spotlight .philosphy-icon-block .skip-button .icon svg {
          width: 100%; }
          .philosophy-spotlight .philosphy-icon-block .skip-button .icon svg path {
            fill: #763300;
            transition: all 0.3s ease-in-out; }
      .philosophy-spotlight .philosphy-icon-block .skip-button .label {
        width: 40px;
        font-size: 0.65rem;
        line-height: 1;
        margin-top: 0.1rem;
        color: #763300;
        transition: all 0.3s ease-in-out; }
  .philosophy-spotlight .philosphy-icon-block-mobile {
    position: relative; }
    @media (min-width: 1025px) {
      .philosophy-spotlight .philosphy-icon-block-mobile {
        display: none; } }
    @media (max-width: 480px) {
      .philosophy-spotlight .philosphy-icon-block-mobile {
        margin-top: 3rem; } }
    .philosophy-spotlight .philosphy-icon-block-mobile .svg-bg {
      width: 100%;
      display: block; }
      .philosophy-spotlight .philosphy-icon-block-mobile .svg-bg {
        width: 100%;
        display: block; }
      .philosophy-spotlight .philosphy-icon-block-mobile .svg-bg path {
        stroke: #FFDBC9;
        stroke-width: 2px; }
        .philosophy-spotlight .philosphy-icon-block-mobile .svg-bg path {
          stroke: #FFDBC9;
          stroke-width: 2px; }
        @media (max-width: 480px) {
          .philosophy-spotlight .philosphy-icon-block-mobile .svg-bg path {
            stroke-width: 4px; }
            .philosophy-spotlight .philosphy-icon-block-mobile .svg-bg path {
              stroke-width: 4px; } }
    .philosophy-spotlight .philosphy-icon-block-mobile .svg-overlay {
      position: absolute;
      width: 100%;
      display: block;
      left: 0;
      top: 0;
      z-index: 1; }
      .philosophy-spotlight .philosphy-icon-block-mobile .svg-overlay2 {
        position: absolute;
        width: 100%;
        display: block;
        left: 0;
        top: 0;
        z-index: 1; }
      .philosophy-spotlight .philosphy-icon-block-mobile .svg-overlay path {
        stroke: #763300;
        stroke-width: 2px; }
        .philosophy-spotlight .philosphy-icon-block-mobile .svg-overlay2 path {
          stroke: #763300;
          stroke-width: 2px; }
        @media (max-width: 480px) {
          .philosophy-spotlight .philosphy-icon-block-mobile .svg-overlay path {
            stroke-width: 4px; }
            .philosophy-spotlight .philosphy-icon-block-mobile .svg-overlay2 path {
              stroke-width: 4px; } }

.art-at-max-estate {
  padding: 15vh 0; }
  @media (max-width: 480px) {
    .art-at-max-estate {
      padding: 10vh 0 0 0; } }
  .art-at-max-estate h1 {
    text-align: center;
    font-size: 4rem;
    color: #1E3D72; }
    @media (max-width: 480px) {
      .art-at-max-estate h1 {
        font-size: 2rem; } }
  .art-at-max-estate .para {
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 1.5rem; }
    @media (max-width: 480px) {
      .art-at-max-estate .para {
        width: 100%; } }
  .art-at-max-estate .svg-wrap {
    display: flex;
    justify-content: center;
    position: relative;
    max-width: 80%;
    margin: 0 auto;
    padding-top: 61%; }
    @media (max-width: 480px) {
      .art-at-max-estate .svg-wrap {
        max-width: 95%; } }
    .art-at-max-estate .svg-wrap .art-gallery {
      position: absolute;
      z-index: 2;
      overflow: hidden;
      border-radius: 0.8rem;
      cursor: pointer; }
      @media (max-width: 480px) {
        .art-at-max-estate .svg-wrap .art-gallery {
          border-radius: 0.3rem; } }
      .art-at-max-estate .svg-wrap .art-gallery .title {
        position: absolute;
        width: 100%;
        padding: 0.5rem 0;
        text-align: center;
        color: #ffffff;
        background: rgba(0, 27, 62, 0.7);
        font-size: 0.8rem;
        left: 0;
        bottom: 0%;
        transform: translate(0, 100%);
        font-weight: 500;
        transition: all 0.6s ease; }
        @media (max-width: 480px) {
          .art-at-max-estate .svg-wrap .art-gallery .title {
            padding: 0.3rem 0;
            font-size: 0.6rem;
            display: none; } }
      .art-at-max-estate .svg-wrap .art-gallery img {
        width: 100%;
        display: block;
        transition: all 0.6s ease; }
      .art-at-max-estate .svg-wrap .art-gallery:hover img {
        transform: scale(1.05); }
      .art-at-max-estate .svg-wrap .art-gallery:hover .title {
        transform: translate(0, 0%); }
      .art-at-max-estate .svg-wrap .art-gallery.art1 {
        left: 0;
        top: 0;
        width: 15%; }
      .art-at-max-estate .svg-wrap .art-gallery.art2 {
        left: 7%;
        top: 15.5%;
        width: 8.5%; }
        @media (max-width: 480px) {
          .art-at-max-estate .svg-wrap .art-gallery.art2 {
            top: 18%; } }
      .art-at-max-estate .svg-wrap .art-gallery.art3 {
        left: 10%;
        top: 32.5%;
        width: 12%; }
        @media (max-width: 480px) {
          .art-at-max-estate .svg-wrap .art-gallery.art3 {
            top: 38%; } }
      .art-at-max-estate .svg-wrap .art-gallery.art4 {
        left: 17%;
        top: 0%;
        width: 33%; }
      .art-at-max-estate .svg-wrap .art-gallery.art5 {
        left: 23%;
        top: 31.5%;
        width: 10%; }
        @media (max-width: 480px) {
          .art-at-max-estate .svg-wrap .art-gallery.art5 {
            top: 37%; } }
      .art-at-max-estate .svg-wrap .art-gallery.art6 {
        left: 0%;
        top: 0%;
        width: 16%; }
      .art-at-max-estate .svg-wrap .art-gallery.art7 {
        left: 34.5%;
        top: 31%;
        width: 16.2%; }
        @media (max-width: 480px) {
          .art-at-max-estate .svg-wrap .art-gallery.art7 {
            top: 37%; } }
      .art-at-max-estate .svg-wrap .art-gallery.art8 {
        left: 34.5%;
        top: 47%;
        width: 10%; }
        @media (max-width: 480px) {
          .art-at-max-estate .svg-wrap .art-gallery.art8 {
            top: 56%; } }
      .art-at-max-estate .svg-wrap .art-gallery.art9 {
        left: 51.8%;
        top: 0%;
        width: 16%; }
      .art-at-max-estate .svg-wrap .art-gallery.art10 {
        left: 51.8%;
        top: 30.8%;
        width: 16%; }
        @media (max-width: 480px) {
          .art-at-max-estate .svg-wrap .art-gallery.art10 {
            top: 37%; } }
      .art-at-max-estate .svg-wrap .art-gallery.art11 {
        left: 46%;
        top: 47%;
        width: 10.5%; }
        @media (max-width: 480px) {
          .art-at-max-estate .svg-wrap .art-gallery.art11 {
            top: 56%; } }
      .art-at-max-estate .svg-wrap .art-gallery.art12 {
        left: 46%;
        top: 64%;
        width: 10.5%; }
        @media (max-width: 480px) {
          .art-at-max-estate .svg-wrap .art-gallery.art12 {
            top: 76%; } }
      .art-at-max-estate .svg-wrap .art-gallery.art13 {
        left: 57.5%;
        top: 42.2%;
        width: 10%; }
        @media (max-width: 480px) {
          .art-at-max-estate .svg-wrap .art-gallery.art13 {
            top: 51%; } }
      .art-at-max-estate .svg-wrap .art-gallery.art14 {
        left: 57.5%;
        top: 54.5%;
        width: 10%; }
        @media (max-width: 480px) {
          .art-at-max-estate .svg-wrap .art-gallery.art14 {
            top: 65%; } }
      .art-at-max-estate .svg-wrap .art-gallery.art15 {
        left: 69%;
        top: 0;
        width: 31.3%; }
      .art-at-max-estate .svg-wrap .art-gallery.art16 {
        left: 69%;
        top: 19.5%;
        width: 16%; }
        @media (max-width: 480px) {
          .art-at-max-estate .svg-wrap .art-gallery.art16 {
            top: 24%; } }
      .art-at-max-estate .svg-wrap .art-gallery.art17 {
        left: 86.5%;
        top: 19.5%;
        width: 8.5%; }
        @media (max-width: 480px) {
          .art-at-max-estate .svg-wrap .art-gallery.art17 {
            top: 24%; } }
    .art-at-max-estate .svg-wrap .svg-container {
      position: absolute;
      width: 100%;
      height: 80px;
      bottom: 50px;
      z-index: -1;
      text-align: center; }
      @media (max-width: 480px) {
        .art-at-max-estate .svg-wrap .svg-container {
          bottom: -90px; } }
      .art-at-max-estate .svg-wrap .svg-container svg {
        height: 100%; }
        .art-at-max-estate .svg-wrap .svg-container svg path {
          stroke-width: 2.5px; }
          @media (max-width: 480px) {
            .art-at-max-estate .svg-wrap .svg-container svg path {
              stroke-width: 2.5px; } }

.art-popup {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 11;
  height: 100%;
  background: #F9F9FF;
  display: none; }
  .art-popup .close {
    width: 30px;
    height: 30px;
    color: #ffffff;
    background: #1E3D72;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    line-height: 1;
    font-weight: 500;
    cursor: pointer;
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 2;
    border-radius: 50%; }
    .art-popup .close svg {
      width: 13px; }
  .art-popup .wrap {
    padding: 4rem;
    display: flex;
    height: 100%;
    flex-direction: row-reverse;
    flex-wrap: wrap; }
    @media (max-width: 480px) {
      .art-popup .wrap {
        padding: 1rem;
        overflow: auto; } }
    .art-popup .wrap .left-items {
      width: 20%;
      margin-right: 5%;
      height: 100%; }
      @media (max-width: 480px) {
        .art-popup .wrap .left-items {
          width: 100%;
          height: auto;
          margin: 1rem 0 0 0; } }
      .art-popup .wrap .left-items .grid-item {
        width: calc(33% - 8px);
        cursor: pointer; }
        @media (max-width: 480px) {
          .art-popup .wrap .left-items .grid-item {
            width: calc(25% - 8px); } }
        .art-popup .wrap .left-items .grid-item img {
          width: 100%;
          border-radius: 0.5rem; }
    .art-popup .wrap .right-item {
      width: 75%;
      height: 100%; }
      @media (max-width: 480px) {
        .art-popup .wrap .right-item {
          width: 100%;
          height: auto; } }
      .art-popup .wrap .right-item .content-wrap {
        display: none;
        height: 100%; }
        .art-popup .wrap .right-item .content-wrap .image {
          height: 65%;
          width: auto;
          position: relative; }
          @media (max-width: 480px) {
            .art-popup .wrap .right-item .content-wrap .image {
              height: auto; } }
          .art-popup .wrap .right-item .content-wrap .image.expand {
            height: 100%; }
          .art-popup .wrap .right-item .content-wrap .image img {
            max-width: 100%;
            max-height: 100%;
            object-fit: cover;
            border-radius: 0.8rem; }
          .art-popup .wrap .right-item .content-wrap .image .expand-image {
            background: #1E3D72;
            position: absolute;
            left: 0.5rem;
            bottom: 0.5rem;
            border-radius: 30rem;
            color: #D6E3FF;
            padding: 0.5rem 1.5rem;
            z-index: 1;
            cursor: pointer; }
            @media (max-width: 480px) {
              .art-popup .wrap .right-item .content-wrap .image .expand-image {
                display: none; } }
        .art-popup .wrap .right-item .content-wrap .description {
          margin-top: 1.5rem; }
          .art-popup .wrap .right-item .content-wrap .description .title {
            font-size: 1.8rem;
            margin-bottom: 0.5rem;
            font-family: "Optima", sans-serif;
            color: #1E3D72; }
          .art-popup .wrap .right-item .content-wrap .description .artist-name {
            font-size: 1rem;
            margin-bottom: 0.5rem; }
          .art-popup .wrap .right-item .content-wrap .description .sub-title {
            font-size: 1.1rem;
            margin-bottom: 0.5rem; }
          .art-popup .wrap .right-item .content-wrap .description p {
            font-size: 0.9rem; }

.community {
  padding: 30vh 0 50vh 0;
  position: relative; }
  @media (max-width: 480px) {
    .community {
      padding: 15vh 0 50vh 0; } }
  .community h2 {
    color: #1E3D72; }
  .community .svg-container {
    position: absolute;
    left: 25%;
    bottom: 0;
    height: 50vh;
    z-index: -1; }
    @media (max-width: 480px) {
      .community .svg-container {
        left: 0%;
        width: 100%;
        text-align: center; } }
    .community .svg-container svg {
      height: 100%; }

.gallery {
  padding: 5vh 0 50vh 0;
  position: relative; }
  @media (max-width: 480px) {
    .gallery {
      overflow: hidden; } }
  .gallery h2 {
    color: #1E3D72;
    margin-bottom: 2rem; }
  .gallery .slider-wrap .flickity-button {
    background: #1E3D72;
    color: #D6E3FF; }
    .gallery .slider-wrap .flickity-button:hover {
      background: #19325e;
      color: #bdd2ff; }
    .gallery .slider-wrap .flickity-button:disabled {
      background: #E4E4E4;
      color: #9A9797;
      opacity: 1; }
  .gallery .svg-container {
    position: absolute;
    left: 25%;
    bottom: 0;
    width: 70%;
    height: 50vh;
    z-index: -1; }
    .gallery .svg-container svg {
      height: 100%; }

.biophilia {
  padding-bottom: 15vh; }
  .biophilia h2 {
    color: #1E3D72; }
  .biophilia img {
    width: 100%;
    border-top-right-radius: 100px; }

.we-are-max-estate {
  padding-top: 100px;
  padding-bottom: 30vh;
  position: relative; }
  @media (max-width: 480px) {
    .we-are-max-estate .image {
      height: 50vh; } }
  .we-are-max-estate .image img {
    width: 100%;
    border-top-right-radius: 100px; }
    @media (max-width: 480px) {
      .we-are-max-estate .image img {
        border-top-right-radius: 50px;
        width: 100%;
        height: 100%;
        object-fit: cover; } }
  .we-are-max-estate .text-content {
    padding: 0 5% 0 2rem;
    background: #ffffff; }
    @media (max-width: 480px) {
      .we-are-max-estate .text-content {
        padding: 1rem 0;
        margin-top: 1rem; } }
    .we-are-max-estate .text-content h1 {
      margin-bottom: 1rem;
      padding-right: 10%;
      line-height: 1; }
      @media (max-width: 480px) {
        .we-are-max-estate .text-content h1 {
          padding-right: 0; } }
    .we-are-max-estate .text-content .sub-title {
      max-width: 90%;
      color: #F37A21;
      font-family: "Optima", sans-serif;
      margin-bottom: 1rem;
      font-size: 1.5rem;
      background: #ffffff; }
      @media (max-width: 480px) {
        .we-are-max-estate .text-content .sub-title {
          max-width: 100%; } }
  .we-are-max-estate .svg-container {
    position: absolute;
    width: 100%;
    height: 65%;
    left: 0;
    bottom: 0;
    z-index: -1;
    text-align: left;
    padding-left: 23%; }
    @media (max-width: 480px) {
      .we-are-max-estate .svg-container {
        overflow: hidden; } }
    .we-are-max-estate .svg-container svg {
      height: 100%; }
      .we-are-max-estate .svg-container svg path {
        stroke-width: 3px; }

.our-purpose {
  position: relative; }
  .our-purpose .image {
    border-top-left-radius: 100px;
    overflow: hidden;
    margin-top: 10vh;
    visibility: hidden; }
    @media (max-width: 480px) {
      .our-purpose .image {
        display: none; } }
    .our-purpose .image img {
      width: 100%; }
  .our-purpose .image-wrap-desktop {
    position: absolute;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%; }
    @media (max-width: 480px) {
      .our-purpose .image-wrap-desktop {
        position: relative;
        height: 50vh; } }
    .our-purpose .image-wrap-desktop .bind {
      width: 40%;
      height: 100vh;
      border-top-left-radius: 100px;
      overflow: hidden;
      position: absolute;
      right: 0;
      top: 0; }
      @media (max-width: 480px) {
        .our-purpose .image-wrap-desktop .bind {
          position: relative;
          width: 100%;
          height: 100%;
          border-top-left-radius: 50px; } }
      .our-purpose .image-wrap-desktop .bind .wrap {
        height: 100%;
        position: relative; }
        .our-purpose .image-wrap-desktop .bind .wrap video {
          width: 100%;
          height: 100%;
          object-fit: cover;
          display: block; }
        .our-purpose .image-wrap-desktop .bind .wrap .mute-icon {
          width: 30px;
          height: 30px;
          cursor: pointer;
          background: url(../img/sound-mute-icon.png) left top no-repeat;
          background-size: 30px;
          position: absolute;
          right: 1rem;
          top: 1rem;
          z-index: 2; }
          .our-purpose .image-wrap-desktop .bind .wrap .mute-icon.active {
            background-position: left -30px; }
  .our-purpose .text-content {
    padding: 0 15% 0 2rem; }
    .our-purpose .text-content h1 {
      margin-bottom: 1rem;
      padding-right: 30%;
      line-height: 1; }
    .our-purpose .text-content .sub-title {
      color: #F37A21;
      font-family: "Optima", sans-serif;
      margin-bottom: 1rem;
      font-size: 1.5rem;
      padding-right: 20%; }
      @media (max-width: 480px) {
        .our-purpose .text-content .sub-title {
          background: #ffffff; } }
  .our-purpose .svg-container {
    position: absolute;
    width: 100%;
    height: 71%;
    left: 0;
    bottom: 10%;
    z-index: -1;
    text-align: left;
    padding-left: 22%; }
    @media (max-width: 480px) {
      .our-purpose .svg-container {
        overflow: hidden; } }
    .our-purpose .svg-container svg {
      height: 100%; }
      .our-purpose .svg-container svg path {
        stroke-width: 2.5px; }
        @media (max-width: 480px) {
          .our-purpose .svg-container svg path {
            stroke-width: 5px; } }

.our-mission {
  padding-top: 10vh;
  position: relative; }
  .our-mission .image {
    border-top-right-radius: 100px;
    overflow: hidden; }
    @media (max-width: 480px) {
      .our-mission .image {
        border-top-right-radius: 50px; } }
    .our-mission .image img {
      width: 100%; }
  .our-mission .text-content {
    padding: 5vh 5% 1rem 5rem;
    background: #ffffff; }
    @media (max-width: 480px) {
      .our-mission .text-content {
        padding: 1rem;
        margin-top: 1rem; } }
    .our-mission .text-content h1 {
      margin-bottom: 1rem;
      padding-right: 30%;
      line-height: 1; }
      @media (max-width: 480px) {
        .our-mission .text-content h1 {
          padding-right: 0; } }
    .our-mission .text-content .list-items ul li {
      padding-left: 15px;
      position: relative;
      margin-bottom: 10px; }
      .our-mission .text-content .list-items ul li:before {
        content: "";
        position: absolute;
        width: 3px;
        height: 3px;
        background: #655C59;
        left: 0;
        top: 10px;
        border-radius: 50%; }
  .our-mission .svg-container {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 10%;
    z-index: -1;
    text-align: right;
    padding-right: 20%; }
    @media (max-width: 480px) {
      .our-mission .svg-container {
        overflow: hidden; } }
    .our-mission .svg-container svg {
      height: 100%; }
      .our-mission .svg-container svg path {
        stroke-width: 2.3px; }

.awards {
  background: #9A4600;
  color: #ffd6c2;
  padding: 15vh 0;
  margin-bottom: 25vh; }
  @media (max-width: 480px) {
    .awards {
      margin-bottom: 10vh; } }
  .awards h3 {
    color: #ffd6c2; }
    .awards h3 span {
      position: relative;
      display: inline-block;
      padding-bottom: 5px; }
      .awards h3 span:after {
        content: "";
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        height: 2px;
        background: #763300; }
  .awards .awards-row-wrap {
    border-bottom: #763300 solid 2px;
    transform: translate(0, 4rem); }
    .awards .awards-row-wrap .award-row {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem; }
      .awards .awards-row-wrap .award-row .location {
        color: #FFB68D;
        font-weight: 600; }
      .awards .awards-row-wrap .award-row strong {
        font-weight: 600; }

.our-values-wrap {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden; }
  @media (max-width: 480px) {
    .our-values-wrap {
      height: auto;
      padding: 15vh 0; } }
  .our-values-wrap .svg-container {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0%;
    z-index: -1;
    text-align: left;
    overflow: hidden; }
    @media (max-width: 480px) {
      .our-values-wrap .svg-container {
        display: none; } }
    .our-values-wrap .svg-container svg {
      width: 400%;
      position: absolute;
      left: 15%;
      top: 0; }
      .our-values-wrap .svg-container svg path {
        stroke-width: 3px; }
      .our-values-wrap .svg-container svg .text-svg {
        font-size: 4.2rem;
        font-family: "Optima", sans-serif;
        fill: #763300;
        background: #ffffff;
        text-align: center; }
        .our-values-wrap .svg-container svg .text-svg.smaller {
          font-size: 3rem; }
      .our-values-wrap .svg-container svg .text-svg-small {
        font-size: 1.3rem;
        fill: #655C59; }
        .our-values-wrap .svg-container svg .text-svg-small.normal-text {
          font-family: "Montserrat", sans-serif;
          font-size: 1.1rem; }
      .our-values-wrap .svg-container svg .text-svg-year {
        font-size: 1.7rem;
        fill: #F37A21; }
  .our-values-wrap .values-mobile-wrap {
    margin-bottom: 5rem; }
    @media (min-width: 1025px) {
      .our-values-wrap .values-mobile-wrap {
        display: none; } }
    .our-values-wrap .values-mobile-wrap .flickity-viewport {
      transition: height 0.2s; }
    .our-values-wrap .values-mobile-wrap .slides {
      width: 100%;
      text-align: center; }
      .our-values-wrap .values-mobile-wrap .slides h3 {
        font-size: 1.5rem; }
      .our-values-wrap .values-mobile-wrap .slides .heading-font {
        font-family: "Optima", sans-serif; }
      .our-values-wrap .values-mobile-wrap .slides .icon-image {
        text-align: center;
        margin: 1rem 0 2rem 0; }
        .our-values-wrap .values-mobile-wrap .slides .icon-image img {
          width: 70%;
          display: inline-block; }
      .our-values-wrap .values-mobile-wrap .slides .year {
        font-family: "Optima", sans-serif;
        color: #F37A21;
        font-size: 1.5rem; }
      .our-values-wrap .values-mobile-wrap .slides p {
        padding: 0 5%; }
    .our-values-wrap .values-mobile-wrap .flickity-page-dots {
      bottom: -1rem; }

.project-spotlight {
  height: 100%;
  position: relative;
  overflow: hidden; }
  .project-spotlight .flickity-viewport {
    min-height: 800px; }
  .project-spotlight .spotlight-slider-wrap {
    height: 100%; }
    .project-spotlight .spotlight-slider-wrap .slides {
      width: 100%;
      height: 100%; }
      .project-spotlight .spotlight-slider-wrap .slides img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
  .project-spotlight .flickity-page-dots {
    bottom: 2rem; }
    .project-spotlight .flickity-page-dots .dot {
      background: rgba(255, 255, 255, 0.5);
      filter: drop-shadow(0 0 0.75rem black);
      border: #fff solid 1px; }
      .project-spotlight .flickity-page-dots .dot.is-selected {
        background: white; }

.product-listing-detail-wrap {
  padding: 3rem 0; }
  .product-listing-detail-wrap h1 {
    margin-bottom: 1rem; }
  .product-listing-detail-wrap .svg-wave {
    position: absolute;
    width: 150px;
    right: 100%;
    top: 0; }
    .product-listing-detail-wrap .svg-wave svg {
      width: 100%; }
    .product-listing-detail-wrap .svg-wave.blue path {
      stroke: #1E3D72; }
    .product-listing-detail-wrap .svg-wave.orange path {
      stroke: #F37A21; }
  .product-listing-detail-wrap .project-list-thumb .image {
    width: 100%; }
    .product-listing-detail-wrap .project-list-thumb .image img {
      border-radius: 0.8rem;
      transition: all 0.3s ease-in-out;
      transform-origin: center top;
      width: 100%; }
  .product-listing-detail-wrap .project-list-thumb .title {
    margin-top: 1rem;
    font-size: 0.9rem;
    text-align: center;
    transition: all 0.3s ease-in-out; }
  .product-listing-detail-wrap .project-list-thumb > div {
    position: relative; }
    .product-listing-detail-wrap .project-list-thumb > div:hover img {
      transform: scale(1.05); }
      @media (max-width: 480px) {
        .product-listing-detail-wrap .project-list-thumb > div:hover img {
          transform: scale(1); } }
    .product-listing-detail-wrap .project-list-thumb > div:hover .title {
      margin-top: 2rem; }
      @media (max-width: 480px) {
        .product-listing-detail-wrap .project-list-thumb > div:hover .title {
          margin-top: 1rem; } }

.project-detail-spotlight {
  height: 100%;
  position: relative;
  overflow: hidden; }
  .project-detail-spotlight img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .project-detail-spotlight .flickity-viewport {
    min-height: 800px; }
  .project-detail-spotlight .spotlight-slider-wrap {
    height: 100%; }
    .project-detail-spotlight .spotlight-slider-wrap .slides {
      width: 100%;
      height: 100%; }
      .project-detail-spotlight .spotlight-slider-wrap .slides img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
  .project-detail-spotlight .flickity-page-dots {
    bottom: 2rem;
    z-index: 2; }
    .project-detail-spotlight .flickity-page-dots .dot {
      background: rgba(255, 255, 255, 0.5);
      filter: drop-shadow(0 0 0.75rem black);
      border: #ffffff solid 1px; }
      .project-detail-spotlight .flickity-page-dots .dot.is-selected {
        background: white; }
  .project-detail-spotlight .right-bottom-disclaimer {
    position: absolute;
    left: 0rem;
    bottom: 0rem;
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 500;
    padding: 1rem;
    padding-top: 4rem;
    padding-right: 55%;
    width: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); }
    @media (max-width: 480px) {
      .project-detail-spotlight .right-bottom-disclaimer {
        padding: 1rem;
        padding-bottom: 3.5rem; } }
    .project-detail-spotlight .right-bottom-disclaimer .qr-cont {
      width: 100%; }
      .project-detail-spotlight .right-bottom-disclaimer .qr-cont ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start; }
        .project-detail-spotlight .right-bottom-disclaimer .qr-cont ul li {
          width: 12%;
          margin: 0 1.5rem 0 0;
          padding: 0; }
          .project-detail-spotlight .right-bottom-disclaimer .qr-cont ul li img {
            width: 100%;
            height: auto;
            margin-bottom: 0; }
    .project-detail-spotlight .right-bottom-disclaimer img {
      width: 120px;
      margin-bottom: 1rem; }
      @media (max-width: 480px) {
        .project-detail-spotlight .right-bottom-disclaimer img {
          width: 80px; } }
  .project-detail-spotlight .overlay-content {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    display: flex;
    align-content: center;
    justify-content: center;
    font-size: 6rem;
    color: #ffffff;
    font-family: "Optima", sans-serif;
    line-height: 1;
    background: rgba(0, 0, 0, 0.6);
    text-align: center; }
    .project-detail-spotlight .overlay-content span, .project-detail-spotlight .overlay-content h1 {
      display: flex;
      align-items: center;
      color: #ffffff;
      font-size: 6rem;
      line-height: 1;
      margin-bottom: 0;
      font-family: "Optima", sans-serif; }
      @media (max-width: 480px) {
        .project-detail-spotlight .overlay-content span, .project-detail-spotlight .overlay-content h1 {
          font-size: 3rem; } }
    .project-detail-spotlight .overlay-content.small {
      font-size: 4rem; }
      @media (max-width: 480px) {
        .project-detail-spotlight .overlay-content.small {
          font-size: 3rem; } }
    @media (max-width: 480px) {
      .project-detail-spotlight .overlay-content {
        font-size: 3rem;
        text-align: center; } }

.master-plan-block {
  padding: 10vh 0; }

.sub-nav-sticky {
  height: 70px; }
  @media (max-width: 480px) {
    .sub-nav-sticky {
      height: 60px; } }
  .sub-nav-sticky .bind {
    padding: 1.5rem 0;
    background: #ffffff;
    top: 0;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    z-index: 9;
    width: 100%;
    left: 0;
    top: 0;
    transition: all 0.3s ease-in-out; }
    @media (max-width: 480px) {
      .sub-nav-sticky .bind {
        overflow: auto; } }
    .sub-nav-sticky .bind.sticky {
      position: fixed; }
    .sub-nav-sticky .bind.pull-down {
      top: 75px; }
      @media (max-width: 480px) {
        .sub-nav-sticky .bind.pull-down {
          top: 60px; } }
    .sub-nav-sticky .bind .container .nav-links ul {
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 480px) {
        .sub-nav-sticky .bind .container .nav-links ul {
          width: max-content; } }
      .sub-nav-sticky .bind .container .nav-links ul li {
        margin: 0 1.5rem;
        font-weight: 500;
        font-size: 1rem; }
        .sub-nav-sticky .bind .container .nav-links ul li a {
          color: #1E3D72;
          text-decoration: none; }

.project-gallery {
  padding: 10vh 0; }
  .project-gallery h2 {
    margin-bottom: 2rem; }
  .project-gallery .slider-wrap .slides .wrap {
    height: 100%; }
    .project-gallery .slider-wrap .slides .wrap .image {
      height: 100%; }
      @media (max-width: 480px) {
        .project-gallery .slider-wrap .slides .wrap .image {
          width: 100%;
          height: auto; } }
      .project-gallery .slider-wrap .slides .wrap .image img {
        height: 100%;
        object-fit: cover; }
        @media (max-width: 480px) {
          .project-gallery .slider-wrap .slides .wrap .image img {
            width: 100%;
            height: auto; } }
    .project-gallery .slider-wrap .slides .wrap .label {
      font-weight: 600;
      color: #763300; }
    .project-gallery .slider-wrap .slides .wrap p {
      margin-top: 1rem;
      font-size: 0.9rem;
      opacity: 0;
      transition: all 0.3s ease-in-out;
      text-align: center; }
      @media (max-width: 480px) {
        .project-gallery .slider-wrap .slides .wrap p {
          opacity: 1; } }
    .project-gallery .slider-wrap .slides .wrap:hover p, .project-gallery .slider-wrap .slides .wrap.is-selected p {
      opacity: 1; }
  .project-gallery .slider-wrap.amenities-slider .flickity-button.flickity-prev-next-button {
    top: 200px; }

@media (max-width: 480px) {
  .virtual-tour {
    padding: 5vh 0; } }
.virtual-tour h2 {
  padding-right: 20%; }
  @media (max-width: 480px) {
    .virtual-tour h2 {
      padding-right: 0; } }
.virtual-tour img {
  border-radius: 0.8rem; }
.virtual-tour .text-content {
  margin-top: 4rem; }
  @media (max-width: 480px) {
    .virtual-tour .text-content {
      margin-top: 1.5rem; } }

.amenities-wrap {
  padding: 30vh 0 40vh 0;
  position: relative;
  margin: 3rem 0; }
  @media (max-width: 480px) {
    .amenities-wrap {
      padding: 0; } }
  .amenities-wrap .heading-text {
    background: #ffffff;
    line-height: 1.2;
    padding-top: 0.5rem; }
  .amenities-wrap .icons {
    background: #ffffff; }
    .amenities-wrap .icons ul li {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 1.5rem; }
      .amenities-wrap .icons ul li .icon {
        width: 50px; }
        .amenities-wrap .icons ul li .icon img {
          width: 100%; }
      .amenities-wrap .icons ul li .label {
        width: calc(100% - 60px); }
    .amenities-wrap .icons ul.double-column {
      display: flex;
      flex-wrap: wrap;
      flex-direction: column; }
      @media (min-width: 1025px) {
        .amenities-wrap .icons ul.double-column {
          height: 80vh; } }
      @media (min-width: 1951px) {
        .amenities-wrap .icons ul.double-column {
          height: 40vh; } }
      @media (min-width: 1025px) {
        .amenities-wrap .icons ul.double-column.big-col {
          height: 120vh; } }
      @media (min-width: 1951px) {
        .amenities-wrap .icons ul.double-column.big-col {
          height: 70vh; } }
  .amenities-wrap .svg-container {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    text-align: center; }
    @media (max-width: 480px) {
      .amenities-wrap .svg-container {
        overflow: hidden; } }
    .amenities-wrap .svg-container svg {
      height: 100%; }

.typology-wrap {
  overflow: hidden;
  padding-bottom: 2rem; }
  .typology-wrap .input-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    .typology-wrap .input-wrap .label {
      font-family: "Optima", sans-serif;
      font-size: 3.5rem;
      line-height: 1;
      color: #763300; }
      @media (max-width: 480px) {
        .typology-wrap .input-wrap .label {
          font-size: 2rem;
          margin-bottom: 1rem; } }
    .typology-wrap .input-wrap .form-select {
      color: #763300;
      font-size: 1.5rem;
      padding-right: 40px;
      margin-left: 1rem;
      font-weight: 500; }
      @media (max-width: 480px) {
        .typology-wrap .input-wrap .form-select {
          font-size: 1rem;
          margin-left: 0; } }
    .typology-wrap .input-wrap.blue .label {
      color: #1E3D72; }
    .typology-wrap .input-wrap.blue .form-select {
      color: #1E3D72; }
  @media (max-width: 480px) {
    .typology-wrap .typology-slider {
      margin: 1.5rem 0 4rem 0; } }
  .typology-wrap .typology-slider .slides {
    padding: 3rem 0;
    width: calc(75% - 20px);
    margin: 0 10px; }
    @media (max-width: 480px) {
      .typology-wrap .typology-slider .slides {
        padding: 1rem;
        width: 100%;
        margin: 0; } }
    .typology-wrap .typology-slider .slides .wrap {
      padding: 3rem 4rem;
      background: #FFEDE5;
      border-radius: 0.9rem;
      transform: scale(0.9);
      transition: all 0.3s ease-in-out; }
      @media (max-width: 480px) {
        .typology-wrap .typology-slider .slides .wrap {
          padding: 1rem;
          transform: scale(1); } }
      .typology-wrap .typology-slider .slides .wrap h4 {
        font-size: 1.8rem;
        line-height: 1;
        color: #FFB68D; }
        @media (max-width: 480px) {
          .typology-wrap .typology-slider .slides .wrap h4 {
            font-size: 1.5rem; } }
      .typology-wrap .typology-slider .slides .wrap .sub-head {
        font-family: "Optima", sans-serif;
        font-size: 1.2rem;
        margin-bottom: 1rem;
        color: #FFB68D; }
      .typology-wrap .typology-slider .slides .wrap ul li {
        padding-left: 15px;
        position: relative;
        margin-bottom: 3px;
        font-size: 1rem;
        color: #FFB68D; }
        .typology-wrap .typology-slider .slides .wrap ul li:before {
          content: "";
          position: absolute;
          width: 3px;
          height: 3px;
          background: #FFB68D;
          left: 0;
          top: 10px;
          border-radius: 50%; }
    .typology-wrap .typology-slider .slides.is-selected .wrap {
      transform: scale(1.05);
      background: #FFF8F6;
      color: #655C59; }
      @media (max-width: 480px) {
        .typology-wrap .typology-slider .slides.is-selected .wrap {
          transform: scale(1); } }
      .typology-wrap .typology-slider .slides.is-selected .wrap h4 {
        color: #763300; }
      .typology-wrap .typology-slider .slides.is-selected .wrap .sub-head {
        color: #655C59; }
      .typology-wrap .typology-slider .slides.is-selected .wrap ul li {
        color: #655C59; }
        .typology-wrap .typology-slider .slides.is-selected .wrap ul li:before {
          background: #655C59; }
  .typology-wrap .typology-slider.blue .slides .wrap {
    background: #ECF0FF; }
    .typology-wrap .typology-slider.blue .slides .wrap h4 {
      color: #AAC7FF; }
    .typology-wrap .typology-slider.blue .slides .wrap .sub-head {
      color: #AAC7FF; }
    .typology-wrap .typology-slider.blue .slides .wrap ul li {
      color: #AAC7FF; }
      .typology-wrap .typology-slider.blue .slides .wrap ul li:before {
        background: #AAC7FF; }
  .typology-wrap .typology-slider.blue .slides.is-selected .wrap {
    background: #F9F9FF;
    color: #655C59; }
    .typology-wrap .typology-slider.blue .slides.is-selected .wrap h4 {
      color: #1E3D72; }
    .typology-wrap .typology-slider.blue .slides.is-selected .wrap .sub-head {
      color: #655C59; }
    .typology-wrap .typology-slider.blue .slides.is-selected .wrap ul li {
      color: #655C59; }
      .typology-wrap .typology-slider.blue .slides.is-selected .wrap ul li:before {
        background: #655C59; }
  .typology-wrap .typology-slider.blue .flickity-page-dots {
    bottom: -2rem; }
    @media (min-width: 1951px) {
      .typology-wrap .typology-slider.blue .flickity-page-dots {
        bottom: -2rem; } }
    .typology-wrap .typology-slider.blue .flickity-page-dots .dot {
      background: rgba(30, 61, 114, 0.6);
      margin: 0 5px; }
      .typology-wrap .typology-slider.blue .flickity-page-dots .dot.is-selected {
        background: #1E3D72; }
  .typology-wrap .typology-slider .flickity-page-dots {
    bottom: -2rem; }
    @media (min-width: 1951px) {
      .typology-wrap .typology-slider .flickity-page-dots {
        bottom: -2rem; } }
    .typology-wrap .typology-slider .flickity-page-dots .dot {
      background: rgba(118, 51, 0, 0.6);
      margin: 0 5px; }
      .typology-wrap .typology-slider .flickity-page-dots .dot.is-selected {
        background: #763300; }

.other-projects {
  position: relative;
  margin-bottom: 15vh; }
  .other-projects .svg-container {
    position: absolute;
    width: 50%;
    height: 50%;
    left: 50%;
    top: 15%;
    padding-left: 2%;
    z-index: -1;
    transform: translate(-660px, 0); }
    @media (max-width: 480px) {
      .other-projects .svg-container {
        display: none; } }
    .other-projects .svg-container svg {
      height: 100%; }
  .other-projects h3 {
    margin-bottom: 15vh; }
    @media (max-width: 480px) {
      .other-projects h3 {
        margin-bottom: 1rem; } }
  .other-projects .other-project-thumb .wrap {
    position: relative;
    height: 100%; }
    @media (max-width: 480px) {
      .other-projects .other-project-thumb .wrap {
        height: auto; } }
    .other-projects .other-project-thumb .wrap .image img {
      border-radius: 0.9rem;
      width: 100%;
      transition: all 0.3s ease-in-out; }
    .other-projects .other-project-thumb .wrap .label {
      text-align: center;
      margin: 1rem 0;
      transition: all 0.3s ease-in-out; }
    .other-projects .other-project-thumb .wrap:hover .image img {
      transform: scale(1.1); }
      @media (max-width: 480px) {
        .other-projects .other-project-thumb .wrap:hover .image img {
          transform: scale(1); } }
    .other-projects .other-project-thumb .wrap:hover .label {
      margin-top: 2rem; }
    .other-projects .other-project-thumb .wrap .more-copy {
      position: absolute;
      width: 100px;
      left: 0;
      top: 50%;
      transform: translate(0, -70%);
      font-size: 1.3rem; }
      @media (max-width: 480px) {
        .other-projects .other-project-thumb .wrap .more-copy {
          width: 50%;
          padding: 2rem 0;
          transform: none;
          position: relative; } }
    .other-projects .other-project-thumb .wrap .svg-arrow {
      position: absolute;
      width: 100px;
      left: 120px;
      top: 50%;
      transform: translate(0, -100%); }
      @media (max-width: 480px) {
        .other-projects .other-project-thumb .wrap .svg-arrow {
          left: auto;
          right: 0;
          transform: translate(0, -50%); } }
      .other-projects .other-project-thumb .wrap .svg-arrow svg {
        width: 100%; }

.location-map {
  padding: 15vh 0 5vh 0; }
  .location-map h3 {
    margin-bottom: 1.5rem; }
  .location-map .map-wrapper {
    position: relative;
    border-radius: 0.9rem;
    overflow: hidden; }
    .location-map .map-wrapper .map {
      position: relative;
      padding-top: 56.6%; }
      @media (max-width: 480px) {
        .location-map .map-wrapper .map {
          padding-top: 140%; } }
      .location-map .map-wrapper .map iframe {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%; }
    .location-map .map-wrapper .image-slider-wrap {
      position: absolute;
      width: 100%;
      left: 0;
      bottom: 0;
      z-index: 2; }
      .location-map .map-wrapper .image-slider-wrap .image-slider .flickity-slider {
        display: flex;
        align-items: flex-end; }
        .location-map .map-wrapper .image-slider-wrap .image-slider .flickity-slider .slides {
          position: relative;
          padding: 0 5px;
          width: 200px;
          height: 190px;
          display: flex;
          align-items: flex-end; }
          @media (max-width: 480px) {
            .location-map .map-wrapper .image-slider-wrap .image-slider .flickity-slider .slides {
              width: 50%;
              height: 130px; } }
          .location-map .map-wrapper .image-slider-wrap .image-slider .flickity-slider .slides .wrap {
            background: #FFF8F6;
            border-radius: 0.8rem;
            padding: 0.8rem;
            height: 100%;
            transition: all 0.3s ease-in-out; }
            .location-map .map-wrapper .image-slider-wrap .image-slider .flickity-slider .slides .wrap .image {
              height: 120px;
              overflow: hidden; }
              @media (max-width: 480px) {
                .location-map .map-wrapper .image-slider-wrap .image-slider .flickity-slider .slides .wrap .image {
                  height: 80px; } }
              .location-map .map-wrapper .image-slider-wrap .image-slider .flickity-slider .slides .wrap .image img {
                width: 100%;
                height: 100%;
                object-fit: cover; }
            .location-map .map-wrapper .image-slider-wrap .image-slider .flickity-slider .slides .wrap .title {
              text-align: center;
              font-size: 0.8rem;
              padding: 0.5rem 0;
              height: 50px; }
              @media (max-width: 480px) {
                .location-map .map-wrapper .image-slider-wrap .image-slider .flickity-slider .slides .wrap .title {
                  height: 40px; } }
          .location-map .map-wrapper .image-slider-wrap .image-slider .flickity-slider .slides.is-selected {
            height: 210px; }
            @media (max-width: 480px) {
              .location-map .map-wrapper .image-slider-wrap .image-slider .flickity-slider .slides.is-selected {
                height: 150px; } }
            .location-map .map-wrapper .image-slider-wrap .image-slider .flickity-slider .slides.is-selected .wrap {
              background: #763300;
              color: #FFF8F6; }
              .location-map .map-wrapper .image-slider-wrap .image-slider .flickity-slider .slides.is-selected .wrap .image {
                height: 140px; }
                @media (max-width: 480px) {
                  .location-map .map-wrapper .image-slider-wrap .image-slider .flickity-slider .slides.is-selected .wrap .image {
                    height: 80px; } }
      .location-map .map-wrapper .image-slider-wrap .image-slider.blue .flickity-slider .slides .wrap {
        background: #F9F9FF;
        color: #001B3E; }
      .location-map .map-wrapper .image-slider-wrap .image-slider.blue .flickity-slider .slides.is-selected .wrap {
        background: #002F64;
        color: #D6E3FF; }

.sticky-form {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 12;
  background: rgba(0, 16, 42, 0.7);
  width: 100%;
  height: 100%;
  display: none; }
  .sticky-form .content {
    position: absolute;
    width: 50%;
    padding: 2.5rem;
    border-radius: 1rem;
    background: #ffffff;
    z-index: 12;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); }
    @media (max-width: 480px) {
      .sticky-form .content {
        width: 90%;
        padding: 1.5rem; } }
    .sticky-form .content ul li {
      margin-bottom: 1rem;
      font-size: 0.8rem; }
      @media (max-width: 480px) {
        .sticky-form .content ul li {
          margin-bottom: 0.5rem; } }
      .sticky-form .content ul li strong {
        font-weight: 600;
        color: #1E3D72;
        display: block;
        font-size: 0.9rem; }
    .sticky-form .content h4 {
      color: #1E3D72;
      margin-bottom: 1rem; }
    .sticky-form .content .border-right {
      border-right: #E4E4E4 solid 1px; }
      @media (max-width: 480px) {
        .sticky-form .content .border-right {
          border-right: 0;
          margin-bottom: 0.5rem; } }
    .sticky-form .content .close {
      position: absolute;
      width: 30px;
      height: 30px;
      background: #763300;
      right: 0.5rem;
      top: 0rem;
      transform: translate(0, -120%);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer; }
      .sticky-form .content .close svg {
        width: 12px; }
        .sticky-form .content .close svg path {
          fill: #FFDBC9; }
    .sticky-form .content .row-cols-lg-2 > * {
      width: 100%; }
    .sticky-form .content .row .col p {
      margin-bottom: 0; }
    .sticky-form .content .row .phone-no-sticky {
      display: flex;
      position: absolute;
      width: 100%;
      left: 0;
      bottom: 0;
      background: #1E3D72;
      color: #ffffff;
      padding: 0.5rem;
      text-align: center;
      border-radius: 0 0 1rem 1rem;
      justify-content: center;
      font-weight: 500; }
      .sticky-form .content .row .phone-no-sticky svg {
        width: 15px;
        fill: #ffffff;
        margin-right: 0.5rem; }
      .sticky-form .content .row .phone-no-sticky a {
        color: #ffffff;
        text-decoration: none; }
  .sticky-form .wpcf7-not-valid-tip {
    font-size: 0.8rem; }
  .sticky-form .wpcf7 form .wpcf7-response-output {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 0.8rem;
    color: #1E3D72; }

.sticky-icon-right {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  z-index: 10; }
  .sticky-icon-right ul li {
    width: 60px;
    height: 60px;
    background: #1E3D72;
    margin-bottom: 1rem;
    animation: animate-blob-sticky 4s ease-in-out infinite;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    position: relative;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); }
    .sticky-icon-right ul li:nth-child(2) {
      animation: animate-blob-sticky-2 4s ease-in-out infinite; }
    .sticky-icon-right ul li svg {
      width: 20px;
      fill: #ffffff; }
@keyframes animate-blob-sticky {
  0%, 100% {
    border-radius: 60% 40% 40% 50%  / 60% 45% 50% 40%; }
  50% {
    border-radius: 60% 45% 40% 40%/40% 50% 40% 35%; } }
@keyframes animate-blob-sticky-2 {
  0%, 100% {
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }
  50% {
    border-radius: 30% 60% 70% 40%/50% 60% 30% 60%; } }
.sticky-cta-bottom {
  position: fixed;
  width: 100%;
  background: #1E3D72;
  padding: 0.6rem;
  left: 0;
  bottom: 0;
  z-index: 1000000;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease-in-out;
  transform: translate(0, 100%); }
  @media (min-width: 1025px) {
    .sticky-cta-bottom {
      display: none; } }
  .sticky-cta-bottom.up {
    transform: translate(0, 0); }
  .sticky-cta-bottom .wrap {
    display: flex;
    justify-content: space-between; }
    .sticky-cta-bottom .wrap .btn-primary {
      background: #ffffff;
      color: #1E3D72;
      border: #ffffff;
      width: 48%;
      padding: 0.8rem 1.5rem;
      font-size: 0.9rem;
      white-space: nowrap; }

.news-and-media-spotlight {
  width: 100%;
  padding-top: 100px;
  padding-bottom: 3rem; }
  .news-and-media-spotlight .title {
    width: 100%;
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-size: 1.75rem;
    color: #001B3E;
    font-family: "Optima", sans-serif; }
    @media (max-width: 480px) {
      .news-and-media-spotlight .title {
        font-size: 1.5rem; } }
  .news-and-media-spotlight .news-and-media-slider {
    width: 100%;
    margin: 1rem 0;
    padding: 0px; }
    .news-and-media-spotlight .news-and-media-slider .news-and-media-slider-wrap {
      width: 100%;
      margin: 0px;
      padding: 0px; }
      .news-and-media-spotlight .news-and-media-slider .news-and-media-slider-wrap .slides {
        width: 60%;
        margin: 0px 1rem;
        padding: 0px; }
        @media (max-width: 480px) {
          .news-and-media-spotlight .news-and-media-slider .news-and-media-slider-wrap .slides {
            margin: 0 0.5rem;
            width: 80%; } }
        .news-and-media-spotlight .news-and-media-slider .news-and-media-slider-wrap .slides .wrap {
          width: 100%; }
          .news-and-media-spotlight .news-and-media-slider .news-and-media-slider-wrap .slides .wrap .image {
            width: 100%;
            border-radius: 0.9rem;
            overflow: hidden; }
            .news-and-media-spotlight .news-and-media-slider .news-and-media-slider-wrap .slides .wrap .image .img-fluid {
              width: 100%; }
          .news-and-media-spotlight .news-and-media-slider .news-and-media-slider-wrap .slides .wrap .iframe {
            position: relative;
            height: 0;
            padding-top: 56.6%; }
            .news-and-media-spotlight .news-and-media-slider .news-and-media-slider-wrap .slides .wrap .iframe iframe {
              width: 100%;
              height: 100%;
              left: 0;
              top: 0;
              position: absolute;
              border-radius: 0.9rem; }
      .news-and-media-spotlight .news-and-media-slider .news-and-media-slider-wrap .flickity-button {
        background: #1E3D72; }
        @media (max-width: 480px) {
          .news-and-media-spotlight .news-and-media-slider .news-and-media-slider-wrap .flickity-button {
            display: none; } }
        .news-and-media-spotlight .news-and-media-slider .news-and-media-slider-wrap .flickity-button:hover {
          background: #1E3D72; }
        .news-and-media-spotlight .news-and-media-slider .news-and-media-slider-wrap .flickity-button:disabled {
          background: #E4E4E4;
          color: #9A9797;
          opacity: 1; }
      .news-and-media-spotlight .news-and-media-slider .news-and-media-slider-wrap .flickity-page-dots {
        display: none; }
        @media (max-width: 480px) {
          .news-and-media-spotlight .news-and-media-slider .news-and-media-slider-wrap .flickity-page-dots {
            display: block; } }

.news-media-tabs-container {
  width: 100%;
  margin: 100px 0 2rem 0;
  padding: 0px; }
  .news-media-tabs-container .tabs-wrap {
    padding: 0px; }
    @media (max-width: 480px) {
      .news-media-tabs-container .tabs-wrap {
        width: 100%;
        padding: 0; } }
    .news-media-tabs-container .tabs-wrap .tab-head {
      width: 100%;
      margin: 1rem 0;
      padding: 0px; }
      @media (max-width: 480px) {
        .news-media-tabs-container .tabs-wrap .tab-head {
          padding: 0 1rem; } }
      .news-media-tabs-container .tabs-wrap .tab-head ul {
        list-style: none;
        display: flex;
        justify-content: center;
        align-items: center; }
        @media (max-width: 480px) {
          .news-media-tabs-container .tabs-wrap .tab-head ul {
            flex-direction: column; } }
        .news-media-tabs-container .tabs-wrap .tab-head ul li {
          text-align: center;
          margin: 0px 1rem;
          padding: 0px; }
          @media (max-width: 480px) {
            .news-media-tabs-container .tabs-wrap .tab-head ul li {
              width: 100%;
              margin: 0.5rem 0; } }
          .news-media-tabs-container .tabs-wrap .tab-head ul li a {
            display: block;
            padding: 0.5rem 1.5rem;
            min-width: 190px;
            border: 1px solid #655C59;
            border-radius: 30px;
            color: #000000;
            text-decoration: none;
            font-size: 14px;
            font-weight: 500;
            transition: all 0.3s; }
            .news-media-tabs-container .tabs-wrap .tab-head ul li a:hover {
              background: #1E3D72;
              color: #ffffff; }
            .news-media-tabs-container .tabs-wrap .tab-head ul li a.active {
              background: #1E3D72;
              color: #ffffff; }
    .news-media-tabs-container .tabs-wrap .article-cards {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: 1fr;
      grid-column-gap: 2.5rem;
      grid-row-gap: 2.5rem;
      padding-top: 1rem; }
      @media (max-width: 480px) {
        .news-media-tabs-container .tabs-wrap .article-cards {
          grid-template-columns: repeat(1, 1fr);
          grid-column-gap: 1.5rem;
          grid-row-gap: 1.5rem; } }
      .news-media-tabs-container .tabs-wrap .article-cards .cards {
        padding: 2.5rem;
        background: #F9F9FF;
        border-radius: 10px;
        height: 100%;
        transition: all 0.3s;
        display: flex;
        position: relative;
        flex-wrap: wrap;
        padding-bottom: 2rem; }
        @media (max-width: 480px) {
          .news-media-tabs-container .tabs-wrap .article-cards .cards {
            padding: 1.5rem; } }
        .news-media-tabs-container .tabs-wrap .article-cards .cards:hover {
          background: #003874; }
          .news-media-tabs-container .tabs-wrap .article-cards .cards:hover .head .category {
            color: #6291DE; }
          .news-media-tabs-container .tabs-wrap .article-cards .cards:hover .head .date {
            color: #6291DE; }
          .news-media-tabs-container .tabs-wrap .article-cards .cards:hover .heading {
            color: #ffffff; }
          .news-media-tabs-container .tabs-wrap .article-cards .cards:hover .desc {
            color: #6291DE; }
          .news-media-tabs-container .tabs-wrap .article-cards .cards:hover .cta a {
            background: #F9F9FF;
            color: #000000; }
        .news-media-tabs-container .tabs-wrap .article-cards .cards .head {
          width: 100%;
          margin: 0px;
          padding: 0px;
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .news-media-tabs-container .tabs-wrap .article-cards .cards .head .category {
            width: 45%;
            margin: 0px;
            padding: 0px;
            font-size: 1rem;
            font-family: "Optima", sans-serif;
            font-weight: 400;
            color: #1E3D72;
            display: flex;
            justify-content: flex-start;
            align-items: center; }
          .news-media-tabs-container .tabs-wrap .article-cards .cards .head .date {
            width: 45%;
            margin: 0px;
            padding: 0px;
            font-size: 0.625rem;
            color: #655C59;
            text-align: right; }
        .news-media-tabs-container .tabs-wrap .article-cards .cards .heading {
          width: 100%;
          margin: 1rem 0;
          padding: 0px;
          color: #001B3E;
          font-size: 1.375rem;
          font-family: "Optima", sans-serif;
          font-weight: 400;
          line-height: 1.2; }
        .news-media-tabs-container .tabs-wrap .article-cards .cards .desc {
          width: 100%;
          margin: 0px;
          padding: 0px;
          color: #655C59;
          font-size: 0.875rem;
          height: 120px;
          overflow: hidden;
          line-height: 1.5; }
          @media (max-width: 480px) {
            .news-media-tabs-container .tabs-wrap .article-cards .cards .desc {
              height: auto;
              margin-bottom: 1rem; } }
        .news-media-tabs-container .tabs-wrap .article-cards .cards .cta {
          width: 100%;
          text-align: right;
          margin: 0px;
          padding: 0px;
          margin-top: auto; }
          @media (max-width: 480px) {
            .news-media-tabs-container .tabs-wrap .article-cards .cards .cta {
              text-align: left; } }

.media-gallery-container {
  width: 100%;
  margin: 0;
  padding: 2rem 0px; }
  .media-gallery-container .heading {
    font-size: 3.563rem;
    color: #1E3D72;
    line-height: 1;
    color: #000000; }
    @media (max-width: 480px) {
      .media-gallery-container .heading {
        font-size: 2rem; } }
    .media-gallery-container .heading span {
      width: auto;
      display: inline-block;
      position: relative; }
      .media-gallery-container .heading span .svg-container {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 100%;
        top: 50%;
        z-index: -1; }
        @media (max-width: 480px) {
          .media-gallery-container .heading span .svg-container {
            display: none; } }
        .media-gallery-container .heading span .svg-container svg {
          width: 100%; }
  .media-gallery-container .media-gallery-slider {
    width: 100%;
    margin: 2rem 0;
    padding: 0px; }
    .media-gallery-container .media-gallery-slider .media-gallery-slider-wrap {
      width: 100%;
      margin: 0px;
      padding: 2rem 0; }
      @media (max-width: 480px) {
        .media-gallery-container .media-gallery-slider .media-gallery-slider-wrap {
          padding: 0;
          margin-bottom: 3rem; } }
      .media-gallery-container .media-gallery-slider .media-gallery-slider-wrap .slides {
        width: 60%;
        margin: 3rem; }
        @media (max-width: 480px) {
          .media-gallery-container .media-gallery-slider .media-gallery-slider-wrap .slides {
            margin: 0 0.5rem;
            width: 80%; } }
        .media-gallery-container .media-gallery-slider .media-gallery-slider-wrap .slides .image {
          transition: all 0.3s ease-in-out; }
          .media-gallery-container .media-gallery-slider .media-gallery-slider-wrap .slides .image img {
            width: 100%;
            border-radius: 0.9rem; }
        .media-gallery-container .media-gallery-slider .media-gallery-slider-wrap .slides .iframe {
          position: relative;
          height: 0;
          padding-top: 56.6%; }
          .media-gallery-container .media-gallery-slider .media-gallery-slider-wrap .slides .iframe iframe {
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            position: absolute;
            border-radius: 0.9rem; }
        .media-gallery-container .media-gallery-slider .media-gallery-slider-wrap .slides.is-selected .image, .media-gallery-container .media-gallery-slider .media-gallery-slider-wrap .slides.is-selected .iframe {
          transform: scale(1.1); }
          @media (max-width: 480px) {
            .media-gallery-container .media-gallery-slider .media-gallery-slider-wrap .slides.is-selected .image, .media-gallery-container .media-gallery-slider .media-gallery-slider-wrap .slides.is-selected .iframe {
              transform: none; } }
          .media-gallery-container .media-gallery-slider .media-gallery-slider-wrap .slides.is-selected .image img, .media-gallery-container .media-gallery-slider .media-gallery-slider-wrap .slides.is-selected .iframe img {
            width: 100%; }
      .media-gallery-container .media-gallery-slider .media-gallery-slider-wrap .flickity-button {
        background: #1E3D72; }
        @media (max-width: 480px) {
          .media-gallery-container .media-gallery-slider .media-gallery-slider-wrap .flickity-button {
            display: none; } }
        .media-gallery-container .media-gallery-slider .media-gallery-slider-wrap .flickity-button:hover {
          background: #1E3D72; }
        .media-gallery-container .media-gallery-slider .media-gallery-slider-wrap .flickity-button:disabled {
          background: #E4E4E4;
          color: #9A9797;
          opacity: 1; }
      .media-gallery-container .media-gallery-slider .media-gallery-slider-wrap .flickity-page-dots {
        display: none; }
        @media (max-width: 480px) {
          .media-gallery-container .media-gallery-slider .media-gallery-slider-wrap .flickity-page-dots {
            display: block; } }

.blogs-listing-cont {
  width: 100%;
  margin: 150px 0 50px 0;
  padding: 0px; }
  .blogs-listing-cont .head {
    width: 98%;
    margin: 0 auto;
    padding: 0 0 2rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .blogs-listing-cont .head .title {
      width: auto;
      margin: 0px;
      padding: 0px;
      font-size: 3.5rem;
      color: #001B3E;
      line-height: 1;
      font-family: "Optima", sans-serif; }
      @media (max-width: 480px) {
        .blogs-listing-cont .head .title {
          font-size: 2rem; } }
      .blogs-listing-cont .head .title h1, .blogs-listing-cont .head .title span {
        position: relative;
        display: inline-block;
        color: #1E3D72; }
        .blogs-listing-cont .head .title h1 .svg-container, .blogs-listing-cont .head .title span .svg-container {
          position: absolute;
          width: 100%;
          height: 100%;
          left: 100%;
          top: 50%;
          z-index: -1;
          overflow: hidden; }
          .blogs-listing-cont .head .title h1 .svg-container svg, .blogs-listing-cont .head .title span .svg-container svg {
            width: 100%; }
    .blogs-listing-cont .head .searchbox {
      width: auto;
      margin: 0px;
      padding: 0px; }
      .blogs-listing-cont .head .searchbox .search-icon {
        width: 25px;
        margin-right: 0.5rem;
        cursor: pointer;
        position: relative; }
        @media (max-width: 480px) {
          .blogs-listing-cont .head .searchbox .search-icon {
            margin-right: 0;
            display: none; } }
        .blogs-listing-cont .head .searchbox .search-icon button {
          width: 25px;
          height: 25px;
          border: none;
          background: transparent; }
          .blogs-listing-cont .head .searchbox .search-icon button svg {
            width: 100%;
            fill: #000000;
            position: relative;
            z-index: 2;
            transition: all 0.3s ease-in-out;
            right: 0; }
        .blogs-listing-cont .head .searchbox .search-icon .search-input {
          position: absolute;
          right: 0;
          top: 50%;
          background: transparent;
          border: #000000 solid 1px;
          border-radius: 11px;
          padding: 0.5rem 3rem 0.5rem 1rem;
          font-size: 0.9rem;
          transform: translate(0, -50%);
          z-index: 1;
          width: 300px;
          display: none;
          outline: 0; }
        .blogs-listing-cont .head .searchbox .search-icon.active svg {
          right: 0.5rem; }
        .blogs-listing-cont .head .searchbox .search-icon.active .search-input {
          display: block; }

.blog-listing-cards-wrapper {
  width: 100%;
  margin: 0px;
  padding: 0px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem; }
  @media (max-width: 480px) {
    .blog-listing-cards-wrapper {
      grid-template-columns: repeat(1, 1fr);
      grid-column-gap: 1.5rem;
      grid-row-gap: 1.5rem; } }
  .blog-listing-cards-wrapper .card {
    border-radius: 0.9rem;
    border: none;
    overflow: hidden; }
    .blog-listing-cards-wrapper .card .card-body {
      background: #F9F9FF;
      padding: 2rem 2.5rem;
      border-radius: 0.9rem 0.9rem 0 0; }
      @media (max-width: 480px) {
        .blog-listing-cards-wrapper .card .card-body {
          padding: 1rem; } }
      .blog-listing-cards-wrapper .card .card-body .date {
        font-size: 0.688rem;
        font-weight: 400;
        color: #655C59;
        line-height: 1;
        margin: 0;
        padding: 0; }
      .blog-listing-cards-wrapper .card .card-body .card-title {
        color: #001B3E;
        font-family: "Optima", sans-serif;
        font-size: 1.375rem;
        line-height: 1.2;
        font-weight: 400;
        margin: 1rem 0;
        padding: 0; }
      .blog-listing-cards-wrapper .card .card-body .card-text {
        margin: 0px;
        padding: 0px;
        line-height: 1.5; }

.pagination.pagination-sm {
  margin: 3rem 0; }
  .pagination.pagination-sm li.page-item {
    margin: 0 0.5rem; }
    .pagination.pagination-sm li.page-item .page-link {
      border-radius: 100px;
      padding: 0;
      height: 30px;
      width: 30px;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #E4E4E4;
      color: #9A9797;
      transition: all 0.3s; }
      .pagination.pagination-sm li.page-item .page-link:hover {
        color: #ffffff;
        background: #001B3E; }
    .pagination.pagination-sm li.page-item:first-child .page-link {
      border-top-left-radius: 100px;
      border-bottom-left-radius: 100px; }
    .pagination.pagination-sm li.page-item:last-child .page-link {
      border-top-left-radius: 100px;
      border-bottom-left-radius: 100px; }
  .pagination.pagination-sm li.active.page-item .page-link {
    background: #001B3E;
    color: #ffffff; }

.blog-post-wrapper {
  width: 100%;
  margin: 150px 0 50px 0;
  padding: 0px; }
  @media (max-width: 480px) {
    .blog-post-wrapper {
      margin: 90px 0 50px 0; } }
  .blog-post-wrapper .heading {
    width: 90%;
    font-family: "Optima", sans-serif;
    font-size: 3.563rem;
    color: #001B3E;
    margin: 0px;
    padding: 0px;
    font-weight: 400;
    line-height: 1.2; }
    @media (max-width: 480px) {
      .blog-post-wrapper .heading {
        font-size: 1.5rem;
        width: 100%; } }
  .blog-post-wrapper .banner {
    width: 100%;
    margin: 1.5rem 0 1.5rem 0;
    padding: 0px;
    position: relative; }
    .blog-post-wrapper .banner img {
      width: 100%;
      border-radius: 0.9rem; }
    .blog-post-wrapper .banner .svg-container {
      position: absolute;
      width: 100%;
      left: 0;
      top: 50%;
      transform: translate(0, -50%);
      z-index: -1;
      overflow: hidden; }
      .blog-post-wrapper .banner .svg-container svg {
        width: 100%; }
  .blog-post-wrapper .post-cont-wrap {
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
    @media (max-width: 480px) {
      .blog-post-wrapper .post-cont-wrap {
        flex-direction: column; } }
    .blog-post-wrapper .post-cont-wrap .post {
      width: 70%;
      margin: 0px;
      padding: 0px; }
      @media (max-width: 480px) {
        .blog-post-wrapper .post-cont-wrap .post {
          width: 100%; } }
      .blog-post-wrapper .post-cont-wrap .post p {
        color: #655C59;
        font-size: 1rem;
        padding: 0.5rem 0;
        line-height: 1.5; }
      .blog-post-wrapper .post-cont-wrap .post a {
        color: #001B3E; }
      .blog-post-wrapper .post-cont-wrap .post h3 {
        color: #001B3E;
        font-size: 2rem;
        font-weight: 400; }
        @media (max-width: 480px) {
          .blog-post-wrapper .post-cont-wrap .post h3 {
            font-size: 1.5rem; } }
      .blog-post-wrapper .post-cont-wrap .post img {
        max-width: 100%;
        border-radius: 0.9rem; }
      .blog-post-wrapper .post-cont-wrap .post ul {
        list-style-position: inside;
        padding-left: 20px;
        list-style-type: disc; }
    .blog-post-wrapper .post-cont-wrap .related-article {
      width: 25%;
      margin: 0px;
      padding: 0px;
      position: sticky;
      top: 1rem; }
      @media (max-width: 480px) {
        .blog-post-wrapper .post-cont-wrap .related-article {
          width: 100%; } }
      .blog-post-wrapper .post-cont-wrap .related-article .searchbox {
        width: auto;
        margin: 0px;
        padding: 0px; }
        .blog-post-wrapper .post-cont-wrap .related-article .searchbox .search-icon {
          width: 90%;
          margin-right: 0.5rem;
          cursor: pointer;
          position: relative; }
          @media (max-width: 480px) {
            .blog-post-wrapper .post-cont-wrap .related-article .searchbox .search-icon {
              margin-right: 0; } }
          .blog-post-wrapper .post-cont-wrap .related-article .searchbox .search-icon button {
            width: 25px;
            height: 25px;
            border: none;
            background: transparent;
            position: absolute;
            right: 0px;
            top: 50%;
            transform: translateY(-50%); }
            .blog-post-wrapper .post-cont-wrap .related-article .searchbox .search-icon button svg {
              width: 100%;
              fill: #000000;
              position: relative;
              z-index: 2;
              transition: all 0.3s ease-in-out;
              right: 0; }
          .blog-post-wrapper .post-cont-wrap .related-article .searchbox .search-icon .search-input {
            background: transparent;
            border: #000000 solid 1px;
            border-radius: 11px;
            padding: 0.5rem 3rem 0.5rem 1rem;
            font-size: 0.9rem;
            z-index: 1;
            width: 100%;
            display: none;
            outline: 0; }
            .blog-post-wrapper .post-cont-wrap .related-article .searchbox .search-icon .search-input::-webkit-input-placeholder {
              color: #D6E3FF; }
            .blog-post-wrapper .post-cont-wrap .related-article .searchbox .search-icon .search-input:-moz-placeholder {
              color: #D6E3FF; }
            .blog-post-wrapper .post-cont-wrap .related-article .searchbox .search-icon .search-input::-moz-placeholder {
              color: #D6E3FF; }
            .blog-post-wrapper .post-cont-wrap .related-article .searchbox .search-icon .search-input:-ms-input-placeholder {
              color: #D6E3FF; }
          .blog-post-wrapper .post-cont-wrap .related-article .searchbox .search-icon.active svg {
            right: 0.5rem; }
          .blog-post-wrapper .post-cont-wrap .related-article .searchbox .search-icon.active .search-input {
            display: block; }
      .blog-post-wrapper .post-cont-wrap .related-article h3 {
        font-size: 1.25rem;
        font-family: "Montserrat", sans-serif;
        color: #001B3E;
        margin-top: 2.5rem;
        margin-bottom: 0.2rem; }
        @media (max-width: 480px) {
          .blog-post-wrapper .post-cont-wrap .related-article h3 {
            margin-top: 1.5rem; } }
      .blog-post-wrapper .post-cont-wrap .related-article .related-article-listing {
        width: 100%;
        margin: 0px;
        padding: 0px; }
        .blog-post-wrapper .post-cont-wrap .related-article .related-article-listing ul {
          list-style: none;
          margin: 0px;
          padding: 0px; }
          .blog-post-wrapper .post-cont-wrap .related-article .related-article-listing ul li {
            width: 100%;
            margin: 0px;
            padding: 1.2rem 0;
            border-bottom: 1px solid #1E3D72; }
            .blog-post-wrapper .post-cont-wrap .related-article .related-article-listing ul li:last-child {
              border-bottom: 0; }
            .blog-post-wrapper .post-cont-wrap .related-article .related-article-listing ul li a {
              display: flex;
              justify-content: space-between;
              align-items: center;
              text-decoration: none; }
              .blog-post-wrapper .post-cont-wrap .related-article .related-article-listing ul li a .thumb {
                width: 80px;
                height: 80px;
                border-radius: 0.9rem;
                overflow: hidden; }
                .blog-post-wrapper .post-cont-wrap .related-article .related-article-listing ul li a .thumb img {
                  width: 100%;
                  height: 100%;
                  object-fit: cover; }
              .blog-post-wrapper .post-cont-wrap .related-article .related-article-listing ul li a .desc {
                width: 70%;
                color: #655C59;
                text-decoration: none;
                font-size: 1rem;
                line-height: 1.5; }
      .blog-post-wrapper .post-cont-wrap .related-article .share-post {
        width: 90%;
        margin: 2rem 0 0 0;
        padding: 0px; }
        .blog-post-wrapper .post-cont-wrap .related-article .share-post ul {
          list-style: none;
          margin: 0px;
          padding: 0px;
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .blog-post-wrapper .post-cont-wrap .related-article .share-post ul li {
            margin: 0px;
            padding: 0px; }
            .blog-post-wrapper .post-cont-wrap .related-article .share-post ul li:first-child a {
              display: flex;
              justify-content: center;
              align-items: center;
              background: #001B3E;
              padding: 0.5rem 1rem;
              color: #ffffff;
              text-decoration: none;
              border-radius: 30px;
              width: 130px; }
              .blog-post-wrapper .post-cont-wrap .related-article .share-post ul li:first-child a .icon {
                margin-right: 8px; }
            .blog-post-wrapper .post-cont-wrap .related-article .share-post ul li svg {
              width: 20px;
              fill: #001B3E;
              display: block;
              transition: all 0.3s ease-in-out; }
            .blog-post-wrapper .post-cont-wrap .related-article .share-post ul li:hover svg {
              fill: #6291DE; }

.single-image-spotlight {
  width: 100%;
  margin: 0px;
  padding: 0px;
  height: 70%; }
  @media (max-width: 480px) {
    .single-image-spotlight {
      height: 50%; } }
  .single-image-spotlight .image-wrap {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    position: relative; }
    .single-image-spotlight .image-wrap img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block; }
    .single-image-spotlight .image-wrap .caption {
      width: 100%;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      text-align: center; }
      .single-image-spotlight .image-wrap .caption h1, .single-image-spotlight .image-wrap .caption h2 {
        font-size: 4.375rem;
        margin: 0px;
        padding: 0px;
        color: #001B3E;
        font-family: "Optima", sans-serif;
        text-align: center; }
        @media (max-width: 480px) {
          .single-image-spotlight .image-wrap .caption h1, .single-image-spotlight .image-wrap .caption h2 {
            font-size: 2.5rem; } }

.downloads-block {
  width: 100%;
  margin: 3rem 0;
  padding: 0px; }
  .downloads-block .head {
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media (max-width: 480px) {
      .downloads-block .head {
        flex-wrap: wrap; } }
    .downloads-block .head .title {
      width: auto;
      margin: 0px;
      padding: 0px;
      color: #001B3E;
      font-size: 2.813rem;
      font-family: "Optima", sans-serif;
      position: relative;
      font-weight: 400; }
      @media (max-width: 480px) {
        .downloads-block .head .title {
          font-size: 2rem; } }
      .downloads-block .head .title::after {
        content: "";
        width: 100%;
        height: 2px;
        background: #D6E3FF;
        position: absolute;
        bottom: 0px;
        left: 0px; }
    .downloads-block .head .selector {
      width: 25%; }
      @media (max-width: 480px) {
        .downloads-block .head .selector {
          width: 80%;
          margin: 1.5rem 0 0 0; } }
      .downloads-block .head .selector .form-select {
        padding: 0.5rem 2.25rem 0.5rem 1rem;
        border-radius: 15px;
        color: #001B3E;
        border: 1px solid #001B3E; }
  .downloads-block .grid {
    width: 100%;
    margin: 1rem 0 0 0;
    padding: 0px; }
    .downloads-block .grid ul {
      list-style: none;
      margin: 0px;
      padding: 0px; }
      .downloads-block .grid ul li {
        border-bottom: 2px solid #D6E3FF;
        width: 100%;
        padding: 1.2rem 0; }
        .downloads-block .grid ul li:last-child {
          border-bottom: none; }
        .downloads-block .grid ul li ul {
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin: 0px;
          padding: 0px; }
          @media (max-width: 480px) {
            .downloads-block .grid ul li ul {
              flex-wrap: wrap;
              justify-content: flex-start; } }
          .downloads-block .grid ul li ul li {
            width: auto;
            border-bottom: none;
            font-size: 1.125rem;
            color: #001B3E;
            font-weight: 600;
            text-transform: uppercase; }
            @media (max-width: 480px) {
              .downloads-block .grid ul li ul li {
                margin: 0.5rem 0.5rem 0 0rem;
                padding: 0.5rem 0;
                word-break: break-all; } }
            .downloads-block .grid ul li ul li:first-child {
              width: 70%; }
              @media (max-width: 480px) {
                .downloads-block .grid ul li ul li:first-child {
                  width: 100%;
                  margin: 0; } }

.connect-with-us-wrapper {
  margin: 100px 0 50px 0;
  padding: 0px; }
  .connect-with-us-wrapper .contact-wrapper {
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    @media (max-width: 480px) {
      .connect-with-us-wrapper .contact-wrapper {
        flex-direction: column; } }
    .connect-with-us-wrapper .contact-wrapper .form {
      width: 45%;
      margin: 0px;
      padding: 0; }
      @media (max-width: 480px) {
        .connect-with-us-wrapper .contact-wrapper .form {
          width: 100%; } }
      .connect-with-us-wrapper .contact-wrapper .form .heading {
        width: 100%;
        margin: 0px;
        padding: 0;
        font-family: "Optima", sans-serif;
        color: #001B3E;
        font-size: 3.563rem; }
        @media (max-width: 480px) {
          .connect-with-us-wrapper .contact-wrapper .form .heading {
            font-size: 2rem; } }
      .connect-with-us-wrapper .contact-wrapper .form .desc {
        width: 100%;
        margin: 0px;
        padding: 0;
        color: #001B3E;
        font-size: 1rem;
        color: #9A9797; }
      .connect-with-us-wrapper .contact-wrapper .form .form-cont {
        width: 100%;
        margin: 1rem 0;
        padding: 0px; }
    .connect-with-us-wrapper .contact-wrapper .contact-details {
      width: 35%;
      margin: 3.5rem 0 0 0;
      padding: 0px; }
      @media (max-width: 480px) {
        .connect-with-us-wrapper .contact-wrapper .contact-details {
          width: 100%; } }
      .connect-with-us-wrapper .contact-wrapper .contact-details ul {
        list-style: none;
        margin: 0px;
        padding: 0px; }
        .connect-with-us-wrapper .contact-wrapper .contact-details ul li {
          margin: 0 0 1.5rem 0;
          padding: 0px;
          display: flex;
          justify-content: space-between;
          align-items: flex-start; }
          @media (max-width: 480px) {
            .connect-with-us-wrapper .contact-wrapper .contact-details ul li {
              flex-direction: column; } }
          .connect-with-us-wrapper .contact-wrapper .contact-details ul li .label {
            width: 40%;
            margin: 0px;
            padding: 0px;
            font-size: 1.563rem;
            line-height: 1;
            color: #001B3E;
            font-family: "Optima", sans-serif; }
            @media (max-width: 480px) {
              .connect-with-us-wrapper .contact-wrapper .contact-details ul li .label {
                width: 100%; } }
          .connect-with-us-wrapper .contact-wrapper .contact-details ul li .details {
            width: 48%;
            margin: 0px;
            padding: 0px;
            font-size: 1rem;
            color: #9A9797;
            line-height: 1.5; }
            @media (max-width: 480px) {
              .connect-with-us-wrapper .contact-wrapper .contact-details ul li .details {
                width: 100%; } }
            .connect-with-us-wrapper .contact-wrapper .contact-details ul li .details a {
              color: #9A9797;
              text-decoration: none;
              transition: all 0.3s ease-in-out; }
              .connect-with-us-wrapper .contact-wrapper .contact-details ul li .details a:hover {
                color: #001B3E; }
            .connect-with-us-wrapper .contact-wrapper .contact-details ul li .details ul {
              display: flex;
              justify-content: flex-start;
              align-items: center; }
              .connect-with-us-wrapper .contact-wrapper .contact-details ul li .details ul li {
                width: 20px;
                height: 20px;
                margin: 0px 1.3rem 0 0;
                padding: 0px; }
                .connect-with-us-wrapper .contact-wrapper .contact-details ul li .details ul li svg {
                  width: 100%;
                  fill: #001B3E; }
  .connect-with-us-wrapper .quick-links {
    width: 100%;
    margin: 4rem 0;
    padding: 0px; }
    @media (max-width: 480px) {
      .connect-with-us-wrapper .quick-links {
        width: 100%; } }
    .connect-with-us-wrapper .quick-links .heading {
      width: 100%;
      margin: 0;
      padding: 0;
      font-size: 1.563rem;
      color: #001B3E;
      font-family: "Optima", sans-serif; }
    .connect-with-us-wrapper .quick-links ul {
      list-style: none;
      margin: 1rem 0 0 0;
      padding: 0;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      flex-wrap: wrap; }
      .connect-with-us-wrapper .quick-links ul li {
        width: auto;
        margin: 0px 1.2rem 1.2rem 0;
        padding: 0; }
        .connect-with-us-wrapper .quick-links ul li a {
          display: block;
          margin: 0;
          padding: 0.5rem 1.5rem;
          color: #001B3E;
          border: 1px solid #7F7667;
          font-size: 14px;
          border-radius: 30px;
          text-decoration: none;
          transition: all 0.3s ease-in-out;
          font-weight: 500; }
          .connect-with-us-wrapper .quick-links ul li a:hover {
            background: #001B3E;
            color: #D6E3FF; }
          @media (max-width: 480px) {
            .connect-with-us-wrapper .quick-links ul li a {
              padding: 0.5rem 1rem; } }

.accordion-container {
  width: 100%;
  margin: 0 0;
  padding: 2rem 0; }
  .accordion-container .heading {
    width: 100%;
    margin: 0px 0 1rem 0;
    padding: 0px;
    font-size: 2.813rem;
    color: #001B3E;
    font-family: "Optima", sans-serif; }
  .accordion-container .breadcrumb {
    font-size: 0.8rem;
    background: #F9F9FF;
    padding: 0.5rem 1rem;
    border-radius: 30px; }
    .accordion-container .breadcrumb a {
      color: #655C59;
      text-decoration: none; }
  .accordion-container .accr-wrap {
    width: 100%; }
    .accordion-container .accr-wrap .head {
      padding: 2rem 0;
      cursor: pointer;
      position: relative;
      font-size: 2rem;
      color: #001B3E;
      font-family: "Optima", sans-serif;
      border-bottom: 2px solid #ECF0FF; }
      @media (max-width: 480px) {
        .accordion-container .accr-wrap .head {
          font-size: 1.8rem; } }
      .accordion-container .accr-wrap .head:last-child {
        border-bottom: none; }
      .accordion-container .accr-wrap .head .container {
        position: relative; }
        @media (max-width: 480px) {
          .accordion-container .accr-wrap .head .container {
            padding-right: 2rem; } }
        .accordion-container .accr-wrap .head .container::after {
          content: "";
          position: absolute;
          right: 25px;
          top: 50%;
          transition: all 0.2s ease-in-out;
          display: block;
          width: 20px;
          height: 20px;
          background: url(../img/plus.jpg) center center no-repeat;
          background-size: 100%;
          transform: translateY(-50%); }
          @media (max-width: 480px) {
            .accordion-container .accr-wrap .head .container::after {
              right: 15px; } }
      .accordion-container .accr-wrap .head.active .container {
        position: relative; }
        .accordion-container .accr-wrap .head.active .container::after {
          content: "";
          position: absolute;
          right: 25px;
          top: 50%;
          transition: all 0.2s ease-in-out;
          display: block;
          width: 20px;
          height: 20px;
          background: url(../img/minus.jpg) center center no-repeat;
          background-size: 100%;
          transform: translateY(-50%); }
          @media (max-width: 480px) {
            .accordion-container .accr-wrap .head.active .container::after {
              right: 15px; } }
    .accordion-container .accr-wrap .content {
      display: none; }
      .accordion-container .accr-wrap .content .downloads-block {
        width: 100%;
        margin: 1rem 0;
        padding: 0px; }
        .accordion-container .accr-wrap .content .downloads-block .head {
          width: 100%;
          margin: 0px;
          padding: 0px;
          display: flex;
          justify-content: flex-end;
          align-items: center; }
          @media (max-width: 480px) {
            .accordion-container .accr-wrap .content .downloads-block .head {
              flex-wrap: wrap; } }
          @media (max-width: 480px) {
            .accordion-container .accr-wrap .content .downloads-block .head .container {
              padding-right: 2rem; } }
          .accordion-container .accr-wrap .content .downloads-block .head .title {
            width: auto;
            margin: 0px;
            padding: 0px;
            color: #001B3E;
            font-size: 2.813rem;
            font-family: "Optima", sans-serif;
            position: relative;
            font-weight: 400; }
            @media (max-width: 480px) {
              .accordion-container .accr-wrap .content .downloads-block .head .title {
                font-size: 2rem; } }
            .accordion-container .accr-wrap .content .downloads-block .head .title .container {
              position: relative; }
              .accordion-container .accr-wrap .content .downloads-block .head .title .container::after {
                content: "";
                width: 95%;
                height: 1px;
                background: #6291DE;
                position: absolute;
                bottom: 0px;
                left: 0px; }
          .accordion-container .accr-wrap .content .downloads-block .head .selector {
            width: 25%; }
            @media (max-width: 480px) {
              .accordion-container .accr-wrap .content .downloads-block .head .selector {
                width: 80%;
                margin: 1.5rem 0 0 0; } }
            .accordion-container .accr-wrap .content .downloads-block .head .selector .form-select {
              padding: 0.5rem 2.25rem 0.5rem 1rem;
              border-radius: 15px;
              color: #001B3E;
              border: 1px solid #001B3E; }
        .accordion-container .accr-wrap .content .downloads-block .grid {
          width: 100%;
          margin: 1rem 0 0 0;
          padding: 0px; }
          .accordion-container .accr-wrap .content .downloads-block .grid .no-display {
            display: none; }
          .accordion-container .accr-wrap .content .downloads-block .grid select {
            padding: 0.5rem 1.5rem;
            font-weight: 400;
            border-radius: 0.9rem;
            font-size: 1rem;
            background: transparent;
            border: #1E3D72 solid 1px; }
          .accordion-container .accr-wrap .content .downloads-block .grid ul {
            list-style: none;
            margin: 0px;
            padding: 0px; }
            .accordion-container .accr-wrap .content .downloads-block .grid ul li {
              width: 100%;
              padding: 0.5rem 0;
              text-transform: uppercase;
              border: none;
              font-weight: 600; }
              .accordion-container .accr-wrap .content .downloads-block .grid ul li .head {
                font-size: 1.1rem;
                text-transform: none;
                font-weight: normal;
                font-family: "Montserrat", sans-serif;
                font-weight: 600;
                padding: 1.5rem 0; }
              .accordion-container .accr-wrap .content .downloads-block .grid ul li audio {
                border-radius: 2rem;
                border: #1E3D72 solid 1px; }
              @media (max-width: 480px) {
                .accordion-container .accr-wrap .content .downloads-block .grid ul li {
                  margin-bottom: 1rem; } }
              .accordion-container .accr-wrap .content .downloads-block .grid ul li a {
                text-decoration: none; }
              .accordion-container .accr-wrap .content .downloads-block .grid ul li:last-child {
                border-bottom: none; }
              .accordion-container .accr-wrap .content .downloads-block .grid ul li ul {
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin: 0px;
                padding: 0px; }
                @media (max-width: 480px) {
                  .accordion-container .accr-wrap .content .downloads-block .grid ul li ul {
                    flex-wrap: wrap;
                    justify-content: flex-start; } }
                .accordion-container .accr-wrap .content .downloads-block .grid ul li ul li {
                  width: auto;
                  border-bottom: none;
                  font-size: 1.125rem;
                  color: #000000;
                  font-weight: 600;
                  text-transform: none; }
                  @media (max-width: 480px) {
                    .accordion-container .accr-wrap .content .downloads-block .grid ul li ul li {
                      margin: 0.5rem 0.5rem 0 0rem;
                      padding: 0.5rem 0;
                      word-break: break-all; } }
                  .accordion-container .accr-wrap .content .downloads-block .grid ul li ul li:first-child {
                    width: 70%; }
                    @media (max-width: 480px) {
                      .accordion-container .accr-wrap .content .downloads-block .grid ul li ul li:first-child {
                        width: 100%;
                        margin: 0; } }
                  .accordion-container .accr-wrap .content .downloads-block .grid ul li ul li a {
                    display: inline-block;
                    background: #1E3D72;
                    color: #ffffff;
                    text-decoration: none;
                    padding: 0.5rem 1.5rem;
                    font-weight: 400;
                    border-radius: 30px;
                    font-size: 1rem;
                    transition: all 0.3s ease-in-out; }
                    .accordion-container .accr-wrap .content .downloads-block .grid ul li ul li a:hover {
                      background: #19325e; }
                    .accordion-container .accr-wrap .content .downloads-block .grid ul li ul li a.disabled {
                      background: #666;
                      cursor: default; }
                    .accordion-container .accr-wrap .content .downloads-block .grid ul li ul li a.disabled-outline {
                      background: transparent;
                      border: #666 solid 1px;
                      cursor: default;
                      color: #1E3D72; }
          .accordion-container .accr-wrap .content .downloads-block .grid.striped > ul > li {
            padding: 2.5rem 0; }
            .accordion-container .accr-wrap .content .downloads-block .grid.striped > ul > li:nth-child(even) {
              background: #f5f5f5; }

.contact-block {
  margin: 20vh 0;
  padding: 0px; }
  .contact-block .form {
    width: 100%;
    margin: 0px;
    padding: 0; }
    @media (max-width: 480px) {
      .contact-block .form {
        width: 100%; } }
    .contact-block .form .heading {
      width: 100%;
      margin: 0px;
      padding: 0;
      font-family: "Optima", sans-serif;
      color: #001B3E;
      font-size: 3.563rem; }
      @media (max-width: 480px) {
        .contact-block .form .heading {
          font-size: 2rem; } }
    .contact-block .form .desc {
      width: 100%;
      margin: 0px;
      padding: 0;
      color: #001B3E;
      font-size: 1rem;
      color: #9A9797; }
    .contact-block .form .form-cont {
      width: 100%;
      margin: 1rem 0;
      padding: 0px; }

.static-page-wrap {
  padding: 2rem 0; }
  .static-page-wrap .breadcrumb {
    font-size: 0.8rem;
    background: #F9F9FF;
    padding: 0.5rem 1rem;
    border-radius: 30px; }
    .static-page-wrap .breadcrumb a {
      color: #655C59;
      text-decoration: none; }
  .static-page-wrap .grid {
    width: 100%;
    margin: 1rem 0 0 0;
    padding: 0px; }
    .static-page-wrap .grid .no-display {
      display: none; }
    .static-page-wrap .grid ul {
      list-style: none;
      margin: 0px;
      padding: 0px; }
      .static-page-wrap .grid ul li {
        width: 100%;
        padding: 0.5rem 0;
        text-transform: uppercase;
        border: none;
        font-weight: 600; }
        @media (max-width: 480px) {
          .static-page-wrap .grid ul li {
            margin-bottom: 1rem; } }
        .static-page-wrap .grid ul li a {
          text-decoration: none; }
        .static-page-wrap .grid ul li:last-child {
          border-bottom: none; }
        .static-page-wrap .grid ul li ul {
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin: 0px;
          padding: 0px; }
          @media (max-width: 480px) {
            .static-page-wrap .grid ul li ul {
              flex-wrap: wrap;
              justify-content: flex-start; } }
          .static-page-wrap .grid ul li ul li {
            width: auto;
            border-bottom: none;
            font-size: 1.125rem;
            color: #000000;
            font-weight: 600;
            text-transform: none; }
            @media (max-width: 480px) {
              .static-page-wrap .grid ul li ul li {
                margin: 0.5rem 0.5rem 0 0rem;
                padding: 0.5rem 0;
                word-break: break-all; } }
            .static-page-wrap .grid ul li ul li .name {
              color: #655C59;
              font-size: 1.2rem;
              font-weight: 600; }
            .static-page-wrap .grid ul li ul li .designation, .static-page-wrap .grid ul li ul li .email, .static-page-wrap .grid ul li ul li .contact-details {
              color: #655C59;
              font-size: 1rem;
              font-weight: normal;
              margin: 0.4rem 0; }
            .static-page-wrap .grid ul li ul li:first-child {
              width: 70%; }
              @media (max-width: 480px) {
                .static-page-wrap .grid ul li ul li:first-child {
                  width: 100%;
                  margin: 0; } }
            .static-page-wrap .grid ul li ul li a {
              display: inline-block;
              background: #1E3D72;
              color: #ffffff;
              text-decoration: none;
              padding: 0.5rem 1.5rem;
              font-weight: 400;
              border-radius: 30px;
              font-size: 1rem;
              transition: all 0.3s ease-in-out; }
              .static-page-wrap .grid ul li ul li a:hover {
                background: #19325e; }
            .static-page-wrap .grid ul li ul li select {
              padding: 0.5rem 1.5rem;
              font-weight: 400;
              border-radius: 0.9rem;
              font-size: 1rem;
              background: transparent;
              border: #1E3D72 solid 1px; }

.loader-pdf {
  position: absolute;
  width: 100%;
  padding: 2rem 0;
  text-align: center;
  font-size: 0.9rem;
  left: 0;
  top: 0;
  z-index: -1; }
  .loader-pdf img {
    width: 30px; }

.careers-quote-wrap {
  height: 100%;
  position: relative;
  margin-bottom: 20vh; }
  .careers-quote-wrap .careers-quote {
    height: 100vh;
    padding: 0 15%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column; }
    .careers-quote-wrap .careers-quote h1 {
      font-size: 4.5rem; }
      @media (max-width: 480px) {
        .careers-quote-wrap .careers-quote h1 {
          font-size: 2rem; } }
    .careers-quote-wrap .careers-quote span {
      color: #F37A21; }
    .careers-quote-wrap .careers-quote .author {
      width: 100%;
      text-align: center;
      color: #F37A21;
      font-size: 1rem;
      font-style: italic;
      font-weight: 500; }
  .careers-quote-wrap .svg-container {
    position: absolute;
    width: 100%;
    height: 55%;
    left: 0;
    bottom: -15%;
    z-index: -1;
    text-align: center;
    overflow: hidden; }
    .careers-quote-wrap .svg-container svg {
      height: 100%; }

.group-photo-wrap .group-photo {
  position: relative; }
  .group-photo-wrap .group-photo img {
    border-radius: 0.9rem; }
  .group-photo-wrap .group-photo .overlay-img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    display: none; }

.why-work-with-us {
  padding: 30vh 0;
  position: relative; }
  .why-work-with-us h2 {
    color: #1E3D72;
    text-align: right;
    padding-left: 30%;
    padding-right: 15%;
    background: #ffffff;
    font-size: 4.5rem; }
    @media (max-width: 480px) {
      .why-work-with-us h2 {
        font-size: 2rem;
        padding: 0;
        text-align: left; } }
  .why-work-with-us .title {
    font-family: "Optima", sans-serif;
    font-size: 1.3rem;
    color: #2A5EA7;
    margin-bottom: 1rem;
    background: #ffffff; }
  .why-work-with-us p {
    background: #ffffff; }
  .why-work-with-us .svg-container {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    text-align: center;
    overflow: hidden; }
    .why-work-with-us .svg-container svg {
      height: 100%; }
  @media (max-width: 480px) {
    .why-work-with-us .mobile-bg {
      background: #ffffff; } }

.our-people-philosophy h3 {
  color: #1E3D72; }
  .our-people-philosophy h3 span {
    display: block; }
.our-people-philosophy .title {
  font-family: "Optima", sans-serif;
  font-size: 1.3rem;
  color: #2A5EA7;
  margin-bottom: 1rem; }
.our-people-philosophy img {
  border-top-left-radius: 100px; }
.our-people-philosophy .text-content {
  padding-top: 5%; }
  .our-people-philosophy .text-content.pe {
    padding-right: 5%; }
  .our-people-philosophy .text-content.ps {
    padding-left: 5%; }
  .our-people-philosophy .text-content .btn span {
    display: flex;
    align-items: center;
    width: auto; }
    .our-people-philosophy .text-content .btn span svg {
      width: 20px;
      fill: #D6E3FF;
      margin-right: 0.5rem; }

.potential-candidates {
  padding: 30vh 0 40vh 0;
  position: relative;
  margin: 3rem 0; }
  @media (max-width: 480px) {
    .potential-candidates {
      padding: 0; } }
  .potential-candidates .heading-text {
    background: #ffffff;
    color: #1E3D72;
    height: 100%; }
    .potential-candidates .heading-text h2 {
      font-size: 4.5rem; }
  .potential-candidates .icons {
    background: #ffffff; }
    .potential-candidates .icons ul li {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 1.5rem; }
      .potential-candidates .icons ul li .icon {
        width: 50px; }
        .potential-candidates .icons ul li .icon img {
          width: 100%; }
      .potential-candidates .icons ul li .label {
        width: calc(100% - 60px); }
  .potential-candidates .svg-container {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    text-align: center; }
    .potential-candidates .svg-container svg {
      height: 100%; }

.job-listing {
  margin-top: 30vh; }
  .job-listing h2 {
    position: relative;
    font-size: 2.8rem;
    color: #1E3D72; }
    .job-listing h2 span {
      position: relative;
      display: inline-block;
      padding-bottom: 0.7rem; }
      .job-listing h2 span:after {
        content: "";
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        height: 3px;
        background: #D6E3FF; }
  .job-listing hr {
    background: #D6E3FF;
    height: 3px;
    opacity: 1; }
  .job-listing .job-row {
    padding: 2rem 0; }
    .job-listing .job-row .job-title {
      font-family: "Montserrat", sans-serif;
      font-size: 1.3rem;
      font-weight: 600;
      text-transform: uppercase;
      color: #1E3D72; }
    .job-listing .job-row .btn {
      margin-top: 2.5rem; }
      @media (max-width: 480px) {
        .job-listing .job-row .btn {
          margin-top: 1rem; } }
    .job-listing .job-row p:last-child {
      margin-bottom: 0; }
  .job-listing .searchbox {
    width: 250px;
    margin-left: auto;
    padding: 0px; }
    @media (max-width: 480px) {
      .job-listing .searchbox {
        margin: 1rem 0 0 0;
        width: 100%; } }
    .job-listing .searchbox .search-icon {
      width: 100%;
      margin-right: 0.5rem;
      cursor: pointer;
      position: relative; }
      @media (max-width: 480px) {
        .job-listing .searchbox .search-icon {
          margin-right: 0; } }
      .job-listing .searchbox .search-icon button {
        width: 25px;
        height: 25px;
        border: none;
        background: transparent;
        position: absolute;
        right: 0px;
        top: 50%;
        transform: translateY(-50%); }
        .job-listing .searchbox .search-icon button svg {
          width: 100%;
          fill: #000000;
          position: relative;
          z-index: 2;
          transition: all 0.3s ease-in-out;
          right: 0; }
      .job-listing .searchbox .search-icon .search-input {
        background: transparent;
        border: #000000 solid 1px;
        border-radius: 11px;
        padding: 0.5rem 3rem 0.5rem 1rem;
        font-size: 0.9rem;
        z-index: 1;
        width: 100%;
        display: none;
        outline: 0; }
      .job-listing .searchbox .search-icon.active svg {
        right: 0.5rem; }
      .job-listing .searchbox .search-icon.active .search-input {
        display: block; }

.apply-now-wrap {
  padding: 30vh 0; }
  @media (max-width: 480px) {
    .apply-now-wrap {
      padding: 10vh 0; } }

.leadership-container {
  width: 100%;
  margin: 150px 0 100px 0;
  padding: 0px; }
  @media (max-width: 480px) {
    .leadership-container {
      margin-top: 100px; } }
  .leadership-container .thumbnail-with-details {
    width: 100%;
    margin: 0px;
    padding: 0px 0 50vh 0;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    @media (max-width: 480px) {
      .leadership-container .thumbnail-with-details {
        flex-direction: column;
        padding: 0 0 0 0; } }
    .leadership-container .thumbnail-with-details .thumb-holder {
      width: 25%;
      margin: 5rem 0 0 0;
      padding: 0px;
      text-align: center; }
      @media (max-width: 480px) {
        .leadership-container .thumbnail-with-details .thumb-holder {
          width: 80%;
          margin: 0px auto; } }
      .leadership-container .thumbnail-with-details .thumb-holder .thumb {
        width: 100%;
        margin: 0px;
        padding: 0px; }
        .leadership-container .thumbnail-with-details .thumb-holder .thumb img {
          width: 100%;
          display: block; }
      .leadership-container .thumbnail-with-details .thumb-holder .det {
        width: 100%;
        margin: 0px;
        padding: 0px; }
        .leadership-container .thumbnail-with-details .thumb-holder .det .name {
          width: 90%;
          margin: 0px auto;
          color: #001B3E;
          font-family: "Optima", sans-serif;
          font-size: 2rem; }
        .leadership-container .thumbnail-with-details .thumb-holder .det .designation {
          width: 90%;
          display: block;
          margin: 0px auto;
          font-size: 1.5rem;
          color: #001B3E;
          font-family: "Optima", sans-serif; }
    .leadership-container .thumbnail-with-details .description {
      width: 72%;
      margin: 0px;
      padding: 0px; }
      @media (max-width: 480px) {
        .leadership-container .thumbnail-with-details .description {
          width: 100%;
          margin-top: 2rem; } }
      .leadership-container .thumbnail-with-details .description .heading {
        width: 100%;
        color: #001B3E;
        font-family: "Optima", sans-serif;
        font-size: 2.813rem; }
        @media (max-width: 480px) {
          .leadership-container .thumbnail-with-details .description .heading {
            font-size: 2rem; } }
      .leadership-container .thumbnail-with-details .description .desc {
        font-size: #655C59;
        font-size: 1rem;
        width: 100%;
        margin: 1rem 0; }
        .leadership-container .thumbnail-with-details .description .desc p {
          margin: 0 0 0.5rem 0;
          padding: 0;
          line-height: 1.5; }
          .leadership-container .thumbnail-with-details .description .desc p.bold {
            font-weight: 600; }
    .leadership-container .thumbnail-with-details .svg-container {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      text-align: center;
      height: 40vh; }
      @media (max-width: 480px) {
        .leadership-container .thumbnail-with-details .svg-container {
          position: relative;
          height: 20vh; } }
      .leadership-container .thumbnail-with-details .svg-container svg {
        height: 100%; }
        @media (max-width: 480px) {
          .leadership-container .thumbnail-with-details .svg-container svg {
            width: 100%; } }

.leadership-team-cards-holder {
  width: 100%;
  margin: 15vh 0;
  padding: 0px; }
  .leadership-team-cards-holder .heading {
    width: 100%;
    text-align: center;
    color: #001B3E;
    font-family: "Optima", sans-serif;
    font-size: 3.563rem; }
  .leadership-team-cards-holder .cards-wrapper {
    width: 100%;
    margin: 0px;
    padding: 0px; }
    .leadership-team-cards-holder .cards-wrapper ul {
      list-style: none;
      margin: 0px;
      padding: 0px;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: 1fr;
      grid-column-gap: 1.5rem;
      grid-row-gap: 1.5rem; }
      @media (max-width: 480px) {
        .leadership-team-cards-holder .cards-wrapper ul {
          grid-template-columns: repeat(1, 1fr); } }
      .leadership-team-cards-holder .cards-wrapper ul li {
        margin: 0px;
        padding: 0px;
        cursor: pointer; }
        .leadership-team-cards-holder .cards-wrapper ul li:hover .thumb img {
          border-radius: 100%; }
        .leadership-team-cards-holder .cards-wrapper ul li .thumb {
          width: 100%;
          margin: 0px;
          padding: 0px; }
          .leadership-team-cards-holder .cards-wrapper ul li .thumb img {
            width: 100%;
            display: block;
            transition: all 0.3s ease-in-out;
            filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
            /* Firefox 10+, Firefox on Android */
            filter: gray;
            filter: grayscale(100%);
            transition: all 0.3s ease-in-out;
            border-radius: 0.9rem; }
        .leadership-team-cards-holder .cards-wrapper ul li .details {
          width: 90%;
          margin: 0.5rem auto;
          padding: 0px; }
          .leadership-team-cards-holder .cards-wrapper ul li .details .name {
            font-size: 1rem;
            text-align: center;
            color: #001B3E;
            font-weight: 600;
            margin-bottom: 0.5rem; }
          .leadership-team-cards-holder .cards-wrapper ul li .details .designation {
            font-size: 0.875rem;
            color: #001B3E;
            text-align: center; }
            .leadership-team-cards-holder .cards-wrapper ul li .details .designation span {
              display: block; }
        .leadership-team-cards-holder .cards-wrapper ul li .leader-testimony {
          width: 90%;
          margin: 0rem auto;
          font-size: 1rem;
          color: #655C59;
          line-height: 1.5;
          text-align: center;
          height: 0;
          overflow: hidden; }
        .leadership-team-cards-holder .cards-wrapper ul li.active .thumb img {
          filter: none;
          -webkit-filter: grayscale(0); }
        .leadership-team-cards-holder .cards-wrapper ul li.active .leader-testimony {
          height: auto; }

.board-member-and-committee-composition {
  width: 100%;
  margin: 5rem 0 8rem 0;
  padding: 0px; }
  .board-member-and-committee-composition .container {
    position: relative; }
    .board-member-and-committee-composition .container::after {
      width: 85%;
      height: 80%;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 25px;
      content: "";
      border: 2px solid #F37A21;
      border-radius: 50px;
      z-index: -1; }
  .board-member-and-committee-composition .heading {
    width: 100%;
    color: #001B3E;
    font-family: "Optima", sans-serif;
    font-size: 3.563rem;
    text-align: center; }
    @media (max-width: 480px) {
      .board-member-and-committee-composition .heading {
        font-size: 2rem; } }
  .board-member-and-committee-composition .top {
    width: 100%;
    margin: 0px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .board-member-and-committee-composition .top .cards {
      background: #1E3D72; }
      .board-member-and-committee-composition .top .cards .desc .name {
        color: #ffffff; }
      .board-member-and-committee-composition .top .cards .desc .designation {
        color: #ffffff; }
  .board-member-and-committee-composition .btm {
    width: 100%;
    margin: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; }
  .board-member-and-committee-composition .cards {
    width: 40%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 1rem 0;
    padding: 1rem 0;
    padding-left: 3rem;
    background: #F9F9FF;
    border-radius: 15px; }
    @media (max-width: 480px) {
      .board-member-and-committee-composition .cards {
        flex-direction: column;
        padding: 1rem;
        width: 100%;
        border: rgba(30, 61, 114, 0.1) solid 1px;
        flex-wrap: wrap; } }
    .board-member-and-committee-composition .cards .thumb {
      width: 115px;
      height: 115px;
      border-radius: 50%;
      margin: 0px 2rem 0 0;
      padding: 0px;
      overflow: hidden; }
      @media (max-width: 480px) {
        .board-member-and-committee-composition .cards .thumb {
          width: 80px;
          height: 80px;
          margin: 0 0 1rem 0; } }
      .board-member-and-committee-composition .cards .thumb img {
        width: 100%; }
    .board-member-and-committee-composition .cards .desc {
      margin: 0px;
      padding: 0px; }
      @media (max-width: 480px) {
        .board-member-and-committee-composition .cards .desc {
          text-align: center; } }
      .board-member-and-committee-composition .cards .desc .name {
        width: 100%;
        font-size: 1.188rem;
        color: #F37A21;
        font-weight: 600; }
        @media (max-width: 480px) {
          .board-member-and-committee-composition .cards .desc .name {
            font-size: 1rem; } }
      .board-member-and-committee-composition .cards .desc .designation {
        width: 100%;
        font-size: 1.063rem;
        color: #2A5EA7;
        font-style: italic; }
        @media (max-width: 480px) {
          .board-member-and-committee-composition .cards .desc .designation {
            font-size: 1rem; } }

.sustainability-gallery {
  width: 100%;
  padding: 18vh 0px; }
  @media (max-width: 480px) {
    .sustainability-gallery {
      padding: 5vh 0; } }
  .sustainability-gallery .sustainability-gallery-slider-wrap {
    width: 100%;
    margin: 0px;
    padding: 0px;
    padding: 1rem 0; }
    .sustainability-gallery .sustainability-gallery-slider-wrap .slides {
      width: 50%;
      margin: 2rem; }
      @media (max-width: 480px) {
        .sustainability-gallery .sustainability-gallery-slider-wrap .slides {
          width: 80%;
          margin: 0;
          padding: 0 0.5rem; } }
      .sustainability-gallery .sustainability-gallery-slider-wrap .slides.is-selected {
        z-index: 5; }
        @media (min-width: 1025px) {
          .sustainability-gallery .sustainability-gallery-slider-wrap .slides.is-selected .wrap {
            transform: scale(1.1); } }
        .sustainability-gallery .sustainability-gallery-slider-wrap .slides.is-selected .wrap .title {
          transform: translate(0, 0);
          display: flex; }
      .sustainability-gallery .sustainability-gallery-slider-wrap .slides .wrap {
        position: relative;
        transition: all 0.3s ease-in-out;
        perspective: 600px; }
        .sustainability-gallery .sustainability-gallery-slider-wrap .slides .wrap .front {
          width: 100%;
          backface-visibility: hidden;
          transform: translateZ(1px);
          border-radius: 0.9rem; }
        .sustainability-gallery .sustainability-gallery-slider-wrap .slides .wrap .back {
          position: absolute;
          left: 0;
          top: 0;
          z-index: 6;
          width: 100%;
          transform-style: preserve-3d;
          backface-visibility: hidden;
          transform: rotateX(180deg);
          border-radius: 0.9rem; }
        .sustainability-gallery .sustainability-gallery-slider-wrap .slides .wrap .title {
          position: absolute;
          width: 100%;
          height: 100%;
          padding: 0.7rem 0;
          text-align: center;
          color: #ffffff;
          font-size: 0.8rem;
          left: 0;
          bottom: 0%;
          transform: translate(0, 110%);
          font-weight: 500;
          z-index: 5;
          border-radius: 0.9rem;
          display: none;
          transform: translateZ(1px);
          overflow: hidden;
          align-items: flex-end;
          justify-content: center; }
          .sustainability-gallery .sustainability-gallery-slider-wrap .slides .wrap .title::before {
            content: "";
            position: absolute;
            width: 100%;
            height: 40px;
            left: 0;
            bottom: 0;
            background: rgba(0, 27, 62, 0.7);
            z-index: -1; }
            @media (max-width: 480px) {
              .sustainability-gallery .sustainability-gallery-slider-wrap .slides .wrap .title::before {
                height: 25px; } }
          @media (max-width: 480px) {
            .sustainability-gallery .sustainability-gallery-slider-wrap .slides .wrap .title {
              padding: 0.3rem 0;
              font-size: 0.6rem;
              display: none; } }
    .sustainability-gallery .sustainability-gallery-slider-wrap .flickity-page-dots {
      display: none; }

.certification-block {
  width: 100%;
  margin: 5rem 0;
  padding: 2rem 0;
  background: #F9F9FF; }
  .certification-block .heading {
    width: 100%;
    margin: 0px 0 1rem 0;
    padding: 0px;
    font-size: 2.813rem;
    color: #001B3E;
    font-family: "Optima", sans-serif; }
  .certification-block ul {
    list-style: none;
    margin: 0px;
    padding: 0px; }
    .certification-block ul li {
      width: 100%;
      margin: 0px;
      padding: 2rem 0;
      border-bottom: 2px solid #D6E3FF; }
      .certification-block ul li:last-child {
        border-bottom: none; }
      .certification-block ul li p {
        font-size: 1rem;
        margin: 0px;
        padding: 0px;
        color: #001B3E;
        font-weight: 600;
        text-transform: uppercase; }
        .certification-block ul li p span {
          display: block;
          color: #2A5EA7;
          padding: 0.5rem 0; }

.download-all-report {
  padding: 20vh 0 15vh 0; }
  .download-all-report .container {
    position: relative; }
    .download-all-report .container .text-block {
      background: #ffffff; }
    .download-all-report .container .svg-container {
      position: absolute;
      width: 80%;
      left: 10%;
      bottom: 15%;
      z-index: -1;
      text-align: center;
      overflow: hidden; }
      .download-all-report .container .svg-container svg {
        width: 100%; }

.orange-svg-fill {
  fill: #F37A21; }

.blue-svg-fill {
  fill: #1E3D72; }

.white-svg-fill {
  fill: #ffffff; }

.blue-text {
  color: #1E3D72; }

.title-sub-head {
  margin: 0 auto;
  text-align: center;
  width: 80%; }
  @media (max-width: 480px) {
    .title-sub-head {
      width: 100%; } }

.yt-wrap {
  padding-top: 56.6%;
  position: relative;
  background: #000000;
  border-radius: 0.9rem;
  overflow: hidden; }
  @media (max-width: 480px) {
    .yt-wrap {
      padding-top: 75%; } }
  .yt-wrap iframe, .yt-wrap video {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }

.blue-svg-line {
  stroke: #1E3D72 !important; }

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem); }

.btn {
  padding: 0.5rem 1.5rem;
  font-weight: 500;
  font-size: 14px; }
  .btn-primary {
    background: #763300;
    border-color: #763300; }
    .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
      background: #4d2100;
      border-color: #4d2100; }
    .btn-primary.blue {
      background: #001B3E;
      border-color: #001B3E;
      color: #D6E3FF; }
      .btn-primary.blue:hover, .btn-primary.blue:active, .btn-primary.blue:focus {
        background: #001025;
        border-color: #001025;
        color: #D6E3FF; }
  .btn-outline-primary {
    border-color: #7F7667;
    color: #763300; }
    .btn-outline-primary:hover, .btn-outline-primary:focus {
      background: #763300;
      color: #FFDBC9;
      border-color: #763300; }
    .btn-outline-primary:active {
      background: #421A00;
      color: #FFDBC9;
      border-color: #421A00; }
    .btn-outline-primary.blue {
      border-color: #7F7667;
      color: #001B3E; }
      .btn-outline-primary.blue:hover, .btn-outline-primary.blue:focus {
        background: #001B3E;
        color: #D6E3FF;
        border-color: #001B3E; }
      .btn-outline-primary.blue:active {
        background: #000000;
        color: #D6E3FF;
        border-color: #000000; }

@media (min-width: 1025px) {
  .modal-dialog.medium {
    max-width: 700px; } }
.modal-content {
  border-radius: 1rem;
  background: #F9F9FF; }
  @media (max-width: 480px) {
    .modal-content {
      border-radius: 0.5rem; } }
  .modal-content .close {
    position: absolute;
    width: 30px;
    height: 30px;
    background: #763300;
    right: 0;
    top: 0;
    transform: translate(0, -120%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer; }
    .modal-content .close svg {
      width: 12px; }
      .modal-content .close svg path {
        fill: #FFDBC9; }

.footer-orange .modal-content .close, .blue-theme .modal-content .close {
  background: #001B3E; }
  .footer-orange .modal-content .close svg path, .blue-theme .modal-content .close svg path {
    fill: #D6E3FF; }

.modal-body {
  padding: 3rem 4rem; }
  @media (max-width: 480px) {
    .modal-body {
      padding: 1rem; } }
  .modal-body .h1 {
    font-size: 2.5rem; }

.form-control, .form-select {
  border-radius: 0.7rem;
  border-color: #1E3D72;
  padding: 0.5rem 1rem;
  color: #001B3E;
  padding-right: 2rem; }
  .form-control::-webkit-input-placeholder, .form-select::-webkit-input-placeholder {
    color: #1E3D72; }
  .form-control:-moz-placeholder, .form-select:-moz-placeholder {
    color: #1E3D72; }
  .form-control::-moz-placeholder, .form-select::-moz-placeholder {
    color: #1E3D72; }
  .form-control:-ms-input-placeholder, .form-select:-ms-input-placeholder {
    color: #1E3D72; }
  .form-control.orange, .form-select.orange {
    border-color: #763300;
    color: #763300; }
    .form-control.orange::-webkit-input-placeholder, .form-select.orange::-webkit-input-placeholder {
      color: #763300; }
    .form-control.orange:-moz-placeholder, .form-select.orange:-moz-placeholder {
      color: #763300; }
    .form-control.orange::-moz-placeholder, .form-select.orange::-moz-placeholder {
      color: #763300; }
    .form-control.orange:-ms-input-placeholder, .form-select.orange:-ms-input-placeholder {
      color: #763300; }

input[type="file"]::file-selector-button {
  display: none; }

.orange .form-control, .orange .form-select {
  border-color: #763300; }

.modal-backdrop {
  background: rgba(0, 16, 42, 0.7); }
  .modal-backdrop.show {
    opacity: 1; }
  .template_projects_details  .modal-backdrop.show{z-index: 1;}
.btn.btn-size-big {
  padding: 0.8rem 2rem; }

.flickity-button {
  background: #763300;
  color: rgba(255, 255, 255, 0.9); }
  .flickity-button:hover {
    background: #5d2800;
    color: rgba(255, 255, 255, 0.9); }
  .flickity-button:disabled {
    background: #E4E4E4;
    color: #9A9797;
    opacity: 1; }
  .flickity-button:focus {
    box-shadow: none; }
  .flickity-button.flickity-prev-next-button {
    top: 50%; }
    .flickity-button.flickity-prev-next-button.previous {
      left: 3.5%; }
    .flickity-button.flickity-prev-next-button.next {
      right: 3.5%; }
    .flickity-button.flickity-prev-next-button .flickity-button-icon {
      left: 30%;
      top: 30%;
      width: 40%;
      height: 40%; }

.blue .flickity-button {
  background: #1E3D72;
  color: rgba(255, 255, 255, 0.9); }
  .blue .flickity-button:hover {
    background: #19325e;
    color: rgba(255, 255, 255, 0.9); }
  .blue .flickity-button:disabled {
    background: #E4E4E4;
    color: #9A9797;
    opacity: 1; }

.button-at-top {
  padding-top: 0rem; }
  @media (max-width: 480px) {
    .button-at-top {
      padding-top: 0; } }

.flickity-page-dots {
  bottom: -3rem; }
  .flickity-page-dots .dot {
    background: rgba(243, 122, 33, 0.6);
    margin: 0 5px; }
    .flickity-page-dots .dot.is-selected {
      background: #763300; }

.slider-wrap {
  background: #ffffff; }
  .slider-wrap .slides {
    width: 400px; }
    @media (max-width: 480px) {
      .slider-wrap .slides {
        width: 50%; } }
    .slider-wrap .slides .wrap {
      padding: 0 20px 40px 20px;
      height: 100%; }
      @media (max-width: 480px) {
        .slider-wrap .slides .wrap {
          padding: 0 0.5rem 0.5rem 0.5rem; } }
      .slider-wrap .slides .wrap .image {
        width: 100%;
        height: 100%; }
        @media (max-width: 480px) {
          .slider-wrap .slides .wrap .image {
            height: auto; } }
        .slider-wrap .slides .wrap .image img {
          height: 100%;
          object-fit: cover;
          border-radius: 1rem;
          transition: all 0.3s ease-in-out;
          transform-origin: center top; }
          @media (max-width: 480px) {
            .slider-wrap .slides .wrap .image img {
              width: 100%;
              height: auto; } }
      .slider-wrap .slides .wrap .label {
        margin-top: 1rem;
        text-align: center;
        transition: all 0.3s ease-in-out; }
    .slider-wrap .slides:hover .wrap .image img {
      transform: scale(1.05); }
    .slider-wrap .slides:hover .wrap .label {
      margin-top: 2rem; }
    .slider-wrap .slides:hover .wrap p {
      opacity: 1; }
  @media (max-width: 480px) {
    .slider-wrap .flickity-button {
      display: none; } }
  @media (min-width: 1025px) {
    .slider-wrap .flickity-page-dots {
      display: none; } }

.blue.slider-wrap .slides .wrap .label {
  color: #1E3D72; }

.fancybox-content img {
  border-radius: 0.9rem;
  overflow: hidden; }

.fancybox-button.fancybox-button--close {
  background: #763300;
  color: #ffffff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  right: 1rem;
  top: 1rem;
  padding: 5px; }

.fancybox-button[disabled], .fancybox-button[disabled]:hover {
  opacity: 0.2; }

.fancybox-navigation .fancybox-button {
  background: transparent; }

.fancybox-navigation .fancybox-button div {
  background: #ffffff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  padding: 5px;
  color: #763300; }
  .fancybox-navigation .fancybox-button div svg {
    fill: #763300; }

.fancybox-button[disabled] div {
  opacity: 0.2; }

@media (max-width: 480px) {
  .fancybox-caption {
    padding: 1rem; } }

.fancybox-caption__body {
  padding: 0 10%; }
  @media (max-width: 480px) {
    .fancybox-caption__body {
      padding: 0; } }

.footer-orange .fancybox-button.fancybox-button--close {
  background: #1E3D72; }
.footer-orange .fancybox-navigation .fancybox-button div {
  color: #1E3D72; }

@font-face {
  font-family: "Optima";
  src: url("../fonts/Optima.woff2") format("woff2"), url("../fonts/Optima.woff") format("woff"), url("../fonts/Optima.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }

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