@import url("reset.css");
@import url("fonts.css");
@import url("page_transition.css");
:root {
  --bg-color: #141414;
  --main-color: red;
  --main-blue: #0561e6;
  --secondary-blue: #00aaeb;
  --main-green: #0fb774;
  --darker-blue: #00a4e5;
  --main-orange: #ff9d00;
  --ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --main-font: "Metropolis Regular", sans-serif;
  --main-font-thin: "Metropolis Thin";
  --main-font-light: "Metropolis Light";
  --main-font-medium: "Metropolis Medium";
  --main-font-bold: "Metropolis Bold";
  --font-b: "Ailerons";
  --max-width: 1200px;
  --max-width-md: 1100px;
  --max-width-sm: 900px;
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
}

html {
  font-size: 14px;
  background: var(--bg-color);
  color: #fff;
  font-family: var(--main-font-light);
}

html {
  overflow-x: hidden;
}

.main_page_content:after {
  content: url("../img/sprites/0001.png") url("../img/sprites/0002.png")
    url("../img/sprites/0003.png") url("../img/sprites/0004.png")
    url("../img/sprites/0005.png") url("../img/sprites/0006.png")
    url("../img/sprites/0007.png") url("../img/sprites/0008.png")
    url("../img/sprites/0009.png") url("../img/sprites/0010.png")
    url("../img/sprites/0011.png") url("../img/sprites/0012.png")
    url("../img/sprites/0013.png") url("../img/sprites/0014.png")
    url("../img/sprites/0015.png") url("../img/sprites/0016.png")
    url("../img/sprites/0017.png") url("../img/sprites/0018.png")
    url("../img/sprites/0019.png") url("../img/sprites/0020.png")
    url("../img/sprites/0021.png") url("../img/sprites/0022.png")
    url("../img/sprites/0023.png") url("../img/sprites/0024.png")
    url("../img/sprites/0025.png") url("../img/sprites/0026.png")
    url("../img/sprites/0027.png") url("../img/sprites/0028.png")
    url("../img/sprites/0029.png") url("../img/sprites/0030.png")
    url("../img/sprites/0031.png") url("../img/sprites/0032.png")
    url("../img/sprites/0033.png") url("../img/sprites/0034.png")
    url("../img/sprites/0035.png") url("../img/sprites/0036.png")
    url("../img/sprites/0037.png") url("../img/sprites/0038.png")
    url("../img/sprites/0039.png") url("../img/sprites/0040.png")
    url("../img/sprites/0041.png") url("../img/sprites/0042.png")
    url("../img/sprites/0043.png") url("../img/sprites/0044.png")
    url("../img/sprites/0045.png") url("../img/sprites/0046.png")
    url("../img/sprites/0047.png") url("../img/sprites/0048.png")
    url("../img/sprites/0049.png") url("../img/sprites/0050.png")
    url("../img/sprites/0051.png") url("../img/sprites/0052.png")
    url("../img/sprites/0053.png") url("../img/sprites/0054.png")
    url("../img/sprites/0055.png") url("../img/sprites/0056.png")
    url("../img/sprites/0057.png") url("../img/sprites/0058.png")
    url("../img/sprites/0059.png") url("../img/sprites/0060.png")
    url("../img/sprites/0061.png") url("../img/sprites/0062.png")
    url("../img/sprites/0063.png") url("../img/sprites/0064.png")
    url("../img/sprites/0065.png") url("../img/sprites/0066.png")
    url("../img/sprites/0067.png") url("../img/sprites/0068.png")
    url("../img/sprites/0069.png") url("../img/sprites/0070.png")
    url("../img/sprites/0071.png") url("../img/sprites/0072.png")
    url("../img/sprites/0073.png") url("../img/sprites/0074.png")
    url("../img/sprites/0075.png") url("../img/sprites/0076.png")
    url("../img/sprites/0077.png") url("../img/sprites/0078.png")
    url("../img/sprites/0079.png") url("../img/sprites/0080.png")
    url("../img/sprites/0081.png") url("../img/sprites/0082.png")
    url("../img/sprites/0083.png") url("../img/sprites/0084.png")
    url("../img/sprites/0085.png") url("../img/sprites/0086.png")
    url("../img/sprites/0087.png") url("../img/sprites/0088.png")
    url("../img/sprites/0089.png") url("../img/sprites/0090.png")
    url("../img/sprites/0091.png") url("../img/sprites/0092.png")
    url("../img/sprites/0093.png") url("../img/sprites/0094.png")
    url("../img/sprites/0095.png") url("../img/sprites/0096.png")
    url("../img/sprites/0097.png") url("../img/sprites/0098.png")
    url("../img/sprites/0099.png") url("../img/sprites/0100.png")
    url("../img/sprites/0101.png") url("../img/sprites/0102.png")
    url("../img/sprites/0103.png") url("../img/sprites/0104.png")
    url("../img/sprites/0105.png") url("../img/sprites/0106.png")
    url("../img/sprites/0107.png") url("../img/sprites/0108.png")
    url("../img/sprites/0109.png") url("../img/sprites/0110.png")
    url("../img/sprites/0111.png") url("../img/sprites/0112.png")
    url("../img/sprites/0113.png") url("../img/sprites/0114.png")
    url("../img/sprites/0115.png") url("../img/sprites/0116.png")
    url("../img/sprites/0117.png") url("../img/sprites/0118.png")
    url("../img/sprites/0119.png") url("../img/sprites/0120.png")
    url("../img/sprites/0121.png") url("../img/sprites/0122.png")
    url("../img/sprites/0123.png") url("../img/sprites/0124.png")
    url("../img/sprites/0125.png") url("../img/sprites/0126.png")
    url("../img/sprites/0127.png") url("../img/sprites/0128.png")
    url("../img/sprites/0129.png") url("../img/sprites/0130.png")
    url("../img/sprites/0131.png") url("../img/sprites/0132.png")
    url("../img/sprites/0133.png") url("../img/sprites/0134.png")
    url("../img/sprites/0135.png") url("../img/sprites/0136.png")
    url("../img/sprites/0137.png") url("../img/sprites/0138.png")
    url("../img/sprites/0139.png") url("../img/sprites/0140.png")
    url("../img/sprites/0141.png") url("../img/sprites/0142.png")
    url("../img/sprites/0143.png") url("../img/sprites/0144.png")
    url("../img/sprites/0145.png") url("../img/sprites/0146.png")
    url("../img/sprites/0147.png") url("../img/sprites/0148.png")
    url("../img/sprites/0149.png") url("../img/sprites/0150.png");
  display: none;
  position: absolute;
  width: 1px;
  height: 1px;
  z-index: -100;
  left: -100%;
  top: -100%;
  opacity: 0;
}

.text_infront_loop,
.studio_big_loop_text .inner_studio_big_loop_text h1,
.studio_big_loop_text_02 .inner_studio_big_loop_text h1,
.tech_big_loop_text .inner_tech_big_loop_text h1,
.about_big_loop_text .inner_about_big_loop_text h1 {
  font-size: 5rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-family: var(--main-font-bold);
}

.__thin_font,
.technology_main .technology_main_top h1,
.each_projects_main .each_projects_main_top h1,
.proj_details .right h1,
.project_container .each_cat h1,
.projects_main .projects_main_top h1,
.line span.animate_ele,
.line span.text_size,
.about_main .about_main_top h1,
.our_team .inner_our_team h1,
.our_client .inner_our_client h1,
.studio_main .studio_main_top h1,
.contact_main .contact_main_top h1,
.contact_main .newsroom_main_top h1,
.newsroom_main .contact_main_top h1,
.newsroom_main .newsroom_main_top h1,
.home_clients .inner_our_client h2,
.home_services .inner_home_services h2,
.home_services .inner_home_services h1,
.home_awards .award_each h2,
.home_awards .award_each h1,
.home_media .inner_home_media h2,
.home_media .inner_home_media h1 {
  font-family: var(--main-font-thin);
  line-height: 1.3;
  font-weight: 300;
}

.__page_title,
.technology_main .technology_main_top h1,
.each_projects_main .each_projects_main_top h1,
.projects_main .projects_main_top h1,
.line span.animate_ele,
.line span.text_size,
.about_main .about_main_top h1,
.studio_main .studio_main_top h1,
.contact_main .contact_main_top h1,
.contact_main .newsroom_main_top h1,
.newsroom_main .contact_main_top h1,
.newsroom_main .newsroom_main_top h1 {
  font-size: 6rem;
  text-transform: uppercase;
}

.mid_max_width,
.each_proj_des .inner_each_proj_des,
.about_features .each_about_feature,
.project_container .each_about_feature,
.project_container .each_cat {
  max-width: var(--max-width-md);
  margin: 0 auto;
  width: 100%;
}

.load-container {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  z-index: 30;
  /*background: #141414;*/
  pointer-events: none;
}

.loading-screen {
  position: absolute;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  background-color: #141414;
  width: 100%;
  height: 100%;
  clip-path: inset(0% 0% 0% 0%);
  z-index: 31;
}
.loading-screen:after {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #141414;
  content: "";
  left: 0;
  top: 0;
  z-index: -1;
}
.loading-screen .logo {
  position: fixed;
  left: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  top: 75%;
  transform: translate(-50%, -50%);
  opacity: 0;
  text-align: center;
  z-index: 32;
}
.loading-screen .logo img {
  width: 25rem;
}
.loading-screen .logo small {
  display: block;
  font-family: var(--base-font-fam);
  font-size: 0.85rem;
  color: white;
  margin-top: 1.5rem;
  font-weight: 100;
  letter-spacing: 0.1rem;
  white-space: nowrap;
  opacity: 0;
  text-transform: uppercase;
}

.__mt-5 {
  margin-top: 5rem;
}

.__mt-3 {
  margin-top: 3rem;
}

.__mb-3 {
  margin-bottom: 3rem;
}

.__mt-2 {
  margin-top: 2rem;
}

.__mb-2 {
  margin-bottom: 2rem;
}

.__mt-1 {
  margin-top: 1rem;
}

.__mb-1 {
  margin-bottom: 1rem;
}
.__mt-0 {
  margin-top: 0 !important;
}

.__mb-0 {
  margin-bottom: 0 !important;
}

.__txt-center {
  text-align: center;
}

.__txt-white {
  color: white;
}

.__txt-blue {
  color: var(--main-blue);
}

.__txt-dark-blue {
  color: var(--darker-blue);
}

.__txt-underline {
  text-decoration: underline;
}

.__flex-center {
  justify-content: center;
  align-items: center;
}

.__links a {
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  font-family: var(--main-font-medium);
  font-size: 1.25rem;
  color: var(--darker-blue);
}
.__links a span {
  display: inline-block;
  position: relative;
}
.__links a span:after {
  content: "";
  position: absolute;
  bottom: -0.25rem;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--darker-blue);
  transition: all 0.15s linear;
}
.__links a img {
  margin-left: 0.5rem;
  width: 2.5rem;
}
.__links a:hover span:after {
  width: 100%;
  transition: all 0.15s linear;
}

.border-b {
  border-bottom: 1px solid #808080;
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
@media (min-width: 576px) {
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (min-width: 768px) {
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
}
@media (min-width: 992px) {
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}

ul.list {
  list-style: disc;
  padding-left: 2rem;
}
ul.list li {
  list-style: disc;
  font-size: 1.3rem;
  margin-bottom: 10px;
  line-height: 1.4;
}

.d-inline-block {
  display: inline-block;
}
.text-center {
  text-align: center;
}
.flex-column {
  display: flex;
  flex-direction: column;
}

.vid-seq {
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: hidden;
  z-index: 1;
  display: block;
  /* display:none;  testing purpose */
  background-color: var(--bg-clr);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  background-image: url("../img/sprites/0001.png");
}
.vid-seq .still_cover {
  /*background-color: red;*/
  background-image: url("../img/sprites/0001.png");
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  position: absolute;
  z-index: 0;
}
.vid-seq img {
  position: absolute;
  width: 50%;
  height: 50%;
  left: 0;
  z-index: -1;
  opacity: 0;
}

#intro {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  z-index: 0;
  display: grid;
  place-content: center;
  background: var(--bg-color);
}
#intro canvas {
  position: fixed;
  min-width: 100%;
  min-height: 100%;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}

.bg {
  width: 100vw;
}

.__max_width_wrap,
.studio_des .inner_des,
.about_des .inner_des,
.studio_big_loop_text .inner_studio_big_loop_text,
.studio_big_loop_text_02 .inner_studio_big_loop_text,
.tech_big_loop_text .inner_tech_big_loop_text,
.about_big_loop_text .inner_about_big_loop_text,
.sub_des .inner_sub_des,
.tech_img_block .inner_tech_img_block,
.our_team .inner_our_team,
.our_client .inner_our_client,
.studio_features .inner_studio_featreus,
.studio_hero_feature .hero_features_des,
.studio_hero_feature .inner_studio_hero_feature,
.newsroom_content .inner_newsroom_content,
.contact_content .inner_contact_content,
.home_services .inner_home_services,
.home_media .inner_home_media {
  max-width: var(--max-width);
  margin: 0 auto;
  width: 100%;
}

.__max_width_wrap_md,
.demo_vid .inner_demo_vid,
.demo .inner_demo,
.type_of_applicatio .inner_type_of_applicatio {
  max-width: var(--max-width-md);
  margin: 0 auto;
  width: 100%;
}

.__paragraph,
.demo p,
.type_of_applicatio .each_apps .apps_des p,
.each_projects_main .each_projects_main_bottom p,
.projects_main .projects_main_bottom p,
.studio_features .left_align_feature_row .feature_des p,
.studio_features .right_align_feature_row .feature_des p,
.studio_features .full_width_feature_row .feature_des p,
.studio_hero_feature .hero_features_des p {
  font-size: 1.4rem;
  line-height: 1.5;
}

nav {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  padding: 2rem 3rem;
  z-index: 5;
  transform: translateY(0%);
}
nav .mobile_menu_overlay {
  display: none;
}
nav:after {
  height: 0;
  left: 0;
  top: 0;
  content: "";
  background: rgba(0, 0, 0, 0.85);
  transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  backdrop-filter: blur(10px);
  position: absolute;
  width: 100%;
  z-index: -1;
}
nav.__hide {
  transform: translateY(-100%);
}
nav.stick {
  position: fixed;
  width: 100%;
  /*        .inner_nav {

              transition: all .1s linear 0s;

              & > a {
                  img {
                      height: 5.5rem;
                      transition: all .1s linear 0s;
                  }
              }

              .links a {
                  transition: all .15s linear;
                  font-size: 1rem;
              }
          }*/
}
nav.stick:after {
  height: 100%;
  transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
nav .inner_nav {
  display: flex;
  align-items: center;
  position: relative;
}
nav .inner_nav .mobile_menu {
  display: none;
  position: absolute;
  right: 0;
  padding: 1rem;
}
nav .inner_nav > a {
  position: relative;
  z-index: 2;
}
nav .inner_nav > a img {
  height: 7rem;
  transition: all 0.1s linear 0s;
}
nav .links {
  margin-left: auto;
  display: flex;
  align-items: center;
}
nav .links a {
  color: white;
  display: inline-block;
  padding: 0.7rem 0;
  margin-right: 3rem;
  position: relative;
  opacity: 1;
  transition: all 0.15s linear;
  font-size: 1rem;
  /*font-family: var(--main-font-medium);*/
}
nav .links a:after {
  content: "";
  position: absolute;
  bottom: 0.25rem;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--main-blue);
  transition: all 0.15s linear;
}
nav .links a:hover {
  opacity: 1;
  transition: all 0.15s linear;
}
nav .links a.active {
  opacity: 1 !important;
  transition: all 0.15s linear;
  font-family: var(--main-font-medium);
}
nav .links a.active:after {
  width: 100%;
  transition: all 0.15s linear;
}
nav .links .main_menu_item .submenu {
  display: none;
  position: absolute;
  background: rgba(0, 0, 0, 0.85);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  z-index: 1000;
}
nav .links .main_menu_item .submenu a {
  display: block;
  padding: 10px;
  color: white;
  text-decoration: none;
  margin-right: 0;
  margin-left: 0;
}
nav .links .main_menu_item .submenu a:hover {
  background-color: var(--main-blue);
}
nav .links .main_menu_item .submenu.show_sub {
  display: block;
  position: relative;
  margin-left: 1rem;
}
nav .links .main_menu_item:hover .submenu {
  display: block;
}

.bottom_projects_nav {
  height: 100vh;
  background: #1b1b1b;
  overflow: hidden;
  position: relative;
  display: none;
}
.bottom_projects_nav h1 {
  padding: 2rem 3rem;
  font-size: 12rem;
  letter-spacing: -52px;
  text-align: center;
  opacity: 0.25;
  font-weight: normal;
  font-family: var(--font-b);
  position: absolute;
  width: 100%;
  top: 2%;
  color: rgba(255, 255, 255, 0.25);
}
.bottom_projects_nav .inner_bottom_projects_nav {
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 100%;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.bottom_projects_nav .inner_bottom_projects_nav .mySwiper4 {
  z-index: 1;
}
.bottom_projects_nav .inner_bottom_projects_nav .swiper-wrapper .swiper-slide {
  max-width: var(--max-width-sm);
}
.bottom_projects_nav
  .inner_bottom_projects_nav
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .swiper-content {
  transform: scale(1);
  opacity: 1;
  transition: all 0.35s linear;
}
.bottom_projects_nav
  .inner_bottom_projects_nav
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .swiper-content
  a {
  z-index: 2;
}
.bottom_projects_nav
  .inner_bottom_projects_nav
  .swiper-wrapper
  .swiper-slide
  .swiper-content {
  background: #1b1b1b;
  position: relative;
  opacity: 0.5;
  transform: scale(0.85);
  transition: all 0.35s linear;
}
.bottom_projects_nav
  .inner_bottom_projects_nav
  .swiper-wrapper
  .swiper-slide
  .swiper-content
  a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  /*background: rgba(255,0,0,.5);*/
  width: 100%;
  height: 100%;
}
.bottom_projects_nav
  .inner_bottom_projects_nav
  .swiper-wrapper
  .swiper-slide
  .swiper-content:after {
  /*content: '';*/
  background: rgba(0, 0, 0, 0.65);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
}
.bottom_projects_nav
  .inner_bottom_projects_nav
  .swiper-wrapper
  .swiper-slide
  .slider_des {
  position: absolute;
  width: 100%;
  z-index: 1;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  padding: 3rem;
  height: 100%;
  justify-content: center;
}
.bottom_projects_nav
  .inner_bottom_projects_nav
  .swiper-wrapper
  .swiper-slide
  .slider_des
  .des {
  width: 60%;
}
.bottom_projects_nav
  .inner_bottom_projects_nav
  .swiper-wrapper
  .swiper-slide
  .slider_des
  h2 {
  font-size: 1rem;
  text-transform: uppercase;
  text-align: center;
  display: block;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  font-weight: normal;
  position: relative;
}
.bottom_projects_nav
  .inner_bottom_projects_nav
  .swiper-wrapper
  .swiper-slide
  .slider_des
  h2:after {
  width: 3rem;
  height: 2px;
  background: var(--main-blue);
  position: absolute;
  top: 100%;
  content: "";
  left: 50%;
  transform: translateX(-50%);
}
.bottom_projects_nav
  .inner_bottom_projects_nav
  .swiper-wrapper
  .swiper-slide
  .slider_des
  h3 {
  display: block;
  font-size: 2.5rem;
  text-align: center;
  font-weight: normal;
}
.bottom_projects_nav
  .inner_bottom_projects_nav
  .swiper-wrapper
  .swiper-slide
  .slider_des
  h3
  sup {
  font-size: 1rem;
}
.bottom_projects_nav
  .inner_bottom_projects_nav
  .swiper-wrapper
  .swiper-slide
  .slider_des
  small {
  display: block;
  text-align: center;
  font-size: 1rem;
  padding-top: 0.5rem;
  color: var(--main-orange);
}
.bottom_projects_nav
  .inner_bottom_projects_nav
  .swiper-wrapper
  .swiper-slide
  .slider_des
  p {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.4rem;
}
.bottom_projects_nav
  .inner_bottom_projects_nav
  .swiper-wrapper
  .swiper-slide
  .slider_des
  p
  span {
  display: block;
  margin-bottom: 2rem;
}
.bottom_projects_nav
  .inner_bottom_projects_nav
  .swiper-wrapper
  .swiper-slide
  .slider_des
  p
  span:last-child {
  margin-bottom: 0;
}

.main_page_content {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: url('../img/main.jpg') 50% 50% no-repeat;*/
  background-size: cover;
}
.main_page_content .swiper .swiper-wrapper .swiper-slide video {
  width: 100%;
  height: 100%;
}
.main_page_content .swiper .swiper-pagination {
  top: 80%;
}

.home_media {
  margin: 6rem 0;
  padding: 0 3rem;
  margin-bottom: 12rem;
}
.home_media .inner_home_media h1 {
  font-size: clamp(2.5rem, 4vw, 4rem);
  text-transform: uppercase;
  padding-bottom: 3rem;
  margin-bottom: 3rem;
  border-bottom: 2px solid var(--main-blue);
}
.home_media .inner_home_media h2 {
  font-size: clamp(1.8rem, 4vw, 2.5rem);
  text-transform: uppercase;
  padding-bottom: 3rem;
  margin-bottom: 3rem;
  border-bottom: 2px solid var(--main-blue);
}
.home_media .inner_home_media p {
  width: 60%;
  font-size: 1.4rem;
}

.home_awards .award_each {
  max-width: var(--max-width);
}
.home_awards .award_each h1 {
  font-size: clamp(2.5rem, 4vw, 4rem);
  text-transform: uppercase;
  padding-bottom: 3rem;
  margin-bottom: 3rem;
  border-bottom: 2px solid var(--main-blue);
}
.home_awards .award_each h2 {
  font-size: clamp(1.8rem, 4vw, 2.5rem);
  text-transform: uppercase;
  padding-bottom: 3rem;
  margin-bottom: 3rem;
  border-bottom: 2px solid var(--main-blue);
}
.home_awards .award_each .award_container {
  padding: 3rem 0;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  justify-content: center;
  align-items: center;
  gap: 2rem;
  overflow: hidden;
}
.home_awards .award_each .award_container .award-img_container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}

.home_services {
  margin: 6rem 0;
  padding: 0 3rem;
  margin-bottom: 12rem;
}
.home_services .inner_home_services h1 {
  font-size: clamp(2.5rem, 4vw, 4rem);
  text-transform: uppercase;
  padding-bottom: 3rem;
  margin-bottom: 3rem;
  border-bottom: 2px solid var(--main-blue);
}
.home_services .inner_home_services h2 {
  font-size: clamp(1.8rem, 4vw, 2.5rem);
  text-transform: uppercase;
  padding-bottom: 3rem;
  margin-bottom: 3rem;
  border-bottom: 2px solid var(--main-blue);
}
.home_services .inner_home_services p {
  width: 100%;
  font-size: 1.4rem;
  text-align: center;
}
.home_services .inner_home_services .services_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.home_services .inner_home_services .service_each {
  height: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}
.home_services .inner_home_services .service_each img {
  max-height: 280px;
  height: 280px;
  border-radius: 15px;
  object-fit: cover;
  margin-bottom: 1rem;
  flex-grow: 1;
}
.home_services
  .inner_home_services
  .services_container
  .service_each
  .service_each_text {
  margin-top: 10px;
}

.swiper_studio:hover .swiper-button-prev,
.swiper_studio:hover .swiper-button-next {
  text-rendering: auto;
}

.home_clients .inner_our_client h1 {
  border-bottom: 2px solid var(--main-blue) !important;
}
.home_clients .inner_our_client h2 {
  font-size: clamp(1.8rem, 4vw, 2.5rem);
  text-transform: uppercase;
  padding-bottom: 3rem;
  margin-bottom: 3rem;
  border-bottom: 2px solid var(--main-blue);
}

.tilt_container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 0;
  display: none;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transform: translateZ(0px);
  -moz-transform: translateZ(0px);
  -webkit-transform: translateZ(0px);
}
.tilt_container .bg {
  height: 100vh;
  width: 100vw;
}
.tilt_container .bg .bg_img {
  background: url("../img/home_bg.jpg") 50% 50% no-repeat;
  background-size: cover;
  position: absolute;
  top: -10%;
  left: -10%;
  height: 120%;
  width: 120%;
  z-index: 1;
}
.tilt_container .logo {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateZ(200px);
  -moz-transform: translateZ(200px);
  -webkit-transform: translateZ(200px);
}
.tilt_container .logo img {
  height: 70%;
  width: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.mobile_menu {
  background: transparent;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  position: relative;
  z-index: 4;
}
.mobile_menu.active .menu {
  opacity: 0;
  transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.15s;
}
.mobile_menu.active .menu:after {
  width: 0;
  transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.mobile_menu.active .menu:before {
  width: 0;
  transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.mobile_menu.active .x {
  opacity: 1;
  transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.15s;
}
.mobile_menu.active .x:after {
  transform: rotate(45deg);
  transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.15s;
}
.mobile_menu.active .x:before {
  transform: rotate(-45deg);
  transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.15s;
}
.mobile_menu img {
  opacity: 0;
}
.mobile_menu .menu,
.mobile_menu .x {
  height: 3px;
  width: 50%;
  position: absolute;
  border-radius: 4px;
  left: 50%;
  opacity: 1;
  transform: translateX(-50%);
  top: calc(50% - 1.5px);
  background: rgb(5, 97, 230);
  transform-origin: center;
  transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.15s;
}
.mobile_menu .menu:after,
.mobile_menu .menu:before,
.mobile_menu .x:after,
.mobile_menu .x:before {
  width: 100%;
  height: 100%;
  content: "";
  background: rgb(5, 97, 230);
  position: absolute;
  top: -0.7rem;
  left: 0;
  border-radius: 4px;
  transform-origin: center;
  transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.15s;
}
.mobile_menu .menu:before,
.mobile_menu .x:before {
  top: auto;
  left: auto;
  right: 0;
  bottom: -0.7rem;
}
.mobile_menu .x {
  backface-visibility: hidden;
  background: rgba(5, 97, 230, 0);
}
.mobile_menu .x:after,
.mobile_menu .x:before {
  background: rgb(5, 97, 230);
  z-index: 1;
}
.mobile_menu .x:after {
  transform: rotate(0deg);
  top: calc(50% - 2px);
}
.mobile_menu .x:before {
  transform: rotate(0deg);
  bottom: calc(50% - 2px);
}

.hover_control {
  position: absolute;
  background: red;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

#pop_vid {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10rem;
  background: transparent;
  transition: all 0.15s linear;
  text-align: center;
  position: relative;
}
#pop_vid:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: transparent;
  border-radius: inherit;
  z-index: -1;
}
#pop_vid.click {
  transform: scale(2);
  transition: all 5s linear;
}
#pop_vid.click:after {
  animation: heartPulse 1.5s ease-out infinite;
  z-index: -1;
}

.reveal_vid {
  display: flex;
  clip-path: circle(0%);
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(10px);
  position: absolute;
  left: 0;
  top: 0;
  padding: 5rem;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: all 250ms linear;
}
.reveal_vid .close_pop_vid {
  position: absolute;
  z-index: 1;
  right: -1.5rem;
  top: 1.5rem;
  cursor: pointer;
  transition: all 0.15s linear;
  padding: 1rem;
  opacity: 0;
  visibility: hidden;
  transform: rotate(360deg);
}
.reveal_vid .close_pop_vid img {
  width: 1.5rem;
}
.reveal_vid.activate {
  opacity: 1;
  visibility: visible;
  clip-path: circle(100%);
  transition: clip-path 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
    opacity 0.25s linear, visibilty 0.25s linear;
}
.reveal_vid.activate .close_pop_vid {
  right: 1.5rem;
  transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  transform: rotate(0deg);
  opacity: 1;
  visibility: visible;
}
.reveal_vid .iframe_container {
  position: relative;
  width: 100%;
}
.reveal_vid iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.pop_vid_text {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 50%;
  top: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
  font-size: 0.9rem;
  pointer-events: none;
}

.vid_gauge_bar {
  position: absolute;
  width: 18rem;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(255, 255, 255, 0.15);
  border-radius: 3rem;
  height: 4px;
  visibility: hidden;
  opacity: 0;
  bottom: -2rem;
  transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-shadow: 0 0 1rem transparent;
}
.vid_gauge_bar.activated {
  bottom: 3rem;
  visibility: visible;
  opacity: 1;
  transition: bottom 250ms var(--ease-out-back), visibility 0.15s linear,
    opacity 0.15s linear, box-shadow 5s linear;
  box-shadow: 0 0 4rem red;
}
.vid_gauge_bar.activated .charge_bar {
  width: 100%;
  transition: all 5s linear;
}
.vid_gauge_bar .charge_bar {
  width: 0;
  transition: all 0.15s linear;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-radius: 3rem;
  background: red;
}

@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.35;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.35;
  }
  100% {
    opacity: 0;
  }
}
@keyframes spinZero {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spinZero {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spinZero {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin1 {
  0% {
    transform: rotate(0deg) skew(0deg) scale(0.9);
  }
  50% {
    transform: rotate(180deg) skew(3deg) scale(1.025);
  }
  100% {
    transform: rotate(360deg) skew(0deg) scale(0.9);
  }
}
@-webkit-keyframes spin1 {
  0% {
    transform: rotate(0deg) skew(0deg) scale(0.9);
  }
  50% {
    transform: rotate(180deg) skew(3deg) scale(1.025);
  }
  100% {
    transform: rotate(360deg) skew(0deg) scale(0.9);
  }
}
@keyframes spinNoSkew {
  0% {
    transform: rotate(0deg) scale(0.9);
  }
  50% {
    transform: rotate(180deg) scale(1.025);
  }
  100% {
    transform: rotate(360deg) scale(0.9);
  }
}
@-webkit-keyframes spinNoSkew {
  0% {
    transform: rotate(0deg) scale(0.9);
  }
  50% {
    transform: rotate(180deg) scale(1.025);
  }
  100% {
    transform: rotate(360deg) scale(0.9);
  }
}
@keyframes spin2 {
  0% {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(180deg) scale(1.1);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}
@-webkit-keyframes spin2 {
  0% {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(180deg) scale(1.1);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}
@keyframes spin3 {
  0% {
    transform: rotate(0deg) skew(0deg) scale(0.85);
  }
  50% {
    transform: rotate(180deg) skew(2deg) scale(1);
  }
  100% {
    transform: rotate(360deg) skew(0deg) scale(0.85);
  }
}
@-webkit-keyframes spin3 {
  0% {
    transform: rotate(0deg) skew(0deg) scale(0.85);
  }
  50% {
    transform: rotate(180deg) skew(2deg) scale(1);
  }
  100% {
    transform: rotate(360deg) skew(0deg) scale(0.85);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
  }
}
@-moz-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
  }
}
@-o-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -o-transform: translateY(0);
  }
  40% {
    -o-transform: translateY(-30px);
  }
  60% {
    -o-transform: translateY(-15px);
  }
}
@keyframes heartPulse {
  0% {
    transform: scale(1);
  }
  80% {
    transform: scale(1);
  }
  81% {
    transform: scale(1.05);
  }
  82% {
    transform: scale(0.975);
  }
  83% {
    transform: scale(1.025);
  }
  85% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes heartPulse2 {
  0% {
    transform: scale(0.75);
  }
  20% {
    transform: scale(1);
  }
  40% {
    transform: scale(0.75);
  }
  60% {
    transform: scale(1);
  }
  80% {
    transform: scale(0.75);
  }
  100% {
    transform: scale(0.75);
  }
}
.contact_content {
  padding-right: 3rem;
  padding-left: 3rem;
  margin-top: 10rem;
  margin-bottom: 10rem;
}
.contact_content .inner_contact_content {
  display: flex;
}
.contact_content .inner_contact_content .left {
  width: 40%;
  padding-right: 3rem;
}
.contact_content .inner_contact_content .right {
  width: 60%;
  padding-right: 3rem;
}
.contact_content .inner_contact_content .right .form_wrap {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.contact_content .inner_contact_content .each_fieldset {
  margin-bottom: 2rem;
}
.contact_content .inner_contact_content .each_fieldset .others_textarea {
  margin-top: 1rem;
  display: none;
  position: relative;
  z-index: -1;
}
.contact_content
  .inner_contact_content
  .each_fieldset
  .others_textarea
  .error_msg {
  position: absolute;
  top: 0;
  right: 0;
  color: var(--main-blue);
  z-index: 1;
  font-size: 0.85rem;
  padding: 1rem 1.5rem;
  display: none;
}
.contact_content
  .inner_contact_content
  .each_fieldset
  .others_textarea
  textarea {
  background: #232323;
  padding: 1.25rem;
  color: white;
  width: 100%;
  border: none;
  resize: none;
  font-size: 1.15rem;
  -webkit-appearance: none;
  -appearance: none;
  transition: all 0.15s linear;
}
.contact_content
  .inner_contact_content
  .each_fieldset
  .others_textarea
  textarea:focus,
.contact_content
  .inner_contact_content
  .each_fieldset
  .others_textarea
  textarea:hover {
  box-shadow: 0 0 0 2px var(--main-blue);
  background: #2e2e2e;
}
.contact_content .inner_contact_content .each_fieldset.__top_lyr {
  position: relative;
  z-index: 3;
}
.contact_content .inner_contact_content .each_fieldset.__mid_lyr {
  position: relative;
  z-index: 2;
}
.contact_content .inner_contact_content .each_fieldset > label {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
  position: relative;
  font-size: 1.25rem;
}
.contact_content .inner_contact_content .each_fieldset > label .error_msg {
  position: absolute;
  top: 50%;
  right: 0;
  color: var(--main-blue);
  z-index: 1;
  transform: translateY(-50%);
  font-size: 0.85rem;
  display: none;
}
.contact_content .inner_contact_content .each_fieldset .input_wrap {
  position: relative;
}
.contact_content .inner_contact_content .each_fieldset .input_wrap .error_msg {
  position: absolute;
  top: 50%;
  right: 1.5rem;
  color: var(--main-blue);
  z-index: 1;
  transform: translateY(-50%);
  font-size: 0.85rem;
  display: none;
}
.contact_content .inner_contact_content .each_fieldset input[type="text"],
.contact_content .inner_contact_content .each_fieldset input[type="tel"],
.contact_content .inner_contact_content .each_fieldset input[type="email"] {
  width: 100%;
  font-size: 1.15rem;
  padding: 1.25rem;
  background: #232323;
  border: none;
  -webkit-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: white;
  transition: all 0.15s linear;
}
.contact_content .inner_contact_content .each_fieldset input[type="text"]:hover,
.contact_content .inner_contact_content .each_fieldset input[type="text"]:focus,
.contact_content .inner_contact_content .each_fieldset input[type="tel"]:hover,
.contact_content .inner_contact_content .each_fieldset input[type="tel"]:focus,
.contact_content
  .inner_contact_content
  .each_fieldset
  input[type="email"]:hover,
.contact_content
  .inner_contact_content
  .each_fieldset
  input[type="email"]:focus {
  background: #2e2e2e;
}
.contact_content .inner_contact_content .btn_wrap {
  margin-top: 4rem;
  margin-bottom: 5rem;
}
.contact_content .inner_contact_content .btn_wrap button {
  font-size: 6rem;
  color: white;
  font-weight: 300;
  display: flex;
  font-family: var(--main-font-thin);
  align-items: center;
  padding: 0;
  margin: 0;
  position: relative;
  background: transparent;
  border: none;
  -webkit-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-bottom: 3px solid var(--main-blue);
}
.contact_content .inner_contact_content .btn_wrap button img {
  width: 5.1rem;
  transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  margin-left: 1rem;
}
.contact_content .inner_contact_content .btn_wrap button:hover img {
  transform: translate(75%, -75%);
  transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.contact_content .inner_contact_content .dd_wrap {
  position: relative;
}
.contact_content .inner_contact_content .dd_selection {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  overflow: hidden;
  height: 0;
}
.contact_content .inner_contact_content .dd_selection ul {
  background: rgba(20, 20, 20, 0.9);
  border: 1px solid #707070;
}
.contact_content .inner_contact_content .dd_selection .each_selection {
  border-bottom: 1px solid #707070;
  padding: 0 1.5rem;
  position: relative;
}
.contact_content .inner_contact_content .dd_selection .each_selection a {
  padding: 1.5rem;
  display: block;
  padding-left: 0;
  font-size: 1.15rem;
  color: #666666;
}
.contact_content
  .inner_contact_content
  .dd_selection
  .each_selection
  input[type="checkbox"] {
  width: 1px;
  height: 1px;
  top: 0;
  left: 0;
  opacity: 0;
  position: absolute;
}
.contact_content .inner_contact_content .dd_selection .each_selection label {
  position: relative;
  padding-left: 3rem;
  font-size: 1.15rem;
  display: block;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  color: rgba(255, 255, 255, 0.65);
}
.contact_content
  .inner_contact_content
  .dd_selection
  .each_selection
  label:hover {
  color: white;
}
.contact_content
  .inner_contact_content
  .dd_selection
  .each_selection
  label:after {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border: 1px solid #707070;
  border-radius: 10rem;
}
.contact_content
  .inner_contact_content
  .dd_selection
  .each_selection
  label:before {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border: 1px solid #707070;
  background: #fff;
  border-radius: 10rem;
  opacity: 0;
}
.contact_content
  .inner_contact_content
  .dd_selection
  .each_selection
  input[type="checkbox"]:checked
  ~ label {
  color: white;
}
.contact_content
  .inner_contact_content
  .dd_selection
  .each_selection
  input[type="checkbox"]:checked
  ~ label:before {
  opacity: 1;
}
.contact_content .inner_contact_content .dd_selection_trigger {
  padding: 1.25rem;
  background: #232323;
  font-size: 1.15rem;
  display: flex;
  transition: all 0.1s linear;
}
.contact_content .inner_contact_content .dd_selection_trigger.closed img {
  margin-left: auto;
  width: 1.25rem;
  transform: rotate(0deg);
}
.contact_content .inner_contact_content .dd_selection_trigger span {
  opacity: 0.5;
}
.contact_content .inner_contact_content .dd_selection_trigger span.has_value {
  opacity: 1;
}
.contact_content .inner_contact_content .dd_selection_trigger:hover {
  background: #2e2e2e;
}
.contact_content .inner_contact_content .dd_selection_trigger img {
  margin-left: auto;
  width: 1.25rem;
  transform: rotate(180deg);
}

.each_info {
  margin-bottom: 3rem;
}
.each_info label {
  display: block;
  text-transform: uppercase;
  color: #808080;
  margin-bottom: 0.5rem;
}
.each_info ul li {
  list-style-type: disc;
  display: list-item;
  font-size: 1.25rem;
  padding-left: 0.5rem;
  margin-bottom: 0.5rem;
  margin-left: 1rem;
}
.each_info a {
  font-size: 1.25rem;
  color: white;
  line-height: 1.4;
}
.each_info a:hover {
  text-decoration: underline;
}
.each_info p {
  font-size: 1.25rem;
  color: white;
  line-height: 1.4;
  display: block;
  margin-bottom: 1.5rem;
}
.each_info p span {
  display: block;
}
.each_info.hide_in_mobile {
  display: block;
}
.each_info.mobile {
  display: none;
}
.each_info.mobile a {
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  font-family: var(--main-font-medium);
  font-size: 1.25rem;
  color: var(--darker-blue);
  text-decoration: none;
  /*            small {
                  border-radius: 5rem;
                  position: relative;
                  border: 1px solid var(--darker-blue);
                  margin-left: .5rem;
              }*/
}
.each_info.mobile a span {
  display: inline-block;
  position: relative;
}
.each_info.mobile a span:after {
  content: "";
  position: absolute;
  bottom: -0.25rem;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--darker-blue);
  transition: all 0.15s linear;
}
.each_info.mobile a img {
  margin-left: 0.5rem;
}
.each_info.mobile a:hover span:after {
  width: 100%;
  transition: all 0.15s linear;
}

.map_container {
  position: relative;
  overflow: hidden;
  padding-top: 90%;
}
.map_container > img {
  width: 150%;
  position: absolute;
  top: -25%;
  left: -25%;
  max-width: none;
}
.map_container span.enlarge {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 1;
  cursor: pointer;
  padding: 0.5rem;
}
.map_container span.enlarge img {
  width: 1.7rem;
}

.large_map_container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding: 0;
  z-index: 20;
  background: rgba(0, 0, 0, 0.5);
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.15s;
}
.large_map_container.called {
  opacity: 1;
  visibility: visible;
  transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.large_map_container.called .full-size {
  transform: translateY(0%);
  opacity: 1;
  visibility: visible;
  transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s;
}
.large_map_container .full-size {
  width: 100%;
  max-width: 900px;
  position: relative;
  transform: translateY(10%);
  opacity: 0;
  margin: auto;
  visibility: hidden;
}
.large_map_container .full-size .close_map {
  position: absolute;
  z-index: 1;
  top: 1.5rem;
  right: 1.5rem;
  padding: 0.5rem;
  cursor: pointer;
}
.large_map_container .full-size .close_map img {
  width: 1.7rem;
}
.large_map_container .full-size img {
  max-width: 100%;
}

.social_list {
  display: flex;
  align-items: center;
  gap: 1rem;

  .social_link {
    height: 30px;
    width: 30px;
    display: inline-block;
    transform: scale(1);
    transition: all 0.2s ease-in-out;

    &:hover {
      transform: scale(1.2);
    }
  }
}

.newsroom_content {
  padding-right: 3rem;
  padding-left: 3rem;
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.newsroom_content .inner_newsroom_content h3 {
  display: block;
  font-size: 2.5rem;
  font-family: var(--main-font-bold);
  margin-bottom: 3rem;
}

.paginationjs {
  position: relative;
  padding-top: 2rem;
  margin-top: 3rem;
  border-top: 1px solid #808080;
}
.paginationjs .paginationjs-pages {
  width: 100%;
}
.paginationjs .paginationjs-pages ul {
  display: flex;
  align-items: center;
}
.paginationjs .paginationjs-pages .paginationjs-prev a,
.paginationjs .paginationjs-pages .paginationjs-next a {
  /*text-indent: -9999px;*/
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.paginationjs .paginationjs-pages .paginationjs-prev a {
  color: white;
}
.paginationjs .paginationjs-pages .paginationjs-prev .prev_btn {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
}
.paginationjs .paginationjs-pages .paginationjs-prev .prev_btn img {
  margin-right: 0.5rem;
  width: 1.45rem;
}
.paginationjs .paginationjs-pages .paginationjs-prev.disabled .prev_btn {
  opacity: 0.2;
}
.paginationjs .paginationjs-pages .paginationjs-next {
  margin-left: auto;
}
.paginationjs .paginationjs-pages .paginationjs-next a {
  color: white;
}
.paginationjs .paginationjs-pages .paginationjs-next .next_btn {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
}
.paginationjs .paginationjs-pages .paginationjs-next .next_btn img {
  margin-left: 0.5rem;
  width: 1.45rem;
}
.paginationjs .paginationjs-pages .paginationjs-next.disabled .next_btn {
  opacity: 0.2;
}
.paginationjs .page_count_indicator {
  position: absolute;
  left: 50%;
  top: 2rem;
  display: flex;
  align-items: center;
  transform: translateX(-50%);
  height: 2rem;
  font-size: 1.2rem;
}

.news_item .each_news {
  margin-bottom: 1.5rem;
}
.news_item .each_news .each_news_inner {
  display: flex;
}
.news_item .each_news .each_news_inner .img_wrap {
  width: 60%;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.news_item .each_news .each_news_inner .img_wrap > img {
  pointer-events: none;
}
.news_item .each_news .each_news_inner .img_wrap .play_vid {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.news_item .each_news .each_news_inner .img_wrap .play_vid img {
  width: 4.5rem;
}
.news_item .each_news .each_news_inner .description {
  background: #1f1f1f;
  width: 40%;
  padding: 3rem;
  display: flex;
  flex-direction: column;
  padding-bottom: 2rem;
  padding-top: 2.5rem;
}
.news_item .each_news .each_news_inner .description strong {
  font-size: 2.5rem;
  font-family: var(--main-font-light);
  margin-bottom: 1rem;
  font-weight: 300;
  line-height: 1.35;
}
.news_item .each_news .each_news_inner .description p {
  font-family: var(--main-font-light);
  font-size: 1.15rem;
  color: #c6c6c6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.news_item .each_news .each_news_inner .description a {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  font-family: var(--main-font-medium);
  font-size: 1.25rem;
  color: var(--darker-blue);
  /*            small {
                  border-radius: 5rem;
                  position: relative;
                  border: 1px solid var(--darker-blue);
                  margin-left: .5rem;
              }*/
}
.news_item .each_news .each_news_inner .description a span {
  display: inline-block;
  position: relative;
}
.news_item .each_news .each_news_inner .description a span:after {
  content: "";
  position: absolute;
  bottom: -0.25rem;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--darker-blue);
  transition: all 0.15s linear;
}
.news_item .each_news .each_news_inner .description a img {
  margin-left: 0.5rem;
  width: 2rem;
}
.news_item .each_news .each_news_inner .description a:hover span:after {
  width: 100%;
  transition: all 0.15s linear;
}
.news_item .each_news .each_news_inner .description .date {
  margin-top: auto;
  font-size: 0.9rem;
  text-transform: uppercase;
  color: #c6c6c6;
  padding-top: 1rem;
  opacity: 0.33;
  line-height: 1.4;
}
.news_item .each_news:nth-of-type(2) .each_news_inner,
.news_item .each_news:nth-of-type(5) .each_news_inner,
.news_item .each_news:nth-of-type(8) .each_news_inner,
.news_item .each_news:nth-of-type(11) .each_news_inner {
  flex-flow: row-reverse;
}

.contact_main,
.newsroom_main {
  padding-top: 12rem;
}
.contact_main .contact_main_top,
.contact_main .newsroom_main_top,
.newsroom_main .contact_main_top,
.newsroom_main .newsroom_main_top {
  background: black;
  position: relative;
  padding: 8rem 3rem;
  overflow: hidden;
}
.contact_main .contact_main_top:after,
.contact_main .newsroom_main_top:after,
.newsroom_main .contact_main_top:after,
.newsroom_main .newsroom_main_top:after {
  width: 100%;
  height: 20%;
  bottom: -1px;
  left: 0;
  background: linear-gradient(to top, rgb(20, 20, 20), rgba(20, 20, 20, 0));
  /*content: '';*/
  position: absolute;
}
.contact_main .contact_main_top .para_bg,
.contact_main .newsroom_main_top .para_bg,
.newsroom_main .contact_main_top .para_bg,
.newsroom_main .newsroom_main_top .para_bg {
  background: url("../img/contact_hero.jpg") 50% 50% no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0%;
  height: 130%;
  width: 100%;
  z-index: 0;
  opacity: 1;
}
.contact_main .contact_main_top .inner_contact_main_top,
.contact_main .contact_main_top .inner_newsroom_main_top,
.contact_main .newsroom_main_top .inner_contact_main_top,
.contact_main .newsroom_main_top .inner_newsroom_main_top,
.newsroom_main .contact_main_top .inner_contact_main_top,
.newsroom_main .contact_main_top .inner_newsroom_main_top,
.newsroom_main .newsroom_main_top .inner_contact_main_top,
.newsroom_main .newsroom_main_top .inner_newsroom_main_top {
  /*position: relative;*/
  width: 100%;
  align-items: center;
  display: flex;
}
.contact_main .contact_main_top .down_arrow,
.contact_main .newsroom_main_top .down_arrow,
.newsroom_main .contact_main_top .down_arrow,
.newsroom_main .newsroom_main_top .down_arrow {
  padding: 2rem;
  border-radius: 20rem;
  border: 1px solid white;
  margin-left: auto;
  align-self: flex-end;
}
.contact_main .contact_main_top .down_arrow img,
.contact_main .newsroom_main_top .down_arrow img,
.newsroom_main .contact_main_top .down_arrow img,
.newsroom_main .newsroom_main_top .down_arrow img {
  width: 6rem;
  animation: bounce 2s ease infinite 2s;
}

.newsroom_main .newsroom_main_top .para_bg {
  background: url("../img/newsroom_hero.jpg") 50% 50% no-repeat;
  background-size: cover;
}

.vp_grant .vp_grant_top .para_bg {
  background: url("../img/about_hero.jpg") 50% 50% no-repeat;
  background-size: cover;
}

.studio_main {
  padding-top: 0;
}
.studio_main .studio_main_top {
  background: black;
  position: relative;
  padding: 10rem 3rem;
  overflow: hidden;
}
.studio_main .studio_main_top:after {
  width: 100%;
  height: 20%;
  bottom: -1px;
  left: 0;
  background: linear-gradient(to top, rgb(20, 20, 20), rgba(20, 20, 20, 0));
  content: "";
  position: absolute;
  z-index: 0;
}
.studio_main .studio_main_top .para_bg {
  background: url("../img/studio_hero.jpg") 50% 50% no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0%;
  height: 130%;
  width: 100%;
  z-index: 0;
  opacity: 1;
}
.studio_main .studio_main_top h1 {
  margin-top: 8rem;
}
.studio_main .studio_main_top .inner_studio_main_top {
  width: 100%;
  align-items: center;
  display: flex;
}
.studio_main .studio_main_top .down_arrow {
  padding: 2rem;
  border-radius: 20rem;
  border: 1px solid white;
  margin-left: auto;
  align-self: flex-end;
  z-index: 1;
}
.studio_main .studio_main_top .down_arrow img {
  width: 6rem;
  animation: bounce 2s ease infinite 2s;
}

.studio_hero_feature {
  padding: 3rem;
}
.studio_hero_feature .inner_studio_hero_feature {
  overflow: hidden;
  position: relative;
}
.studio_hero_feature .inner_studio_hero_feature .studio_hero_feature_des {
  position: absolute;
  z-index: 2;
  height: 100%;
  display: flex;
  width: 100%;
  left: 0;
  top: 0;
  padding: 5rem 3rem;
  justify-content: center;
  align-items: center;
  /*transform: translateY(20%);*/
  /*opacity: 0;*/
  transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.studio_hero_feature .inner_studio_hero_feature .studio_hero_feature_des p {
  font-size: 2rem;
  width: 90%;
  line-height: 1.35;
  text-align: center;
  display: block;
}
.studio_hero_feature .inner_studio_hero_feature .studio_hero_feature_des.show {
  transform: translateY(0);
  opacity: 1;
  transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.15s;
}
.studio_hero_feature .inner_studio_hero_feature > img {
  opacity: 0;
}
.studio_hero_feature .inner_studio_hero_feature > img.mobile {
  position: absolute;
  display: none;
}
.studio_hero_feature .inner_studio_hero_feature .para_bg {
  background: url("../img/studio_feature_hero_img_shadow.jpg") 50% 50% no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0%;
  height: 130%;
  width: 100%;
  z-index: 0;
  opacity: 1;
}
.studio_hero_feature .inner_studio_hero_feature .para_bg.__hero_feature_img_02 {
  background: url("../img/studio_feature_hero_img_02.jpg") 50% 50% no-repeat;
  background-size: cover;
}
.studio_hero_feature .hero_features_des {
  padding: 3rem 0;
}
.studio_hero_feature .hero_features_des > span {
  font-size: 2rem;
  display: block;
  margin-bottom: 2rem;
}
.studio_hero_feature .hero_features_des p {
  width: 80%;
}

.studio_features {
  padding: 5rem 3rem;
}
.studio_features .left_align_feature_row,
.studio_features .right_align_feature_row,
.studio_features .full_width_feature_row {
  display: flex;
  margin-bottom: 5rem;
}
.studio_features .left_align_feature_row .feature_image_wrap,
.studio_features .right_align_feature_row .feature_image_wrap,
.studio_features .full_width_feature_row .feature_image_wrap {
  width: 45%;
  position: relative;
  overflow: hidden;
}
.studio_features .left_align_feature_row .feature_image_wrap > img,
.studio_features .right_align_feature_row .feature_image_wrap > img,
.studio_features .full_width_feature_row .feature_image_wrap > img {
  opacity: 0;
}
.studio_features .left_align_feature_row .feature_image_wrap > img.mobile,
.studio_features .right_align_feature_row .feature_image_wrap > img.mobile,
.studio_features .full_width_feature_row .feature_image_wrap > img.mobile {
  display: none;
  position: absolute;
}
.studio_features .left_align_feature_row .feature_des,
.studio_features .right_align_feature_row .feature_des,
.studio_features .full_width_feature_row .feature_des {
  width: 55%;
  padding-left: 3rem;
  display: flex;
  flex-direction: column;
}
.studio_features .left_align_feature_row .feature_des span.subtitle,
.studio_features .right_align_feature_row .feature_des span.subtitle,
.studio_features .full_width_feature_row .feature_des span.subtitle {
  font-size: 2rem;
  width: 60%;
  display: block;
  margin-bottom: 2rem;
  line-height: 1.35;
}
.studio_features .left_align_feature_row .feature_des p,
.studio_features .right_align_feature_row .feature_des p,
.studio_features .full_width_feature_row .feature_des p {
  width: 90%;
}
.studio_features .left_align_feature_row .feature_des p.mobile,
.studio_features .right_align_feature_row .feature_des p.mobile,
.studio_features .full_width_feature_row .feature_des p.mobile {
  display: none;
}
.studio_features .full_width_feature_row {
  flex-direction: column;
  padding-top: 5rem;
  margin-bottom: 0;
}
.studio_features .full_width_feature_row .feature_image_wrap {
  width: 100%;
}
.studio_features .full_width_feature_row .feature_des {
  width: 100%;
  padding-left: 0;
  padding-top: 3rem;
}
.studio_features .right_align_feature_row {
  flex-direction: row-reverse;
}
.studio_features .right_align_feature_row .feature_des {
  padding-left: 0;
  padding-right: 3rem;
  align-items: flex-end;
}
.studio_features .right_align_feature_row .feature_des span.subtitle,
.studio_features .right_align_feature_row .feature_des p {
  text-align: right;
}

.__feature_para_img_01,
.__feature_para_img_02,
.__feature_para_img_03,
.__feature_para_img_04,
.__feature_para_img_05,
.__feature_para_img_06 {
  background: url("../img/studio_feature_img_01_shadow.jpg") 50% 50% no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0%;
  height: 130%;
  width: 100%;
  z-index: 0;
  opacity: 1;
}

.__feature_para_img_02 {
  background: url("../img/studio_feature_img_02_shadow.jpg") 50% 50% no-repeat;
  background-size: cover;
  height: 120%;
}

.__feature_para_img_03 {
  background: url("../img/studio_feature_img_03_shadow.jpg") 50% 50% no-repeat;
  background-size: cover;
  height: 120%;
}

.__feature_para_img_04 {
  background: url("../img/studio_feature_img_04_shadow.jpg") 50% 50% no-repeat;
  background-size: contain;
}

.__feature_para_img_05 {
  background: url("../img/studio_feature_img_05.jpg") 50% 50% no-repeat;
  background-size: contain;
}

.__feature_para_img_06 {
  background: url("../img/studio_feature_hero_img_02.jpg") 50% 50% no-repeat;
  background-size: cover;
}

.about_features,
.project_container {
  padding: 0 3rem;
  overflow-x: hidden;
  max-width: 100%;
}
.about_features .each_about_feature,
.project_container .each_about_feature,
.project_container .each_cat {
  margin-bottom: 6rem;
  cursor: default;
}
.about_features .each_about_feature.__align_right .inner_each_about_feature,
.about_features
  .each_about_feature.__align_right
  .project_container
  .each_cat
  .inner_each_cat,
.project_container .each_about_feature.__align_right .inner_each_about_feature,
.project_container .each_about_feature.__align_right .each_cat .inner_each_cat,
.project_container .each_cat .each_about_feature.__align_right .inner_each_cat,
.project_container .__align_right.each_cat .inner_each_about_feature,
.project_container .__align_right.each_cat .inner_each_cat {
  margin-left: auto;
}
.about_features
  .each_about_feature.__align_right
  .inner_each_about_feature
  .about_feature_des,
.about_features
  .each_about_feature.__align_right
  .project_container
  .each_cat
  .inner_each_cat
  .about_feature_des,
.about_features
  .each_about_feature.__align_right
  .project_container
  .each_cat
  .inner_each_cat
  .proj_content,
.project_container
  .each_about_feature.__align_right
  .inner_each_about_feature
  .about_feature_des,
.project_container
  .each_cat
  .inner_each_cat
  .each_about_feature.__align_right
  .inner_each_about_feature
  .proj_content,
.project_container
  .each_about_feature.__align_right
  .each_cat
  .inner_each_cat
  .about_feature_des,
.project_container
  .each_about_feature.__align_right
  .each_cat
  .inner_each_cat
  .proj_content,
.project_container
  .each_cat
  .each_about_feature.__align_right
  .inner_each_cat
  .about_feature_des,
.project_container
  .each_cat
  .each_about_feature.__align_right
  .inner_each_cat
  .proj_content,
.project_container
  .__align_right.each_cat
  .inner_each_about_feature
  .about_feature_des,
.project_container .__align_right.each_cat .inner_each_cat .about_feature_des,
.project_container .__align_right.each_cat .inner_each_cat .proj_content {
  flex-direction: row-reverse;
}
.about_features
  .each_about_feature.__align_right
  .inner_each_about_feature
  .left,
.about_features
  .each_about_feature.__align_right
  .project_container
  .each_cat
  .inner_each_cat
  .left,
.project_container
  .each_about_feature.__align_right
  .inner_each_about_feature
  .left,
.project_container
  .each_about_feature.__align_right
  .each_cat
  .inner_each_cat
  .left,
.project_container
  .each_cat
  .each_about_feature.__align_right
  .inner_each_cat
  .left,
.project_container .__align_right.each_cat .inner_each_about_feature .left,
.project_container .__align_right.each_cat .inner_each_cat .left {
  padding-right: 0;
  padding-left: 4rem;
}
.about_features .each_about_feature .inner_each_about_feature,
.project_container .each_about_feature .inner_each_about_feature,
.project_container .each_cat .inner_each_about_feature,
.project_container .each_cat .inner_each_cat {
  width: 90%;
  display: flex;
  padding: 3rem 0;
  overflow: hidden;
  border-bottom: 1px solid #808080;
}
.about_features
  .each_about_feature
  .inner_each_about_feature
  .about_feature_des,
.project_container
  .each_about_feature
  .inner_each_about_feature
  .about_feature_des,
.project_container .each_cat .inner_each_about_feature .about_feature_des,
.project_container .each_cat .inner_each_cat .about_feature_des,
.project_container .each_cat .inner_each_cat .proj_content {
  display: flex;
  position: relative;
  align-items: flex-end;
}
.about_features
  .each_about_feature
  .inner_each_about_feature
  .about_feature_para_img_wrap,
.project_container
  .each_about_feature
  .inner_each_about_feature
  .about_feature_para_img_wrap,
.project_container
  .each_cat
  .inner_each_about_feature
  .about_feature_para_img_wrap,
.project_container .each_cat .inner_each_cat .about_feature_para_img_wrap {
  display: none;
}
.about_features .each_about_feature .inner_each_about_feature .left,
.project_container .each_about_feature .inner_each_about_feature .left,
.project_container .each_cat .inner_each_about_feature .left,
.project_container .each_cat .inner_each_cat .left {
  display: flex;
  flex-direction: column;
  padding-right: 4rem;
  justify-content: flex-end;
  padding-bottom: 1rem;
}
.about_features .each_about_feature .inner_each_about_feature .left small,
.project_container .each_about_feature .inner_each_about_feature .left small,
.project_container .each_cat .inner_each_about_feature .left small,
.project_container .each_cat .inner_each_cat .left small {
  margin-bottom: 2rem;
  font-size: 1.25rem;
  text-transform: uppercase;
}
.about_features .each_about_feature .inner_each_about_feature .left p,
.project_container .each_about_feature .inner_each_about_feature .left p,
.project_container .each_cat .inner_each_about_feature .left p,
.project_container .each_cat .inner_each_cat .left p {
  line-height: 1.4;
  font-size: 2.25rem;
}
.about_features .each_about_feature .inner_each_about_feature .right,
.project_container .each_about_feature .inner_each_about_feature .right,
.project_container .each_cat .inner_each_about_feature .right,
.project_container .each_cat .inner_each_cat .right {
  padding: 0;
  position: relative;
  flex-shrink: 0;
}
.about_features .each_about_feature .inner_each_about_feature .right h1,
.project_container .each_about_feature .inner_each_about_feature .right h1,
.project_container .each_cat .inner_each_about_feature .right h1,
.project_container .each_cat .inner_each_cat .right h1 {
  font-family: var(--font-b);
  font-size: 25rem;
  font-weight: normal;
  color: #0561e0;
  opacity: 0.25;
  line-height: 1;
  letter-spacing: -100px;
  text-indent: -30px;
}
.about_features .each_about_feature .inner_each_about_feature .right img,
.project_container .each_about_feature .inner_each_about_feature .right img,
.project_container .each_cat .inner_each_about_feature .right img,
.project_container .each_cat .inner_each_cat .right img {
  width: 18rem;
  height: auto;
  pointer-events: none;
}
.about_features .each_about_feature img.mobile,
.project_container .each_about_feature img.mobile,
.project_container .each_cat img.mobile {
  display: none;
}
.about_features .each_about_feature .follow_img,
.project_container .each_about_feature .follow_img,
.project_container .each_cat .follow_img {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 450px;
  object-fit: cover;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  box-shadow: 0 2rem 5rem rgba(0, 0, 0, 0.5);
}
.about_features .each_about_feature:hover .follow_img,
.project_container .each_about_feature:hover .follow_img,
.project_container .each_cat:hover .follow_img {
  opacity: 1;
}

.about_big_loop_img {
  height: 400px;
  background: url("../img/about_loop_img.jpeg") 50% 50% repeat-x;
  background-size: auto 100%;
  animation: loopBgImgAbout 80s linear infinite;
  position: relative;
}
.about_big_loop_img .loop_text_wrap {
  position: absolute;
  height: 50%;
  top: 25%;
  width: 100%;
  overflow: hidden;
}
.about_big_loop_img .about_big_loop_text_ele_02 {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 50%;
  background: url("../img/about_loop_text_02.png") 0 center repeat-x;
  animation: loopBgAbout02 40s linear infinite;
}
.about_big_loop_img .about_big_loop_text_ele_03 {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 50%;
  background: url("../img/about_loop_text_02.png") 0 center repeat-x;
  animation: loopBgAbout03 80s linear infinite;
}

.proj_big_loop_img {
  height: 360px;
  background-size: auto 100%;
  animation: loopBgImgEachProj 20s linear infinite;
}
.proj_big_loop_img.__proj_8 {
  background: url("../img/projects_thumbnails_img/proj_8_loop_img.jpg") 50% 50%
    repeat-x;
  background-size: auto 100%;
}
.proj_big_loop_img.__proj_9 {
  background: url("../img/projects_thumbnails_img/proj_9_loop_img.jpg") 50% 50%
    repeat-x;
  background-size: auto 100%;
  animation: loopBgImgEachProj9 40s linear infinite;
}
.proj_big_loop_img.__proj_front_row_festival {
  background: url("../img/projects_thumbnails_img/front_row_loop_img.jpg") 50%
    50% repeat-x;
  background-size: auto 100%;
  animation: loopBgImgEachFrontRowFestival 40s linear infinite;
}
.proj_big_loop_img.__proj_razercon {
  background: url("../img/projects_thumbnails_img/razercon_loop_img.jpg") 50%
    50% repeat-x;
  background-size: auto 100%;
  animation: loopBgImgEachProj9 40s linear infinite;
}
.proj_big_loop_img.__proj_sg_national_day_2021 {
  background: url("../img/projects_thumbnails_img/sg_national_day_2021_loop_img.jpg")
    50% 50% repeat-x;
  background-size: auto 100%;
  animation: loopBgImg5Blocks 40s linear infinite;
}
.proj_big_loop_img.__proj_an_old_new_world {
  background: url("../img/projects_thumbnails_img/an_old_new_world_loop_img.jpg")
    50% 50% repeat-x;
  background-size: auto 100%;
  animation: loopBgImg4Blocks 40s linear infinite;
}
.proj_big_loop_img.__proj_children_season {
  background: url("../img/projects_thumbnails_img/children_season_loop_img.jpg")
    50% 50% repeat-x;
  background-size: auto 100%;
  animation: loopBgImgEachProj 30s linear infinite;
}
.proj_big_loop_img.__proj_uss_01 {
  background: url("../img/projects_thumbnails_img/uss_loop_img_01.jpg") 50% 50%
    repeat-x;
  background-size: auto 100%;
  animation: loopBgImg5Blocks 40s linear infinite;
}
.proj_big_loop_img.__proj_uss_02 {
  background: url("../img/projects_thumbnails_img/uss_loop_img_02.jpg") 50% 50%
    repeat-x;
  background-size: auto 100%;
  animation: loopBgImg4Blocks 40s linear infinite;
}
.proj_big_loop_img.__proj_uss_03 {
  margin-top: 3rem;
  background: url("../img/projects_thumbnails_img/uss_loop_img_03.jpg") 50% 50%
    repeat-x;
  background-size: auto 100%;
  animation: loopBgImg4BlocksReverse 40s linear infinite;
}
.proj_big_loop_img.__proj_uss_04 {
  background: url("../img/projects_thumbnails_img/uss_loop_img_04.jpg") 50% 50%
    repeat-x;
  background-size: auto 100%;
  animation: loopBgImg4BlocksReverse 40s linear infinite;
}
.proj_big_loop_img.__proj_global_esports_games_2021 {
  margin-top: 3rem;
  background: url("../img/projects_thumbnails_img/global_esports_games_2021_loop_img.jpg")
    50% 50% repeat-x;
  background-size: auto 100%;
  animation: loopBgImg4Blocks 40s linear infinite;
}
.proj_big_loop_img.__proj_shigga_shay {
  background: url("../img/projects_thumbnails_img/shigga_shay_loop_img.jpg") 50%
    50% repeat-x;
  background-size: auto 100%;
  animation: loopBgImg5Blocks 40s linear infinite;
}
.proj_big_loop_img.__proj_samsung_z_night_runway {
  background: url("../img/projects_thumbnails_img/samsung_z_loop_img.jpg") 50%
    50% repeat-x;
  background-size: auto 100%;
  animation: loopBgImg4Blocks 40s linear infinite;
}
.proj_big_loop_img.__proj_louis_vuitton_spring_summer_show {
  margin-top: 3rem;
  background: url("../img/projects_thumbnails_img/lv_loop_img.jpg") 50% 50%
    repeat-x;
  background-size: auto 100%;
  animation: loopBgImg4Blocks 40s linear infinite;
}

.proj_big_loop_img_b {
  height: 360px;
  background-size: auto 100%;
  animation: loopBgImgEachProjReverse 20s linear infinite;
}
.proj_big_loop_img_b.__proj_8 {
  background: url("../img/projects_thumbnails_img/proj_8_loop_img_b.jpg") 50%
    50% repeat-x;
  background-size: auto 100%;
}
.proj_big_loop_img_b.__proj_9 {
  background: url("../img/projects_thumbnails_img/proj_9_loop_img_b.jpg") 50%
    50% repeat-x;
  background-size: auto 100%;
}
.proj_big_loop_img_b.__proj_razercon {
  background: url("../img/projects_thumbnails_img/razercon_loop_img_b.jpg") 50%
    50% repeat-x;
  background-size: auto 100%;
}
.proj_big_loop_img_b.__proj_front_row_festival {
  background: url("../img/projects_thumbnails_img/front_row_loop_img_b.jpg") 50%
    50% repeat-x;
  background-size: auto 100%;
  animation: loopBgImgEachFrontRowFestivalReverse 40s linear infinite;
}
.proj_big_loop_img_b.__proj_an_old_new_world {
  background: url("../img/projects_thumbnails_img/an_old_new_world_loop_img_b.jpg")
    50% 50% repeat-x;
  background-size: auto 100%;
  animation: loopBgImg4Blocks 40s linear infinite;
}
.proj_big_loop_img_b.__proj_children_season {
  background: url("../img/projects_thumbnails_img/children_season_loop_img_b.jpg")
    50% 50% repeat-x;
  background-size: auto 100%;
  animation: loopBgImg4Blocks 40s linear infinite;
}
.proj_big_loop_img_b.__proj_shigga_shay {
  background: url("../img/projects_thumbnails_img/shigga_shay_loop_img_b.jpg")
    50% 50% repeat-x;
  background-size: auto 100%;
  animation: loopBgImg4Blocks 40s linear infinite;
}
.proj_big_loop_img_b.__proj_louis_vuitton_spring_summer_show {
  background: url("../img/projects_thumbnails_img/lv_loop_img_b.jpg") 50% 50%
    repeat-x;
  background-size: auto 100%;
  animation: loopBgImgEachProj 30s linear infinite;
}

.proj_big_loop_img_c {
  height: 360px;
  background-size: auto 100%;
  animation: loopBgImgEachProjReverse 20s linear infinite;
}
.proj_big_loop_img_c.__proj_an_old_new_world {
  background: url("../img/projects_thumbnails_img/an_old_new_world_loop_img_c.jpg")
    50% 50% repeat-x;
  background-size: auto 100%;
  animation: loopBgImg4Blocks 40s linear infinite;
}
.proj_big_loop_img_c.__proj_children_season {
  background: url("../img/projects_thumbnails_img/children_season_loop_img_c.jpg")
    50% 50% repeat-x;
  background-size: auto 100%;
  animation: loopBgImg4Blocks 40s linear infinite;
}

.temp {
  position: relative;
  display: flex;
  align-items: center;
}
.temp:after {
  font-size: 10px;
  content: "DEV PURPOSE ONLY";
  opacity: 0.25;
  position: absolute;
  left: 0;
  bottom: 100%;
}
.temp span {
  display: inline-block;
  padding: 0.5rem 0;
  margin-right: 1.5rem;
  font-weight: bold;
  color: var(--main-blue);
  text-transform: uppercase;
}
.temp span:last-child {
  color: tomato;
}

.thankyou_msg_block,
.error_msg_block {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  display: flex;
  padding: 4rem;
  justify-content: center;
  align-items: center;
  overflow: auto;
  visibility: hidden;
  opacity: 0;
  transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s;
  background: rgba(0, 0, 0, 0.5);
}
.thankyou_msg_block.show,
.error_msg_block.show {
  visibility: visible;
  opacity: 1;
  transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.thankyou_msg_block.show .inner_content,
.error_msg_block.show .inner_content {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s;
}
.thankyou_msg_block .inner_content,
.error_msg_block .inner_content {
  padding: 6rem;
  max-width: 600px;
  background: #222222;
  text-align: center;
  box-shadow: 0 1rem 5rem rgba(0, 0, 0, 0.25);
  opacity: 0;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  visibility: hidden;
  text-align: center;
  transform: translateY(10%);
  transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.thankyou_msg_block .inner_content h1,
.error_msg_block .inner_content h1 {
  /*@extend %title-font;*/
  font-size: 2rem;
  line-height: 1.3;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  color: var(--main-blue);
}
.thankyou_msg_block .inner_content p,
.error_msg_block .inner_content p {
  font-size: 1.25rem;
  display: block;
  text-align: center;
  margin-bottom: 4rem;
}
.thankyou_msg_block .inner_content a,
.error_msg_block .inner_content a {
  display: flex;
  width: 6rem;
  height: 6rem;
  align-items: center;
  justify-content: center;
  border-radius: 10rem;
  border: 1px solid var(--main-blue);
  color: var(--main-blue);
  font-size: 1.25rem;
  /*@extend %main-font-medium;*/
  cursor: pointer;
  font-weight: bold;
  position: relative;
}
.thankyou_msg_block .inner_content a svg,
.error_msg_block .inner_content a svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.thankyou_msg_block .inner_content a .another-circle,
.error_msg_block .inner_content a .another-circle {
  stroke-dasharray: 227;
  stroke-dashoffset: 227;
  transition: stroke-dashoffset 600ms ease;
}
.thankyou_msg_block .inner_content a:hover .another-circle,
.error_msg_block .inner_content a:hover .another-circle {
  stroke-dashoffset: 0;
}

.error_msg_block .inner_content h1 {
  color: tomato;
}

.our_client {
  margin: 6rem 0;
  padding: 0 3rem;
  margin-bottom: 12rem;
}
.our_client .inner_our_client h1 {
  font-size: 4rem;
  text-transform: uppercase;
  padding-bottom: 3rem;
  margin-bottom: 3rem;
  border-bottom: 1px solid #808080;
}
.our_client .inner_our_client p {
  width: 60%;
  font-size: 1.4rem;
}
.our_client .inner_our_client .client_logos {
  margin-top: 8rem;
}
.our_client .inner_our_client .client_logos img.mobile {
  position: absolute;
  display: none;
}

.our_team {
  margin: 6rem 0 0;
  padding: 0 3rem;
}
.our_team .inner_our_team h1 {
  font-size: 4rem;
  text-transform: uppercase;
  padding-bottom: 3rem;
  margin-bottom: 3rem;
  border-bottom: 1px solid #808080;
}
.our_team .inner_our_team p {
  width: 60%;
  font-size: 1.4rem;
}
.our_team .inner_our_team p.mobile {
  display: none;
}
.our_team .swiper_wrap .swiper-slide p.mobile {
  display: none;
}
.our_team .swiper_wrap .swiper-slide .para_img_container {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  overflow: hidden;
}
.our_team .swiper_wrap .swiper-slide .para_img_container .para_img_ele {
  height: 130%;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.our_team
  .swiper_wrap
  .swiper-slide
  .para_img_container
  .para_img_ele.swiper_para_ele_01 {
  background: url("../img/studio_sg_02.JPG") 50% 50% no-repeat;
  background-size: contain;
  box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.7);
}
.our_team
  .swiper_wrap
  .swiper-slide
  .para_img_container
  .para_img_ele.swiper_para_ele_02 {
  background: url("../img/slide_img_02_.jpg") 50% 50% no-repeat;
  background-size: contain;
  box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.7);
}
.our_team
  .swiper_wrap
  .swiper-slide
  .para_img_container
  .para_img_ele.swiper_para_ele_03 {
  background: url("../img/studio_ims_01.JPG") 50% 50% no-repeat;
  background-size: contain;
  box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.7);
}
.our_team .swiper_wrap .swiper-slide.swiper-slide-active .slider_des small {
  opacity: 1;
  transform: translateY(0);
  transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s;
}
.our_team .swiper_wrap .swiper-slide.swiper-slide-active .slider_des p {
  opacity: 1;
  transform: translateY(0%);
  transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
}
.our_team .swiper_wrap .swiper-slide .slider_des {
  position: relative;
  width: 100%;
  z-index: 1;
  height: 100%;
}
.our_team .swiper_wrap .swiper-slide .slider_des > img {
  opacity: 0;
}
.our_team .swiper_wrap .swiper-slide .slider_des > img.mobile {
  position: absolute;
  display: none;
}
.our_team .swiper_wrap .swiper-slide .slider_des .des_content {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  display: flex;
  align-items: center;
}
.our_team .swiper_wrap .swiper-slide .slider_des small {
  font-size: 1.25rem;
  display: block;
  text-align: center;
  top: 0;
  left: 0;
  font-size: 1.4rem;
  position: absolute;
  width: 100%;
  padding: 5rem 3rem;
  opacity: 0;
  z-index: 1;
  transform: translateY(50%);
  transition: opacity 250ms linear 0s, transform 100ms linear 0.25s;
}
.our_team .swiper_wrap .swiper-slide .slider_des p {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.4rem;
  opacity: 0;
  position: relative;
  z-index: 1;
  transform: translateY(50%);
  /*transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s;*/
  transition: opacity 250ms linear 0s, transform 100ms linear 0.25s;
}
.our_team .swiper_wrap .swiper-slide .slider_des p span {
  display: block;
  margin-bottom: 2rem;
}
.our_team .swiper_wrap .swiper-slide .slider_des p span:last-child {
  margin-bottom: 0;
}
.our_team .swiper_wrap .big_img_nav {
  display: flex;
  justify-content: space-between;
  padding: 4rem 0;
}
.our_team .swiper_wrap .big_img_nav a {
  width: 50%;
  position: relative;
  padding: 1rem;
  color: white;
  font-size: clamp(1rem, 2vw, 1.5rem);
}
.our_team .swiper_wrap .big_img_nav a img {
  width: 100%;
}
.our_team .swiper_wrap .big_img_nav a:after {
  height: 3px;
  border-radius: 2px;
  width: 0%;
  position: absolute;
  left: 1rem;
  bottom: 0;
  background: #0561e0;
  content: "";
  transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.our_team .swiper_wrap .big_img_nav a.active:after {
  width: calc(100% - 4rem);
}

.about_main {
  padding-top: 0;
}
.about_main .about_main_top {
  background: black;
  position: relative;
  padding: 8rem 3rem;
  overflow: hidden;
  /*height: 100vh;*/
}
.about_main .about_main_top:after {
  width: 100%;
  height: 20%;
  bottom: -1px;
  left: 0;
  background: linear-gradient(to top, rgb(20, 20, 20), rgba(20, 20, 20, 0));
  content: "";
  position: absolute;
  z-index: 0;
}
.about_main .about_main_top .para_bg {
  background: url("../img/about_hero_shadow.jpg") 50% 50% no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0%;
  height: 130%;
  width: 100%;
  z-index: 0;
  opacity: 1;
}
.about_main .about_main_top h1 {
  margin-top: 8rem;
  margin-left: auto;
}
.about_main .about_main_top .inner_about_main_top {
  /*position: relative;*/
  width: 100%;
  align-items: center;
  display: flex;
}
.about_main .about_main_top .down_arrow {
  padding: 2rem;
  border-radius: 20rem;
  border: 1px solid white;
  z-index: 1;
  align-self: flex-end;
}
.about_main .about_main_top .down_arrow img {
  width: 6rem;
  animation: bounce 2s ease infinite 2s;
}

.big_text_wrap {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
}
.big_text_wrap .link {
  order: 3;
  position: absolute;
  bottom: -2.5rem;
  left: 0;
}
.big_text_wrap .link > div {
  display: inline-block;
}
.big_text_wrap.mobile {
  display: none;
}
.big_text_wrap > small {
  font-size: 1.25rem;
  text-transform: capitalize;
  display: block;
  margin-bottom: 0.5rem;
}
.big_text_wrap.__align_right {
  margin-left: auto;
  width: 70%;
}
.big_text_wrap.__has_top_gap {
  margin-top: 8rem;
}

.vp-grant .big_text_wrap.__align_right {
  margin-left: auto;
  width: 80%;
}

.line {
  width: 100%;
  order: 2;
  position: relative;
  overflow: hidden;
}
.line span.text_size {
  opacity: 0;
  width: 100%;
}
.line span.text_size.__small_font {
  font-size: 1.25rem;
  font-family: var(--main-font-light);
}
.line span.animate_ele {
  position: absolute;
  left: 0;
  width: 100%;
  white-space: nowrap;
}
.line span.animate_ele.__small_font {
  font-size: 1.25rem;
  font-family: var(--main-font-light);
  text-transform: capitalize;
}

.projects_main {
  padding-top: 11rem;
}
.projects_main .projects_main_top {
  background: black;
  position: relative;
  padding: 8rem 3rem;
  overflow: hidden;
}
.projects_main .projects_main_top .para_bg {
  background: url("../img/projects_hero.jpg") 50% 50% no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0%;
  height: 130%;
  width: 100%;
  z-index: 0;
  opacity: 1;
}
.projects_main .projects_main_top .inner_projects_main_top {
  position: relative;
  width: 100%;
  align-items: center;
  display: flex;
}
.projects_main .projects_main_top .down_arrow {
  padding: 2rem;
  border-radius: 20rem;
  border: 1px solid white;
  margin-left: auto;
  align-self: flex-end;
}
.projects_main .projects_main_top .down_arrow img {
  width: 6rem;
  animation: bounce 2s ease infinite 2s;
}
.projects_main .projects_main_bottom {
  padding: 0 3rem;
}
.projects_main .projects_main_bottom .inner_projects_main_bottom {
  padding: 5rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
}
.projects_main .projects_main_bottom p {
  width: 50%;
}

.title_desc {
  font-size: 1.25rem;
}

.each_proj_des {
  padding: 0 3rem;
  overflow: hidden;
  background: var(--bg-color);
  position: relative;
  z-index: 1;
}
.each_proj_des.__is_top_block {
  padding-top: 10rem;
}
.project_container .each_cat {
  max-width: var(--max-width);
  margin-bottom: 3rem;
}
.project_container .each_cat h1 {
  font-size: clamp(2.5rem, 4vw, 4rem);
  text-transform: uppercase;
  padding-bottom: 3rem;
  margin-top: 3rem;
  border-bottom: 2px solid var(--main-blue);
}
.project_container .each_cat h1 img {
  display: inline;
}
.project_container .each_cat .inner_each_cat .proj_content {
  align-items: flex-start;
}
.project_container .each_cat .inner_each_cat .proj_content img,
.project_container .each_cat .inner_each_cat .proj_content video {
  width: 100%;
}
.project_container .each_cat .inner_each_cat .proj_content .left p {
  margin-bottom: 2rem;
}
.project_container .each_cat .inner_each_cat .proj_content .left small {
  text-transform: none;
  line-height: 1.5;
  margin-top: 1rem;
}
.project_container .each_cat .inner_each_cat .proj_content .left .title {
  text-transform: uppercase;
  line-height: 1.5;
  margin-top: 0;
  display: block;
  margin-bottom: 1.5rem;
}
.project_container .each_cat .inner_each_cat .proj_content ul.list {
  padding-left: 1.5rem;
}
.project_container .each_cat .inner_each_cat .proj_content ul.list li {
  font-size: 1.2rem;
  margin-bottom: 10px;
}
.project_container .each_cat .inner_each_cat .proj_content .left .embed_video {
  margin-top: 2rem;
}
.project_container
  .each_cat
  .inner_each_cat
  .proj_content
  .left
  .embed_video
  iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
.project_container .each_cat .inner_each_cat .proj_content .left .inline {
  display: flex;
  gap: 0.5rem;
}
.project_container .each_cat .inner_each_cat .proj_content .left .inline div {
  width: 50%;
}
.project_container .each_cat .inner_each_cat .proj_content .left .emphasize {
  color: var(--main-blue);
}
.project_container .each_cat .inner_each_cat .proj_content .left .links a {
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  font-family: var(--main-font-medium);
  font-size: 1.25rem;
  color: var(--darker-blue);
}
.project_container .each_cat .inner_each_cat .proj_content .left .links a span {
  display: inline-block;
  position: relative;
}
.project_container
  .each_cat
  .inner_each_cat
  .proj_content
  .left
  .links
  a
  span:after {
  content: "";
  position: absolute;
  bottom: -0.25rem;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--darker-blue);
  transition: all 0.15s linear;
}
.project_container .each_cat .inner_each_cat .proj_content .left .links a img {
  margin-left: 0.5rem;
  width: 2.5rem;
}
.project_container
  .each_cat
  .inner_each_cat
  .proj_content
  .left
  .links
  a:hover
  span:after {
  width: 100%;
  transition: all 0.15s linear;
}

.holo_avatar_grid {
  padding: 1.2rem;

  &:not(:last-child) {
    border-bottom: 1px solid #808080;
  }

  @media screen and (min-width: 992px) {
    padding-top: 0;
    padding-bottom: 0;

    &:not(:last-child) {
      border-right: 1px solid #808080;
      border-bottom: 0;
    }
  }
}

.proj_des {
  padding: 8rem 0 0;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #808080;
}
.proj_des.__is_custom h2 {
  transform: translateX(25%);
}
.proj_des.__has_para .img_wrap > img {
  opacity: 0;
}
.proj_des h2 {
  font-family: var(--font-b);
  letter-spacing: -70px;
  text-indent: -70px;
  font-size: 20rem;
  font-weight: normal;
  display: flex;
  justify-content: center;
  text-align: center;
  left: 0%;
  width: 100%;
  position: relative;
  line-height: 1.1;
  color: #102749;
  white-space: nowrap;
}
.proj_des h2 .deg_symb {
  width: 3.7rem;
  height: 3.7rem;
  display: inline-block;
  position: relative;
  top: 0;
  margin-left: 2.5rem;
  margin-right: 7rem;
  flex-shrink: 0;
}
.proj_des h2 .deg_symb:after {
  content: "";
  border: 1rem solid #102749;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  color: #102749;
  position: absolute;
  top: 120%;
  right: 0;
}
.proj_des .impacts {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 2rem 0;
}
.proj_des .impacts .each_impact {
  width: 31%;
  text-align: center;
  padding: 2rem;
}
.proj_des .impacts .each_impact h5 {
  font-family: var(--main-font-thin);
  font-size: 3.5rem;
  color: var(--main-blue);
  font-weight: 100;
}
.proj_des .impacts .each_impact p {
  margin-top: 0.5rem;
  font-size: 1.5rem;
}
.proj_des .para_img_container {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  overflow: hidden;
}
.proj_des .para_img_container .para_img_ele {
  height: 120%;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.proj_des .para_img_container .para_img_ele.para_ele_01 {
  background: url("../img/projects_thumbnails_img/proj_8_img_02.jpg") 50% 50%
    no-repeat;
  background-size: cover;
}
.proj_des .para_img_container .para_img_ele.para_img_proj_front_row_01 {
  background: url("../img/projects_thumbnails_img/proj_front_row_feature_1.jpg")
    50% 50% no-repeat;
  background-size: cover;
}
.proj_des .para_img_container .para_img_ele.para_img_proj_ndp_livestream {
  background: url("../img/projects_thumbnails_img/ndp_livestream_2019_lg_img_01.jpg")
    50% 50% no-repeat;
  background-size: cover;
}
.proj_des
  .para_img_container
  .para_img_ele.para_img_proj_global_esports_games_2021 {
  background: url("../img/projects_thumbnails_img/para_img_proj_global_esports_games_2021.jpg")
    50% 50% no-repeat;
  background-size: cover;
}
.proj_des .para_img_container .para_img_ele.para_img_shigga_shay {
  background: url("../img/projects_thumbnails_img/para_img_shigga_shay.jpg") 50%
    50% no-repeat;
  background-size: cover;
}
.proj_des.__no_top_padding {
  padding-top: 2rem;
}
.proj_des.__no_bottom_border {
  border-bottom: none;
}
.proj_des.__has_top_border {
  border-top: 1px solid #808080;
  margin-top: 1.5rem;
}
.proj_des small {
  font-size: 1rem;
  text-transform: uppercase;
}
.proj_des p {
  display: block;
  font-size: 1.75rem;
  margin: 2rem 0;
}
.proj_des .img_wrap {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
  position: relative;
}
.proj_des .img_wrap.__has_bottom_gap {
  margin-bottom: 4rem;
}
.proj_des .img_wrap.__is_embeded {
  background: black;
}
.proj_des .img_wrap.__is_embeded img {
  z-index: 0;
  opacity: 0;
}
.proj_des .img_wrap.__is_embeded iframe {
  z-index: 2;
}
.proj_des .img_wrap.__is_embeded .play_btn {
  display: none;
}
.proj_des .img_wrap.__vid_playing {
  background: black;
}
.proj_des .img_wrap.__vid_playing > img {
  /*display: none;*/
  z-index: 0;
  opacity: 0;
}
.proj_des .img_wrap.__vid_playing video,
.proj_des .img_wrap.__vid_playing iframe {
  z-index: 2;
}
.proj_des .img_wrap.__vid_playing .play_btn {
  display: none;
}
.proj_des .img_wrap > img {
  position: relative;
  z-index: 1;
}
.proj_des .img_wrap > img.is_size_maker {
  opacity: 0;
}
.proj_des .img_wrap video,
.proj_des .img_wrap iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.proj_des .img_wrap.__has_top_gap {
  margin-top: 2rem;
}
.proj_des .img_wrap .play_btn {
  position: absolute;
  z-index: 3;
  width: 6rem;
  height: 6rem;
  transform: scale(1);
  cursor: pointer;
  transition: all 0.15s linear;
  transform-origin: center center;
}
.proj_des .img_wrap .play_btn:hover {
  transform: scale(1.1);
}

.proj_details {
  display: flex;
  margin-bottom: 5rem;
}
.proj_details .left {
  width: 40%;
  padding-right: 7rem;
}
.proj_details .right {
  width: 60%;
  padding-left: 2rem;
}
.proj_details .right.__reduced_font_size h1 {
  font-size: 4.5rem;
}
.proj_details .right h1 {
  font-size: 5rem;
  line-height: 1.2;
  text-transform: uppercase;
}
.proj_details .right p {
  display: block;
  margin: 2rem 0;
  font-size: 1.25rem;
}
.proj_details .right a {
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  font-family: var(--main-font-medium);
  font-size: 1.25rem;
  color: var(--darker-blue);
}
.proj_details .right a span {
  display: inline-block;
  position: relative;
}
.proj_details .right a span:after {
  content: "";
  position: absolute;
  bottom: -0.25rem;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--darker-blue);
  transition: all 0.15s linear;
}
.proj_details .right a img {
  margin-left: 0.5rem;
  width: 2.5rem;
}
.proj_details .right a:hover span:after {
  width: 100%;
  transition: all 0.15s linear;
}

.page-container {
  visibility: hidden;
  position: relative;
}
.page-container .page {
  cursor: pointer;
  z-index: 10;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  position: fixed;
}

.clone_container {
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  background-size: cover;
  background-position: center;
  z-index: 1;
  overflow: hidden;
  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.clone_container .target_proj_hero_img_container {
  height: 100%;
  width: 100%;
  background-position: 50% 50%;
  background-size: cover;
  top: 0;
  transform: translateX(-50%);
  position: absolute;
  left: 50%;
  visibility: hidden;
}
.clone_container .target_proj_hero_img_container:after {
  height: 100%;
  width: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.clone_container.enlarged {
  width: 100%;
  height: 100%;
  transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.15s;
}

.section3 {
  overflow: hidden;
}
.section3 .boxes_holder img {
  width: auto;
  max-width: none;
}

.caption_wrap {
  display: block;
  margin: 2rem 0;
}
.caption_wrap.__no_top_margin {
  margin-top: 0;
}
.caption_wrap small.img_caption {
  font-size: 1rem;
  display: block;
  margin-bottom: 0.25rem;
  text-transform: none !important;
}

.each_projects_main {
  height: 100vh;
}
.each_projects_main .each_projects_main_top {
  background: black;
  position: relative;
  padding: 8rem 3rem;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  height: inherit;
}
.each_projects_main .each_projects_main_top:after {
  height: 50%;
  content: "";
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.75),
    rgba(0, 0, 0, 0)
  );
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 0;
}
.each_projects_main .each_projects_main_top.__proj_8 .para_bg {
  background: url("../img/projects_thumbnails_img/large_8.jpg") 50% 50%
    no-repeat;
  background-size: cover;
}
.each_projects_main .each_projects_main_top.__proj_9 .para_bg {
  background: url("../img/projects_thumbnails_img/proj_9_hero_cover.jpg") 50%
    50% no-repeat;
  background-size: cover;
}
.each_projects_main .each_projects_main_top.__proj_front_row_festival .para_bg {
  background: url("../img/projects_thumbnails_img/front_row_hero_cover.jpg")
    center right no-repeat;
  background-size: cover;
  height: 115%;
}
.each_projects_main .each_projects_main_top.__proj_front_row_festival:after {
  height: 100%;
  width: 100%;
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.75),
    rgba(0, 0, 0, 0)
  );
}
.each_projects_main .each_projects_main_top.__proj_razercon .para_bg {
  background: url("../img/projects_thumbnails_img/razercon_hero.jpg") 50% 50%
    no-repeat;
  background-size: cover;
  height: 110%;
}
.each_projects_main
  .each_projects_main_top.__proj_sg_national_day_2021
  .para_bg {
  background: url("../img/projects_thumbnails_img/sg_national_day_2021_cover.jpg")
    50% 50% no-repeat;
  background-size: cover;
  height: 120%;
}
.each_projects_main .each_projects_main_top.__proj_sg_national_day_2021:after {
  height: 80%;
}
.each_projects_main
  .each_projects_main_top.__proj_samsung_z_night_runway
  .para_bg {
  background: url("../img/projects_thumbnails_img/samsung_z_night_hero_cover.jpg")
    50% 50% no-repeat;
  background-size: cover;
  height: 120%;
}
.each_projects_main
  .each_projects_main_top.__proj_samsung_z_night_runway:after {
  height: 100%;
}
.each_projects_main
  .each_projects_main_top.__proj_ndp_livestream_2019
  .para_bg {
  background: url("../img/projects_thumbnails_img/ndp_livestream_hero_cover.jpg")
    50% 50% no-repeat;
  background-size: cover;
  height: 120%;
}
.each_projects_main .each_projects_main_top.__proj_an_old_new_world .para_bg {
  background: url("../img/projects_thumbnails_img/an_old_new_world_hero_cover.jpg")
    50% 50% no-repeat;
  background-size: cover;
  height: 120%;
}
.each_projects_main .each_projects_main_top.__proj_children_season .para_bg {
  background: url("../img/projects_thumbnails_img/children_season_hero_cover.jpg")
    50% 50% no-repeat;
  background-size: cover;
  height: 120%;
}
.each_projects_main
  .each_projects_main_top.__proj_uss_halloween_horror_nights_2022
  .para_bg {
  background: url("../img/projects_thumbnails_img/uss_hero_cover.jpg") 50% 50%
    no-repeat;
  background-size: cover;
  height: 120%;
}
.each_projects_main
  .each_projects_main_top.__proj_global_esports_games_2021
  .para_bg {
  background: url("../img/projects_thumbnails_img/global_esports_games_2021_hero_cover.jpg")
    50% 50% no-repeat;
  background-size: cover;
  height: 120%;
}
.each_projects_main .each_projects_main_top.__proj_shigga_shay .para_bg {
  background: url("../img/projects_thumbnails_img/shigga_shay_hero_cover.jpg")
    50% 50% no-repeat;
  background-size: cover;
  height: 120%;
}
.each_projects_main
  .each_projects_main_top.__proj_louis_vuitton_spring_summer_show
  .para_bg {
  background: url("../img/projects_thumbnails_img/lv_hero_cover.jpg") 50% 50%
    no-repeat;
  background-size: cover;
  height: 120%;
}
.each_projects_main
  .each_projects_main_top.__proj_louis_vuitton_spring_summer_show:after {
  height: 100%;
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.75),
    rgba(0, 0, 0, 0.33)
  );
}
.each_projects_main .each_projects_main_top .para_bg {
  background: url("../img/projects_thumbnails_img/large_8.jpg") 50% 50%
    no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0%;
  height: 130%;
  width: 100%;
  z-index: 0;
  opacity: 1;
}
.each_projects_main .each_projects_main_top h1 small {
  display: block;
  font-size: 1.2rem;
  text-transform: capitalize;
}
.each_projects_main .each_projects_main_top .inner_each_projects_main_top {
  /*position: relative;*/
  width: 100%;
  align-items: center;
  display: flex;
}
.each_projects_main .each_projects_main_top .down_arrow {
  padding: 2rem;
  border-radius: 20rem;
  border: 1px solid white;
  margin-left: auto;
  align-self: flex-end;
  position: relative;
  z-index: 2;
}
.each_projects_main .each_projects_main_top .down_arrow img {
  width: 6rem;
  animation: bounce 2s ease infinite 3s;
}
.each_projects_main .each_projects_main_bottom {
  padding: 0 3rem;
}
.each_projects_main .each_projects_main_bottom .inner_projects_main_bottom {
  padding: 5rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
}
.each_projects_main .each_projects_main_bottom p {
  width: 50%;
}

.technology_main {
  padding-top: 0;
}
.technology_main .technology_main_top {
  background: black;
  position: relative;
  padding: 8rem 3rem;
  overflow: hidden;
}
.technology_main .technology_main_top:after {
  width: 100%;
  height: 20%;
  bottom: -1px;
  left: 0;
  background: linear-gradient(to top, rgb(20, 20, 20), rgba(20, 20, 20, 0));
  content: "";
  position: absolute;
  z-index: 0;
}
.technology_main .technology_main_top .para_bg {
  background: url("../img/tech_hero_shadow.jpg") center center no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0%;
  height: 130%;
  width: 100%;
  z-index: 0;
  opacity: 1;
}
.technology_main .technology_main_top h1 {
  margin-top: 8rem;
}
.technology_main .technology_main_top .inner_technology_main_top {
  /*position: relative;*/
  width: 100%;
  align-items: center;
  display: flex;
}
.technology_main .technology_main_top .down_arrow {
  padding: 2rem;
  border-radius: 20rem;
  border: 1px solid white;
  margin-left: auto;
  align-self: flex-end;
  z-index: 1;
}
.technology_main .technology_main_top .down_arrow img {
  width: 6rem;
  animation: bounce 2s ease infinite 2s;
}

.sphere {
  display: flex;
  justify-content: center;
  padding: 6rem 3rem;
}
.sphere .sphere_container {
  padding: 0;
  display: inline-block;
  position: relative;
  border-radius: 20rem;
}
.sphere .sphere_container:after {
  width: 240%;
  height: 240%;
  border-radius: inherit;
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  content: "";
  z-index: -1;
  opacity: 0;
  background: radial-gradient(
    closest-side,
    var(--main-blue),
    rgba(5, 97, 224, 0)
  );
  transition: all 1.5s linear;
  pointer-events: none;
}
.sphere .sphere_container:hover:after {
  opacity: 0.4;
  transition: all 1.5s linear;
  animation: fadeInOut 5s ease infinite;
}
.sphere .sphere_container:hover .sphere_inner {
  opacity: 1;
  animation: spinZero 10s ease infinite;
}
.sphere .sphere_container:hover .sphere_inner .pulsate_circle {
  animation: heartPulse2 1s ease-out infinite;
}
.sphere .sphere_container .sphere_inner {
  opacity: 0;
  width: 120%;
  height: 120%;
  transition: all 0.15s linear;
  position: absolute;
  left: -10%;
  top: -10%;
  pointer-events: none;
  border-radius: 100%;
}
.sphere .sphere_container .pulsate_circle {
  width: 90%;
  height: 90%;
  position: absolute;
  top: 5%;
  left: 5%;
  border-radius: 100%;
  border: 2px solid red;
  z-index: 10;
  pointer-events: none;
}
.sphere .sphere_container .animated_sphere_a {
  width: 100%;
  height: 96%;
  position: absolute;
  top: 2%;
  left: 0;
  opacity: 0.5;
  border-radius: 100%;
  border: 1px solid #00e0ff;
  animation: spin1 5s linear infinite;
  pointer-events: none;
}
.sphere .sphere_container .animated_sphere_a:after {
  width: 100%;
  height: 96%;
  position: absolute;
  top: 2%;
  left: 0;
  border-radius: 100%;
  border: 1px solid #00e0ff;
  filter: blur(10px);
  content: "";
  pointer-events: none;
}
.sphere .sphere_container .animated_sphere_b {
  width: 96%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 2%;
  border-radius: 100%;
  border: 1px solid #00e0ff;
  animation: spin3 3s linear infinite;
  pointer-events: none;
}
.sphere .sphere_container .animated_sphere_b:after {
  width: 96%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 2%;
  border-radius: 100%;
  border: 1px solid #00e0ff;
  filter: blur(5px);
  content: "";
  pointer-events: none;
}
.sphere .sphere_container .animated_sphere_c {
  width: 86%;
  height: 90%;
  position: absolute;
  top: 0%;
  left: 5%;
  border-radius: 100%;
  opacity: 0.75;
  /*border: 1px solid #00E0FF;*/
  animation: spin2 15s linear infinite;
  pointer-events: none;
}
.sphere .sphere_container .animated_sphere_c svg {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.sphere .sphere_container .animated_sphere_d {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0;
  border-radius: 100%;
  opacity: 1;
  /*border: 1px solid #0279E1;*/
  animation: spinNoSkew 12s ease infinite;
  pointer-events: none;
}
.sphere .sphere_container .animated_sphere_d svg {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.sphere .trigger_text {
  position: relative;
  border-radius: 100%;
}
.sphere .trigger_text:after {
  width: 80%;
  height: 80%;
  position: absolute;
  border-radius: 100%;
  content: "";
  top: 10%;
  left: 50%;
  z-index: -1;
  opacity: 0;
  background: radial-gradient(
    closest-side,
    rgb(2, 121, 225),
    rgba(2, 121, 225, 0)
  );
  transition: all 0.15s linear 0s;
  pointer-events: none;
}
.sphere .trigger_text:hover:after {
  opacity: 0.5;
  transition: all 3s linear;
}
.sphere .trigger_text:hover .hidden_text {
  transform: translate(0%, -50%);
  opacity: 1;
  visibility: visible;
  transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.sphere .trigger_text .hidden_text {
  position: absolute;
  left: 115%;
  width: 36vw;
  top: 50%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate(-10%, -50%);
  transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.sphere .trigger_text .hidden_text p {
  color: var(--darker-blue);
  font-family: var(--main-font-medium);
  font-size: 1.4rem;
}
.sphere .sphere_trigger_ele {
  display: flex;
  cursor: pointer;
  width: 14rem;
  height: 14rem;
  background: var(--bg-color);
  justify-content: center;
  align-items: center;
  border-radius: 10rem;
  padding: 3rem;
  position: relative;
  z-index: 1;
  border: 1px solid rgba(255, 255, 255, 0.5);
  transition: all 0.15s linear;
}
.sphere .sphere_trigger_ele:hover {
  border-color: #00ffff;
  box-shadow: 0 0 5rem rgba(0, 255, 255, 0.7);
}
.sphere .sphere_trigger_ele span.text {
  text-align: center;
  font-size: 1.7rem;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.2;
  font-family: var(--main-font-bold);
}
.sphere .sphere_trigger_ele span.text img {
  margin-top: 1rem;
  width: 2.7rem;
}

.tech_img_block {
  padding: 5rem 3rem;
  padding-bottom: 0;
  position: relative;
  z-index: 1;
}
.tech_img_block .inner_tech_img_block {
  border-bottom: 1px solid #666666;
  background: var(--bg-color);
}
.tech_img_block .row_wrap {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.tech_img_block .row_wrap .straight_text_on_img_right {
  position: absolute;
  right: -1rem;
  top: 0;
  width: 1rem;
  white-space: nowrap;
}
.tech_img_block .row_wrap .straight_text_on_img_right > div {
  font-size: 1.35rem;
  transform: rotate(90deg);
  transform-origin: right bottom;
  color: #666666;
}
.tech_img_block .row_wrap .straight_text_on_img_right > div span {
  color: var(--main-blue);
  background: linear-gradient(to right, var(--main-blue), var(--darker-blue));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.tech_img_block .row_wrap .straight_text_on_img_right > div span.orange {
  color: var(--main-orange);
  background: linear-gradient(to right, #e22e1c, var(--main-orange));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.tech_img_block .row_wrap .straight_text_on_img_right > div span.green {
  color: var(--main-green);
  background: linear-gradient(to right, var(--main-green), #0fe2b8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.tech_img_block .row_wrap .straight_text_on_img_right > div span.purple {
  color: #5319d7;
  background: linear-gradient(to right, #5319d7, #a21ec4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.tech_img_block .row_wrap .left {
  width: 50%;
  padding-right: 7rem;
  /*margin-bottom: -8%;*/
}
.tech_img_block .row_wrap .right {
  width: 50%;
  padding-left: 7rem;
  margin-left: auto;
  /*margin-bottom: -15%;*/
}
.tech_img_block .row_wrap.__row_one .line {
  width: calc(100% + 14rem);
}
.tech_img_block .row_wrap.__row_two {
  margin-top: -10%;
  position: relative;
  z-index: 1;
  margin-left: auto;
  padding-left: 7rem;
  width: calc(50% + 7rem);
}
.tech_img_block .row_wrap.__row_two .right {
  width: 100%;
}
.tech_img_block .row_wrap.__row_two .line {
  z-index: -1;
  width: calc(100% + 10rem);
  right: 0;
  left: auto;
}
.tech_img_block .row_wrap.__row_three {
  margin-top: -20%;
}
.tech_img_block .row_wrap.__row_three .line {
  width: calc(200% + 14rem);
}
.tech_img_block .row_wrap.__row_four {
  margin-top: 5rem;
  margin-bottom: 2rem;
}
.tech_img_block .row_wrap.__row_four .right {
  width: 70%;
}
.tech_img_block .row_wrap.__row_four .line {
  display: none;
  right: 0;
  left: auto;
}
.tech_img_block .row_wrap .line {
  height: 1px;
  background: #666666;
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.tech_img_block .block_one,
.tech_img_block .block_two,
.tech_img_block .block_three,
.tech_img_block .block_four {
  position: relative;
  padding-bottom: 3rem;
}
.tech_img_block .tech_para_des {
  margin-top: 3rem;
  display: flex;
  align-items: flex-start;
}
.tech_img_block .tech_para_des > img {
  margin-right: 1.5rem;
}
.tech_img_block .tech_para_des p {
  font-size: 1.25rem;
}
.tech_img_block .tech_para_des p.mobile {
  display: none;
}
.tech_img_block .tech_para_des a {
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  font-family: var(--main-font-medium);
  font-size: 1.25rem;
  color: var(--darker-blue);
  /*            small {
                  border-radius: 5rem;
                  position: relative;
                  border: 1px solid var(--darker-blue);
                  margin-left: .5rem;
              }*/
}
.tech_img_block .tech_para_des a span {
  display: inline-block;
  position: relative;
}
.tech_img_block .tech_para_des a span:after {
  content: "";
  position: absolute;
  bottom: -0.25rem;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--darker-blue);
  transition: all 0.15s linear;
}
.tech_img_block .tech_para_des a img {
  margin-left: 0.5rem;
  width: 2.5rem;
}
.tech_img_block .tech_para_des a:hover span:after {
  width: 100%;
  transition: all 0.15s linear;
}
.tech_img_block .tech_para_img_01_wrap {
  overflow: hidden;
  position: relative;
}
.tech_img_block .tech_para_img_01_wrap .tech_para_img_01 {
  width: 100%;
  height: 130%;
  top: 0;
  left: 0;
  position: absolute;
  background: url("../img/tech_img_01_clone.jpg") 50% 50% no-repeat;
  background-size: contain;
}
.tech_img_block .tech_para_img_01_wrap img {
  width: 100%;
  opacity: 0;
}
.tech_img_block .tech_para_img_02_wrap {
  overflow: hidden;
  position: relative;
}
.tech_img_block .tech_para_img_02_wrap .tech_para_img_02 {
  width: 100%;
  height: 130%;
  top: 0;
  left: 0;
  position: absolute;
  background: url("../img/tech_img_02_clone.jpg") 50% 50% no-repeat;
  background-size: contain;
}
.tech_img_block .tech_para_img_02_wrap img {
  width: 100%;
  opacity: 0;
}
.tech_img_block .tech_para_img_03_wrap {
  overflow: hidden;
  position: relative;
}
.tech_img_block .tech_para_img_03_wrap .tech_para_img_03 {
  width: 100%;
  height: 130%;
  top: 0;
  left: 0;
  position: absolute;
  background: url("../img/tech_img_03_clone.jpg") 50% 50% no-repeat;
  background-size: contain;
}
.tech_img_block .tech_para_img_03_wrap img {
  width: 100%;
  opacity: 0;
}
.tech_img_block .tech_para_img_04_wrap {
  overflow: hidden;
  position: relative;
}
.tech_img_block .tech_para_img_04_wrap .tech_para_img_04 {
  width: 100%;
  height: 130%;
  top: 0;
  left: 0;
  position: absolute;
  background: url("../img/tech_img_04_clone.jpg") 50% 50% no-repeat;
  background-size: contain;
}
.tech_img_block .tech_para_img_04_wrap img {
  width: 100%;
  opacity: 0;
}
.tech_img_block .tech_para_img_04_wrap img.mobile {
  display: none;
  position: absolute;
}
.tech_img_block .tech_para_img_01_wrap:after,
.tech_img_block .tech_para_img_02_wrap:after,
.tech_img_block .tech_para_img_03_wrap:after,
.tech_img_block .tech_para_img_04_wrap:after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: transparent;
  border: 1px solid #666666;
  content: "";
  display: none;
}

.link {
  position: relative;
  z-index: 1;
}
.link a {
  margin-top: 1rem;
  display: flex;
  width: auto;
  align-items: center;
  font-family: var(--main-font-medium);
  font-size: 1.25rem;
  color: var(--darker-blue);
  /*            small {
                  border-radius: 5rem;
                  position: relative;
                  border: 1px solid var(--darker-blue);
                  margin-left: .5rem;
              }*/
}
.link a span {
  display: inline-block;
  position: relative;
}
.link a span:after {
  content: "";
  position: absolute;
  bottom: -0.25rem;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--darker-blue);
  transition: all 0.15s linear;
}
.link a img {
  margin-left: 0.5rem;
  width: 2.5rem;
}
.link a:hover span:after {
  width: 100%;
  transition: all 0.15s linear;
}

.sub_des {
  padding: 0 3rem;
}
.sub_des.__about_page .inner_sub_des p {
  width: 70%;
  margin-left: auto;
}
.sub_des .inner_sub_des p {
  width: 50%;
  font-size: 1.4rem;
}
.sub_des .inner_sub_des p.mobile {
  display: none;
}

span.blue {
  color: var(--secondary-blue);
}

@keyframes loopBg_tech {
  from {
    background-position: 0 center;
  }
  to {
    background-position: -3606px center;
  }
}
@keyframes loopBgStudio {
  from {
    background-position: 0 center;
  }
  to {
    background-position: -3213px center;
  }
}
@keyframes loopBgAbout {
  from {
    background-position: 0 center;
  }
  to {
    background-position: -4323px center;
  }
}
@keyframes loopBgAbout02 {
  from {
    background-position: 0 center;
  }
  to {
    background-position: -4950px center;
  }
}
@keyframes loopBgAbout03 {
  from {
    background-position: 0 center;
  }
  to {
    background-position: 4950px center;
  }
}
@keyframes loopBgImgAbout {
  from {
    background-position: 0 center;
  }
  to {
    background-position: -7153px center;
  }
}
@keyframes loopBgImgEachProj {
  from {
    background-position: 0 center;
  }
  to {
    background-position: -1884px center;
  }
}
@keyframes loopBgImgEachProj9 {
  /* 6 blocks loop image */
  from {
    background-position: 0 center;
  }
  to {
    background-position: -3771px center;
  }
}
@keyframes loopBgImg5Blocks {
  /* 5 blocks loop image */
  from {
    background-position: 0 center;
  }
  to {
    background-position: -3140px center;
  }
}
@keyframes loopBgImgEachFrontRowFestival {
  from {
    background-position: 0 center;
  }
  to {
    background-position: -2512px center;
  }
}
@keyframes loopBgImg4BlocksReverse {
  /* 4 blocks loop image */
  from {
    background-position: 0 center;
  }
  to {
    background-position: 2512px center;
  }
}
@keyframes loopBgImg4Blocks {
  /* 4 blocks loop image */
  from {
    background-position: 0 center;
  }
  to {
    background-position: -2512px center;
  }
}
@keyframes loopBgImgEachFrontRowFestivalReverse {
  from {
    background-position: 0 center;
  }
  to {
    background-position: 2512px center;
  }
}
@keyframes loopBgImgEachProjReverse {
  /* 3 blocks reverse loop image */
  from {
    background-position: 0 center;
  }
  to {
    background-position: 1884px center;
  }
}
@keyframes loopBgStudio02 {
  from {
    background-position: 0 center;
  }
  to {
    background-position: -4160px center;
  }
}
.about_big_loop_text {
  padding: 6rem 3rem;
  margin: 5rem 0;
  position: relative;
  overflow: hidden;
}
.about_big_loop_text .about_big_loop_text_ele {
  width: 100%;
  position: absolute;
  left: 0%;
  top: 50%;
  height: 100%;
  transform: translateY(-50%);
  background: url("../img/about_loop_text.png") 0 center repeat-x;
  animation: loopBgAbout 60s linear infinite;
}
.about_big_loop_text .inner_about_big_loop_text {
  position: relative;
  z-index: 1;
  text-align: center;
}
.tech_big_loop_text {
  padding: 6rem 3rem;
  margin: 5rem 0;
  position: relative;
  overflow: hidden;
}
.tech_big_loop_text .tech_big_loop_text_ele {
  width: 100%;
  position: absolute;
  left: 0%;
  top: 50%;
  height: 100%;
  transform: translateY(-50%);
  background: url("../img/tech_loop_text.png") 0 center repeat-x;
  background-size: auto 288px;
  animation: loopBg_tech 60s linear infinite;
}
.tech_big_loop_text .inner_tech_big_loop_text {
  position: relative;
  z-index: 1;
  text-align: center;
}
.tech_big_loop_text .inner_tech_big_loop_text h1 {
  padding: 0;
}

.studio_big_loop_text,
.studio_big_loop_text_02 {
  padding: 6rem 3rem;
  margin: 8rem 0;
  position: relative;
  overflow: hidden;
  /*margin-top: 10rem;*/
}
.studio_big_loop_text .studio_big_loop_text_ele,
.studio_big_loop_text_02 .studio_big_loop_text_ele {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  height: 100%;
  transform: translateY(-50%);
  background: url("../img/studio_loop_text.png") 0 center repeat-x;
  background-size: auto 100%;
  animation: loopBgStudio 60s linear infinite;
}
.studio_big_loop_text .inner_studio_big_loop_text,
.studio_big_loop_text_02 .inner_studio_big_loop_text {
  position: relative;
  z-index: 1;
  text-align: center;
}
.studio_big_loop_text {
  padding: 8rem 3rem;
}

.type_of_applicatio {
  padding: 3rem;
}
.type_of_applicatio .each_apps {
  position: relative;
  margin-bottom: 1.5rem;
}
.type_of_applicatio .each_apps .full_des_mobile {
  display: none;
  padding: 2rem 3rem 5rem;
  font-size: 1.4rem;
}
.type_of_applicatio .each_apps .full_des_mobile.__align_right {
  text-align: right;
}
.type_of_applicatio .each_apps .para_bg_wrap {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  transform: scale(1);
  filter: brightness(1);
  transition: all 0.5s linear;
}
.type_of_applicatio .each_apps .para_bg_wrap .para_bg_ele {
  height: 130%;
  width: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
}
.type_of_applicatio .each_apps .para_bg_wrap .para_bg_ele.app_img_01 {
  background-image: url("../img/app_img_01_shadow.jpg");
}
.type_of_applicatio .each_apps .para_bg_wrap .para_bg_ele.app_img_02 {
  background-image: url("../img/app_img_02_shadow.jpg");
}
.type_of_applicatio .each_apps .para_bg_wrap .para_bg_ele.app_img_03 {
  background-image: url("../img/app_img_03_shadow.jpg");
}
.type_of_applicatio .each_apps .para_bg_wrap .para_bg_ele.app_img_04 {
  background-image: url("../img/app_img_04_shadow.jpg");
}
.type_of_applicatio .each_apps .para_bg_wrap .para_bg_ele.app_img_05 {
  background-image: url("../img/app_img_05_shadow.jpg");
}
.type_of_applicatio .each_apps .para_bg_wrap .para_bg_ele.app_img_06 {
  background-image: url("../img/app_img_06_shadow.jpg");
}
.type_of_applicatio .each_apps .para_bg_wrap .para_bg_ele.app_img_07 {
  background-image: url("../img/app_img_07_shadow.jpg");
}
.type_of_applicatio .each_apps:hover .para_bg_wrap {
  transform: scale(1.05);
  filter: brightness(1.2);
}
.type_of_applicatio .each_apps:hover .apps_des p.shorter_des {
  transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  top: -4rem;
  opacity: 0;
  visibility: hidden;
}
.type_of_applicatio .each_apps:hover .apps_des p.full_des {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
  transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s;
}
.type_of_applicatio .each_apps:hover .para_bg {
  transition: all 0.35s linear;
}
.type_of_applicatio .each_apps img {
  opacity: 0;
}
.type_of_applicatio .each_apps .apps_des {
  position: absolute;
  left: 0;
  top: 0;
  padding: 3rem;
  height: 100%;
  width: 100%;
  z-index: 1;
  overflow: hidden;
}
.type_of_applicatio .each_apps .apps_des.__align_right {
  text-align: right;
}
.type_of_applicatio .each_apps .apps_des.__align_right p {
  margin-left: auto;
  text-align: right;
}
.type_of_applicatio .each_apps .apps_des.__align_right p.full_des {
  left: auto;
  right: 0;
}
.type_of_applicatio .each_apps .apps_des .des_wrap {
  position: relative;
  z-index: 1;
}
.type_of_applicatio .each_apps .apps_des p {
  width: 50%;
}
.type_of_applicatio .each_apps .apps_des p.shorter_des {
  top: 0;
  transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s;
}
.type_of_applicatio .each_apps .apps_des p.full_des {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  transform: translateY(20%);
  visibility: hidden;
  transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.type_of_applicatio .each_apps .apps_name {
  font-family: var(--font-b);
  font-size: 2.8rem;
  display: inline-block;
  margin-bottom: 0.5rem;
  line-height: 1;
  position: relative;
  z-index: 1;
  padding-bottom: 0.25rem;
  border-bottom: 2px solid var(--main-blue);
}

.demo {
  padding: 3rem;
  background: var(--bg-color);
  position: relative;
  z-index: 1;
  padding-bottom: 0;
}
.demo h1 {
  font-size: 5rem;
  display: block;
  padding-bottom: 2rem;
  border-bottom: 1px solid #808080;
  margin-bottom: 2rem;
}
.demo p {
  font-size: 1.75rem;
}

.demo_vid {
  padding: 3rem;
  background: var(--bg-color);
}
.demo_vid .inner_demo_vid .demo_img {
  margin: 2rem 0;
  overflow: hidden;
  position: relative;
}
.demo_vid .inner_demo_vid .demo_img > img {
  opacity: 0;
}
.demo_vid .inner_demo_vid .demo_img .para_bg {
  background: url("../img/demo_img_shadow.jpg") 50% 50% no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0%;
  height: 130%;
  width: 100%;
  z-index: 0;
  opacity: 1;
}
.demo_vid .inner_demo_vid a {
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  font-family: var(--main-font-medium);
  font-size: 1.25rem;
  color: var(--darker-blue);
}
.demo_vid .inner_demo_vid a span {
  display: inline-block;
  border-bottom: 1px solid var(--darker-blue);
}
.demo_vid .inner_demo_vid a img {
  margin-left: 0.5rem;
  width: 2.5rem;
}

.studio_big_loop_text_02 .studio_big_loop_text_ele {
  background: url("../img/studio_loop_text_02.png") 0 center repeat-x;
  animation: loopBgStudio02 60s linear infinite;
}

.studio_des,
.about_des {
  padding: 0 3rem;
  margin-top: 2rem;
}
.studio_des .inner_des p,
.about_des .inner_des p {
  display: block;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.6;
  position: relative;
  margin-bottom: 2rem;
}
.studio_des .inner_des p.mobile,
.about_des .inner_des p.mobile {
  display: none;
}
.studio_des .inner_des p:last-child,
.about_des .inner_des p:last-child {
  margin-bottom: 0;
}

.vp-grant_content .inner_des p {
  text-align: left;
  width: 100%;
}

.vp-grant_details .each_about_feature,
.vp-grant_details .project_container .each_cat,
.project_container .vp-grant_details .each_cat {
  margin-bottom: 3rem;
}
.vp-grant_details .each_about_feature small,
.vp-grant_details .project_container .each_cat small,
.project_container .vp-grant_details .each_cat small {
  text-transform: none !important;
  line-height: 1.3;
}
.vp-grant_details .each_about_feature p,
.vp-grant_details .project_container .each_cat p,
.project_container .vp-grant_details .each_cat p,
.vp-grant_details .each_about_feature li,
.vp-grant_details .project_container .each_cat li,
.project_container .vp-grant_details .each_cat li {
  font-size: 1.4rem !important;
  line-height: 1.3;
}
.vp-grant_details .each_about_feature ol,
.vp-grant_details .project_container .each_cat ol,
.project_container .vp-grant_details .each_cat ol {
  padding-left: 2rem;
}
.vp-grant_details .each_about_feature ol li,
.vp-grant_details .project_container .each_cat ol li,
.project_container .vp-grant_details .each_cat ol li {
  list-style: decimal;
  padding: 0 0 1rem 1rem;
}

.education .about_main_top .para_bg {
  background: url("../img/newsroom_hero.jpg") 50% 50% no-repeat;
}

.education_section {
  margin-top: 3rem;
}
.education_section .collapsible {
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: clamp(1.5rem, 2vw, 2rem);
}
.education_section .active,
.education_section .collapsible:hover {
  background-color: #555;
}
.education_section .collapse_content {
  padding: 0 2.5rem;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: transparent;
}
.education_section .collapse_content p {
  font-size: clamp(1rem, 1.5vw, 1.4rem);
  margin-block: 2rem;
}

.projects_nav {
  padding: 0 3rem;
}
.projects_nav .inner_projects_nav {
  padding: 3rem 0;
}
.projects_nav .inner_projects_nav a {
  letter-spacing: 3px;
  font-family: var(--font-b);
  color: white;
  font-size: 1.5rem;
  text-transform: uppercase;
  padding: 0.5rem 0;
  margin-right: 2rem;
  position: relative;
  display: inline-block;
}
.projects_nav .inner_projects_nav a:after {
  content: "";
  position: absolute;
  bottom: 0.25rem;
  left: 0;
  width: 0%;
  height: 2px;
  background: var(--main-blue);
  transition: all 0.15s linear;
}
.projects_nav .inner_projects_nav a:hover:after {
  width: 100%;
  transition: all 0.15s linear;
}
.projects_nav .inner_projects_nav a.active:after {
  width: 100%;
}

.projects_thumblist {
  padding: 0 3rem;
}

.inner_projects_thumblist {
  display: flex;
  flex-wrap: wrap;
}
.inner_projects_thumblist .each_projects_thumb {
  width: 33.3333%;
  position: relative;
  overflow: hidden;
}
.inner_projects_thumblist .each_projects_thumb:hover img {
  transform: scale(1.1);
  transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.inner_projects_thumblist .each_projects_thumb:hover .des {
  transform: translateY(0%);
  transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.15s;
}
.inner_projects_thumblist .each_projects_thumb:hover .des strong {
  transform: translateY(0rem);
  transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s;
  opacity: 1;
}
.inner_projects_thumblist .each_projects_thumb:hover .des p {
  opacity: 1;
  transform: translateY(0rem);
  transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s;
}
.inner_projects_thumblist .each_projects_thumb:hover .des .thumbs_label {
  opacity: 1;
  transform: translateY(0rem);
  transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.65s;
}
.inner_projects_thumblist .each_projects_thumb img {
  position: relative;
  transition: all 0.25s linear;
}
.inner_projects_thumblist .each_projects_thumb .des {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  z-index: 2;
  padding: 3rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  transform: translateY(100%);
  transition: all 150ms linear 0s;
  text-align: center;
}
.inner_projects_thumblist .each_projects_thumb .des p {
  transform: translateY(5rem);
  opacity: 0;
}
.inner_projects_thumblist .each_projects_thumb .des strong {
  margin-bottom: 1rem;
  font-family: var(--main-font-thin);
  font-size: 1.5rem;
  font-weight: 100;
  transform: translateY(5rem);
  opacity: 0;
}
.inner_projects_thumblist .each_projects_thumb .des .thumbs_label {
  display: block;
  margin-top: 1rem;
  text-align: center;
  color: var(--main-orange);
  font-family: var(--main-font-light);
  transform: translateY(5rem);
  opacity: 0;
}

.main_wrapper {
  position: relative;
  z-index: 3;
  overflow: hidden;
  background: var(--bg-color);
}

.gap_maker {
  pointer-events: none;
}

.projects_footer {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 2;
  padding: 3rem;
  margin-top: 8rem;
  background: var(--bg-color);
}
.projects_footer .inner_projects_footer {
  /*padding-top: 3rem;*/
  padding-bottom: 0;
  transition: all 50ms linear 0s;
}
.projects_footer .inner_projects_footer .big_link {
  font-size: 6rem;
  color: white;
  font-weight: 300;
  display: flex;
  flex-direction: column;
  width: fit-content;
  font-family: var(--main-font-thin);
}
.projects_footer .inner_projects_footer .big_link.__mobile {
  display: none;
}
.projects_footer .inner_projects_footer .big_link span {
  display: flex;
  position: relative;
  border-bottom: 2px solid var(--main-blue);
  align-items: center;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  justify-content: space-between;
  white-space: nowrap;
  text-transform: uppercase;
}
.projects_footer .inner_projects_footer .big_link span img {
  width: 5.1rem;
  transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  margin-left: 1rem;
}
.projects_footer .inner_projects_footer .big_link:hover span img {
  transform: translate(75%, -75%);
  transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/*======================*/
.shuffle_wrap {
  padding: 0 3rem;
  background: var(--bg-color);
  position: relative;
  z-index: 1;
}

.filter_wrap {
  max-width: calc(var(--max-width));
  margin: 0 auto;
  width: 100%;
}

.shuffle_items {
  max-width: var(--max-width);
  margin: 0 auto;
  width: 100%;
}

ul.shuffle-filter {
  margin: 3rem 0;
  display: flex;
  flex-wrap: wrap;
  /*justify-content: space-between;*/
}
ul.shuffle-filter li {
  font-family: var(--font-b);
  color: white;
  text-transform: uppercase;
  /*letter-spacing: -10px;*/
  margin-right: 6.25rem;
  margin-bottom: 1rem;
  position: relative;
  display: inline-block;
  text-align: left;
  cursor: pointer;
}
ul.shuffle-filter li:nth-of-type(4),
ul.shuffle-filter li:nth-of-type(8) {
  margin-right: 0;
}
ul.shuffle-filter li span {
  position: relative;
  display: inline-block;
  padding: 0.5rem 0;
  white-space: nowrap;
  letter-spacing: -2px;
  font-size: 2.4rem;
}
ul.shuffle-filter li span:after {
  content: "";
  position: absolute;
  bottom: 0.25rem;
  left: 0;
  width: 0%;
  height: 2px;
  background: var(--main-blue);
  transition: all 0.15s linear;
}
ul.shuffle-filter li:hover span:after {
  width: 100%;
  transition: all 0.15s linear;
}
ul.shuffle-filter li.active span:after {
  width: 100%;
}

/*======================*/
/* ul shuffle-container*/
.shuffle-container {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
.shuffle-container li {
  width: 33.3333%;
  position: relative;
  overflow: hidden;
}
.shuffle-container li:hover img {
  transform: scale(1.1);
  transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.shuffle-container li:hover .des {
  transform: translateY(0%);
  transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.15s;
}
.shuffle-container li:hover .des strong {
  transform: translateY(0rem);
  transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s;
  opacity: 1;
}
.shuffle-container li:hover .des p {
  opacity: 1;
  transform: translateY(0rem);
  transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s;
}
.shuffle-container li:hover .des .thumbs_label {
  opacity: 1;
  transform: translateY(0rem);
  transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.65s;
}
.shuffle-container li img {
  position: relative;
  transition: all 0.25s linear;
}
.shuffle-container li a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  color: white;
  left: 0;
  padding: 1rem;
  background: transparent;
  z-index: 3;
  opacity: 0;
}
.shuffle-container li .des {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  z-index: 2;
  padding: 3rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  transform: translateY(100%);
  transition: all 150ms linear 0s;
  text-align: center;
}
.shuffle-container li .des p {
  transform: translateY(5rem);
  opacity: 0;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.shuffle-container li .des strong {
  margin-bottom: 1rem;
  font-family: var(--main-font-thin);
  font-size: 1.5rem;
  font-weight: 100;
  transform: translateY(5rem);
  opacity: 0;
}
.shuffle-container li .des .thumbs_label {
  display: block;
  margin-top: 1rem;
  text-align: center;
  color: var(--main-orange);
  font-family: var(--main-font-light);
  transform: translateY(5rem);
  opacity: 0;
}

@media (min-width: 1400px) {
  .bottom_projects_nav
    .inner_bottom_projects_nav
    .swiper-wrapper
    .swiper-slide {
    max-width: var(--max-width-md);
  }
  .our_team {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 1440px) {
  .tech_img_block {
    padding-right: 5rem;
    padding-left: 5rem;
  }
}
@media (max-width: 1399px) {
  html {
    font-size: 13px;
  }
  .tech_img_block .row_wrap .straight_text_on_img_right > div {
    font-size: 1.35vw;
  }
  .tech_img_block .row_wrap.__row_two {
    padding-left: 3rem;
  }
  .tech_img_block .row_wrap.__row_two .line {
    width: calc(100% + 2rem);
  }
  .tech_img_block .row_wrap .left {
    padding-right: 3rem;
  }
}
@media (max-width: 1366px) {
  ul.shuffle-filter li span {
    font-size: 2.5rem;
  }
}
@media (max-width: 1270px) {
  ul.shuffle-filter li span {
    font-size: 2.6vw;
  }
}
@media (max-width: 1200px) {
  .project_container .each_cat .inner_each_cat .proj_content {
    align-items: center !important;
    flex-direction: column;
  }
  .news_item .each_news .each_news_inner .img_wrap {
    width: 50%;
  }
  .news_item .each_news .each_news_inner .description {
    width: 50%;
  }
  .news_item .each_news .each_news_inner .description strong {
    font-size: 2rem;
    margin-bottom: 0.5rem;
  }
  .news_item .each_news .each_news_inner .description p {
    -webkit-line-clamp: 3;
  }
  .contact_content {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
  ul.shuffle-filter li {
    margin-right: 5vw;
  }
  .type_of_applicatio .each_apps .apps_des p {
    width: 75%;
  }
  .each_proj_des.__is_top_block {
    padding-top: 5rem;
  }
  .sphere .trigger_text .hidden_text {
    width: 70vw;
    text-align: center;
    left: 50%;
    transform: translate(-50%, 25%);
    pointer-events: none;
    z-index: 1;
  }
  .sphere .trigger_text:hover:after {
    opacity: 0.1;
  }
  .sphere .trigger_text:hover .sphere_trigger_ele {
    opacity: 0.1;
  }
  .sphere .trigger_text:hover .hidden_text {
    transform: translate(-50%, -50%);
  }
  .sphere .sphere_container:after {
    width: 200%;
    height: 200%;
  }
  .sphere .sphere_container:hover .sphere_inner {
    opacity: 0.33;
  }
}
@media (max-width: 1100px) {
  .news_item .each_news .each_news_inner .img_wrap {
    width: 40%;
  }
  .news_item .each_news .each_news_inner .description {
    width: 60%;
    padding: 1.5rem 2rem 2rem 2rem;
  }
  .news_item .each_news .each_news_inner .description strong {
    font-size: 1.7rem;
  }
  .news_item .each_news .each_news_inner .description a {
    font-size: 1rem;
  }
  .news_item .each_news .each_news_inner .description a img {
    width: 1.5rem;
  }
}
@media (max-width: 1024px) {
  html {
    font-size: 12px;
  }
  .proj_des h2 .deg_symb {
    width: 5vw;
    height: 5vw;
    margin-right: 12vw;
  }
  .proj_des h2 .deg_symb:after {
    border-width: 1.35vw;
  }
  ul.shuffle-filter li span {
    font-size: 2.75vw;
  }
  .proj_des .img_wrap.__has_video > img {
    opacity: 0;
    background: black;
  }
  .proj_des .img_wrap.__has_video video {
    z-index: 4;
  }
  .proj_des .impacts .each_impact {
    width: 48%;
  }
  .tilt_container {
    display: block;
  }
  .vid-seq {
    display: none;
  }
  .projects_footer {
    margin-top: 10vw;
  }
  .our_team .swiper_wrap .swiper-slide .slider_des small {
    padding: 5vw 3rem;
  }
  .our_team .swiper_wrap .swiper-slide .slider_des p {
    width: 90%;
  }
  .tech_img_block .row_wrap.__row_three .line {
    width: calc(200% + 6rem);
  }
  .proj_big_loop_img {
    height: 300px;
    animation: loopBgImgEachProj 20s linear infinite;
  }
  .proj_big_loop_img_b {
    /* 3 blocks reverse loop image */
    height: 300px;
    animation: loopBgImgEachProjReverse 20s linear infinite;
  }
  .proj_big_loop_img_c {
    height: 300px;
    animation: loopBgImgEachProjReverse 20s linear infinite;
  }
  @keyframes loopBgImgAbout {
    from {
      background-position: 0 center;
    }
    to {
      background-position: -6440px center;
    }
  }
  @keyframes loopBgImg5Blocks {
    /* 5 blocks loop image */
    from {
      background-position: 0 center;
    }
    to {
      background-position: -2617px center;
    }
  }
  @keyframes loopBgImgEachProj9 {
    /* 6 blocks loop image */
    from {
      background-position: 0 center;
    }
    to {
      background-position: -3143px center;
    }
  }
  @keyframes loopBgImgEachFrontRowFestival {
    from {
      background-position: 0 center;
    }
    to {
      background-position: -2093px center;
    }
  }
  @keyframes loopBgImg4Blocks {
    /* 4 blocks loop image */
    from {
      background-position: 0 center;
    }
    to {
      background-position: -2093px center;
    }
  }
  @keyframes loopBgImg4BlocksReverse {
    /* 4 blocks loop image */
    from {
      background-position: 0 center;
    }
    to {
      background-position: 2093px center;
    }
  }
  @keyframes loopBgImgEachFrontRowFestivalReverse {
    from {
      background-position: 0 center;
    }
    to {
      background-position: 2093px center;
    }
  }
  @keyframes loopBgImgEachProj {
    from {
      background-position: 0 center;
    }
    to {
      background-position: -1570px center;
    }
  }
  @keyframes loopBgImgEachProjReverse {
    /* 3 blocks reverse loop image */
    from {
      background-position: 0 center;
    }
    to {
      background-position: 1570px center;
    }
  }
  .studio_big_loop_text,
  .studio_big_loop_text_02 {
    margin: 8vw 0;
    padding: 8vw 3rem;
  }
  .proj_details .right.__reduced_font_size h1 {
    font-size: 5vw;
  }
  .proj_details .right h1 {
    font-size: 5vw;
  }
  .proj_des h2 {
    font-size: 23vw;
    letter-spacing: -6vw;
    text-indent: -6vw;
  }
  .contact_content .inner_contact_content .right {
    padding-right: 0;
  }
  .about_big_loop_img {
    height: 360px;
  }
  .about_big_loop_text .about_big_loop_text_ele {
    background-size: auto 230px;
  }
  @keyframes loopBgAbout {
    from {
      background-position: 0 center;
    }
    to {
      background-position: -3524px center;
    }
  }
  .studio_big_loop_text .studio_big_loop_text_ele,
  .studio_big_loop_text_02 .studio_big_loop_text_ele {
    background-size: auto 230px;
  }
  @keyframes loopBgStudio {
    from {
      background-position: 0 center;
    }
    to {
      background-position: -2565px center;
    }
  }
  @keyframes loopBgStudio02 {
    from {
      background-position: 0 center;
    }
    to {
      background-position: -3322px center;
    }
  }
  .big_text_wrap.__has_top_gap {
    margin-top: 8vw;
  }
  .tech_big_loop_text .tech_big_loop_text_ele {
    background-size: auto 230px;
  }
  @keyframes loopBg_tech {
    from {
      background-position: 0 center;
    }
    to {
      background-position: -2880px center;
    }
  }
  .type_of_applicatio .each_apps .apps_des {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .type_of_applicatio .each_apps .apps_des p {
    width: 100%;
  }
  .sub_des .inner_sub_des p {
    width: 70%;
  }
  .tech_img_block {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .tech_img_block .row_wrap .left {
    padding-right: 3rem;
  }
  .tech_img_block .row_wrap.__row_four {
    margin-top: 5rem;
  }
  .tech_img_block .row_wrap .straight_text_on_img_right > div {
    font-size: 1.5vw;
  }
  .__page_title,
  .contact_main .contact_main_top h1,
  .contact_main .newsroom_main_top h1,
  .newsroom_main .contact_main_top h1,
  .newsroom_main .newsroom_main_top h1,
  .studio_main .studio_main_top h1,
  .about_main .about_main_top h1,
  .line span.text_size,
  .line span.animate_ele,
  .projects_main .projects_main_top h1,
  .each_projects_main .each_projects_main_top h1,
  .technology_main .technology_main_top h1 {
    font-size: 7.25vw;
  }
  .projects_footer .inner_projects_footer .big_link,
  .contact_content .inner_contact_content .btn_wrap button {
    font-size: 7.25vw;
  }
  .projects_footer .inner_projects_footer .big_link img,
  .contact_content .inner_contact_content .btn_wrap button img {
    width: 6.5vw;
  }
  .projects_footer .inner_projects_footer .big_link span img {
    width: 6.5vw;
  }
  .newsroom_main .newsroom_main_top .down_arrow,
  .each_projects_main .each_projects_main_top .down_arrow,
  .contact_main .contact_main_top .down_arrow,
  .about_main .about_main_top .down_arrow,
  .studio_main .studio_main_top .down_arrow,
  .projects_main .projects_main_top .down_arrow,
  .technology_main .technology_main_top .down_arrow {
    padding: 2.5vw;
  }
  .newsroom_main .newsroom_main_top .down_arrow img,
  .each_projects_main .each_projects_main_top .down_arrow img,
  .contact_main .contact_main_top .down_arrow img,
  .about_main .about_main_top .down_arrow img,
  .studio_main .studio_main_top .down_arrow img,
  .projects_main .projects_main_top .down_arrow img,
  .technology_main .technology_main_top .down_arrow img {
    width: 6vw;
  }
}
@media (max-width: 900px) {
  .news_content .news_item {
    max-width: 640px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .newsroom_content .inner_newsroom_content h3 {
    font-size: 2rem;
  }
  .news_item .each_news:nth-of-type(2) .each_news_inner,
  .news_item .each_news:nth-of-type(5) .each_news_inner,
  .news_item .each_news:nth-of-type(8) .each_news_inner,
  .news_item .each_news:nth-of-type(11) .each_news_inner {
    flex-flow: column;
  }
  .news_item .each_news .each_news_inner {
    flex-direction: column;
  }
  .news_item .each_news .each_news_inner .img_wrap {
    width: 100%;
  }
  .news_item .each_news .each_news_inner .img_wrap > img {
    max-height: 40vw;
  }
  .news_item .each_news .each_news_inner .description {
    width: 100%;
    padding: 1.5rem 2rem;
  }
  .news_item .each_news .each_news_inner .description strong {
    font-size: 1.7rem;
  }
  .news_item .each_news .each_news_inner .description a {
    font-size: 1rem;
  }
  .news_item .each_news .each_news_inner .description a img {
    width: 1.5rem;
  }
}
/*======================*/
@media (max-width: 850px) {
  .tech_img_block .row_wrap .left,
  .tech_img_block .row_wrap .right {
    width: 100%;
  }
  .tech_img_block .row_wrap .right {
    padding-left: 0;
  }
  .tech_img_block .tech_para_img_04_wrap .tech_para_img_04 {
    background-image: url("../img/mobile/tech_img_04_clone_mobile.jpg");
  }
  .tech_img_block .tech_para_img_04_wrap img {
    position: absolute;
    display: none;
  }
  .tech_img_block .tech_para_img_04_wrap img.mobile {
    display: block;
    position: relative;
  }
  .tech_img_block .tech_para_des {
    margin-top: 2rem;
  }
  .tech_img_block .tech_para_des p {
    display: none;
  }
  .tech_img_block .tech_para_des p.mobile {
    display: block;
  }
  .tech_img_block .row_wrap .straight_text_on_img_right {
    top: -0.85vw;
  }
  .tech_img_block .row_wrap .straight_text_on_img_right > div {
    font-size: 2.35vw;
  }
  .tech_img_block .row_wrap.__row_four {
    padding-right: 3rem;
  }
  .tech_img_block .row_wrap.__row_four .right {
    width: 100%;
  }
  .tech_img_block .row_wrap.__row_two .line,
  .tech_img_block .row_wrap.__row_three .line,
  .tech_img_block .row_wrap.__row_one .line {
    width: calc(100% + 3rem);
    right: auto;
    left: 0;
  }
  .tech_img_block .row_wrap.__row_two {
    width: 100%;
    margin-top: 5rem;
    padding-left: 0;
    padding-right: 3rem;
  }
  .tech_img_block .row_wrap.__row_three {
    margin-top: 5rem;
    /*padding-right: 3rem;*/
  }
}
@media (max-width: 768px) and (orientation: portrait) {
  .each_projects_main .each_projects_main_top.__proj_8 .para_bg {
    background-image: url("../img/projects_thumbnails_img/mobile/project_8_cover_mobile.jpg");
  }
  .each_projects_main
    .each_projects_main_top.__proj_louis_vuitton_spring_summer_show:after {
    background-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.75),
      rgba(0, 0, 0, 0.25)
    );
  }
  .each_projects_main
    .each_projects_main_top.__proj_louis_vuitton_spring_summer_show
    .para_bg {
    height: 100%;
    background-image: url("../img/projects_thumbnails_img/mobile/project_lv_cover_mobile.jpg");
  }
  .each_projects_main
    .each_projects_main_top.__proj_uss_halloween_horror_nights_2022:after {
    background-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.75),
      rgba(0, 0, 0, 0.25)
    );
    top: 0;
    height: 100%;
  }
  .each_projects_main
    .each_projects_main_top.__proj_uss_halloween_horror_nights_2022
    .para_bg {
    height: 100%;
    background-image: url("../img/projects_thumbnails_img/mobile/project_uss_cover_mobile.jpeg");
  }
  .each_projects_main .each_projects_main_top.__proj_9:before,
  .each_projects_main .each_projects_main_top.__proj_front_row_festival:before {
    height: 20%;
    content: "";
    background-image: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.75),
      rgba(0, 0, 0, 0)
    );
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
  }
  .each_projects_main
    .each_projects_main_top.__proj_front_row_festival
    .para_bg {
    background-image: url("../img/projects_thumbnails_img/mobile/project_front_row_cover_mobile.jpg");
  }
  .each_projects_main .each_projects_main_top.__proj_razercon .para_bg {
    height: 100%;
    background-image: url("../img/projects_thumbnails_img/mobile/project_razercon_cover_mobile.jpg");
  }
  .big_text_wrap.mobile {
    display: block;
  }
  .newsroom_main .newsroom_main_top .down_arrow img,
  .each_projects_main .each_projects_main_top .down_arrow img,
  .contact_main .contact_main_top .down_arrow img,
  .about_main .about_main_top .down_arrow img,
  .studio_main .studio_main_top .down_arrow img,
  .projects_main .projects_main_top .down_arrow img,
  .technology_main .technology_main_top .down_arrow img {
    width: 10vw;
  }
  .about_main {
    height: 90vh;
  }
  .about_main .about_main_top {
    height: inherit;
    display: flex;
    align-items: flex-end;
    padding-bottom: 21vw;
  }
  .about_main .about_main_top .para_bg {
    background-image: url("../img/mobile/about_hero_mobile.jpg");
  }
  .each_projects_main .each_projects_main_top {
    padding-bottom: 21vw;
  }
  .each_projects_main {
    height: 90vh;
  }
  .big_text_wrap {
    display: none;
  }
  .contact_main {
    height: 90vh;
    padding: 0;
  }
  .contact_main .contact_main_top {
    height: inherit;
    display: flex;
    align-items: center;
  }
  .contact_main .contact_main_top .para_bg {
    background-image: url("../img/mobile/contact_hero_mobile.jpg");
    height: 110%;
    background-size: cover;
    background-position: top center;
  }
  .newsroom_main {
    height: 90vh;
    padding: 0;
  }
  .newsroom_main .newsroom_main_top {
    height: inherit;
    display: flex;
    align-items: center;
  }
  .newsroom_main .newsroom_main_top .para_bg {
    background-image: url("../img/newsroom_hero.jpg");
    height: 110%;
    background-size: cover;
    background-position: top center;
  }
  .__page_title,
  .contact_main .contact_main_top h1,
  .contact_main .newsroom_main_top h1,
  .newsroom_main .contact_main_top h1,
  .newsroom_main .newsroom_main_top h1,
  .studio_main .studio_main_top h1,
  .about_main .about_main_top h1,
  .line span.text_size,
  .line span.animate_ele,
  .projects_main .projects_main_top h1,
  .each_projects_main .each_projects_main_top h1,
  .technology_main .technology_main_top h1 {
    font-size: 10vw;
    line-height: 1.2;
  }
  .projects_main {
    padding-top: 0;
  }
  .projects_main .projects_main_top {
    height: 90vh;
    display: flex;
    align-items: center;
  }
  .projects_main .projects_main_top .inner_projects_main_top {
    height: inherit;
  }
  .projects_main .projects_main_top .para_bg {
    background-image: url("../img/mobile/projects_hero_mobile.jpg");
  }
  .projects_main .projects_main_bottom p {
    width: 100%;
  }
  .newsroom_main .newsroom_main_top .down_arrow,
  .each_projects_main .each_projects_main_top .down_arrow,
  .contact_main .contact_main_top .down_arrow,
  .about_main .about_main_top .down_arrow,
  .studio_main .studio_main_top .down_arrow,
  .projects_main .projects_main_top .down_arrow,
  .technology_main .technology_main_top .down_arrow {
    position: absolute;
    bottom: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    width: 12vw;
    height: 12vw;
    left: calc(50% - 6vw);
  }
  .studio_main {
    height: 90vh;
  }
  .studio_main .studio_main_top {
    height: inherit;
    display: flex;
    align-items: flex-end;
    padding-bottom: 21vw;
  }
  .studio_main .studio_main_top .para_bg {
    background-image: url("../img/mobile/studio_hero_mobile.jpg");
  }
  .about_main .about_main_top,
  .technology_main .technology_main_top {
    padding-bottom: 21vw;
  }
  .technology_main {
    height: 90vh;
  }
  .technology_main .technology_main_top {
    height: inherit;
    display: flex;
    align-items: flex-end;
  }
  .technology_main .technology_main_top .para_bg {
    background-image: url("../img/mobile/tech_hero_mobile.jpg");
  }
}
@media (max-width: 768px) {
  .main_page_content {
    height: auto;
  }
  .home_media .inner_home_media p {
    font-size: 1.3rem;
    width: 100%;
  }
  .home_awards
    .award_each
    .inner_each_about_feature
    .about_feature_para_img_wrap
    .award_img_01,
  .home_awards
    .award_each
    .project_container
    .each_cat
    .inner_each_cat
    .about_feature_para_img_wrap
    .award_img_01,
  .project_container
    .each_cat
    .home_awards
    .award_each
    .inner_each_cat
    .about_feature_para_img_wrap
    .award_img_01 {
    background: url("../img/home_award_01.jpg") 50% 50% no-repeat !important;
    background-size: cover;
  }
  .home_awards
    .award_each
    .inner_each_about_feature
    .about_feature_para_img_wrap
    .award_img_02,
  .home_awards
    .award_each
    .project_container
    .each_cat
    .inner_each_cat
    .about_feature_para_img_wrap
    .award_img_02,
  .project_container
    .each_cat
    .home_awards
    .award_each
    .inner_each_cat
    .about_feature_para_img_wrap
    .award_img_02 {
    background: url("../img/home_award_02.jpg") 50% 50% no-repeat !important;
    background-size: cover;
  }
  .home_awards .award_each .award_container {
    grid-template-columns: repeat(4, 1fr);
  }
  .each_info.hide_in_mobile {
    display: none;
  }
  .paginationjs .page_count_indicator {
    font-size: 1rem;
  }
  .paginationjs .paginationjs-pages .paginationjs-prev .prev_btn {
    font-size: 1rem;
  }
  .paginationjs .paginationjs-pages .paginationjs-prev .prev_btn img {
    width: 1rem;
  }
  .paginationjs .paginationjs-pages .paginationjs-next .next_btn {
    font-size: 1rem;
  }
  .paginationjs .paginationjs-pages .paginationjs-next .next_btn img {
    width: 1rem;
  }
  .__full_w_at_768 {
    width: calc(100% + 6rem) !important;
    left: -3rem !important;
  }
  .proj_des p {
    font-size: 1.8rem;
  }
  .proj_des .impacts .each_impact h5 {
    font-size: 3rem;
  }
  .proj_des .img_wrap .play_btn {
    width: 5rem;
    height: 5rem;
  }
  .loading-screen .logo img {
    width: 23rem;
  }
  .projects_main .projects_main_bottom .inner_projects_main_bottom {
    padding: 3rem 0;
  }
  .proj_details .right.__reduced_font_size h1 {
    font-size: 10vw;
  }
  .proj_details .right h1 {
    font-size: 10vw;
  }
  .proj_des {
    padding-top: 4rem;
  }
  .our_client .inner_our_client p {
    font-size: 1.3rem;
  }
  .our_team .inner_our_team p {
    display: none;
    font-size: 1.3rem;
  }
  .our_team .inner_our_team p.mobile {
    display: block;
  }
  .studio_big_loop_text,
  .studio_big_loop_text_02 {
    margin: 16vw 0;
  }
  .studio_big_loop_text {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }
  .tech_img_block .row_wrap .straight_text_on_img_right > div {
    font-size: 2.65vw;
  }
  .sub_des .inner_sub_des p {
    display: none;
  }
  .sub_des .inner_sub_des p.mobile {
    display: block;
  }
  .studio_hero_feature .inner_studio_hero_feature .para_bg {
    background-size: cover;
    background-image: url(../img/mobile/studio_feature_hero_img_shadow_mobile.jpg);
  }
  .proj_des h2 {
    font-size: 26vw;
    letter-spacing: -7vw;
    text-indent: -7vw;
  }
  .proj_big_loop_img {
    height: 240px;
    animation: loopBgImgEachProj 20s linear infinite;
  }
  .proj_big_loop_img_b {
    height: 240px;
    animation: loopBgImgEachProjReverse 20s linear infinite;
  }
  .proj_big_loop_img_c {
    height: 240px;
    animation: loopBgImgEachProjReverse 20s linear infinite;
  }
  @keyframes loopBgImgAbout {
    from {
      background-position: 0 center;
    }
    to {
      background-position: -5724px center;
    }
  }
  @keyframes loopBgImg5Blocks {
    /* 5 blocks loop image */
    from {
      background-position: 0 center;
    }
    to {
      background-position: -2093px center;
    }
  }
  @keyframes loopBgImgEachProj9 {
    /* 6 blocks loop image */
    from {
      background-position: 0 center;
    }
    to {
      background-position: -2514px center;
    }
  }
  @keyframes loopBgImgEachFrontRowFestival {
    from {
      background-position: 0 center;
    }
    to {
      background-position: -1674px center;
    }
  }
  @keyframes loopBgImgEachFrontRowFestivalReverse {
    from {
      background-position: 0 center;
    }
    to {
      background-position: 1674px center;
    }
  }
  @keyframes loopBgImg5Blocks {
    /* 5 blocks loop image */
    from {
      background-position: 0 center;
    }
    to {
      background-position: -1674px center;
    }
  }
  @keyframes loopBgImgEachProj {
    from {
      background-position: 0 center;
    }
    to {
      background-position: -1256px center;
    }
  }
  @keyframes loopBgImgEachProjReverse {
    /* 3 blocks reverse loop image */
    from {
      background-position: 0 center;
    }
    to {
      background-position: 1256px center;
    }
  }
  .contact_content {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .contact_content .inner_contact_content {
    flex-direction: column;
  }
  .contact_content .inner_contact_content .left {
    width: 100%;
    padding-right: 0;
    border-bottom: 1px solid #666666;
    margin-bottom: 3rem;
  }
  .contact_content .inner_contact_content .right {
    width: 100%;
  }
  .tech_img_block .tech_para_des a img,
  .link a img,
  .each_info.mobile a img,
  .demo_vid .inner_demo_vid a img,
  .proj_details .right a img {
    width: 2.25rem;
  }
  .tech_big_loop_text {
    margin: 0;
  }
  .tech_img_block .tech_para_des > img {
    height: 8vw;
  }
  .tech_big_loop_text .inner_tech_big_loop_text h1 {
    padding-left: 0;
    padding-right: 0;
  }
  .proj_details {
    flex-direction: column;
    margin-bottom: 0;
  }
  .proj_details .right {
    padding-left: 0;
    width: 100%;
  }
  .proj_details .left {
    width: 100%;
    padding-right: 0;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 3rem;
    padding-bottom: 3rem;
    border-bottom: 1px solid #666666;
  }
  .proj_details .left .each_info {
    width: 50%;
    margin-bottom: 1rem;
  }
  .proj_details .left .each_info:last-child {
    width: 100%;
  }
  .each_info label {
    color: #c6c6c6;
  }
  .contact_content .inner_contact_content .right .form_wrap {
    width: 100%;
  }
  .each_info.mobile {
    display: block;
  }
  .large_map_container {
    padding: 0;
  }
  .shuffle-container li {
    width: 50%;
  }
  .about_big_loop_img {
    height: 320px;
  }
  .demo_vid {
    padding-left: 0;
    padding-right: 0;
  }
  .demo_vid .inner_demo_vid a {
    margin: 0 3rem;
  }
  .about_big_loop_text .about_big_loop_text_ele {
    background-size: auto 200px;
  }
  @keyframes loopBgAbout {
    from {
      background-position: 0 center;
    }
    to {
      background-position: -3002px center;
    }
  }
  .studio_big_loop_text .studio_big_loop_text_ele,
  .studio_big_loop_text_02 .studio_big_loop_text_ele {
    background-size: auto 200px;
  }
  @keyframes loopBgStudio {
    from {
      background-position: 0 center;
    }
    to {
      background-position: -2231px center;
    }
  }
  @keyframes loopBgStudio02 {
    from {
      background-position: 0 center;
    }
    to {
      background-position: -2889px center;
    }
  }
  .tech_big_loop_text .tech_big_loop_text_ele {
    background-size: auto 200px;
  }
  @keyframes loopBg_tech {
    from {
      background-position: 0 center;
    }
    to {
      background-position: -2504px center;
    }
  }
  .demo h1 {
    font-size: 12vw;
    line-height: 1.2;
  }
  .type_of_applicatio .each_apps .apps_name {
    font-size: 4.8vw;
  }
  .studio_features .full_width_feature_row .feature_des {
    padding-top: 0;
  }
  .studio_hero_feature .inner_studio_hero_feature > img {
    display: none;
    position: absolute;
  }
  .studio_hero_feature .inner_studio_hero_feature > img.mobile {
    display: block;
    position: relative;
  }
  .sphere .trigger_text .hidden_text {
    width: 90vw;
    padding: 0 3rem;
  }
  .studio_hero_feature .inner_studio_hero_feature .studio_hero_feature_des p {
    width: 100%;
    font-size: 1.7rem;
  }
  .studio_des .inner_des p,
  .about_des .inner_des p {
    width: 100%;
    display: none;
  }
  .studio_des .inner_des p.mobile,
  .about_des .inner_des p.mobile {
    display: block;
    text-align: left;
  }
  .studio_des .inner_des p.__text_center,
  .about_des .inner_des p.__text_center {
    text-align: center;
  }
  .vp-grant_content .inner_des p {
    display: block;
  }
  .type_of_applicatio {
    padding-left: 0;
    padding-right: 0;
  }
  .type_of_applicatio .each_apps .apps_des {
    position: relative;
  }
  .type_of_applicatio .each_apps .apps_des p.shorter_des {
    opacity: 1 !important;
    visibility: visible !important;
  }
  .type_of_applicatio .each_apps .apps_des p.full_des {
    display: none;
  }
  .type_of_applicatio .each_apps .full_des_mobile {
    display: block;
    position: relative;
    z-index: 2;
  }
  .type_of_applicatio .each_apps img {
    position: absolute;
    top: 0;
    left: 0;
  }
  .studio_hero_feature {
    padding: 0;
  }
  .studio_features .full_width_feature_row {
    padding-top: 0;
  }
  .__feature_para_img_01 {
    background-image: url("../img/mobile/studio_feature_img_01_shadow_mobile.jpg");
    background-size: cover;
  }
  .__feature_para_img_02 {
    background-image: url("../img/mobile/studio_feature_img_02_shadow_mobile.jpg");
    background-size: cover;
  }
  .__feature_para_img_03 {
    background-image: url("../img/mobile/studio_feature_img_03_shadow_mobile.jpg");
    background-size: cover;
  }
  .__feature_para_img_04 {
    background-image: url("../img/mobile/studio_feature_img_04_shadow_mobile.jpg");
    background-size: cover;
  }
  .__feature_para_img_05 {
    background-image: url("../img/mobile/studio_feature_img_05_shadow_mobile.jpg");
    background-size: cover;
    height: 110%;
  }
  .__feature_para_img_06 {
    background-image: url("../img/mobile/studio_feature_img_06_shadow_mobile.jpg");
    background-size: cover;
  }
  .studio_features .left_align_feature_row,
  .studio_features .right_align_feature_row,
  .studio_features .full_width_feature_row {
    flex-direction: column;
  }
  .studio_features .left_align_feature_row .feature_image_wrap,
  .studio_features .right_align_feature_row .feature_image_wrap,
  .studio_features .full_width_feature_row .feature_image_wrap {
    width: 100%;
  }
  .studio_features .left_align_feature_row .feature_image_wrap > img,
  .studio_features .right_align_feature_row .feature_image_wrap > img,
  .studio_features .full_width_feature_row .feature_image_wrap > img {
    display: none;
    position: absolute;
  }
  .studio_features .left_align_feature_row .feature_image_wrap > img.mobile,
  .studio_features .right_align_feature_row .feature_image_wrap > img.mobile,
  .studio_features .full_width_feature_row .feature_image_wrap > img.mobile {
    display: block;
    position: relative;
  }
  .studio_features
    .left_align_feature_row
    .type_of_applicatio
    .each_apps
    .full_des_mobile,
  .studio_features
    .right_align_feature_row
    .type_of_applicatio
    .each_apps
    .full_des_mobile,
  .studio_features
    .full_width_feature_row
    .type_of_applicatio
    .each_apps
    .full_des_mobile {
    font-size: 1.3rem;
  }
  .studio_features .left_align_feature_row .feature_des,
  .studio_features .right_align_feature_row .feature_des,
  .studio_features .full_width_feature_row .feature_des {
    margin-top: 2rem;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    /*align-items: flex-start;*/
  }
  .studio_features .left_align_feature_row .feature_des p,
  .studio_features .right_align_feature_row .feature_des p,
  .studio_features .full_width_feature_row .feature_des p {
    width: 100%;
    font-size: 1.3rem;
    display: none;
  }
  .studio_features .left_align_feature_row .feature_des p.mobile,
  .studio_features .right_align_feature_row .feature_des p.mobile,
  .studio_features .full_width_feature_row .feature_des p.mobile {
    display: block;
  }
  .studio_features .left_align_feature_row .feature_des span.subtitle,
  .studio_features .right_align_feature_row .feature_des span.subtitle,
  .studio_features .full_width_feature_row .feature_des span.subtitle {
    /*text-align: left;*/
    width: 75%;
    font-size: 1.7rem;
  }
  .studio_features .full_width_feature_row .feature_des {
    align-items: flex-end;
    text-align: right;
  }
  .sub_des.mobile_border_top .inner_sub_des {
    margin-top: 3rem;
    padding-top: 3rem;
    border-top: 1px solid #666666;
  }
  .text_infront_loop,
  .about_big_loop_text .inner_about_big_loop_text h1,
  .tech_big_loop_text .inner_tech_big_loop_text h1,
  .studio_big_loop_text .inner_studio_big_loop_text h1,
  .studio_big_loop_text_02 .inner_studio_big_loop_text h1 {
    font-size: 6vw;
  }
  nav .inner_nav .mobile_menu {
    display: block;
  }
  nav .links {
    position: fixed;
    height: 100vh;
    width: 100%;
    max-width: 320px;
    right: 0;
    top: 0;
    z-index: 3;
    flex-direction: column;
    background: rgba(0, 0, 0, 0.95);
    padding: 8rem 5rem;
    align-items: flex-start;
    transform: translateX(100%);
    visibility: hidden;
    opacity: 0;
    transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    overflow: auto;
  }
  nav .links.show {
    transform: translateX(0%);
    visibility: visible;
    opacity: 1;
  }
  nav .links a {
    margin-right: 0;
    font-size: 1.5rem;
    margin: 0.5rem 0;
  }
  nav .mobile_menu_overlay {
    visibility: hidden;
    width: 100vw;
    right: 0;
    content: "";
    height: 100vh;
    position: fixed;
    top: 0;
    opacity: 0;
    display: block;
    background: rgba(0, 0, 0, 0.25);
    z-index: 1;
    backdrop-filter: blur(8px);
    transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  }
  nav .mobile_menu_overlay.show {
    opacity: 1;
    width: 100vw;
    visibility: visible;
    transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  }
  .shuffle_wrap {
    padding-left: 0;
    padding-right: 0;
  }
  ul.shuffle-filter {
    justify-content: space-around;
    padding: 0 3rem;
  }
  ul.shuffle-filter li {
    margin-left: 0;
    margin-right: 0;
    width: 50%;
  }
  ul.shuffle-filter li span {
    font-size: 4vw;
    letter-spacing: -1px;
  }
  .projects_footer .inner_projects_footer .big_link,
  .contact_content .inner_contact_content .btn_wrap button {
    font-size: 12vw;
  }
  .projects_footer .inner_projects_footer .big_link.__hide_in_mobile {
    display: none;
  }
  .projects_footer .inner_projects_footer .big_link.__mobile {
    display: flex;
  }
  .projects_footer .inner_projects_footer .big_link span img,
  .projects_footer .inner_projects_footer .big_link img,
  .contact_content .inner_contact_content .btn_wrap button img {
    width: 12vw;
  }
  .sub_des .inner_sub_des p {
    width: 100%;
  }
  .sub_des.__about_page .inner_sub_des p {
    width: 100%;
    text-align: center;
  }
  .about_features .each_about_feature .follow_img,
  .project_container .each_about_feature .follow_img,
  .project_container .each_cat .follow_img {
    display: none;
  }
  .about_features .each_about_feature,
  .project_container .each_about_feature,
  .project_container .each_cat {
    margin-bottom: 3rem;
  }
  .about_features
    .each_about_feature.__align_right
    .inner_each_about_feature
    .about_feature_para_img_wrap,
  .project_container
    .each_about_feature.__align_right
    .inner_each_about_feature
    .about_feature_para_img_wrap,
  .project_container
    .__align_right.each_cat
    .inner_each_about_feature
    .about_feature_para_img_wrap,
  .about_features
    .each_about_feature.__align_right
    .project_container
    .each_cat
    .inner_each_cat
    .about_feature_para_img_wrap,
  .project_container
    .each_about_feature.__align_right
    .each_cat
    .inner_each_cat
    .about_feature_para_img_wrap,
  .project_container
    .each_cat
    .each_about_feature.__align_right
    .inner_each_cat
    .about_feature_para_img_wrap,
  .project_container
    .__align_right.each_cat
    .inner_each_cat
    .about_feature_para_img_wrap {
    margin-left: auto;
  }
  .about_features
    .each_about_feature.__align_right
    .inner_each_about_feature
    .left,
  .project_container
    .each_about_feature.__align_right
    .inner_each_about_feature
    .left,
  .project_container .__align_right.each_cat .inner_each_about_feature .left,
  .about_features
    .each_about_feature.__align_right
    .project_container
    .each_cat
    .inner_each_cat
    .left,
  .project_container
    .each_about_feature.__align_right
    .each_cat
    .inner_each_cat
    .left,
  .project_container
    .each_cat
    .each_about_feature.__align_right
    .inner_each_cat
    .left,
  .project_container .__align_right.each_cat .inner_each_cat .left {
    padding-left: 0;
  }
  .about_features
    .each_about_feature.__align_right
    .inner_each_about_feature
    .left
    small,
  .project_container
    .each_about_feature.__align_right
    .inner_each_about_feature
    .left
    small,
  .project_container
    .__align_right.each_cat
    .inner_each_about_feature
    .left
    small,
  .about_features
    .each_about_feature.__align_right
    .project_container
    .each_cat
    .inner_each_cat
    .left
    small,
  .project_container
    .each_about_feature.__align_right
    .each_cat
    .inner_each_cat
    .left
    small,
  .project_container
    .each_cat
    .each_about_feature.__align_right
    .inner_each_cat
    .left
    small,
  .project_container .__align_right.each_cat .inner_each_cat .left small,
  .about_features
    .each_about_feature.__align_right
    .inner_each_about_feature
    .left
    p,
  .project_container
    .each_about_feature.__align_right
    .inner_each_about_feature
    .left
    p,
  .project_container .__align_right.each_cat .inner_each_about_feature .left p,
  .about_features
    .each_about_feature.__align_right
    .project_container
    .each_cat
    .inner_each_cat
    .left
    p,
  .project_container
    .each_about_feature.__align_right
    .each_cat
    .inner_each_cat
    .left
    p,
  .project_container
    .each_cat
    .each_about_feature.__align_right
    .inner_each_cat
    .left
    p,
  .project_container .__align_right.each_cat .inner_each_cat .left p {
    text-align: right;
  }
  .about_features
    .each_about_feature.__align_right
    .inner_each_about_feature
    .left
    p,
  .project_container
    .each_about_feature.__align_right
    .inner_each_about_feature
    .left
    p,
  .project_container .__align_right.each_cat .inner_each_about_feature .left p,
  .about_features
    .each_about_feature.__align_right
    .project_container
    .each_cat
    .inner_each_cat
    .left
    p,
  .project_container
    .each_about_feature.__align_right
    .each_cat
    .inner_each_cat
    .left
    p,
  .project_container
    .each_cat
    .each_about_feature.__align_right
    .inner_each_cat
    .left
    p,
  .project_container .__align_right.each_cat .inner_each_cat .left p {
    margin-left: auto;
  }
  .about_features
    .each_about_feature.__align_right
    .inner_each_about_feature
    .right,
  .project_container
    .each_about_feature.__align_right
    .inner_each_about_feature
    .right,
  .project_container .__align_right.each_cat .inner_each_about_feature .right,
  .about_features
    .each_about_feature.__align_right
    .project_container
    .each_cat
    .inner_each_cat
    .right,
  .project_container
    .each_about_feature.__align_right
    .each_cat
    .inner_each_cat
    .right,
  .project_container
    .each_cat
    .each_about_feature.__align_right
    .inner_each_cat
    .right,
  .project_container .__align_right.each_cat .inner_each_cat .right {
    right: auto;
    left: 0;
  }
  .about_features .each_about_feature img.mobile,
  .project_container .each_about_feature img.mobile,
  .project_container .each_cat img.mobile {
    display: block;
    opacity: 0;
  }
  .about_features .each_about_feature .inner_each_about_feature,
  .project_container .each_about_feature .inner_each_about_feature,
  .project_container .each_cat .inner_each_about_feature,
  .project_container .each_cat .inner_each_cat {
    flex-wrap: wrap;
    position: relative;
    padding-bottom: 0;
    padding-right: 0;
    padding: 4vw 0;
    width: 100%;
  }
  .about_features
    .each_about_feature
    .inner_each_about_feature
    .about_feature_des,
  .project_container
    .each_about_feature
    .inner_each_about_feature
    .about_feature_des,
  .project_container .each_cat .inner_each_about_feature .about_feature_des,
  .project_container .each_cat .inner_each_cat .about_feature_des,
  .project_container .each_cat .inner_each_cat .proj_content {
    margin-bottom: 5vw;
    align-items: flex-end;
  }
  .about_features
    .each_about_feature
    .inner_each_about_feature
    .about_feature_para_img_wrap,
  .project_container
    .each_about_feature
    .inner_each_about_feature
    .about_feature_para_img_wrap,
  .project_container
    .each_cat
    .inner_each_about_feature
    .about_feature_para_img_wrap,
  .project_container .each_cat .inner_each_cat .about_feature_para_img_wrap {
    display: block;
    width: 78%;
    overflow: hidden;
    position: relative;
    margin-bottom: 5vw;
    z-index: 1;
  }
  .about_features
    .each_about_feature
    .inner_each_about_feature
    .about_feature_para_img_wrap
    .para_img_ele,
  .project_container
    .each_about_feature
    .inner_each_about_feature
    .about_feature_para_img_wrap
    .para_img_ele,
  .project_container
    .each_cat
    .inner_each_about_feature
    .about_feature_para_img_wrap
    .para_img_ele,
  .project_container
    .each_cat
    .inner_each_cat
    .about_feature_para_img_wrap
    .para_img_ele {
    position: absolute;
    height: 120%;
    width: 100%;
    top: 0;
    left: 0;
  }
  .about_features
    .each_about_feature
    .inner_each_about_feature
    .about_feature_para_img_wrap
    .para_img_ele.para_img_ele_01,
  .project_container
    .each_about_feature
    .inner_each_about_feature
    .about_feature_para_img_wrap
    .para_img_ele.para_img_ele_01,
  .project_container
    .each_cat
    .inner_each_about_feature
    .about_feature_para_img_wrap
    .para_img_ele.para_img_ele_01,
  .project_container
    .each_cat
    .inner_each_cat
    .about_feature_para_img_wrap
    .para_img_ele.para_img_ele_01 {
    background: url("../img/mobile/about_feature_img_01_mobile.jpg") 50% 50%
      no-repeat;
    background-size: cover;
  }
  .about_features
    .each_about_feature
    .inner_each_about_feature
    .about_feature_para_img_wrap
    .para_img_ele.para_img_ele_02,
  .project_container
    .each_about_feature
    .inner_each_about_feature
    .about_feature_para_img_wrap
    .para_img_ele.para_img_ele_02,
  .project_container
    .each_cat
    .inner_each_about_feature
    .about_feature_para_img_wrap
    .para_img_ele.para_img_ele_02,
  .project_container
    .each_cat
    .inner_each_cat
    .about_feature_para_img_wrap
    .para_img_ele.para_img_ele_02 {
    background: url("../img/mobile/about_feature_img_02_mobile.jpg") 50% 50%
      no-repeat;
    background-size: cover;
  }
  .about_features
    .each_about_feature
    .inner_each_about_feature
    .about_feature_para_img_wrap
    .para_img_ele.para_img_ele_03,
  .project_container
    .each_about_feature
    .inner_each_about_feature
    .about_feature_para_img_wrap
    .para_img_ele.para_img_ele_03,
  .project_container
    .each_cat
    .inner_each_about_feature
    .about_feature_para_img_wrap
    .para_img_ele.para_img_ele_03,
  .project_container
    .each_cat
    .inner_each_cat
    .about_feature_para_img_wrap
    .para_img_ele.para_img_ele_03 {
    background: url("../img/mobile/about_feature_img_03_mobile.jpg") 50% 50%
      no-repeat;
    background-size: cover;
  }
  .about_features
    .each_about_feature
    .inner_each_about_feature
    .about_feature_para_img_wrap
    .para_img_ele.para_img_ele_04,
  .project_container
    .each_about_feature
    .inner_each_about_feature
    .about_feature_para_img_wrap
    .para_img_ele.para_img_ele_04,
  .project_container
    .each_cat
    .inner_each_about_feature
    .about_feature_para_img_wrap
    .para_img_ele.para_img_ele_04,
  .project_container
    .each_cat
    .inner_each_cat
    .about_feature_para_img_wrap
    .para_img_ele.para_img_ele_04 {
    background: url("../img/mobile/about_feature_img_04_mobile.jpg") 50% 50%
      no-repeat;
    background-size: cover;
  }
  .about_features
    .each_about_feature
    .inner_each_about_feature
    .about_feature_para_img_wrap
    .para_img_ele.para_img_ele_05,
  .project_container
    .each_about_feature
    .inner_each_about_feature
    .about_feature_para_img_wrap
    .para_img_ele.para_img_ele_05,
  .project_container
    .each_cat
    .inner_each_about_feature
    .about_feature_para_img_wrap
    .para_img_ele.para_img_ele_05,
  .project_container
    .each_cat
    .inner_each_cat
    .about_feature_para_img_wrap
    .para_img_ele.para_img_ele_05 {
    background: url("../img/mobile/about_feature_img_05_mobile.jpg") 50% 50%
      no-repeat;
    background-size: cover;
  }
  .about_features
    .each_about_feature
    .inner_each_about_feature
    .about_feature_para_img_wrap
    .para_img_ele.para_img_ele_06,
  .project_container
    .each_about_feature
    .inner_each_about_feature
    .about_feature_para_img_wrap
    .para_img_ele.para_img_ele_06,
  .project_container
    .each_cat
    .inner_each_about_feature
    .about_feature_para_img_wrap
    .para_img_ele.para_img_ele_06,
  .project_container
    .each_cat
    .inner_each_cat
    .about_feature_para_img_wrap
    .para_img_ele.para_img_ele_06 {
    background: url("../img/mobile/about_feature_img_06_mobile.jpg") 50% 50%
      no-repeat;
    background-size: cover;
  }
  .about_features .each_about_feature .inner_each_about_feature .left,
  .project_container .each_about_feature .inner_each_about_feature .left,
  .project_container .each_cat .inner_each_about_feature .left,
  .project_container .each_cat .inner_each_cat .left {
    margin-top: 0;
    padding-right: 0;
  }
  .about_features .each_about_feature .inner_each_about_feature .left small,
  .project_container .each_about_feature .inner_each_about_feature .left small,
  .project_container .each_cat .inner_each_about_feature .left small,
  .project_container .each_cat .inner_each_cat .left small {
    font-size: 1rem;
    margin-bottom: 3vw;
  }
  .about_features .each_about_feature .inner_each_about_feature .left p,
  .project_container .each_about_feature .inner_each_about_feature .left p,
  .project_container .each_cat .inner_each_about_feature .left p,
  .project_container .each_cat .inner_each_cat .left p {
    width: 100%;
    font-size: 1.4rem;
  }
  .about_features .each_about_feature .inner_each_about_feature .right,
  .project_container .each_about_feature .inner_each_about_feature .right,
  .project_container .each_cat .inner_each_about_feature .right,
  .project_container .each_cat .inner_each_cat .right {
    right: 0;
    bottom: 0;
    padding-bottom: 0;
  }
  .about_features .each_about_feature .inner_each_about_feature .right img,
  .project_container .each_about_feature .inner_each_about_feature .right img,
  .project_container .each_cat .inner_each_about_feature .right img,
  .project_container .each_cat .inner_each_cat .right img {
    width: 30vw;
  }
  .our_client .inner_our_client p {
    width: 100%;
  }
  .our_client .inner_our_client .client_logos img {
    display: none;
    position: absolute;
  }
  .our_client .inner_our_client .client_logos img.mobile {
    display: block;
    width: 100%;
    position: relative;
  }
  .our_team {
    padding: 0;
  }
  .our_team .swiper_wrap .big_img_nav {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .our_team .swiper_wrap .big_img_nav a {
    width: 33.333%;
  }
  .our_team .swiper_wrap .swiper-slide.swiper-slide-active p.mobile {
    opacity: 1;
    transform: translateY(0%);
    transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
  }
  .our_team .swiper_wrap .swiper-slide .slider_des small {
    position: relative;
    font-size: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .our_team .swiper_wrap .swiper-slide .slider_des p {
    display: none;
  }
  .our_team .swiper_wrap .swiper-slide p.mobile {
    display: block;
    padding-top: 3rem;
    padding-bottom: 3rem;
    opacity: 0;
    transform: translateY(20%);
    /* transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s; */
    transition: opacity 250ms linear 0s, transform 100ms linear 0.25s;
  }
  .our_team .swiper_wrap .swiper-slide p.mobile span {
    display: block;
    margin-bottom: 2rem;
  }
  .our_team .swiper_wrap .swiper-slide p.mobile span:last-child {
    margin-bottom: 0;
  }
  .our_team .inner_our_team h1,
  .our_team .inner_our_team p {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .our_team .inner_our_team p {
    width: auto;
  }
}
@media (max-width: 700px) {
  .__page_title,
  .contact_main .contact_main_top h1,
  .contact_main .newsroom_main_top h1,
  .newsroom_main .contact_main_top h1,
  .newsroom_main .newsroom_main_top h1,
  .studio_main .studio_main_top h1,
  .about_main .about_main_top h1,
  .line span.text_size,
  .line span.animate_ele,
  .projects_main .projects_main_top h1,
  .each_projects_main .each_projects_main_top h1,
  .technology_main .technology_main_top h1 {
    font-size: 12.5vw;
  }
}
@media (max-width: 700px) and (orientation: landscape) {
  .__page_title,
  .contact_main .contact_main_top h1,
  .contact_main .newsroom_main_top h1,
  .newsroom_main .contact_main_top h1,
  .newsroom_main .newsroom_main_top h1,
  .studio_main .studio_main_top h1,
  .about_main .about_main_top h1,
  .line span.text_size,
  .line span.animate_ele,
  .projects_main .projects_main_top h1,
  .each_projects_main .each_projects_main_top h1,
  .technology_main .technology_main_top h1,
  .newsroom_main .newsroom_main_top h1 .contact_main .contact_main_top h1 {
    font-size: 7vw;
  }
}
@media (max-width: 580px) and (orientation: portrait) {
  .studio_main .studio_main_top .inner_studio_main_top,
  .technology_main .technology_main_top .inner_technology_main_top,
  .about_main .about_main_top .inner_about_main_top {
    margin-bottom: 3rem;
  }
  .proj_details .right h1 {
    font-size: 10vw;
  }
  .each_projects_main .each_projects_main_top .inner_each_projects_main_top {
    margin-bottom: 4rem;
  }
  .each_projects_main,
  .projects_main .projects_main_top,
  .technology_main,
  .about_main,
  .contact_main,
  .studio_main {
    height: 85vh;
  }
  .newsroom_main .newsroom_main_top .down_arrow,
  .each_projects_main .each_projects_main_top .down_arrow,
  .contact_main .contact_main_top .down_arrow,
  .about_main .about_main_top .down_arrow,
  .studio_main .studio_main_top .down_arrow,
  .projects_main .projects_main_top .down_arrow,
  .technology_main .technology_main_top .down_arrow {
    bottom: 1.5rem;
  }
  .studio_main .studio_main_top,
  .about_main .about_main_top {
    padding-bottom: 8rem;
  }
  .proj_details .right p,
  .proj_des p {
    font-size: 1.3rem;
  }
  .our_team .inner_our_team .swiper_wrap .swiper-slide .slider_des > img {
    display: none;
    position: absolute;
  }
  .our_team
    .inner_our_team
    .swiper_wrap
    .swiper-slide
    .slider_des
    > img.mobile {
    display: block;
    opacity: 0;
    position: relative;
  }
}
@media (max-width: 580px) {
  .home_awards .award_each .award_container {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }
  ul.shuffle-filter li span {
    font-size: 4.45vw;
  }
  .__full_w_at_768 {
    width: calc(100% + 5.5rem) !important;
    left: -2.25rem !important;
  }
  .about_features .each_about_feature .inner_each_about_feature .right img,
  .project_container .each_about_feature .inner_each_about_feature .right img,
  .project_container .each_cat .inner_each_about_feature .right img,
  .project_container .each_cat .inner_each_cat .right img {
    width: 32vw;
  }
  .proj_des h2 {
    font-size: 30vw;
    letter-spacing: -7.5vw;
    text-indent: -7.5vw;
  }
  .proj_big_loop_img,
  .proj_big_loop_img_b,
  .proj_big_loop_img_c {
    height: 200px;
  }
  .proj_des .impacts .each_impact {
    padding: 1rem;
  }
  .tech_img_block .row_wrap .straight_text_on_img_right > div {
    font-size: 3vw;
  }
  .proj_des .img_wrap .play_btn {
    width: 4rem;
    height: 4rem;
  }
  .large_map_container .full-size .close_map {
    top: 0.7rem;
    right: 0.7rem;
  }
  .our_team .swiper_wrap .big_img_nav {
    padding-bottom: 2.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .type_of_applicatio .each_apps .apps_des {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .type_of_applicatio .each_apps .apps_name {
    font-size: 5.5vw;
  }
  nav .links {
    max-width: 50vw;
    width: 100%;
    padding-left: 3rem;
    padding-right: 3rem;
  }
  nav .links a {
    font-size: 1.3rem;
  }
  .mobile_menu img {
    width: 1.5rem;
  }
  .mobile_menu .menu,
  .mobile_menu .x {
    height: 2px;
    top: calc(50% - 1px);
  }
  .mobile_menu .x:before,
  .mobile_menu .x:after {
    bottom: calc(50% - 1px);
  }
  .proj_des small,
  .each_info label {
    font-size: 0.9rem;
  }
  .our_team .swiper_wrap .big_img_nav a:after {
    height: 2px;
  }
  .our_team .swiper_wrap .swiper-slide .slider_des small {
    font-size: 4.2vw;
  }
  .studio_hero_feature .inner_studio_hero_feature .studio_hero_feature_des {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .studio_hero_feature .inner_studio_hero_feature .studio_hero_feature_des p {
    font-size: 1.4rem;
  }
  .tech_img_block .row_wrap .straight_text_on_img_right {
    top: -0.5vw;
  }
  .projects_footer .inner_projects_footer .big_link,
  .contact_content .inner_contact_content .btn_wrap button {
    font-size: 10vw;
  }
  .projects_footer .inner_projects_footer .big_link span img,
  .projects_footer .inner_projects_footer .big_link img,
  .contact_content .inner_contact_content .btn_wrap button img {
    width: 10vw;
  }
  .about_big_loop_text .about_big_loop_text_ele {
    background-size: auto 150px;
  }
  .proj_details .left .each_info {
    width: 100%;
  }
  @keyframes loopBgImg5Blocks {
    /* 5 blocks loop image */
    from {
      background-position: 0 center;
    }
    to {
      background-position: -1744px center;
    }
  }
  @keyframes loopBgImgEachProj {
    /* original img size 2250 x 430 */
    from {
      background-position: 0 center;
    }
    to {
      background-position: -1047px center;
    }
  }
  @keyframes loopBgImgEachProjReverse {
    /* 3 blocks reverse loop image */
    from {
      background-position: 0 center;
    }
    to {
      background-position: 1047px center;
    }
  }
  @keyframes loopBgImgEachProj9 {
    /* 6 blocks loop image */
    from {
      background-position: 0 center;
    }
    to {
      background-position: -2095px center;
    }
  }
  @keyframes loopBgImgEachFrontRowFestival {
    from {
      background-position: 0 center;
    }
    to {
      background-position: -1395px center;
    }
  }
  @keyframes loopBgImgEachFrontRowFestivalReverse {
    from {
      background-position: 0 center;
    }
    to {
      background-position: 1395px center;
    }
  }
  @keyframes loopBgImg4Blocks {
    /* 4 blocks loop image */
    from {
      background-position: 0 center;
    }
    to {
      background-position: -1395px center;
    }
  }
  @keyframes loopBgImg4BlocksReverse {
    /* 4 blocks loop image */
    from {
      background-position: 0 center;
    }
    to {
      background-position: 1395px center;
    }
  }
  @keyframes loopBgAbout {
    from {
      background-position: 0 center;
    }
    to {
      background-position: -2552px center;
    }
  }
  .studio_big_loop_text .studio_big_loop_text_ele,
  .studio_big_loop_text_02 .studio_big_loop_text_ele {
    background-size: auto 150px;
  }
  @keyframes loopBgStudio {
    from {
      background-position: 0 center;
    }
    to {
      background-position: -1880px center;
    }
  }
  @keyframes loopBgStudio02 {
    from {
      background-position: 0 center;
    }
    to {
      background-position: -2167px center;
    }
  }
  .newsroom_main .newsroom_main_top .down_arrow,
  .each_projects_main .each_projects_main_top .down_arrow,
  .contact_main .contact_main_top .down_arrow,
  .about_main .about_main_top .down_arrow,
  .studio_main .studio_main_top .down_arrow,
  .projects_main .projects_main_top .down_arrow,
  .technology_main .technology_main_top .down_arrow {
    width: 16vw;
    height: 16vw;
    left: calc(50% - 8vw);
  }
  .tech_big_loop_text .tech_big_loop_text_ele {
    background-size: auto 150px;
  }
  @keyframes loopBg_tech {
    from {
      background-position: 0 center;
    }
    to {
      background-position: -1878px center;
    }
  }
  .shuffle-container li {
    width: 100%;
  }
  nav {
    padding: 1.25rem 2.25rem;
  }
  nav .inner_nav > a img {
    height: 15vw;
  }
  .technology_main .technology_main_top,
  .sub_des,
  .sphere,
  .tech_img_block,
  ul.shuffle-filter,
  .projects_main .projects_main_bottom,
  .projects_main .projects_main_top,
  .projects_footer,
  .each_proj_des,
  .each_projects_main .each_projects_main_top,
  .contact_content,
  .studio_main .studio_main_top {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
  .text_infront_loop,
  .about_big_loop_text .inner_about_big_loop_text h1,
  .tech_big_loop_text .inner_tech_big_loop_text h1,
  .studio_big_loop_text .inner_studio_big_loop_text h1,
  .studio_big_loop_text_02 .inner_studio_big_loop_text h1 {
    font-size: 8vw;
  }
  .tech_img_block .tech_para_des > img {
    height: 10vw;
  }
}
@media (max-width: 450px) {
  .newsroom_content {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .thankyou_msg_block,
  .error_msg_block {
    padding: 2rem;
  }
  .thankyou_msg_block .inner_content,
  .error_msg_block .inner_content {
    padding: 4rem;
  }
  nav {
    padding: 1rem 2rem;
  }
  nav .inner_nav > a img {
    height: 18vw;
  }
  .technology_main .technology_main_top,
  .sub_des,
  .sphere,
  .tech_img_block,
  ul.shuffle-filter,
  .projects_main .projects_main_bottom,
  .projects_main .projects_main_top,
  .projects_footer,
  .contact_content,
  .each_projects_main .each_projects_main_top,
  .each_proj_des,
  .about_main .about_main_top,
  .studio_des,
  .about_des,
  .about_features,
  .project_container,
  .our_client,
  .contact_main .contact_main_top,
  .studio_features,
  .type_of_applicatio .each_apps .apps_des,
  .type_of_applicatio .each_apps .full_des_mobile,
  .demo {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .our_team .swiper_wrap .swiper-slide p.mobile {
    padding-top: 1.5rem;
  }
  .our_team .inner_our_team h1,
  .our_team .inner_our_team p,
  .demo_vid .inner_demo_vid a {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .technology_main .technology_main_top,
  .studio_main .studio_main_top,
  .about_main .about_main_top {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (max-width: 420px) {
  .tech_img_block .row_wrap .left,
  .tech_img_block .row_wrap .right {
    padding-right: 2rem;
  }
  .tech_img_block .row_wrap.__row_four,
  .tech_img_block .row_wrap.__row_two {
    padding-right: 0;
  }
  .tech_img_block .row_wrap.__row_two .line,
  .tech_img_block .row_wrap.__row_three .line,
  .tech_img_block .row_wrap.__row_one .line {
    width: calc(100% + 2rem);
  }
  .tech_img_block .row_wrap .straight_text_on_img_right {
    top: 0.35rem;
  }
}
@media (max-width: 380px) {
  .thankyou_msg_block .inner_content,
  .error_msg_block .inner_content {
    padding-left: 2rem;
    padding-right: 2rem;
  }
} /*# sourceMappingURL=newstyle.css.map */