* {
  text-decoration: none;
  padding: 0;
  margin: 0;
  outline: none;
  font-family: "Helvetica Now Display";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  text-rendering: optimizeLegibility;
  font-weight: normal;
  line-height: 1.2;
}

select {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  position: absolute;
  background: none;
  background-position: 95%;
  background-size: 1.5em;
  color: white;
  z-index: 10000;
}

button {
  background: transparent;
  border: none;
}

img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 101%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
  pointer-events: none;
}

label {
  font-weight: 100;
}

html {
  scroll-behavior: smooth;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  height: 100svh;
}

body {
  overflow-x: hidden;
  background-color: var(--dark);
  -webkit-font-smoothing: antialiased;
  min-width: 1200px;
}

body.open {
  overflow-y: hidden;
}

textarea {
  resize: none;
  min-height: 100px;
}

p {
  line-height: 1.4;
  font-size: 16px;
}

a {
  outline: none;
  cursor: pointer;
}

.error_handlers {
  color: var(--primary);
}

:root {
  --grey: #eaeef0;
  --white: #f3f3f3;
  --grey-txt: #dcdcdc;
  --grey-brdr: #d4cfca;
  --dark-copy-d-txt: #9da2a4;
  --dark-copy-l-txt: #30363c;
  --gold: #f2bb31;
  --dark: #2b2b2b;
  --green: #2b4539;
  --green_txt: #a0d550;
  --wine: #402020;
  --cream: #f8f1ec;
  --primary: #c81611;
  --primary-light: #fca8a7;
  --secondary: #ac835e;

  --font-size-base: clamp(16px, 0.1vi + 15.6px, 18px);
  --font-size-xs: 12px;
  --font-size-sm: clamp(16px, 0.08vi + 13px, 15px);
  --font-size-md: clamp(18px, 0.37vi + 17.71px, 20px);
  --font-size-lg: clamp(23.04px, 0.62vi + 20.54px, 35.54px);
  --font-size-xl: clamp(27.65px, 0.99vi + 23.7px, 47.37px);
  --font-size-2xl: clamp(33.18px, 1.5vi + 27.18px, 50px);
  --font-size-3xl: clamp(39.81px, 2.22vi + 30.94px, 84.17px);
  --font-size-4xl: clamp(47.78px, 3.22vi + 34.89px, 112.2px);
}

/*****Loader**/
.splash_screen_container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100svw;
  height: 100%;
  z-index: 1000000;
  background: var(--dark);
  pointer-events: none;
}

.splash_screen_container.load_out {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 0;
}

.splash_logo_container {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 1s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  -o-transition: all 1s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  transition: all 1s cubic-bezier(0.78, 0.01, 0.32, 1.01);
}

.splash_logo_container.load_out {
  top: -4.4em;
  left: 0.5em;
  -webkit-transform: scale(0.54) translate(0, 0);
  -ms-transform: scale(0.54) translate(0, 0);
  transform: scale(0.54) translate(0, 0);
}
.splash_logo svg {
  width: 15em;
  height: 15em;
  -webkit-transition: all 0.8s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  -o-transition: all 0.8s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  transition: all 0.8s cubic-bezier(0.78, 0.01, 0.32, 1.01);
}
.log_2 svg {
  position: absolute;
  top: 50%;
  left: 80%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-clip-path: inset(0 85% 0 0);
  clip-path: inset(0 85% 0 0);
}

.log_1 {
  position: relative;
  left: 20%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
}

.log_2.show_txt_logo svg {
  left: 50%;
  -webkit-clip-path: inset(0 0% 0 0);
  clip-path: inset(0 0% 0 0);
}

.l {
  -webkit-transition: all 0.8s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  -o-transition: all 0.8s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  transition: all 0.8s cubic-bezier(0.78, 0.01, 0.32, 1.01);
}
/*******Main header******/

.main_header {
  position: fixed;
  top: 0;
  left: 50%;
  width: calc(100vw - 8em);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 1em 0;
  max-height: 92px;
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--dark);
  border-bottom: 1px #414141 solid;
  -webkit-transition: all 0.5s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  -o-transition: all 0.5s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  transition: all 0.5s cubic-bezier(0.78, 0.01, 0.32, 1.01);
}

.main_header.unpinned {
  top: -10em;
  background: var(--dark);
  -webkit-transition: all 0.5s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  -o-transition: all 0.5s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  transition: all 0.5s cubic-bezier(0.78, 0.01, 0.32, 1.01);
}

.main_header.pinned {
  background: var(--dark);
  width: 100%;
  padding: 1em 4em;
  -webkit-transition: all 0.5s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  -o-transition: all 0.5s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  transition: all 0.5s cubic-bezier(0.78, 0.01, 0.32, 1.01);
}

.main_header.open.pinned {
  background: transparent;
}

.logo {
  margin: 0.25em 0 0 0;
  float: left;
  position: relative;
  z-index: 10;
  width: 8em;
}

.logo svg .cls-2 {
  -webkit-transition: all 0.5s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  -o-transition: all 0.5s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  transition: all 0.5s cubic-bezier(0.78, 0.01, 0.32, 1.01);
}
.logo svg:hover .cls-2 {
  fill: var(--cream);
}

.header_nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: em;
}

.header_nav ul li a {
  color: var(--white);
  float: left;
  font-size: 14px;
  text-transform: capitalize;
  padding: 1em;
}

.header_nav ul li.active a {
  color: var(--primary-light);
  font-weight: 500;
}

.menu_cta {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4em;
  color: #f2f2ff;
}

.menu_icon {
  float: left;
  color: white;
  text-transform: uppercase;
  position: relative;
  gap: 1em;
  letter-spacing: 1px;
  font-weight: 500;
  cursor: pointer;
}

.menu_bars {
  position: relative;
  top: 0;
  width: 2.5em;
  height: 2em;
}

.menu_txt {
  white-space: nowrap;
  display: block;
  min-width: 3.5em;
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  -o-transition: all 0.3s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  transition: all 0.3s cubic-bezier(0.78, 0.01, 0.32, 1.01);
}

.top_bar,
.bottom_bar {
  position: absolute;
  top: 0.7em;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--cream);
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  -o-transition: all 0.3s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  transition: all 0.3s cubic-bezier(0.78, 0.01, 0.32, 1.01);
}

.bottom_bar {
  top: 1.2em;
}

.menu_icon.open .top_bar {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 1em;
}

.menu_icon.open .bottom_bar {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 1em;
}
.header_rating {
  color: var(--dark-copy-d-txt);
  gap: 0.5em;
}
.rating_link {
  color: var(--primary-light);
}
.primary_btn {
  font-family: "Helvetica Now Display";
  color: white;
  padding: 1em 1.5em;
  border-radius: 5px;
  gap: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: flex;
  z-index: 2;
  position: relative;
  overflow: hidden;
  float: left;
  text-transform: capitalize;
  font-size: 14px;
  height: 45px;
  font-weight: 300;
  cursor: pointer;
  white-space: nowrap;
  -webkit-transition: all 0.5s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  -o-transition: all 0.5s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  transition: all 0.5s cubic-bezier(0.78, 0.01, 0.32, 1.01);
}

.primary_btn.primary_bg {
  background: var(--primary);
}

.primary_btn.light_bg {
  background: var(--white);
  color: var(--dark);
}

.primary_btn.light_bg svg {
  fill: var(--dark);
}

.control_btn {
  width: 45px;
  text-align: center;
}

.btn_txt {
  position: relative;
  display: block;
  font-weight: 500;
  -webkit-transition: all 0.6s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  -o-transition: all 0.6s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  transition: all 0.6s cubic-bezier(0.78, 0.01, 0.32, 1.01);
}

.btn_circle,
.btn_circle:before {
  position: absolute;
  z-index: -1;
  -webkit-transform: translateY(50px) scale(1.2);
  -ms-transform: translateY(50px) scale(1.2);
  transform: translateY(50px) scale(1.2);
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  left: 0;
  border-radius: 50%;
  mix-blend-mode: soft-light;
  -webkit-transition: all 0.6s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  -o-transition: all 0.6s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  transition: all 0.6s cubic-bezier(0.78, 0.01, 0.32, 1.01);
}

.btn_icon svg {
  fill: var(--white);
  -webkit-transition: all 0.45s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  -o-transition: all 0.45s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  transition: all 0.45s cubic-bezier(0.78, 0.01, 0.32, 1.01);
}

.primary_btn:hover .btn_circle,
.primary_btn:hover .btn_circle:before {
  width: 100%;
  height: 100%;
  -webkit-transform: translateY(-12px) scale(1.6);
  -ms-transform: translateY(-12px) scale(1.6);
  transform: translateY(-12px) scale(1.6);
}

.primary_btn:hover .btn_circle:before {
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
  left: 20%;
}

.btn_circle:before {
  content: "";
  background: rgba(255, 255, 255, 0.5);
  mix-blend-mode: normal;
  -webkit-transition: all 0.8s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  -o-transition: all 0.8s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  transition: all 0.8s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
}

.transparent_btn.primary_bg {
  background: transparent;
  color: var(--dark);
}

.transparent_btn .btn_icon svg {
  fill: var(--dark);
}
.outlined_btn .btn_circle:before,
.transparent_btn .btn_circle:before {
  background: rgba(255, 255, 255, 0.1);
}

.primary_btn.light_bg .btn_circle {
  background: rgba(0, 0, 0, 0.1);
  mix-blend-mode: multiply;
}

.outlined_btn {
  border: 1px var(--grey-brdr) solid;
  color: var(--dark);
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  -o-transition: all 0.3s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  transition: all 0.3s cubic-bezier(0.78, 0.01, 0.32, 1.01);
}

.outlined_btn .btn_icon svg {
  fill: var(--dark);
}

.outlined_btn.light_btn {
  border-color: var(--grey-txt);
  width: 45px;
}

.rounded {
  border-radius: 50%;
}

.outlined_btn.light_btn svg {
  fill: var(--grey-txt);
}

.primary_btn.outlined_btn:hover .btn_icon svg,
.transparent_btn:hover .btn_icon svg {
  fill: var(--white);
}

.transparent_btn:hover {
  color: var(--white);
}

.primary_btn:hover.outlined_btn {
  border-color: transparent;
}

.primary_btn:hover.outlined_btn.light_btn {
  border-color: transparent;
  background-color: rgba(255, 255, 255, 0.1);
}

.primary_btn:hover {
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}

.light_control .btn_icon svg {
  fill: var(--white);
}

.slider_count {
  position: absolute;
  right: 50px;
  bottom: -3em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: var(--secondary);
  gap: 20em;
  font-weight: 500;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

/******Menu Container*******/
.menu_container {
  position: fixed;
  width: 100%;
  height: 100dvh;
  z-index: 100;
  background: rgba(0, 0, 0, 0);
  display: grid;
  grid-template-columns: 70% 30%;
  -webkit-transition: all 1s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  -o-transition: all 1s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  transition: all 1s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  visibility: hidden;
  pointer-events: none;
}

.menu_container.open {
  background: rgba(0, 0, 0, 0.8);
  visibility: visible;
  pointer-events: auto;
}

.menu_body,
.menu_image {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 150px 4em;
  background: var(--dark);
  -webkit-clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
  clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
  -webkit-transition: all 1s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  -o-transition: all 1s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  transition: all 1s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.menu_body {
  overflow-y: scroll;
}

.menu_container.open .menu_body,
.menu_container.open .menu_image {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.menu_image {
  padding: 0;
}

.menu_image img {
  opacity: 0.5;
}

.menu_nav li a {
  color: white;
  font-size: clamp(
    30px,
    0.0555555556 * calc(100 * 1vw),
    100px
  ); /*** responsive text ***/
  padding: 0.1em 0;
  display: block;
  text-transform: uppercase;
}

.menu_nav li.active a {
  color: var(--primary-light);
}

.menu_nav li a:hover {
  color: var(--primary-light);
}

.bottom_menu {
  float: left;
  width: 100%;
  margin-top: 5em;
  gap: 5em;
}

.b_menu_nav li a {
  color: white;
  font-size: 12px;
  letter-spacing: 1px;
  display: block;
  padding: 0.5em 0;
}
/*********Banner Section*********/
.banner,
.project_hero_banner {
  position: relative;
  width: 100%;
  float: left;
  padding: 10em 4em 0;
}

.banner_copy_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: grid;
  grid-template-columns: 1.2fr 0.5fr 0.15fr;
  gap: 2em;
  float: left;
  width: 100%;
  -webkit-box-align: last baseline;
  -ms-flex-align: last baseline;
  align-items: last baseline;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.banner_header {
  font-size: clamp(
    30px,
    0.0555555556 * calc(100 * 1vw),
    100px
  ); /*** responsive text ***/
  color: var(--grey-txt);
  float: left;
}

.typing-slider {
  color: var(--white);
  /* white-space: nowrap; */
}

.about_banner_header .banner_header {
  padding-top: 10svh;
  padding-bottom: 5svh;
  min-height: 10svh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.banner_sub_header {
  color: var(--dark-copy-d-txt);
  font-size: var(--font-size-base);
}

.about_banner_header .banner_bg_container {
  min-height: 55svh;
  margin-top: calc(10svh - 50px);
}

.scroll_to_btn {
  width: 80px;
  height: 80px;
  line-height: 90px;
  position: relative;
  float: right;
  bottom: 0;
  display: block;
  text-align: center;
  fill: white;
}

.scroll_to_btn svg {
  width: 1.5em;
  height: 1.5em;
}

.scroll_to_btn:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 1px var(--grey-txt) solid;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  -webkit-transition: all 0.4s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  -o-transition: all 0.4s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  transition: all 0.4s cubic-bezier(0.78, 0.01, 0.32, 1.01);
}

.scroll_to_btn:hover:before {
  width: 120px;
  height: 120px;
  border-color: white;
}

.banner_bg_container,
.bg_container {
  background-size: cover;
  aspect-ratio: 16 / 8;
  position: relative;
  float: left;
  width: 100%;
  margin-top: 50px;
  position: relative;
}
.parallax_img_container {
  position: relative;
  overflow: hidden;
  float: left;
  width: 100%;
}

.aspect_16_6 {
  aspect-ratio: 16 / 6;
}

.parallax_img_container .bg_container {
  position: absolute;
  width: 100%;
  height: 130%;
  top: -20px;
  left: 0;
}

.video_scale_player .inteactive_icon {
  position: absolute;
  bottom: 50px;
  right: 50px;
  -webkit-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4);
  z-index: 10;
}

.video_scale_player .inteactive_icon:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.bg_container {
  margin-top: 0;
}

.about_banner_header .banner_bg_container {
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
}

.widgets_container,
.map_details_container {
  width: 480px;
  position: absolute;
  bottom: 50px;
  right: 50px;
  display: grid;
  gap: 12px;
}

.bottom_widget_grid {
  gap: 12px;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.rec_sliders {
  float: left;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 5px;
}

.widget_inner_card,
.watch_btn_container,
.widget_card {
  float: left;
  width: 100%;
  padding: 8px;
  gap: 8px;
  display: grid;
  border-radius: 5px;
  grid-template-columns: 0.8fr 1fr;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.widget_card {
  grid-template-columns: 1fr;
  position: relative;
}

.vert_slider {
  position: relative;
  width: 100%;
  float: left;
}

.sqr_sliders .widget_inner_card,
.watch_btn_container,
.widget_card {
  background: rgba(0, 0, 0, 0.9);
  border-radius: 5px;
}

.widget_thumbnail,
.widget_inner_thumbnail {
  width: 100%;
  background-color: var(--dark-copy-d-txt);
  aspect-ratio: 16/12;
  float: left;
  border-radius: 5px;
  background-size: cover;
  background-position: center center;
}

.widget_content {
  display: grid;
  gap: 1em;
  width: 100%;
  float: left;
}

.widget_inner_thumbnail {
  width: 100%;
  float: left;
  border-radius: 5px;
  aspect-ratio: 16/14;
  display: grid;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 12px;
}

.widget_inner_thumbnail:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
}
.pulse_btn {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.widget_title,
.widget_title_abs {
  color: var(--white);
  float: left;
  width: 100%;
  font-size: var(--font-size-sm);
}

.widget_title_abs {
  position: absolute;
  padding: 12px;
  float: left;
  bottom: 0;
  left: 0;
}

.blured_card {
  background: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

/********Section wrapper********/
.section_wrapper {
  width: 100%;
  position: relative;
  padding: 100px 0;
  float: left;
}

.pad_50 {
  padding: 50px 0;
}

.inner_pad_l_r {
  padding-left: 50px;
  padding-right: 50px;
}

.no_pad {
  padding: 0;
}

.no_pad_btm {
  padding-bottom: 0;
}

.light_bg {
  background: var(--white);
}

.abs_bg_right {
  position: absolute;
  right: -2em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40%;
  height: 80%;
  background-size: cover;
  background-image: url("../images/bg/architecture-1.webp");
}

.centered_copy {
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: grid;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.intro_copy_container,
.intro_copy_container2 {
  width: clamp(700px, 0.0555555556 * calc(100 * 1vw), 100px);
  padding-left: 50px;
  padding-top: 50px;
  display: grid;
  gap: clamp(2em, 0.0555555556 * calc(100 * 1vw), 2em);
}

.intro_copy_container2 {
  width: clamp(1200px, 0.0555555556 * calc(100 * 1vw), 100px);
  margin-bottom: 50px;
  padding-top: 0;
}

.intro_copy_container h2,
.intro_copy_container2 h2 {
  font-size: var(--font-size-2xl);
  color: var(--white);
  width: 100%;
  float: left;
}

.centered_copy .logo_frame_container svg {
  -webkit-transform: translateX(-10em);
  -ms-transform: translateX(-10em);
  transform: translateX(-10em);
  position: relative;
}

.section_tag {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translateY(0.5em);
  -ms-transform: translateY(0.5em);
  transform: translateY(0.5em);
}

.reveal-text {
  visibility: hidden;
}

.line {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: transparent;
  -webkit-transition: all 0.6s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  -o-transition: all 0.6s cubic-bezier(0.78, 0.01, 0.32, 1.01);
  transition: all 0.6s cubic-bezier(0.78, 0.01, 0.32, 1.01);
}

.line .word {
  font-weight: 400;
  line-height: 1.4;
}

.tag_title {
  padding: 0.2em;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  font-size: 12px;
  position: relative;
  z-index: 2;
}

.section_tag.dark .tag_title {
  color: var(--white);
  background-color: var(--dark);
}

.section_tag.black .tag_title {
  color: var(--white);
  background-color: #0f0f0f;
}

.section_tag.light .tag_title {
  color: var(--dark);
  background-color: var(--white);
}

.section_tag.white .tag_title {
  color: var(--dark);
  background-color: white;
}

.section_tag.light_blue .tag_title {
  color: var(--dark);
  background-color: #d1d5e0;
}

.section_tag svg {
  z-index: 1;
  -webkit-transform: translateX(-2em);
  -ms-transform: translateX(-2em);
  transform: translateX(-2em);
  width: 2.5em;
}

.container_grid_1 {
  display: grid;
  gap: 1em;
}

.temp_1_2,
.testimonial_section.temp_1_2 {
  grid-template-columns: 1fr 1.5fr;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: clamp(10vw, 2 * calc(100 * 4vw), 200px);
}

.testimonial_section.temp_1_2 {
  grid-template-columns: 0.5fr 1.8fr;
  border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
}

.padding_50,
.padding_100 {
  padding: 50px 0;
  float: left;
  width: 100%;
  position: relative;
}

.padding_100 {
  padding: 100px 0;
}

.pad_right {
  padding-right: 50px;
}

/************Project Card*****************/
.slide_card {
  cursor: pointer;
  float: left;
  width: 100%;
}
.slider_thumbnail_container,
.team_card .slider_thumbnail_container {
  aspect-ratio: 16/10;
  width: 100%;
  position: relative;
  float: left;
  overflow: hidden;
  border-radius: 5px;
}

.team_card .slider_thumbnail_container {
  aspect-ratio: 16/12;
  background-color: #e8dbd2;
}

.team_card {
  padding: 12px;
  border-radius: 5px;
  -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.team_card:hover {
  background: #f0f0f0;
}

.slide_thumb_clip,
.team_card .slider_thumbnail_container .slide_thumb_clip {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: top center;
  -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  background-repeat: no-repeat;
}

.team_card .slider_thumbnail_container .slide_thumb_clip {
  background-size: 70%;
}

.slide_card:hover .slide_thumb_clip {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.blog_container .slide_card {
  border-right: 1px var(--grey-brdr) solid;
  padding: 0 20px 0 0;
  float: left;
  width: 100%;
}

.blog_container .slick-slide:nth-last-child(1) .slide_card {
  border-color: transparent;
  padding: 0 0 0 0;
}

.card_inner_content {
  padding: 12px 0;
  float: left;
  width: 100%;
}

.slider_card_content {
  display: grid;
  gap: 0.1em;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: left;
}

.slider_card_content .card_title {
  color: var(--dark);
}

.slide_card:hover .card_title {
  text-decoration: underline;
}

.alt_card {
  padding: 20px 20px 12px 20px;
  border-radius: 5px;
  -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.alt_card:hover {
  background: rgba(255, 255, 255, 0.1);
}

.alt_card .card_title {
  color: var(--white);
}

.slider_container {
  width: 100%;
  float: left;
  /* padding-left: max(calc((100% - 1650px) / 2), 50px); */
}

.slider_control_container {
  display: block;
  position: relative;
  z-index: 2;
  float: right;
  padding-left: 2em;
}

.light_bg .slider_control_container {
  background-color: var(--white);
}

.light_control .slick-dots li {
  background: rgba(255, 255, 255, 0.1);
}

.light_control li.slick-active {
  background: var(--primary);
}
.right_aligned {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.thumb_tag_container {
  position: absolute;
  top: 1em;
  left: 1em;
  z-index: 10;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.thumb_tags,
.blog_tag {
  padding: 0 1em;
  height: 25px;
  line-height: 25px;
  float: left;
  background: rgba(0, 0, 0, 0.3);
  color: white;
  border-radius: 5px;
  font-size: var(--font-size-xs);
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  white-space: nowrap;
}

.blog_tag {
  border: 1px var(--grey-brdr) solid;
  background: transparent;
  color: var(--dark);
}

.prev.slick-disabled,
.nxt.slick-disabled,
.disabled {
  opacity: 0.25;
  pointer-events: none;
}

/**********Pinned container**********/

.pin_container {
  position: relative;
  width: 100%;
  overflow: hidden;
  float: left;
}

.pin_content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: calc(100dvh - 200px);
}

.object_img_container {
  position: relative;
  /* width: clamp(100px, 0.5 * calc(100 * 2vw), 590px); */
  display: block;
  float: left;
  text-align: center;
}

.pinned_object_image {
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: clamp(100px, 2 * calc(100 * 4vw), 40vw);
  height: clamp(100px, 2 * calc(100 * 4vw), 25vw);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.object_move_holder {
  position: relative;
  left: 0;
  z-index: 100;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  place-items: center;
  float: left;
}

.object_move {
  width: 100%;
  float: left;
}

.object_move .slider_thumbnail_container {
  width: clamp(50vw, 2 * calc(100 * 4vw), 200px);
}

.interactive_icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.2);
  -ms-transform: translate(-50%, -50%) scale(0.2);
  transform: translate(-50%, -50%) scale(0.2);
  z-index: 10;
  background: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 50%;
  width: 62px;
  height: 62px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.interactive_icon:before {
  content: "";
  width: 80px;
  height: 80px;
  border: 1px white solid;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.2);
  -ms-transform: translate(-50%, -50%) scale(0.2);
  transform: translate(-50%, -50%) scale(0.2);
  -webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  z-index: -1;
}

.interactive_icon svg {
  width: 42px;
}

.alt_card:hover .interactive_icon,
.vr_body .interactive_icon {
  -webkit-transform: translate(-50%, -50%) scale(1.2);
  -ms-transform: translate(-50%, -50%) scale(1.2);
  transform: translate(-50%, -50%) scale(1.2);
  opacity: 1;
  background: rgba(255, 255, 255, 0.8);
}

.alt_card:hover .interactive_icon:before,
.vr_body .interactive_icon:before {
  -webkit-transition-delay: 0.05s;
  -o-transition-delay: 0.05s;
  transition-delay: 0.05s;
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

.vr_loader {
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.vr_loader .interactive_icon {
  -webkit-animation: rotate 2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  animation: rotate 2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}

.vr_loader .vr_load_text {
  color: var(--dark-copy-d-txt);
  margin-top: 150px;
  display: block;
  -webkit-animation: pulsate 1s linear infinite;
  animation: pulsate 1s linear infinite;
}

@-webkit-keyframes pulsate {
  0% {
    opacity: 0.2;
  }

  100% {
    opacity: 1;
  }
}

@keyframes pulsate {
  0% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: translate(-55%, -50%) rotate(0deg);
    transform: translate(-55%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-55%, -50%) rotate(360deg);
    transform: translate(-55%, -50%) rotate(360deg);
  }
}

/***********Team section**********/
.team_slider_container .slick-slide {
  padding: 0;
}
.team_image_slide {
  position: relative;
  display: block;
  width: 80%;
  height: clamp(100px, 2 * calc(100 * 4vw), 40vw);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 90% center;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
}
.slick-current .team_image_slide {
  -webkit-filter: blur(0);
  filter: blur(0);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.team_slider_info_container {
  padding: 20px;
  max-width: clamp(650px, 0.0555555556 * calc(100 * 1vw), 100px);
  position: absolute;
  bottom: 50px;
  left: 50px;
  background: rgba(222, 225, 232, 0.9);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 5px;
}

.team_info_slide {
  color: var(--dark-copy-l-txt);
}

.team_info_slide hr {
  border-color: rgba(0, 0, 0, 0.2);
}

/********Brand logo slide*********/
.brand_slide_container {
  background: #f1f1f1;
  float: left;
  width: 100%;
  border-bottom: 1px var(--grey-brdr) solid;
}

.brand_header {
  text-transform: uppercase;
  letter-spacing: 1px;
  white-space: nowrap;
  display: grid;
}

.brand_logo,
.brand_header {
  padding: 80px 50px;
  float: left;
  position: relative;
  display: grid;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  align-self: center;
}

.brand_logo_container,
.brand_logo {
  width: 100%;
  float: left;
  border-left: 1px var(--grey-brdr) solid;
}

.brand_logo:nth-child(1) {
  border: none;
}

.brand_logo_container {
  overflow-x: scroll;
  width: calc(100vw - 200px);
  float: left;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.brand_logo_container::-webkit-scrollbar,
.tabs::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.brand_logo_container,
.tabs {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.brand_logo {
  -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.brand_logo img {
  width: clamp(120px, 0.0555555556 * calc(100 * 1vw), 100px);
}

.brand_logo button {
  position: absolute;
  bottom: 10px;
  right: 20px;
  opacity: 0;
  -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
}

.brand_logo:hover button {
  opacity: 1;
  bottom: 20px;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  pointer-events: none;
}

.brand_logo:hover {
  background: #fff;
}

/*******Tabs styling*******/
.tabs {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  background: transparent;
  border-radius: 5px;
  width: auto;
  padding: 4px;
  float: left;
}

.tab {
  cursor: pointer;
  padding: 12px 20px;
  font-size: var(--font-size-sm);
  position: relative;
  z-index: 10;
  border-radius: 5px;
  text-align: center;
  color: var(--dark-copy-l-txt);
  -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.tab.active {
  color: white;
}

.tabs.dark .tab {
  color: var(--white);
}

.tabs.dark .tab.active {
  color: var(--dark);
}

.underline {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  height: 70%;
  background: #424242;
  width: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 5px;
}

.tabs.light .underline {
  background: var(--dark-copy-l-txt);
}

.tabs.dark .underline {
  background: var(--cream);
}

/*******Interactive Map********/
.hoverable_point:hover,
.active_map {
  fill: #527179;
  stroke: #9ed3e2;
  cursor: pointer;
  -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.disabled_txt {
  pointer-events: none;
}

.map_details_container {
  position: absolute;
  bottom: 50px;
  right: auto;
  left: 50px;
}

.widget_outer_card,
.map_details_container .widget_outer_card {
  background-color: #212324;
  float: left;
  width: 100%;
  border-radius: 5px;
}

.widget_vert_slider {
  height: 168px;
  overflow: hidden;
}

.min_widget_vert_slider {
  height: 75px;
  overflow: hidden;
}

.widget_vert_slider .slick-slide {
  padding: 0;
  margin: 0;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.widget_vert_slider .slick-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.map_details_container .widget_inner_card {
  background-color: #212324;
}

.abbrv_tag {
  width: 34px;
  height: 34px;
  background-color: #567f81;
  border-radius: 5px;
  color: var(--white);
  line-height: 34px;
  text-align: center;
}

.interactive_map_container svg,
.interactive_map_container img {
  width: clamp(50vw, 2 * calc(100 * 2vw), 200px);
  height: clamp(40vw, 2 * calc(100 * 2vw), 200px);
}

.location_map_container {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.map_slides {
  width: clamp(50vw, 2 * calc(100 * 2vw), 200px);
}

/********main_footer*******/
.main_footer {
  position: relative;
  width: 100%;
  float: left;
  padding: 100px 50px;
}

.footer_grid_2 {
  border-top: 1px rgba(255, 255, 255, 0.1) solid;
  border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
  float: left;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10em;
  padding: 50px 0;
  position: relative;
}

.footer_grid_2:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 1px;
  height: 70%;
  background: rgba(255, 255, 255, 0.1);
}

.subscription_form {
  position: relative;
  min-width: 400px;
  float: left;
}

.sub_email_field {
  background: transparent;
  border: 1px #414141 solid;
  border-radius: 5px;
  width: 100%;
  float: left;
  padding: 12px;
  color: white;
  height: 46px;
  -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.sub_email_field:focus {
  border: 1px #747474 solid;
}

.sub_btn {
  position: absolute;
  right: 4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 38px;
  height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
}
.social_links li a,
.social_links2 li {
  float: left;
  padding: 12px;
  line-height: 12px;
  border-radius: 5px;
  -webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}

.social_links li a:hover {
  background: rgba(255, 255, 255, 0.1);
}

.team_card .social_links2 {
  position: absolute;
  bottom: 12px;
  right: 12px;
  z-index: 10;
}

.social_links2 li {
  background: var(--cream);
}

.social_links2 li svg {
  fill: var(--dark);
}

.linkedin-icon {
  width: 20px;
  height: 20px;
  background-image: url("../images/icons/linkedin2.svg");
  background-size: contain;
  display: block;
}

.footer_nav_link {
  float: left;
  width: 100%;
}

.footer_menu_nav {
  float: left;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.footer_menu_nav span {
  color: #989898;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
  float: left;
  font-size: 12px;
}
.footer_menu_nav li a {
  color: var(--white);
  float: left;
  width: 100%;
  padding: 5px 0;
}

/*******footer_btm*******/
.footer_btm {
  float: left;
  width: 100%;
  padding: 50px 0 0 0;
}
.footer_btm span {
  color: var(--dark-copy-d-txt);
}

.footer_btm_nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1em;
}

.footer_btm_nav ul li a {
  padding: 5px;
  float: left;
  color: white;
}
.agency_logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5em;
}
.agency_logo svg {
  width: 2.5em;
  height: auto;
}

/******Page Styling*******/
.project_banner_grid {
  display: grid;
  grid-template-columns: 1fr 0.3fr;
  margin-top: 50px;
}

.project_banner_grid.single {
  grid-template-columns: 1fr;
}

.project_banner_grid .slider_thumbnail_container {
  aspect-ratio: 16/8;
}

.project_banner_grid.single .slider_thumbnail_container {
  aspect-ratio: 16/6;
}

.inquiry_container {
  background-size: cover;
  position: relative;
  display: grid;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 50px;
  width: 100%;
  text-align: center;
  border-radius: 5px;
  overflow: hidden;
}

.inquiry_container:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.15);
}

.inquiry_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  float: left;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 3em;
}

.project_banner_grid .slider_thumbnail_container:before,
.project_banner_grid .slider_thumbnail_container:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.project_banner_grid .slider_thumbnail_container:after {
  content: "";
  background-image: -o-linear-gradient(transparent 10%, rgba(0, 0, 0, 0.2));
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, transparent), to(rgba(0, 0, 0, 0.2)));
  background-image: linear-gradient(transparent 10%, rgba(0, 0, 0, 0.2));
}

.interactive_option_container {
  position: absolute;
  bottom: 12px;
  right: 12px;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1em;
}

.interactive_card {
  padding: 20px;
  float: left;
  border-radius: 5px;
  min-width: 230px;
  cursor: pointer;
  -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.interactive_card.dark {
  background: #3c3b38;
  color: white;
}

.interactive_card.light {
  background: var(--white);
  color: var(--dark);
}

.inteactive_icon {
  width: 42px;
  height: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  float: right;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}

.interactive_card.dark .inteactive_icon,
.inteactive_icon {
  background: var(--white);
}
.interactive_card.light .inteactive_icon {
  background: #e1e1e1;
}

.interactive_card.dark:hover {
  background: var(--dark);
}

.interactive_card.light:hover {
  background: #e1e1e1;
}

.interactive_card.light:hover .inteactive_icon {
  background: var(--white);
}

.interactive_card .inteactive_icon svg,
.inteactive_icon svg {
  width: 18px;
  height: 18px;
  color: var(--dark);
}

.interactive_card:hover {
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}

.project_outline {
  float: left;
  width: 100%;
  padding: 50px 0;
  border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
}

.project_summary_container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  float: left;
  width: 100%;
  padding: 50px 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
}

.project_summary,
.project_content {
  float: left;
  width: 100%;
}
.project_summary {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px;
}

.project_content p {
  font-size: var(--font-size-md);
  color: var(--white);
}

.article_content p {
  font-size: var(--font-size-md);
  padding: 10px 0;
}
.article_content {
  color: var(--dark-copy-d-txt);
}

.article_content strong,
.article_content h2 {
  color: white;
  font-weight: 500;
}

.article_content a {
  color: var(--primary-light);
  font-weight: 500;
}

.article_content iframe {
  width: 100%;
  padding: 50px 0;
  height: clamp(550px, 0.0555555556 * calc(100 * 1vw), 100px);
  float: left;
}

.project_counter {
  position: absolute;
  right: 50px;
  bottom: -20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.prop_count_header {
  margin-top: 30px;
}

.grid_4 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 12px;
}

.grid_center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  place-content: center;
}
.featureWrapper {
  margin-top: 50px;
  float: left;
  width: 100%;
}
.feature_card_display {
  display: none;
}

.zig-offset {
  margin-top: 60px; /* tweak for your zigzag height */
}

.feature_card {
  width: 100%;
  float: left;
  background: #fff;
  text-align: center;
  height: clamp(350px, 0.0555555556 * calc(100 * 1vw), 100px);
  display: grid;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.feature_card.feat_img {
  padding: 12px;
  background: rgba(255, 255, 255, 0.1);
  float: left;
  width: 100%;
  display: block;
}

.feature_card.n_img {
  padding: 12px;
  text-align: left;
  display: block;
  position: relative;
  height: auto;
}

.pinned_n_card {
  width: 400px;
}

.feature_card.n_img img {
  width: 100%;
  display: block;
  float: left;
  margin-top: 14px;
  aspect-ratio: 16/15;
}

.feature_card.feat_img .featured_card_title {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  padding: 12px;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  font-size: var(--font-size-sm);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

/******About page******/
.img_container {
  width: 100%;
  aspect-ratio: 16/10;
  float: left;
  background-size: cover;
}

.banner_bg_container .vidbacking {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 100;
}

.bordered_section {
  border-top: 1px rgba(255, 255, 255, 0.1) solid;
  border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
}

.light_bg .bordered_section {
  border-top: 1px rgba(0, 0, 0, 0.1) solid;
  border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
}

.accordion_container {
  border-left: 1px rgba(255, 255, 255, 0.1) solid;
}

.light_bg .testimonial_container {
  border-left: 1px rgba(0, 0, 0, 0.1) solid;
}

.team_container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  /* gap: 12px; */
}

.testimonial_container {
  padding: 20px 50px;
  float: left;
  width: 100%;
  overflow: hidden;
}

.testimonial_content {
  float: left;
  width: 100%;
  display: block;
}

.testimonial_body {
  width: calc(100% / 1.5);
  float: left;
  margin-bottom: 8em;
}

.testimonial_body p {
  font-size: var(--font-size-lg);
  float: left;
  width: 100%;
}

.testimonial_body p:before {
  content: '"';
  margin-bottom: 0.2em;
  display: block;
  font-size: var(--font-size-xl);
}

.test_control_move {
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
  margin-bottom: -20px;
}

/*********Accordians**********/
.accordion_child_container {
  position: relative;
  float: left;
  width: 100%;
}
.accordion_child_container .par__sect_ {
  position: relative;
  height: 0;
  opacity: 1;
  padding: 0 50px;
  overflow: hidden;
  -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.accordion_child_container.active .par__sect_ {
  opacity: 1;
  float: left;
  width: 100%;
  padding: 20px 50px;
  height: clamp(140px, 0.0555555556 * calc(100 * 1vw), 100px);
}

.accordion_child_container .par__sect_ {
  margin-top: 0;
  float: left;
  width: 100%;
  color: var(--dark-copy-d-txt);
  font-size: var(--font-size-sm);
}

.accordion_child_container .par__sect_ ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.accordion_child_header {
  float: left;
  width: 100%;
  color: white;
  border-top: 1px rgba(255, 255, 255, 0.1) solid;
  border-bottom: 1px transparent solid;
  padding: 20px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 400;
  font-size: var(--font-size-md);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.accordion_child_container:nth-child(1) .accordion_child_header {
  border-color: transparent;
}

.accordion_child_container.active .accordion_child_header {
  color: var(--white);
  border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
}
.accordion_icon {
  -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}
.accordion_child_container.active .accordion_icon {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.accordion_child_container:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0%;
  left: 0;
  height: 1px;
  /* background-color: white; */
  -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.accordion_child_container.active:before {
  width: 100%;
}

.border-header {
  float: left;
  width: 100%;
  padding: 20px 50px;
}

/******Projects Page********/
.select_field_container {
  float: left;
  display: block;
  min-width: 20em;
  position: relative;
}
.select_field_container label {
  color: var(--white);
  font-size: var(--font-size-sm);
  float: left;
  width: 100%;
  margin-bottom: 1em;
}

.select_dropdown {
  font-size: var(--font-size-md);
  position: relative;
  float: left;
  width: 100%;
  /* background-color: #3c3b38; */
  /* padding: 12px; */
  border-radius: 5px;
}

.sticky_header {
  float: left;
  position: relative;
  width: 100%;
  background: var(--dark);
}

.inner_sticky_header {
  float: left;
  width: 100%;
  padding: 50px 50px 50px 50px;
  position: relative;
}

.outer_sticky_header {
  margin-top: 50px;
  padding: 12px 50px;
  float: left;
  background: var(--cream);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.grid_3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.pagination {
  float: left;
  padding: 50px 0;
}

.page-numbers .active {
  /* background: var(--primary); */
  color: var(--dark);
  border-color: var(--dark);
  pointer-events: none;
}

.pagination .primary_btn:hover {
  color: white;
}

/*******Contact Page*******/
.contact_list_container {
  float: left;
  width: 100%;
  padding: 0 0;
  display: grid;
}
.contact_card {
  width: 100%;
  position: relative;
  float: left;
  display: grid;
  grid-template-columns: 0.5fr 1fr;
  border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
  padding: 50px 0;
  gap: 50px;
}

.contact_list_container .contact_card:nth-last-child(1) {
  border-bottom: 1px transparent solid;
  padding-bottom: 0;
}

.contact_img_container {
  aspect-ratio: 16/8;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 5px;
}

.contact_body_container {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: grid;
}

.contact_list_container.loading {
  opacity: 0.5;
  pointer-events: none;
}

.widget_content a {
  color: var(--primary-light);
}

/********Offer Modal********/
.offer_modal_container {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000000;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.offer_modal_container.open {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.offer_modal_body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: calc(100% - 40svw);
  position: fixed;
  background: white;
  top: 60%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10000;
  -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  opacity: 0;
  visibility: hidden;
}

.offer_modal_container.open .offer_modal_body {
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  opacity: 1;
  visibility: visible;
  top: 50%;
}

.offer_modal_details,
.offer_modal_form {
  width: 100%;
  float: left;
  padding: 100px 20px 20px;
  background: var(--dark);
}

.offer_modal_form {
  background: white;
}

.offer_modal_header {
  color: var(--white);
  float: left;
  width: 100%;
}

.modal_project_title {
  color: var(--primary-light);
}

.offer_modal_description {
  color: var(--dark-copy-d-txt);
}

.field_container {
  float: left;
  width: 100%;
  display: grid;
  gap: 20px;
}

.field_group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.field_row,
.input_field {
  float: left;
  width: 100%;
  position: relative;
}

.input_field {
  padding: 12px 0;
  border: none;
  border-bottom: 1px rgba(0, 0, 0, 0.2) solid;
  -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.input_field:focus {
  border-bottom: 1px rgba(0, 0, 0, 0.8) solid;
}

.field_row label {
  text-transform: uppercase;
  color: var(--dark);
  font-weight: 500;
  font-size: var(--font-size-xs);
  letter-spacing: 1px;
}

.asteriks {
  color: var(--primary);
}

/*********Video Modal**********/

.video_player_modal,
.vr_container {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: fixed;
  z-index: 100000;
  background: var(--dark);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  -webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  pointer-events: none;
}

.video_player_modal.open,
.vr_container.open {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  pointer-events: auto;
}

.vr_container iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.video_body {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.video_body iframe {
  width: calc(50dvw + 5em);
  aspect-ratio: 16/9;
  visibility: hidden;
}

.video_player_modal.open .video_body iframe {
  visibility: visible;
}

.close_vid_icon {
  position: absolute;
  width: 50px;
  height: 50px;
  line-height: 60px;
  text-align: center;
  right: 20px;
  bottom: 20px;
  border-radius: 50%;
  fill: var(--white);
  border: 1px var(--white) solid;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.close_vid_icon.dark {
  bottom: auto;
  top: 20px;
  border: 1px rgba(0, 0, 0, 0.5) solid;
}

.close_vid_icon.dark svg {
  fill: var(--dark);
}

.vr_container .close_vid_icon:hover {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.close_vid_icon:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: -1;
}

.close_vid_icon svg {
  fill: var(--white);
  width: 1.5em;
  height: 1.5em;
}

/*********Reuseable CSS**********/

.align-center {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.flexed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.grid_display {
  display: grid;
  grid-template-columns: 1fr;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.grid_display svg {
  fill: var(--white);
}

.flex_center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.justify_center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex_vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}
.gap_05 {
  gap: 0.5em;
}
.gap_1 {
  gap: 1em;
}

.gap_50 {
  gap: 50px;
}

.grid_column_3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10%;
  position: relative;
  width: 100%;
  float: left;
}

.space_between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.w_80 {
  width: 80%;
}

.w_70 {
  width: 70%;
}

.w_50 {
  width: 50%;
}

.w_45 {
  width: 45%;
}

.w_15 {
  width: 15%;
}

.text-right {
  text-align: right;
  float: right;
}

.hide_on_desktop,
.hide,
.section_tag {
  display: none;
}

.text_m {
  font-weight: 500;
}

.text_l {
  font-weight: 100;
}

.fs_xl {
  font-size: var(--font-size-xl);
}

.fs_l {
  font-size: var(--font-size-lg);
}

.fs_md {
  font-size: var(--font-size-md);
}

.fs_sm {
  font-size: var(--font-size-sm);
}

.fs_xs {
  font-size: var(--font-size-xs);
}

.strike_txt {
  text-decoration: line-through;
}

.uppercase {
  text-transform: uppercase;
  letter-spacing: 1px;
}