.big-text {
 
}

html {
  scroll-behavior: smooth;
}

body { 
    margin: 0; background-attachment: fixed !important;
    line-height: inherit;
    background: url(images/popupbg1.jpg);
    overflow-x: hidden;
}

.lsri-slick-wrapper {
    max-width: 100%;
    margin: auto;
    width: 100%;
    padding: 0 5%;
}

.lsri-slide-content {
    display: flex;
    align-items: center;
    gap: 40px;
    max-width: 1140px;
    justify-content: space-between;
    flex-direction: row;
    float: none;
    margin: 0 auto;
}

.test-name:before {
    content: "";
    background-image: linear-gradient(184deg, #9747FF, #3FFFB5);
    width: 3px;
    height: 100px;
    display: inline-block;
    float: left;
    margin-right: 40px;
    border-radius: 2px;
}

.test-name{display: inline-block; margin: 40px 0; }
.test-name p {
    color: #fff;
    font-size: 32px !important;
    font-weight: 600;
    margin: 20px 0 10px 0 !important;
}


.test-name span{color: #fff; letter-spacing: 1px; font-size: 16px; font-weight: 300}

.slick-prev:before{content: "" !important; background: url('https://MosignCreative.b-cdn.net/images/a-left.png'); background-size: 100%; display: block;  width: 53px; height: 53px;}

.slick-next:before{content: "" !important; background: url('https://MosignCreative.b-cdn.net/images/a-right.png'); background-size: 100%; display: block;  width: 53px; height: 53px;}

.lsri-slide-text{width: 50%}
.lsri-slide-text h2 {

  font-size: 32px;
  margin-bottom: 10px;
}

.lsri-slide-text p {
    font-size: 19px;
    color: #fff;  
    line-height: 30px;
    margin: 20px 0 0 0;
}

.lsri-slide-image {
  width: 50%;
}

.lsri-slide-image img {
  width: 90%;
  border-radius: 0;
}

/* Scoped arrows */
.lsri-slick-wrapper .slick-prev,
.lsri-slick-wrapper .slick-next {
  width: 45px;
  height: 45px;
  z-index: 10;
}

.lsri-slick-wrapper .slick-prev:before,
.lsri-slick-wrapper .slick-next:before {
  font-size: 45px;
  color: #000;
}




.big-text--st {
  display: flex;
  align-items: flex-start;
}

.big-text__cd {
  overflow: visible;
  position: sticky;
  top: 0;
}

.big-text__container {
  width: 100%;
  margin: 0;
  display: flex;
  align-items: start;
}

.big-text__container .wordline-res {
  padding-right: 1.5vw;
}

.big-text__container .wordline--center {
  justify-content: center;
  width: 100%;
}

.big-text__container h2 {

 
  display: flex;
  flex-direction: column;
  
  color: #fff;
}

.big-text__container h2 .wordline {
  overflow: hidden;
  display: flex;
}

.big-text__container h2 .wordline .button__switch {
  margin: 10px;
}

.big-text__container h2 .wordline span {
  display: inline-block;
  transform: translateY(100%);
}

.big-text__container h2 .ii {
  display: inline-block;
}

.big-text__container h2 i {
  padding: 0 0 0 0;
  margin: 0 0 0 -1.1%;
  opacity: 0;
  transform: translateX(3vw);
  display: inline-block;
  line-height: 1em;
  font-style: normal;
}

.big-text__container h2 .ii:nth-child(2) i,
.big-text__container h2 i:nth-child(2) {
  transform: translateX(-3vw);
}

.big-text__container h2 i span {

    background: linear-gradient(180deg, #9747FF 0.88%, #5B2B99 60.73%, #5B2B99 126.95%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;


  padding-right: 20px;
  margin-right: -60px;
  background-position: -60px 0;

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 100vw auto;
  clip-path: inset(3px);
}

.big-text__container--green h2 i span {
  background: linear-gradient(94deg, #FFEA29 7.87%, #BFFD62 32.74%, #3AFF71 55.94%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 100vw auto;
}

.big-text__container--orange h2 i span {
  background: linear-gradient(95deg, #8423FF 44.97%, #FF28A1 69.66%, #FF3B34 96.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 100vw auto;
}

.big-text__container--yellow h2 i span {
  background: linear-gradient(95deg, #FF680F 44.97%, #F91 69.66%, #FFE816 96.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 100vw auto;
}

.big-text__container--white h2 {
  color: #000;
}

.big-text__container--white h2 i span {
  background: linear-gradient(93deg, #B9FF23 2.66%, #28D8FF 65.57%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 100vw auto;
}

.big-text__container--red.big-text__container {
  justify-content: flex-end;
}

.big-text__container--red.big-text__container h2 {
  align-items: flex-end;
}

.big-text__container--red.big-text__container h2 i span {
  background: linear-gradient(95deg, #8423FF 44.97%, #FF28A1 69.66%, #FF3B34 96.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 100vw auto;
}

.big-text .gradient__mt {
  display: none;
}

.big-text--w {
  margin-top: -50vh;
}





.popup-formbx01 {}
.popup-formbx01 .input-row01 {    display: flex; justify-content: space-between; gap: 13px; }
.popup-formbx01 select{transition: border-color 150ms linear; color: #fff; font-size: 12px; padding: calc(14 * var(--size-h)) calc(20 * var(--size-h)); border-radius: 999px; background-color: #363642; line-height: 1em; border: 1px solid #363642; width: 100%;}







/* ------------------ RESPONSIVE ------------------ */
@media (max-width: 767px) {
  .big-text--w {
    margin-top: 0;
  }

  .big-text {
    min-height: initial;
    position: relative;
    overflow: visible;
  }

  .big-text .gradient__cd {
    display: none;
  }

  .big-text .gradient__mt {
    display: block;
    position: absolute;
    left: 0;
    transform: translateY(-50%);
    top: 50%;
    width: 100%;
    aspect-ratio: 1/2;
    background: radial-gradient(circle, #102d32 10%, rgba(16, 45, 50, 0) 80%);
  }

  .big-text .gradient__mt.gradient__mt-2 {
    background: radial-gradient(circle, #1e2a16 10%, rgba(30, 42, 22, 0) 80%);
  }

  .big-text .gradient__mt.gradient__mt-3 {
    background: radial-gradient(circle, #3c1232 10%, rgba(60, 18, 50, 0) 80%);
  }

  .big-text .gradient__mt.gradient__mt-4 {
    background: radial-gradient(circle, #210f0c 10%, rgba(33, 15, 12, 0) 80%);
  }

  .big-text__container {
    min-height: initial;
    padding: 140px 0;
    overflow: hidden;
  }

  .big-text__container h2 .wordline {
    flex-wrap: wrap;
  }

  .big-text__container h2 {
    font-size: 13vw;
  }

  .big-text__container h2 .offset-1 {
    padding-left: 4vw;
  }

  .big-text__container h2 .offset-2 {
    padding-left: 8vw;
  }

  .big-text__container h2 .offset-5 {
    padding-left: 12vw;
  }

  .big-text__container h2 .offset-right-2 {
    padding-left: 30vw;
  }

  .big-text__container h2 .offset-end-5 {
    width: 100%;
    text-align: right;
    padding-right: 1vw;
  }

  .big-text__container h2 .wordline--mt-l {
    width: 100%;
  }

  .big-text__container h2 .offset-right {
    text-align: right;
  }

  .big-text__container h2 .wordline--mt-r {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}




.slide-logobx01 {}
.slide-logobx01 a {margin:0 13px;}
.slide-logobx01 img { height: 60px !important; width: auto !important;}



--------------------------------------


.digital {
  height: 200vh;
  width: 100%;
}

/* --- CONTAINER --- */
.digital__container {
  overflow: hidden;
  position: sticky;
  top: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
}

.digital__container .digital__in {
  position: relative;
  height: auto;
  width: 100%;
  min-height: 690px;
  padding: 60px;
  display: flex;
  justify-content: flex-end;
}

.digital__container .digital__box {
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  position: absolute;
  left: 50%;
  top: 30px;
  width: calc(100% - 60px);
  height: calc(100% - 60px);
  object-fit: cover;
  transform: translateX(-50%) scale(0.85, 0.85);
}

.digital__container .digital__box .digital__boxin {
  position: absolute;
  border-radius: 40px;
  background: #5B2B99;
background: linear-gradient(90deg,rgba(91, 43, 153, 1) 0%, rgba(151, 71, 255, 1) 50%, rgba(63, 255, 181, 1) 100%);


  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.digital__container .digital__box .digital__boxin::before{content:''; background: url(https://MosignCreative.b-cdn.net/images/shadow01.png) no-repeat;
    width: 480px; height: 100%; position: absolute; left: 0; top: 0; background-size: 100% 100%;}

.digital__container .digital__text {
  max-width: 59%;
  padding: 60px;
  position: relative;
  z-index: 5;
}

.digital__container .digital__text h2  {
    color: #fff;
    margin: 0;
    font-size: 150px;
    font-weight: normal;
    line-height: 0.9em;
    text-transform: uppercase;
    font-family: 'Bebas Neue';
    font-style: normal;
    letter-spacing: 6px;
}

.digital__container .digital__text h2 .br {
  display: none;
}

.digital__container .digital__text h2 .wordline {
  overflow: hidden;
  display: flex;
}

.digital__container .digital__text h2 .wordline .button__switch--white {
  margin: 10px;
}

.digital__container .digital__text h2 .wordline span {
  display: inline-block;
  transform: translateY(100%);
  padding-right: 20px;
  margin-right: -30px;
}

.digital__container .digital__text p {
  color: #fff;
  margin: 60px 0 0;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.4em;
}

.digital__container .digital__text p .word {
  transform: translateX(50px);
  opacity: 0;
  display: inline-block;
}

/* --- ANIMATIONS --- */
@keyframes word__in {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes word__out {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-50px);
  }
}

/* --- IMAGE --- */
.digital__image {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50%;
  height: 100%;
  transform-origin: left center;
}

.digital__image img {
    object-fit: contain;
    object-position: left bottom;
    width: 83%;
    left: 31px;
    position: relative;
    bottom: -0; top: -31px;
}

.digital__image img.mt {
  display: none;
}

.fs .digital__container .digital__box {
  transform: translateX(-50%) scale(1, 1);
}

.wordlinesplit {
  display: flex;
}

/* --- RESPONSIVE --- */
@media (max-width: 1024px) {
  .digital__container .digital__text {
    max-width: 59%;
    padding: 60px 0;
  }
}

@media (max-width: 767px) {
  .digital {
    height: auto;
    overflow: hidden;
  }

  .digital__container {
    position: relative;
    height: auto;
  }

  .digital__container .digital__in {
    flex-direction: column;
    padding: 60px 15px;
  }

  .digital__container .digital__text {
    max-width: 100%;
    width: 100%;
    padding: 60px 0;
  }

  .digital__container .digital__text h2 {
    font-size: 60px;
  }

  .digital__container .digital__text p {
    margin: 20px 0 0;
    font-size: 18px;
    line-height: 1.4em;
  }

  .digital__image {
    position: relative;
    left: initial;
    bottom: initial;
    margin: -90px -20px -40px;
    width: calc(100% + 40px);
    height: 330px;
    transform-origin: center bottom;
  }

  .digital__image img {
    object-position: center bottom;
    display: none;
    height: 100%;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
  }

  .digital__image img.mt {
    display: block;
  }

  .digital__container .digital__box {
    top: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
  }

  .digital__container,
  .digital__container .digital__text h2 .wordline {
    flex-wrap: wrap;
  }

  .digital__container .br,
  .digital__container .digital__text h2 .wordline .br {
    display: block;
    width: 100%;
  }

  .wordlinesplit {
    flex-wrap: wrap;
  }
}

@media (max-width: 550px) {
  .digital__container .digital__text h2 {
    font-size: 50px;
  }

  .digital__container .digital__text p {
    margin: 20px 0 0;
    font-size: 18px;
  }
}

@media (max-width: 360px) {
  .digital__container .digital__text h2 {
    font-size: 42px;
  }
}



----------------------------------------------

.video{width:100%}.video__in{overflow:hidden;position:sticky;top:0;width:100%;height:100vh}
.video__in video{transform:scale(.85,.85);transition:transform .8s cubic-bezier(.4,0,.2,1);position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.fs .video__in video{transform:scale(1.05,1.05)}


--------------------------


.logos__container,.logos__item{display:flex}.logos__wrapper{overflow:hidden;padding:60px 0}
.logos__item{width:auto;height:77px;align-items:center;justify-content:center;text-align:center}
.logos__item img{width:auto;height:77px;object-fit:contain}@media (max-width:767px){.logos__wrapper{padding-bottom:0}}


--------------------------

.services img {
  width: 100%;
}

.services__head {
  padding-bottom: 10px;
  overflow: hidden;
}

.services__containercd {
  position: relative;
}

.services__containercd .slick-arrow,
.services__containercd .slick-arrow:after,
.services__containercd .slick-arrow:before {
  position: absolute;
  width: calc(52 * var(--size));
  height: calc(52 * var(--size));
  border-radius: 50%;
}

.services__containercd .slick-arrow {
  right: calc(50% + 15px);
  top: calc(50% - calc(var(--size) * 26));
  color: transparent;
  overflow: hidden;
  z-index: 5;
  cursor: pointer;
  transition: transform 0.6s ease-in-out;
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.services__containercd .slick-arrow:before {
  content: ' ';
  top: 0;
  left: 0;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none"><g clip-path="url(%23clip0_564_2884)"><path d="M23.7931 16.5557L7.88976 16.5557C7.09531 16.5557 6.44531 17.2057 6.44531 18.0002C6.44531 18.7946 7.09531 19.4446 7.88976 19.4446L23.7931 19.4446V22.0302C23.7931 22.6802 24.5731 22.9979 25.0209 22.5357L29.0364 18.5057C29.3109 18.2168 29.3109 17.7691 29.0364 17.4802L25.0209 13.4502C24.5731 12.9879 23.7931 13.3202 23.7931 13.9557V16.5557Z" fill="white"/></g><defs><clipPath id="clip0_564_2884"><rect width="34.6667" height="34.6667" fill="white" transform="translate(0.667969 0.666992)"/></clipPath></defs></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60%;
  transform: scaleX(-1);
  z-index: 2;
}

.color-blue .services__containercd .slick-arrow:hover:before,
.color-green .services__containercd .slick-arrow:hover:before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none"><g clip-path="url(%23clip0_564_2884)"><path d="M23.7931 16.5557L7.88976 16.5557C7.09531 16.5557 6.44531 17.2057 6.44531 18.0002C6.44531 18.7946 7.09531 19.4446 7.88976 19.4446L23.7931 19.4446V22.0302C23.7931 22.6802 24.5731 22.9979 25.0209 22.5357L29.0364 18.5057C29.3109 18.2168 29.3109 17.7691 29.0364 17.4802L25.0209 13.4502C24.5731 12.9879 23.7931 13.3202 23.7931 13.9557V16.5557Z" fill="black"/></g><defs><clipPath id="clip0_564_2884"><rect width="34.6667" height="34.6667" fill="black" transform="translate(0.667969 0.666992)"/></clipPath></defs></svg>');
}

.services__containercd .slick-arrow:after {
  content: ' ';
  top: 0;
  left: 0;
  background-color: #FFC225;
  transition: background-color 0.6s linear, opacity 150ms linear;
  opacity: 0;
}

.services__containercd .slick-arrow:hover:after {
  opacity: 1;
}


.services__containercd .slick-arrow.slick-prev {left: calc(45% + 15px) !important;}



.services__containercd .slick-arrow.slick-next {
  left: calc(50% + 15px);
  right: initial;
}








.services__containercd .slick-arrow.slick-next:after {
  background-color: #FF4D14;
}

.services__containercd .slick-arrow.slick-next:before {
  transform: scaleX(1);
}

.color-blue .services__containercd .slick-arrow:after {
  background-color: #3FFFB5;
}

.color-blue .services__containercd .slick-arrow.slick-next:after {
  background-color: #1D5CFF;
}

.color-green .services__containercd .slick-arrow:after {
  background-color: #FFF625;
}

.color-green .services__containercd .slick-arrow.slick-next:after {
  background-color: #36FF4A;
}

/* --- SERVICES BAR --- */
.services__bar {
  height: 5px;
  position: sticky;
  margin: 22px 0;
  overflow: hidden;
  top: 0;
  z-index: 106;
}

.services__bar .l1,
.services__bar .l2,
.services__bar .l3,
.services__bar .l4 {
  position: absolute;
  width: 1px;
  left: 25%;
  height: 10px;
  top: 0;
  border-left: 1px solid red;
}

.services__bar .l1.l2,
.services__bar .l2.l2,
.services__bar .l3.l2,
.services__bar .l4.l2 {
  left: 50%;
}

.services__bar .l1.l3,
.services__bar .l2.l3,
.services__bar .l3.l3,
.services__bar .l4.l3 {
  left: 75%;
}

.services__bar:before {
  position: absolute;
  content: ' ';
  left: 0;
  top: 2px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  height: 1px;
  width: 100%;
}

.services__bar.hide-bgbar:before {
  opacity: 0;
}

.services__bar .services__baritem {
  position: absolute;
  left: 0;
  top: 0;
  height: 5px;
  border-radius: 2px;
  width: 0;
}

.services__bar .services__baritem .barbg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #FFC225 17.94%, #FF6A29 55.03%, #FF4D14 92.91%);
  transition: opacity 0.6s linear, transform 0.6s ease-in-out;
  border-radius: 3px;
}

.services__bar .services__baritem .barbg--green {
  background: linear-gradient(90deg, #FFF625 -2.16%, #C5FF48 45.81%, #36FF4A 94.79%);
  opacity: 0;
}

.services__bar .services__baritem .barbg--blue {
  background:linear-gradient(92deg, #9747FF, #3FFFB5);
  opacity: 0;
}

.services__sub.set-show ul {
  animation: fadein_sb 0.6s linear 1;
}

.services__sub.set-hidden {
  overflow: hidden;
  height: 0;
  position: absolute;
  left: 100vw;
  top: 0;
  width: 0;
}

.services__sub.set-hidden ul {
  animation-direction: reverse;
}

@keyframes fadein_sb {
  0% {
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    opacity: 0;
  }
  100% {
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    opacity: 1;
  }
}

.color-green .services__bar .services__baritem .barbg--orange {
  opacity: 0;
}

.color-green .services__bar .services__baritem .barbg--green {
  opacity: 1;
}

.color-blue .services__bar .services__baritem .barbg--green,
.color-blue .services__bar .services__baritem .barbg--orange,
.color-green .services__bar .services__baritem .barbg--blue {
  opacity: 0;
}

.color-blue .services__bar .services__baritem .barbg--blue {
  opacity: 1;
}

/* --- HEAD SECTION --- */
.services__head h2 {
  color: #FFF;
  text-align: center;
  font-size: clamp(36px, calc(72 * var(--size)), 72px);
  line-height: 1em;
  text-transform: uppercase;
  font-weight: 900;
  margin: 0;
}

.services__container {
  display: flex;
  margin: 0 auto;
}

.services__headitem {
  padding: 0 40px;
  position: relative;
  width: auto;
  cursor: pointer;
}

.services__headitem .service__nav {
  display: none;
  content: ' ';
  position: absolute;
  left: 0;
  top: 50%;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.1);
}

.services__headitem .htitle,
.services__headitem button.title {
  text-align: center;
  font-weight: 900;
  transition: opacity 0.6s linear, transform 0.6s ease-in-out;
  transform: scale(0.59);
  line-height: 1em;
  text-transform: uppercase;
}

.services__headitem .service__nav.service__nav--prev {
  right: 0; 

}


.services__headitem .service__nav.service__nav--prev::after{content:'';}
.services__headitem .service__nav.service__nav--prev::before{content:'';}





.services__headitem .service__nav.service__nav--next {
  left: initial;
  right: 0;
}







.services__headitem button.title {
  cursor: pointer;
  color: #FFF;
  font-size: clamp(36px, calc(72 * var(--size)), 72px);
  background: linear-gradient(91deg, #FFC225 4.34%, #FF6A29 48.14%, #FF4D14 92.85%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0;
}

.services__headitem button.title.green {
  background: linear-gradient(271deg, #36FF4A -2.16%, #C5FF48 45.81%, #FFF625 94.79%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.services__headitem button.title.blue {
  background: linear-gradient(92deg, #9747FF, #3FFFB5);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.services__headitem .htitle {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: clamp(36px, calc(72 * var(--size)), 72px);
  opacity: 0.25;
}

.services__headitem.active .htitle {
  opacity: 0;
  transform: scale(1);
}

.services__headitem.active button.title {
  opacity: 1;
  transform: scale(1);
}

.services__headitem:hover .htitle {
  opacity: 0;
}

.services__headitem:hover button.title {
  opacity: 1;
}

/* --- SUB NAV --- */
.services__sub {
  position: sticky;
  top: -18px;
  z-index: 105;
  transition: background-color 0.3s linear;
}

.services__sub.pinned {
  background-color: var(--main-bg-color);
}

ul.services__sub--tabs {
  padding: 38px 0 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

ul.services__sub--tabs li {
  display: flex;
  margin: 0 10px;
}

button.services__sub--tab {
  cursor: pointer;
  display: flex;
  padding: calc(8 * var(--size)) calc(20 * var(--size));
  align-items: center;
  justify-content: center;
  position: relative;
  color: #FFF;
  font-size: clamp(12px, calc(16 * var(--size)), 16px);
  font-style: normal;
  font-weight: 700;
  line-height: 1em;
  text-transform: uppercase;
  border-radius: 999px;
  overflow: hidden;
  transition: color 0.6s linear;
}

button.services__sub--tab span {
  position: relative;
  z-index: 2;
}

button.services__sub--tab .after,
button.services__sub--tab .before {
  content: ' ';
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 18px;
  transform: translate(-50%, -50%);
  background: linear-gradient(var(--main-bg-color), var(--main-bg-color)) padding-box,
              linear-gradient(91deg, #FFC225 4.34%, #FF6A29 48.14%, #FF4D14 92.85%) border-box;
  border: 1px solid transparent;
  transition: opacity 0.6s linear;
}

button.services__sub--tab .after,
button.services__sub--tab:hover:not(.active) .before {
  opacity: 0;
  transition: opacity 0.3s linear;
}

button.services__sub--tab .after {
  background: linear-gradient(var(--main-bg-color), var(--main-bg-color)) padding-box,
              linear-gradient(91deg, #FF4D14 4.34%, #FF6A29 48.14%, #FFC225 92.85%) border-box;
}

button.services__sub--tab:hover:not(.active) .after {
  opacity: 1;
  transition: opacity 0.6s linear;
}

button.services__sub--tab:before {
  content: ' ';
  position: absolute;
  left: -1px;
  top: -1px;
  width: calc(100% + 0px);
  height: calc(100% + 0px);
  border-radius: 18px;
  background: linear-gradient(91deg, #FFC225 4.34%, #FF6A29 48.14%, #FF4D14 92.85%);
  z-index: 2;
  transform: translateX(-100%);
  animation: toRight 0.6s cubic-bezier(1, -0.005, 0.005, 0.995) 1;
}

button.services__sub--tab.active:before {
  transform: translateX(0);
  animation: fromLeft 0.6s cubic-bezier(1, -0.005, 0.005, 0.995) 1;
}

/* --- COLOR VARIANTS --- */
.services__sub--blue button.services__sub--tab .before {
  background: linear-gradient(var(--main-bg-color), var(--main-bg-color)) padding-box,
              linear-gradient(92deg, #9747FF 4.35%, #2780FF 60.74%, #3FFFB5 99.58%) border-box;
  border: 1.5px solid transparent;
}

.services__sub--blue button.services__sub--tab .after {
  background: linear-gradient(var(--main-bg-color), var(--main-bg-color)) padding-box,
              linear-gradient(92deg, #1D5CFF 4.35%,  #3FFFB5 99.58%) border-box;
}

.services__sub--blue button.services__sub--tab:before {
  background:linear-gradient(92deg, #9747FF, #3FFFB5);
}

.services__sub--blue button.services__sub--tab.active {
  color: var(--main-bg-color);
}

.services__sub--green button.services__sub--tab .before {
  background: linear-gradient(var(--main-bg-color), var(--main-bg-color)) padding-box,
              linear-gradient(271deg, #36FF4A -2.16%, #C5FF48 45.81%, #FFF625 94.79%) border-box;
  border: 1.5px solid transparent;
}

.services__sub--green button.services__sub--tab .after {
  background: linear-gradient(var(--main-bg-color), var(--main-bg-color)) padding-box,
              linear-gradient(271deg, #FFF625 -2.16%, #C5FF48 45.81%, #36FF4A 94.79%) border-box;
}

.services__sub--green button.services__sub--tab:before {
  background: linear-gradient(271deg, #36FF4A -2.16%, #C5FF48 45.81%, #FFF625 94.79%);
}

.services__sub--green button.services__sub--tab.active {
  color: var(--main-bg-color);
}

/* --- ANIMATIONS --- */
@keyframes fromLeft {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(0); }
}

@keyframes toRight {
  0% { transform: translateX(0); }
  100% { transform: translateX(100%); }
}

/* --- MOBILE STYLES --- */
@media (max-width: 767px) {
  button.services__sub--tab {
    white-space: nowrap;
    padding: 7px 16px;
    font-size: 14px;
  }

  .services__head h2,
  .services__headitem button.title {
    font-size: 26px;
  }

  .services__containercd .slick-arrow,
  .services__containercd .slick-arrow:after,
  .services__containercd .slick-arrow:before {
    width: 32px;
    height: 32px;
  }

  .services__containercd .slick-arrow {
    position: absolute;
    right: calc(50% - 5px);
    top: calc(50% - 18px);
  }

  .services__containercd .slick-arrow.slick-next {
    left: calc(50% - 4px);
  }

  ul.services__sub--tabs {
    overflow: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    display: block;
    white-space: nowrap;
    padding: 23px 8px 5px;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  ul.services__sub--tabs::-webkit-scrollbar {
    display: none;
  }

  ul.services__sub--tabs li {
    margin-right: 0;
    padding: 0 2px;
    display: inline-block;
  }

  ul.services__sub--tabs li:first-child {
    margin-left: 10px;
  }

  ul.services__sub--tabs li:last-child {
    margin-right: 10px;
  }
}



.service-tim__ovf{overflow:hidden;height:5px;position:relative}.services-itm{margin:0 auto;max-width:calc(1450 * var(--size));padding:45px 15px;position:absolute;left:50%;top:0;transform:translateX(-50%)}.service-itm__item.service-itm__footer{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 30px}.service-itm__item.service-itm__footer .in{padding:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.service-itm__item.service-itm__footer p{margin:35px 0;color:rgba(255,255,255,.5);text-align:center;font-size:22px;font-weight:700;line-height:1.3em;text-transform:uppercase}.service-itm__grid{display:grid;grid-template-columns:[c1] 33.333% [c2] 33.333% [c3] 33.333%;grid-template-rows:[r1] auto [r2] auto [r3] auto [r4] auto [r5] auto}.service-itm__item--fw .l{width:50%;padding-right:60px;position:relative;z-index:2}.service-itm__item--fw .num{width:50%;padding:0 60px 0 0;position:relative;z-index:2;display:flex;align-items:center}.service-itm__item--fw .num:nth-child(2){padding:0 0 0 60px}.service-itm__item--fw .num h4{margin:0 32px 0 0;color:#FFF;font-size:clamp(32px,calc(72 * var(--size)),120px);font-weight:900;line-height:1.2em;text-transform:uppercase}.service-itm__item--fw .num h4:last-child{margin:0 0 0 32px}.service-itm__item--fw .num p{margin:0}.service-itm__item--fw .r{width:50%;position:relative;z-index:2}.service-itm__item--fw h3{color:#fff;font-size:clamp(32px,calc(64 * var(--size)),72px);font-weight:900;line-height:.9em;text-transform:uppercase;margin:0}.service-itm__item--fw p{color:rgba(255,255,255,.75);font-size:clamp(14px,calc(18 * var(--size)),18px);font-weight:400;line-height:1.7em}.service-itm__item{position:relative;display:flex;padding:15px}.service-itm__item .in{height:auto;display:flex;align-items:center;justify-content:center;position:relative;padding:60px;z-index:2}.service-itm__item .in.in-y{flex-direction:column}.service-itm__item .in .fwimg{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:25px;overflow:hidden;object-position:center center;object-fit:cover}.service-itm__item .in h5{color:#FFF;text-align:center;font-size:32px;font-weight:900;line-height:1.2em;text-transform:uppercase;margin:0 0 42px}.service-itm__item .srvbg{content:' ';position:absolute;left:15px;top:15px;width:calc(100% - 30px);height:calc(100% - 30px);background-color:var(--main-color-boxbg);border-radius:25px;z-index:1}.service-itm__slides{display:flex;margin:32px 0 0}.service-itm__slides .service-itm__slides--bt{cursor:pointer;width:32px;height:32px;flex:0 0 32px;color:transparent;overflow:hidden;border-radius:50%;z-index:5;position:relative;transition:transform .6s ease-in-out;background-color:rgba(255,255,255,.1)}.service-itm__slides .service-itm__slides--bt svg{display:none}.service-itm__slides .service-itm__slides--bt:before{content:' ';position:absolute;top:0;left:0;width:32px;height:32px;min-height:32px;border-radius:50%;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none"><g clip-path="url(%23clip0_564_2884)"><path d="M23.7931 16.5557L7.88976 16.5557C7.09531 16.5557 6.44531 17.2057 6.44531 18.0002C6.44531 18.7946 7.09531 19.4446 7.88976 19.4446L23.7931 19.4446V22.0302C23.7931 22.6802 24.5731 22.9979 25.0209 22.5357L29.0364 18.5057C29.3109 18.2168 29.3109 17.7691 29.0364 17.4802L25.0209 13.4502C24.5731 12.9879 23.7931 13.3202 23.7931 13.9557V16.5557Z" fill="white"/></g><defs><clipPath id="clip0_564_2884"><rect width="34.6667" height="34.6667" fill="white" transform="translate(0.667969 0.666992)"/></clipPath></defs></svg>');background-repeat:no-repeat;background-position:center center;background-size:60%;transform:scaleX(-1);z-index:2}.service-itm__slides .service-itm__slides--bt:hover:after{opacity:1}.service-itm__slides .service-itm__slides--bt.service-itm__slides--bt-next{transform:scaleX(-1)}.service-itm__slides ul{display:flex;margin:0 45px}.service-itm__slides ul li{display:flex;align-items:center}.service-itm__slides ul li button{width:24px;height:24px;position:relative;cursor:pointer}.service-itm__slides ul li button:before{display:block;content:' ';height:12px;width:12px;position:absolute;left:50%;top:50%;border-radius:6px;background-color:rgba(255,255,255,.5);transform:translate(-50%,-50%);transition:background-color 150ms linear}.service-itm__slides ul li button.active{width:36px}.service-itm__slides ul li button.active:before{background-color:#fff;width:24px}.service-itm__slides ul li button:not(.active):hover:before{background-color:#fff}.service-itm__item--360 .in{padding:0;}.service-itm__item--360 .in360{width:100%;padding-top:100%;position:relative;border-radius:50%;border:3px solid none !important;overflow:hidden}.service-itm__item--360 
.in360__gradient{width:110%;padding-top:110%;position:absolute;left:-5%;top:-5%;background-image:url(/wp-content/themes/scr/img/gradients/gradient-circle-orange.png);background-position:center center;background-repeat:no-repeat;background-size:100% 100%;animation:rotateCircle 1.5s linear infinite}.service-itm__item--360 .in360__num{color:#FFF;font-size:calc(124 * var(--size));font-style:normal;font-weight:800;line-height:1em;letter-spacing:-2.48px;text-transform:uppercase;display:flex;align-items:flex-start;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.service-itm__item--360 .in360__num .button__switch{margin:4% 0 0 5px}@media (max-width:1380px){.service-itm__item--360 .in360__num{font-size:7vw}}.service-itm__item--360{transform:perspective(600px);transform-style:preserve-3d;z-index:6}.service-itm__item--360 .in{transform-style:preserve-3d}.service-itm__item--360 .srvbg{transform:translateZ(0)}
.services-itm--green .service-itm__item--360 .in360{border:none !important;}
.services-itm--green .service-itm__item--360 .in360__gradient{background-image:url(/wp-content/themes/scr/img/gradients/gradient-circle-green.png)}
.services-itm--blue .service-itm__item--360 .in360{border:3px solid #169afb}
.services-itm--blue .service-itm__item--360 .in360__gradient{background-image:url(/wp-content/themes/scr/img/gradients/gradient-circle-blue.png)}@keyframes rotateCircle{0%{transform:rotate(0)}50%{transform:rotate(180deg);opacity:.1}100%{transform:rotate(360deg)}}
ul.service-itm__lgs{display:flex;flex-wrap:wrap;align-items:center;width:calc(100% + 16px);margin:0 -8px -8px}ul.service-itm__lgs li{padding:8px;width:20%;display:flex}ul.service-itm__lgs.service-itm__lgs--short{align-items:center}ul.service-itm__lgs.service-itm__lgs--short li{width:50%}ul.service-itm__lgs .a,ul.service-itm__lgs a{width:100%;position:relative;padding-top:47%;transition:opacity 150ms linear}ul.service-itm__lgs .a img,ul.service-itm__lgs a img{object-fit:contain;object-position:center center}ul.service-itm__lgs .a:hover,ul.service-itm__lgs a:hover{opacity:.8}.service-itm__item{opacity:0;pointer-events:none}.service-itm__item.run-in{pointer-events:all;opacity:1}.service-itm__item.run-in .in{opacity:1;animation:anim-fadein 1s cubic-bezier(.755,.545,.06,1)}.service-itm__item.run-in.a1-r .srvbg{animation:anim-a1-r 1s cubic-bezier(.755,.545,.06,1)}.service-itm__item.run-in.a1-l .srvbg{animation:anim-a1-l 1s cubic-bezier(.755,.545,.06,1)}.service-itm__item.run-in.a1-t .srvbg{animation:anim-a1-t 1s cubic-bezier(.755,.545,.06,1)}.service-itm__item.run-in.a1-b .srvbg{animation:anim-a1-b 1s cubic-bezier(.755,.545,.06,1)}.service-itm__item.run-in.a1-c .srvbg{animation:anim-a1-c 1s cubic-bezier(.755,.545,.06,1)}.services-itm--disabled{visibility:hidden;opacity:0}.service-itm__item.run-out{pointer-events:none;opacity:1}.service-itm__item.run-out .in{opacity:0;animation:anim-fadeout 1s cubic-bezier(.755,.545,.06,1)}.service-itm__item.run-out .srvbg{opacity:0}.service-itm__item.run-out.a1-r .srvbg{animation:anim-back-a1-r 1s cubic-bezier(.755,.545,.06,1)}.service-itm__item.run-out.a1-l .srvbg{animation:anim-back-a1-l 1s cubic-bezier(.755,.545,.06,1)}.service-itm__item.run-out.a1-t .srvbg{animation:anim-back-a1-t 1s cubic-bezier(.755,.545,.06,1)}.service-itm__item.run-out.a1-b .srvbg{animation:anim-back-a1-b 1s cubic-bezier(.755,.545,.06,1)}.service-itm__item.run-out.a1-c .srvbg{animation:anim-back-a1-c 1s cubic-bezier(.755,.545,.06,1)}@keyframes anim-fadein{0%,70%{transform:scale(1.05);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes anim-fadeout{0%{transform:scale(1);opacity:1}100%,30%{transform:scale(1.05);opacity:0}}@keyframes anim-a1-r{0%{transform:scale(.8) translateX(600px);opacity:0}70%{transform:scale(.8) translateX(0);opacity:1}100%{transform:scale(1) translateX(0);opacity:1}}@keyframes anim-a1-l{0%{transform:scale(.8) translateX(-600px);opacity:0}70%{transform:scale(.8) translateX(0);opacity:1}100%{transform:scale(1) translateX(0);opacity:1}}@keyframes anim-a1-t{0%{transform:scale(.8) translateY(-300px);opacity:0}70%{transform:scale(.8) translateY(0);opacity:1}100%{transform:scale(1) translateY(0);opacity:1}}@keyframes anim-a1-b{0%{transform:scale(.8) translateY(300px);opacity:0}70%{transform:scale(.8) translateY(0);opacity:1}100%{transform:scale(1) translateY(0);opacity:1}}@keyframes anim-a1-c{0%{transform:scale(.8);opacity:0}70%{transform:scale(.8);opacity:1}100%{transform:scale(1);opacity:1}}@keyframes anim-back-a1-r{0%{transform:scale(1) translateX(0);opacity:1}30%{transform:scale(.8) translateX(0);opacity:1}100%{transform:scale(.8) translateX(600px);opacity:0}}@keyframes anim-back-a1-l{0%{transform:scale(1) translateX(0);opacity:1}30%{transform:scale(.8) translateX(0);opacity:1}100%{transform:scale(.8) translateX(-600px);opacity:0}}@keyframes anim-back-a1-t{0%{transform:scale(1) translateY(0);opacity:1}30%{transform:scale(.8) translateY(0);opacity:1}100%{transform:scale(.8) translateY(-300px);opacity:0}}@keyframes anim-back-a1-b{0%{transform:scale(1) translateY(0);opacity:1}30%{transform:scale(.8) translateY(0);opacity:1}100%{transform:scale(.8) translateY(300px);opacity:0}}@keyframes anim-back-a1-c{0%{transform:scale(1);opacity:1}30%{transform:scale(.8);opacity:1}100%{transform:scale(.8);opacity:0}}@media (max-width:1023px){.service-itm__item .in{padding:40px 28px}.service-itm__item--fw h3{color:#fff;font-size:clamp(32px,calc(54 * var(--size)),72px)}.services-itm{padding:45px 0;max-width:100%}}@media (max-width:767px){.services__bar{display:none}.service-itm__grid{display:flex;flex-direction:column}.img-square,.service-itm__item--360{display:none}.img-horizontal{min-height:initial!important}.img-horizontal .in{aspect-ratio:977/310;padding:0}.img-vertical .in{aspect-ratio:474/973;padding:0}.service-itm__item{padding:10px 20px;position:relative}.service-itm__item .srvbg{left:20px;top:10px;width:calc(100% - 40px);height:calc(100% - 20px)}.service-itm__item .in{flex-wrap:wrap}.service-itm__item .in h5{font-size:26px}.main-table .service-itm__slides{margin:20px 0 0}.main-table .in{flex-direction:column}.main-table .in .l,.main-table .in .r{width:100%}.main-table .in .l{padding-bottom:20px}.service-itm__item--fw .num{width:100%;margin:20px 0 0;padding:0!important}.service-itm__item--fw .num:first-child{margin-top:0}.service-itm__item--fw .num h4{order:1;margin:0 20px 0 0!important;min-width:82px}.service-itm__item--fw .num p{order:2}ul.service-itm__lgs li{width:50%;flex:0 0 50%}.service-itm__item.service-itm__footer p{margin:20px 0 12px;font-size:16px}.service-itm__slides ul{margin:0 12px}}


.service-itm__item--360 .in360__num svg g {width:600px; height:600px;}




ul.tags{margin:-6px -6px 30px;width:calc(100% + 12px);display:flex;flex-wrap:wrap}ul.tags li{width:auto;padding:calc(4 * var(--size)) calc(16 * var(--size));color:#FFF;font-size:clamp(10px,calc(13 * var(--size)),13px);font-weight:700;line-height:1.7em;text-transform:uppercase;margin:calc(6 * var(--size));border-radius:20px;background-color:rgba(255,255,255,.15)}@media (max-width:767px){ul.tags li{padding:2px 8px}}

.works__images__sw,.works__item h3{font-style:normal;text-transform:uppercase}

.works__container{display:flex}.works__images{width:50%;flex:0 0 50%;position:sticky;top:0;display:flex;justify-content:center;align-items:center;overflow:hidden}.works__texts{width:50%;flex:0 0 50%}
.works__item{min-height:100vh;display:flex;flex-direction:column;justify-content:center; position: relative; color:#fff;padding:80px calc(80 * var(--size))}.works__item .logo{width:132px;max-height:50px;margin:0 0 45px;object-position:left center;object-fit:contain}

.works__item h3 {
    margin: 0;
    color: #FFF;
    font-size: 103px;
    font-weight: 800;
    line-height: 110px;
    font-family: "Inter", sans-serif;
}

.works__item h3 strong{background: #5B2B99;
background: linear-gradient(90deg,rgba(91, 43, 153, 1) 0%, rgba(151, 71, 255, 1) 50%, rgba(63, 255, 181, 1) 100%) !important; -webkit-background-clip:text; background-clip:text !important}


.works__item p{
    margin: 33px 0 15px;
    color: #FFF;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.55em;
    padding-right: 15%;
    font-family: 'Inter';
}


.works__item .nums{margin:0 0 10px;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto auto auto auto;column-gap:30px;row-gap:0}


.works__item .nums span {
    color: #FFF;
    font-size: 130px;
    font-weight: 800;
    line-height: 1.2em;
    text-transform: uppercase;
    display: inline-block;
    text-align: left;
    font-family: 'Inter';
    letter-spacing: -4px;
}


.works__item .nums p{height:auto;display:flex;margin:0;align-items:center;color:rgba(255,255,255,.75);font-size:16px;font-weight:400;line-height:1.5em}.works__item .buttons{display:flex;margin:-7px}
.works__item .buttons a.button__main{
    margin: 7px;
    background: #000;
    border-radius: 100px;
    padding: 8px 27px;
    
  
    font-family: 'Inter';
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px; position: relative; overflow: hidden;
}



.works__item .buttons a.button__main::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px; /* border thickness */
  border-radius: inherit;
  background: linear-gradient(90deg, #9747FF, #3FFFB5);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.works__item.blue h3 strong{background:linear-gradient(326deg,#00E894 .89%,#25FFE5 98.07%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.works__item.orange h3 strong{background:linear-gradient(273deg,#DC0000 22.68%,#FF7222 98.98%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.works__image{position:absolute;top:50px;left:0;width:100%;height:calc(100vh - 150px);max-height:50vw;transform:perspective(600px) rotateY(0) rotateX(0);transform-style:preserve-3d;pointer-events:none}.works__image.actual{pointer-events:all}.works__image.active{transition:all 1s cubic-bezier(.265,1.49,.35,.99)}.works__image .img{transition:all 1s cubic-bezier(.265,1.49,.35,.99);position:absolute;height:100%;width:auto;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:contain}.works__image .image__fv-1{transform:translate3D(-50%,-50%,100px);z-index:5;height:92%}.works__image .image__b,.works__image .image__fv-2{aspect-ratio:620/868;left:50%;height:87%;width:auto;position:absolute;top:50%}.works__image .image__fv-1r{transform:translate3D(-50%,-50%,50px)}.works__image .image__fv-shadow{transform:translate3D(-50%,-50%,1px)}.works__image .image__fv-2{border-radius:25px;transform:translate3D(-50%,-50%,0)}.works__image .image__b{transform:translate3D(-50%,-50%,-1px) rotateY(180deg);opacity:0}.works__image.active-out{animation:rotate-out 1s cubic-bezier(.265,1.49,.35,.99) 1}.works__image.active-in{animation:rotate-in 1s cubic-bezier(.265,1.49,.35,.99) 1}.works__image.active-out.active{animation:rotate-out-active 1s cubic-bezier(.265,1.49,.35,.99) 1}.works__image.active-in.active{animation:rotate-in-active 1s cubic-bezier(.265,1.49,.35,.99) 1}@keyframes rotate-out{0%{transform:perspective(600px) rotateY(0) rotateX(0)}100%{transform:perspective(600px) rotateY(180deg) rotateX(0)}}@keyframes rotate-in{0%{transform:perspective(600px) rotateY(-180deg) rotateX(0)}100%{transform:perspective(600px) rotateY(0) rotateX(0)}}@keyframes rotate-out-active{0%{transform:perspective(600px) rotateY(180deg) rotateX(0)}100%{transform:perspective(600px) rotateY(360deg) rotateX(0)}}@keyframes rotate-in-active{0%{transform:perspective(600px) rotateY(0) rotateX(0)}100%{transform:perspective(600px) rotateY(180deg) rotateX(0)}}.works__images__sw{z-index:20;position:absolute;left:0;color:#fff;text-align:center;font-size:clamp(12px,calc(22 * var(--size)),22px);font-weight:700;line-height:130%;width:100%;bottom:calc(30px + 50vh);user-select:none}.works__images__sw span{transition:all .5s cubic-bezier(.975,.005,.1,.995);display:inline-block;animation:txtpulse 1.8s linear infinite}.works__images__sw .button__switch{margin-top:15px;position:relative;z-index:20}.works__images__sw.active .fc_a{transform:translateX(60px)}.works__images__sw.active .fc_b{transform:translateX(-20px);opacity:0}.works__images__sw.invisible{opacity:0}@keyframes txtpulse{0%,100%{color:rgba(255,255,255,.3)}25%,5%{color:#fff}20%{color:rgba(255,255,255,.6)}}.works__images{height:200vh;transform:translateY(-50vh);margin-bottom:-100vh}.works__gradient{position:absolute;aspect-ratio:1/1;height:auto;width:60%;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);filter:blur(6vw);opacity:.4}.wimg{display:none}@media (max-width:767px){.works{overflow:hidden}.works__texts{width:100%;flex:0 0 100%}.works__images{display:none}.works__item{padding-bottom:70px;position:relative}.works__item .works__images__sw{position:absolute;bottom:0}.works__item .works__images__sw.active .fc_a{transform:translateX(40px)}.wimg{aspect-ratio:4/5.5;display:block;margin:48px 0 0;position:relative}.wimg .works__image{height:100%;max-height:initial;top:0!important;transition:all 1s cubic-bezier(.265,1.49,.35,.99)}.wimg .works__image .image__b{height:100%}.works__item .nums{margin:0 0 30px}.works__item h3{font-size:32px}}
.footer-pg,.footer-pg__social ul{display:flex}.footer-pg{align-items:center;justify-content:center;flex-direction:column;position:relative;z-index:501;padding-top:calc(150 * var(--size))}.footer-pg__social{width:auto}.footer-pg__social ul li{margin:0 0 0 20px}.footer-pg__social ul li:first-child{margin:0}.footer-pg__social ul li a{width:44px;height:44px;overflow:hidden;display:block;position:relative;transition:opacity 150ms linear}.footer-pg__social ul li a:before{content:' ';width:24px;height:24px;position:absolute;display:block;left:10px;top:10px;background-repeat:no-repeat;background-position:center center}.footer-pg__social ul li a span{opacity:0}.footer-pg__social ul li a.ico__tw:before{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24"><defs/><g id="Layer_1"><g transform="matrix(1,0,0,1,0,0) "><g><g><path fill="%23FFFFFF" stroke="none" d="M 24 5Q 24 2.95 22.55 1.45 21.05 0 19 0L 5 0Q 2.9 0 1.45 1.45 0 2.95 0 5L 0 19Q 0 21.1 1.45 22.55 2.9 24 5 24L 19 24Q 21.05 24 22.55 22.55 24 21.1 24 19L 24 5 Z"/></g></g></g></g><g id="Layer_1"><g transform="matrix(1,0,0,1,0,0) "><g><g><path fill="%23000000" stroke="none" d="M 13.3 11L 18.25 5.3 17.1 5.3 12.75 10.25 9.3 5.3 5.3 5.3 10.55 12.75 5.3 18.7 6.5 18.7 11.05 13.5 14.7 18.7 18.7 18.7 13.3 11M 6.9 6.2L 8.7 6.2 17.1 17.9 15.25 17.9 6.9 6.2 Z"/></g></g></g></g></svg>')}.footer-pg__social ul li a.ico__linkedin:before{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g clip-path="url(%23clip0_477_4480)"><path d="M19 0H5C2.239 0 0 2.239 0 5V19C0 21.761 2.239 24 5 24H19C21.762 24 24 21.761 24 19V5C24 2.239 21.762 0 19 0ZM8 19H5V8H8V19ZM6.5 6.732C5.534 6.732 4.75 5.942 4.75 4.968C4.75 3.994 5.534 3.204 6.5 3.204C7.466 3.204 8.25 3.994 8.25 4.968C8.25 5.942 7.467 6.732 6.5 6.732ZM20 19H17V13.396C17 10.028 13 10.283 13 13.396V19H10V8H13V9.765C14.396 7.179 20 6.988 20 12.241V19Z" fill="white"/></g><defs><clipPath id="clip0_477_4480"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>')}.footer-pg__social ul li a.ico__instagram:before{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g clip-path="url(%23clip0_477_4482)"><path d="M15.233 5.488C14.39 5.45 14.136 5.442 12 5.442C9.864 5.442 9.611 5.45 8.768 5.488C6.598 5.587 5.587 6.615 5.489 8.767C5.45 9.611 5.441 9.864 5.441 12C5.441 14.136 5.45 14.389 5.488 15.233C5.587 17.381 6.594 18.413 8.767 18.512C9.61 18.55 9.864 18.559 12 18.559C14.137 18.559 14.39 18.551 15.233 18.513C17.403 18.414 18.413 17.384 18.512 15.234C18.55 14.39 18.558 14.137 18.558 12.001C18.558 9.865 18.55 9.612 18.512 8.769C18.413 6.616 17.401 5.587 15.233 5.488ZM12 16.108C9.731 16.108 7.892 14.269 7.892 12C7.892 9.731 9.732 7.892 12 7.892C14.268 7.892 16.108 9.731 16.108 12C16.108 14.269 14.269 16.108 12 16.108ZM16.271 8.69C15.741 8.69 15.311 8.26 15.311 7.73C15.311 7.2 15.741 6.77 16.271 6.77C16.801 6.77 17.231 7.2 17.231 7.73C17.231 8.26 16.801 8.69 16.271 8.69ZM14.667 12C14.667 13.473 13.473 14.667 12 14.667C10.527 14.667 9.333 13.473 9.333 12C9.333 10.527 10.527 9.333 12 9.333C13.473 9.333 14.667 10.527 14.667 12ZM19 0H5C2.239 0 0 2.239 0 5V19C0 21.761 2.239 24 5 24H19C21.762 24 24 21.761 24 19V5C24 2.239 21.762 0 19 0ZM19.952 15.298C19.82 18.207 18.201 19.819 15.299 19.952C14.445 19.991 14.173 20 12 20C9.827 20 9.556 19.991 8.702 19.952C5.794 19.819 4.182 18.204 4.048 15.298C4.009 14.445 4 14.173 4 12C4 9.828 4.009 9.555 4.048 8.702C4.182 5.794 5.796 4.181 8.702 4.049C9.556 4.009 9.827 4 12 4C14.173 4 14.445 4.009 15.299 4.048C18.207 4.181 19.822 5.799 19.952 8.701C19.991 9.555 20 9.828 20 12C20 14.173 19.991 14.445 19.952 15.298Z" fill="white"/></g><defs><clipPath id="clip0_477_4482"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>')}.footer-pg__social ul li a.ico__facebook:before{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g clip-path="url(%23clip0_477_4484)"><path d="M19 0H5C2.239 0 0 2.239 0 5V19C0 21.761 2.239 24 5 24H19C21.762 24 24 21.761 24 19V5C24 2.239 21.762 0 19 0ZM16 7H14.076C13.461 7 13 7.252 13 7.889V9H16L15.762 12H13V20H10V12H8V9H10V7.077C10 5.055 11.064 4 13.461 4H16V7Z" fill="white"/></g><defs><clipPath id="clip0_477_4484"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>')}.footer-pg__social ul li a.ico__dribble:before{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g clip-path="url(%23clip0_477_4486)"><path d="M13.01 13.188C13.627 14.801 14.082 16.461 14.371 18.161C12.139 19.022 9.736 18.605 7.943 17.206C9.256 15.148 10.932 13.808 13.01 13.188ZM12.48 11.902C12.337 11.582 12.189 11.264 12.033 10.947C10.18 11.531 7.965 11.826 5.4 11.83L5.39 12C5.39 13.604 5.966 15.077 6.921 16.223C8.369 14.05 10.227 12.607 12.48 11.902ZM9.018 6.11C7.32 6.973 6.049 8.544 5.586 10.435C7.822 10.419 9.756 10.174 11.377 9.698C10.691 8.469 9.906 7.272 9.018 6.11ZM16.029 6.773C14.912 5.911 13.518 5.391 12 5.391C11.439 5.391 10.898 5.469 10.379 5.601C11.252 6.775 12.027 7.985 12.705 9.226C14.117 8.628 15.225 7.809 16.029 6.773ZM24 5V19C24 21.761 21.762 24 19 24H5C2.238 24 0 21.761 0 19V5C0 2.239 2.238 0 5 0H19C21.762 0 24 2.239 24 5ZM20 12C20 7.582 16.418 4 12 4C7.582 4 4 7.582 4 12C4 16.418 7.582 20 12 20C16.418 20 20 16.418 20 12ZM13.344 10.458C13.524 10.829 13.692 11.203 13.856 11.578C15.295 11.33 16.874 11.345 18.59 11.627C18.506 10.149 17.942 8.8 17.043 7.737C16.121 8.886 14.883 9.792 13.344 10.458ZM14.389 12.895C14.948 14.391 15.377 15.925 15.668 17.493C17.168 16.488 18.229 14.883 18.522 13.026C17.016 12.765 15.639 12.719 14.389 12.895Z" fill="white"/></g><defs><clipPath id="clip0_477_4486"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>')}.footer-pg__social ul li a.ico__youtube:before{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g clip-path="url(%23clip0_477_4488)"><path d="M10 9.333L15.333 11.995L10 14.667V9.333ZM24 5V19C24 21.761 21.762 24 19 24H5C2.239 24 0 21.761 0 19V5C0 2.239 2.239 0 5 0H19C21.762 0 24 2.239 24 5ZM20 12C19.98 7.877 19.677 6.3 17.077 6.123C14.674 5.959 9.323 5.96 6.924 6.123C4.326 6.3 4.02 7.87 4 12C4.02 16.123 4.323 17.7 6.923 17.877C9.322 18.04 14.673 18.041 17.076 17.877C19.674 17.7 19.98 16.13 20 12Z" fill="white"/></g><defs><clipPath id="clip0_477_4488"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>')}.footer-pg__social ul li a:hover{opacity:.7}.footer-pg__contacts{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:calc(30 * var(--size)) 0 0}.footer-pg__contacts a{color:#FFF;font-size:calc(72 * var(--size));font-weight:900;line-height:1.2em;text-transform: lowercase; margin:calc(20 * var(--size)) 0;position:relative}.footer-pg__contacts a:before{content:' ';position:absolute;left:0;bottom:0;width:100%;height:calc(6 * var(--size));background-color:#fff;transform:scaleX(0);transform-origin:bottom left;transition:all .3s ease-out}.footer-pg__contacts a:hover:before{transform:scaleX(1)}.footer-pg__city{width:100%;margin:calc(30 * var(--size)) 0 calc(110 * var(--size))}.footer-pg__city ul{width:100%;display:flex;justify-content:space-evenly}.footer-pg__city ul li{font-weight:900;color:rgba(255,255,255,.4);font-size:calc(28 * var(--size));line-height:1em;text-transform:uppercase}.footer-pg__crts,.footer-pg__logos{display:flex;justify-content:center;margin:calc(20 * var(--size)) 0}.footer-pg__crts ul,.footer-pg__logos ul{display:flex;flex-wrap:wrap}.footer-pg__crts ul li,.footer-pg__logos ul li{margin:calc(20 * var(--size)) calc(40 * var(--size))}.footer-pg__crts ul li a:hover,.footer-pg__logos ul li a:hover{opacity:.6}.footer-pg__crts ul li img,.footer-pg__logos ul li img{height:calc(34 * var(--size));width:auto;display:block;object-fit:contain}.footer-pg__links{display:flex;justify-content:center;margin:calc(20 * var(--size)) 0}.footer-pg__links ul{display:flex;justify-content:center;flex-wrap:wrap}.footer-pg__links ul li{margin:10px 20px}.footer-pg__links ul li a{color:#FFF;font-size:clamp(14px,calc(16 * var(--size)),16px);font-style:normal;font-weight:400;line-height:1.7em}.footer-pg__links ul li a:hover{text-decoration:underline}.footer-pg__line{display:flex;justify-content:center;margin:0 0 calc(67 * var(--size));color:rgba(255,255,255,.5);text-align:center;font-size:13px;line-height:1.7em}.footer-pg__line a{color:rgba(255,255,255,.5);text-decoration:underline}.footer-pg__line a:hover{color:#fff}@media (max-width:767px){.footer-pg{margin-top:-80px;padding-top:80px}.footer-pg__contacts{margin:0}.footer-pg__contacts a{font-size:22px;margin:17px 0}.footer-pg__social{margin:0 0 32px}.footer-pg__links{margin:34px 0}.footer-pg__links ul{flex-direction:column;align-items:center}.footer-pg__links ul li{margin:10px 0}.footer-pg__links ul li a{font-size:14px}.footer-pg__line{padding:0 20px;font-size:11px;margin:0 0 94px}.footer-pg__line span{display:none}}


.footer-pg{height: 100vh}



.service-tim__ovf{overflow:hidden;height:5px;position:relative}.services-itm{margin:0 auto;max-width:calc(1450 * var(--size));padding:45px 15px;position:absolute;left:50%;top:0;transform:translateX(-50%)}.service-itm__item.service-itm__footer{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 30px}.service-itm__item.service-itm__footer .in{padding:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.service-itm__item.service-itm__footer p{margin:35px 0;color:rgba(255,255,255,.5);text-align:center;font-size:22px;font-weight:700;line-height:1.3em;text-transform:uppercase}.service-itm__grid{display:grid;grid-template-columns:[c1] 33.333% [c2] 33.333% [c3] 33.333%;grid-template-rows:[r1] auto [r2] auto [r3] auto [r4] auto [r5] auto}.service-itm__item--fw .l{width:50%;padding-right:60px;position:relative;z-index:2}.service-itm__item--fw .num{width:50%;padding:0 60px 0 0;position:relative;z-index:2;display:flex;align-items:center}.service-itm__item--fw .num:nth-child(2){padding:0 0 0 60px}.service-itm__item--fw .num h4{margin:0 32px 0 0;color:#FFF;font-size:clamp(32px,calc(72 * var(--size)),120px);font-weight:900;line-height:1.2em;text-transform:uppercase}.service-itm__item--fw .num h4:last-child{margin:0 0 0 32px}.service-itm__item--fw .num p{margin:0}.service-itm__item--fw .r{width:50%;position:relative;z-index:2}.service-itm__item--fw h3{color:#fff;font-size:clamp(32px,calc(64 * var(--size)),72px);font-weight:900;line-height:.9em;text-transform:uppercase;margin:0}.service-itm__item--fw p{color:rgba(255,255,255,.75);font-size:clamp(14px,calc(18 * var(--size)),18px);font-weight:400;line-height:1.7em}.service-itm__item{position:relative;display:flex;padding:15px}.service-itm__item .in{height:auto;display:flex;align-items:center;justify-content:center;position:relative;padding:60px;z-index:2}.service-itm__item .in.in-y{flex-direction:column}.service-itm__item .in .fwimg{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:25px;overflow:hidden;object-position:center center;object-fit:cover}.service-itm__item .in h5{color:#FFF;text-align:center;font-size:32px;font-weight:900;line-height:1.2em;text-transform:uppercase;margin:0 0 42px}.service-itm__item .srvbg{content:' ';position:absolute;left:15px;top:15px;width:calc(100% - 30px);height:calc(100% - 30px);background-color:var(--main-color-boxbg);border-radius:25px;z-index:1}.service-itm__slides{display:flex;margin:32px 0 0}.service-itm__slides .service-itm__slides--bt{cursor:pointer;width:32px;height:32px;flex:0 0 32px;color:transparent;overflow:hidden;border-radius:50%;z-index:5;position:relative;transition:transform .6s ease-in-out;background-color:rgba(255,255,255,.1)}.service-itm__slides .service-itm__slides--bt svg{display:none}.service-itm__slides .service-itm__slides--bt:before{content:' ';position:absolute;top:0;left:0;width:32px;height:32px;min-height:32px;border-radius:50%;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none"><g clip-path="url(%23clip0_564_2884)"><path d="M23.7931 16.5557L7.88976 16.5557C7.09531 16.5557 6.44531 17.2057 6.44531 18.0002C6.44531 18.7946 7.09531 19.4446 7.88976 19.4446L23.7931 19.4446V22.0302C23.7931 22.6802 24.5731 22.9979 25.0209 22.5357L29.0364 18.5057C29.3109 18.2168 29.3109 17.7691 29.0364 17.4802L25.0209 13.4502C24.5731 12.9879 23.7931 13.3202 23.7931 13.9557V16.5557Z" fill="white"/></g><defs><clipPath id="clip0_564_2884"><rect width="34.6667" height="34.6667" fill="white" transform="translate(0.667969 0.666992)"/></clipPath></defs></svg>');background-repeat:no-repeat;background-position:center center;background-size:60%;transform:scaleX(-1);z-index:2}.service-itm__slides .service-itm__slides--bt:hover:after{opacity:1}.service-itm__slides .service-itm__slides--bt.service-itm__slides--bt-next{transform:scaleX(-1)}.service-itm__slides ul{display:flex;margin:0 45px}.service-itm__slides ul li{display:flex;align-items:center}.service-itm__slides ul li button{width:24px;height:24px;position:relative;cursor:pointer}.service-itm__slides ul li button:before{display:block;content:' ';height:12px;width:12px;position:absolute;left:50%;top:50%;border-radius:6px;background-color:rgba(255,255,255,.5);transform:translate(-50%,-50%);transition:background-color 150ms linear}.service-itm__slides ul li button.active{width:36px}.service-itm__slides ul li button.active:before{background-color:#fff;width:24px}.service-itm__slides ul li button:not(.active):hover:before{background-color:#fff}.service-itm__item--360 .in{padding:0;}.service-itm__item--360 .in360{width:100%;padding-top:100%;position:relative;border-radius:50%;border:3px solid #FFC225;overflow:hidden}.service-itm__item--360 .in360__gradient{width:110%;padding-top:110%;position:absolute;left:-5%;top:-5%;background-image:url(/wp-content/themes/scr/img/gradients/gradient-circle-orange.png);background-position:center center;background-repeat:no-repeat;background-size:100% 100%;animation:rotateCircle 1.5s linear infinite}.service-itm__item--360 .in360__num{color:#FFF;font-size:calc(124 * var(--size));font-style:normal;font-weight:800;line-height:1em;letter-spacing:-2.48px;text-transform:uppercase;display:flex;align-items:flex-start;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.service-itm__item--360 .in360__num .button__switch{margin:4% 0 0 5px}@media (max-width:1380px){.service-itm__item--360 .in360__num{font-size:7vw}}.service-itm__item--360{transform:perspective(600px);transform-style:preserve-3d;z-index:6}.service-itm__item--360 .in{transform-style:preserve-3d}.service-itm__item--360 .srvbg{transform:translateZ(0)}.services-itm--green .service-itm__item--360 .in360{border:3px solid #eff82e}.services-itm--green .service-itm__item--360 .in360__gradient{background-image:url(/wp-content/themes/scr/img/gradients/gradient-circle-green.png)}.service-itm__item--360 .in360{border:none !important;}.services-itm--blue .service-itm__item--360 .in360__gradient{background-image:url(/wp-content/themes/scr/img/gradients/gradient-circle-blue.png)}@keyframes rotateCircle{0%{transform:rotate(0)}50%{transform:rotate(180deg);opacity:.1}100%{transform:rotate(360deg)}}ul.service-itm__lgs{display:flex;flex-wrap:wrap;align-items:center;width:calc(100% + 16px);margin:0 -8px -8px}ul.service-itm__lgs li{padding:8px;width:20%;display:flex}ul.service-itm__lgs.service-itm__lgs--short{align-items:center}ul.service-itm__lgs.service-itm__lgs--short li{width:50%}ul.service-itm__lgs .a,ul.service-itm__lgs a{width:100%;position:relative;padding-top:47%;transition:opacity 150ms linear}ul.service-itm__lgs .a img,ul.service-itm__lgs a img{object-fit:contain;object-position:center center}ul.service-itm__lgs .a:hover,ul.service-itm__lgs a:hover{opacity:.8}.service-itm__item{opacity:0;pointer-events:none}.service-itm__item.run-in{pointer-events:all;opacity:1}.service-itm__item.run-in .in{opacity:1;animation:anim-fadein 1s cubic-bezier(.755,.545,.06,1)}.service-itm__item.run-in.a1-r .srvbg{animation:anim-a1-r 1s cubic-bezier(.755,.545,.06,1)}.service-itm__item.run-in.a1-l .srvbg{animation:anim-a1-l 1s cubic-bezier(.755,.545,.06,1)}.service-itm__item.run-in.a1-t .srvbg{animation:anim-a1-t 1s cubic-bezier(.755,.545,.06,1)}.service-itm__item.run-in.a1-b .srvbg{animation:anim-a1-b 1s cubic-bezier(.755,.545,.06,1)}.service-itm__item.run-in.a1-c .srvbg{animation:anim-a1-c 1s cubic-bezier(.755,.545,.06,1)}.services-itm--disabled{visibility:hidden;opacity:0}.service-itm__item.run-out{pointer-events:none;opacity:1}.service-itm__item.run-out .in{opacity:0;animation:anim-fadeout 1s cubic-bezier(.755,.545,.06,1)}.service-itm__item.run-out .srvbg{opacity:0}.service-itm__item.run-out.a1-r .srvbg{animation:anim-back-a1-r 1s cubic-bezier(.755,.545,.06,1)}.service-itm__item.run-out.a1-l .srvbg{animation:anim-back-a1-l 1s cubic-bezier(.755,.545,.06,1)}.service-itm__item.run-out.a1-t .srvbg{animation:anim-back-a1-t 1s cubic-bezier(.755,.545,.06,1)}.service-itm__item.run-out.a1-b .srvbg{animation:anim-back-a1-b 1s cubic-bezier(.755,.545,.06,1)}.service-itm__item.run-out.a1-c .srvbg{animation:anim-back-a1-c 1s cubic-bezier(.755,.545,.06,1)}@keyframes anim-fadein{0%,70%{transform:scale(1.05);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes anim-fadeout{0%{transform:scale(1);opacity:1}100%,30%{transform:scale(1.05);opacity:0}}@keyframes anim-a1-r{0%{transform:scale(.8) translateX(600px);opacity:0}70%{transform:scale(.8) translateX(0);opacity:1}100%{transform:scale(1) translateX(0);opacity:1}}@keyframes anim-a1-l{0%{transform:scale(.8) translateX(-600px);opacity:0}70%{transform:scale(.8) translateX(0);opacity:1}100%{transform:scale(1) translateX(0);opacity:1}}@keyframes anim-a1-t{0%{transform:scale(.8) translateY(-300px);opacity:0}70%{transform:scale(.8) translateY(0);opacity:1}100%{transform:scale(1) translateY(0);opacity:1}}@keyframes anim-a1-b{0%{transform:scale(.8) translateY(300px);opacity:0}70%{transform:scale(.8) translateY(0);opacity:1}100%{transform:scale(1) translateY(0);opacity:1}}@keyframes anim-a1-c{0%{transform:scale(.8);opacity:0}70%{transform:scale(.8);opacity:1}100%{transform:scale(1);opacity:1}}@keyframes anim-back-a1-r{0%{transform:scale(1) translateX(0);opacity:1}30%{transform:scale(.8) translateX(0);opacity:1}100%{transform:scale(.8) translateX(600px);opacity:0}}@keyframes anim-back-a1-l{0%{transform:scale(1) translateX(0);opacity:1}30%{transform:scale(.8) translateX(0);opacity:1}100%{transform:scale(.8) translateX(-600px);opacity:0}}@keyframes anim-back-a1-t{0%{transform:scale(1) translateY(0);opacity:1}30%{transform:scale(.8) translateY(0);opacity:1}100%{transform:scale(.8) translateY(-300px);opacity:0}}@keyframes anim-back-a1-b{0%{transform:scale(1) translateY(0);opacity:1}30%{transform:scale(.8) translateY(0);opacity:1}100%{transform:scale(.8) translateY(300px);opacity:0}}@keyframes anim-back-a1-c{0%{transform:scale(1);opacity:1}30%{transform:scale(.8);opacity:1}100%{transform:scale(.8);opacity:0}}@media (max-width:1023px){.service-itm__item .in{padding:40px 28px}.service-itm__item--fw h3{color:#fff;font-size:clamp(32px,calc(54 * var(--size)),72px)}.services-itm{padding:45px 0;max-width:100%}}@media (max-width:767px){.services__bar{display:none}.service-itm__grid{display:flex;flex-direction:column}.img-square,.service-itm__item--360{display:none}.img-horizontal{min-height:initial!important}.img-horizontal .in{aspect-ratio:977/310;padding:0}.img-vertical .in{aspect-ratio:474/973;padding:0}.service-itm__item{padding:10px 20px;position:relative}.service-itm__item .srvbg{left:20px;top:10px;width:calc(100% - 40px);height:calc(100% - 20px)}.service-itm__item .in{flex-wrap:wrap}.service-itm__item .in h5{font-size:26px}.main-table .service-itm__slides{margin:20px 0 0}.main-table .in{flex-direction:column}.main-table .in .l,.main-table .in .r{width:100%}.main-table .in .l{padding-bottom:20px}.service-itm__item--fw .num{width:100%;margin:20px 0 0;padding:0!important}.service-itm__item--fw .num:first-child{margin-top:0}.service-itm__item--fw .num h4{order:1;margin:0 20px 0 0!important;min-width:82px}.service-itm__item--fw .num p{order:2}ul.service-itm__lgs li{width:50%;flex:0 0 50%}.service-itm__item.service-itm__footer p{margin:20px 0 12px;font-size:16px}.service-itm__slides ul{margin:0 12px}}

ul.tags{margin:-6px -6px 30px;width:calc(100% + 12px);display:flex;flex-wrap:wrap}ul.tags li{width:auto;padding:calc(4 * var(--size)) calc(16 * var(--size));color:#FFF;font-size:clamp(10px,calc(13 * var(--size)),13px);font-weight:700;line-height:1.7em;text-transform:uppercase;margin:calc(6 * var(--size));border-radius:20px;background-color:rgba(255,255,255,.15)}@media (max-width:767px){ul.tags li{padding:2px 8px}}

.service-tim__ovf{position: relative;}

.banner-title01 {
    overflow: visible !important;
    height: 100%;
    display: inline-block;
    width: 100%;
    margin: 0 !important;
    padding: 30px 0;
}


.ov-hide{overflow: hidden;}

.header__logo .logo:after, .header__logo .logo:before {
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(https://api.builder.io/api/v1/image/assets/TEMP/6c7b7fa286d073f51c1b8e7d6d3317ead01bab32?width=288) !important;
}

.header__logo .logo{height: 80px !important; margin-top: 10px !important}

.ow-first-heading{
    position: relative;
    top: 30% !important;
    margin-top: 0;
    padding-top:10% !important;
    padding-left: 5% !important;
}

.js_inview{height: 100vh}

nav{
    position: absolute;
    z-index: 9999;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 50%;
    pointer-events: all;
}


.navbx01 {
    max-width: 795px;
    padding: 0 !important;
}

@media only screen and (width: 1440px) {
.big-text__container h2 i span{font-size: 0.85em}
.big-text__container h2 .wordline span{font-size: 0.85em}
.digital__container .digital__text p .word{font-size: 24px; line-height: 25px;}
.digital__container .digital__text{padding: 40px;}
.digital__container .digital__text p{margin-top: 0;}
.banner-txt01 * {
  line-height: 1 !important;
  padding: 0;
}


}

@media only screen and (width: 767px) {
    
.big-text .gradient__mt.gradient__mt-2{
background:none !important;}


.banner01::before {display:none !important; }


}