/* vietnamese */
@font-face {
  font-family: 'Anton-v';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/v-anton.woff2) format('woff2');
}
/* latin-ext */
@font-face {
  font-family: 'Anton-le';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/l-anton.woff2) format('woff2');
}
/* latin */
@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/l-anton.woff2) format('woff2');
}


/* latin */
@font-face {
  font-family: 'Lato-bolder';
  font-style: normal;
  font-weight: 900;
  src: url(fonts/l-lato-b.woff2) format('woff2');
}

font[size="1"] {display: none;}
.border-3{border:3px solid #14C7C7}
.border-2{border:2px solid #14C7C7}

.bg-white{background-color: #ffffff;}
.bg-dark1{background-color: #121B29;}
.bg-orange{background: linear-gradient(180deg, #F47C4B 0%, #F4644B 100%);}
.blue-bg{background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, #018FB8 100%)}
.color-white{color: #ffffff;}
.color-dark{color: #121B29;}

.font-24{font-size: clamp(16px, 1.3vw, 24px);}
.tech_wars_template *{font-style: italic !important;}



section.p-hero_section {background-size: contain;background-repeat: no-repeat;position: relative;}
.hero-img-wrapper.right-img{position: absolute;right:0;bottom: 0;width: 67vw;}
.hero_content_wrapper{display: flex;color: #ffffff;font-family: 'Anton';align-items: center;}
.hero_content_wrapper h1.hero_title {font-size: clamp(30px, 3.2vw, 59.6px);font-weight: 400; -webkit-text-stroke: 4px #280C0E; paint-order: stroke fill;letter-spacing: 6px;letter-spacing: 0.1em;margin-left: 32px;margin-bottom: 0;font-style: normal !important;}
.hero_content_wrapper h1.hero_title span {font-size: clamp(21.4px, 2.3vw, 42.38px);position: relative;letter-spacing: 0.1em;font-style: normal !important;}
.hero_content_wrapper img{border-radius: max(2.85vw, 18px);border: 4px solid #ffffff;}
.hero_content h3.hero_sub_title{font-size: clamp(16px, 1.3vw, 24px);font-weight: 600;letter-spacing: 0.1em;color: #ffffff; font-style: italic;text-shadow: 0 2px 0 #2A0E10;margin-top: max(1.6vw, 20px);margin-bottom: 0;}
.roblox-btn {padding: 33px 0 0;width: max(11.7vw, 120px);}
.portfolio-logo-wrapper {width: max(11vw, 85px);}

/* Descriprion css */
.skew1{transform: skewX(-15deg);border: 2px solid #14C7C7;}
.unskew1{transform: skewX(15deg);}
.description_box .title-wrapper{margin-left: 20px; background-color: #121B29;border: 2px solid #14C7C7;padding: 44px 100px 26px 54px;color: #ffffff; font-size: clamp(24px, 2.2vw, 36px);letter-spacing: 0.1em; position: relative;width: 86%;}
.disc_title, .disc_btn{left:40px; background-color: #ffffff;border:3px solid #14C7C7;color: #121B29; font-size: clamp(18px, 1.6vw, 30px);letter-spacing: 0.1em; font-family:'Lato-bolder'; position:absolute;top: max(-3.1vw, -22px);padding: 5px 15px;font-style: italic;font-weight: 900;}
button.disc_btn{position:absolute;right: -10vw;top: 20px;width: fit-content;left: unset;}
.skew_design1 span{transform: skewX(15deg); display: inline-block;}
.description_box .title-wrapper p {font-size: clamp(16px, 1.3vw, 24px);color: #ffffff;letter-spacing: 0.08em;font-weight: 500;line-height: 27px;font-style: italic;word-spacing: 0.24em;margin-bottom: 0;}

.pro_makes {background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(1, 143, 184, 0.7) 100%);}
.pro_makes img {max-width: 80%;}
.pro_makes_list_wrapper{width: 100%;max-width: 527px;margin: auto;margin-block: 18px;}
.pro_makes_content{background: linear-gradient(197.98deg, #121B29 10.71%, #0193BD 89.29%);border-width: 3px;position: relative;top: 44px;width: 100%;max-width: 770px;}
ul.pro_makes_list {list-style: inherit;}
ul.pro_makes_list li {margin-bottom: 15px;}
.pro_makes_content h4.disc_title span {letter-spacing: 1.3px;}
.pro_makes_content h4.disc_title{right:2vw;left: unset;max-width: 90%;text-align: center;}
.tech-behind-wrapper .pro_makes_content h4.disc_title{right:unset;}

.pro_disc2 h4.disc_title {border-color: #F4774B;}
.pro_disc2 h4.disc_title {margin-left: 30px;}

.pro_disc_list_wrapper{position: relative;}
.pro_disc_list_wrapper p {width: calc(100% - 13vw); margin-bottom: -100px;}
.pro_disc_list_wrapper img{max-width: 13vw;min-width: 150px;}
.section-img_wrapper {position: relative;margin-bottom: -5vw;z-index: 1;}

.img_group_content{background: linear-gradient(0deg, rgba(217, 217, 217, 0) 0%, rgba(1, 143, 184, 0.7) 100%);}
.img_group_content .img_group_wrapper img {max-height: 22vw;}
.gaming_wav_content img{border-radius: 15px;}


.slide_info_wrapper{padding: 8% 0 31%;margin-bottom: -30%;}
.slide_info_wrapper img{margin-top: -140px;margin-left: max(-120px, -13vw);margin-bottom: -120px;width: max(16vw, 240px); object-fit: contain;}
.slide_info_wrapper p{width:100%;margin-left: auto;}

.rev_slider.slick-slider {width: 100%;}
.rev_slider .slick-list {padding-top: 5%!important;padding-bottom: 1%!important;padding-left: 14.35%!important;padding-right: 14.3%!important;}
.rev_slider .slick-dots {text-align: right;  position: absolute;  bottom: 0;  left: 0;  right: 0;}
.rev_slider .slick-track {max-width: 100%!important;  transform: translate3d(0, 0, 0)!important;  perspective: 100px;}
.rev_slider .slick-slide {position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  margin: auto;  opacity: 0;  width: 100%!important;  transform: translate3d(0, 0, 0);  transition: transform 1s, opacity 1s;}
.rev_slider .slick-snext,
.rev_slider .slick-sprev {display: block;}
.rev_slider .slick-current {opacity: 1;  position: relative;  display: block;  transform: translate3d(0, 0, 20px) scale(0.8);  z-index: 2;}
.rev_slider .slick-snext {opacity: 1;  transform: translate3d(20%, 0, 0px) scale(0.85);  z-index: 1;}
.rev_slider .slick-snext + .slick-slide {transform: translate3d(35.15%, 0, 0px) scale(0.7);opacity: 1;}
.rev_slider .slick-sprev {opacity: 1;  transform: translate3d(-20%, 0, 0px) scale(0.85);}
.rev_slider .slick-sprev2 {transform: translate3d(-35.1%, 0, 0px) scale(0.7);    opacity: 1;}
.rev_slider .test {display: block;  width: 100%;  height: 300px;  background: #c00;  box-shadow: inset 0px 0px 0px 3px #000}

.tech-behind-list{max-width: 100%;}
.tech-behind-list ul.pro_makes_list {width: calc(100% - 17vw);}
.tech-behind-list .section-img_wrapper {margin-top: -90px;}
.tech-behind-list .section-img_wrapper img {width: max(17vw, 320px);}
.word_creators .description_box .title-wrapper {padding: 34px 80px 26px 54px;}
.word_creators .description_box .title-wrapper h4 span{font-size: clamp(18px, 1.4vw, 26px);}
.word_creators .disc_title {left: 120px;}
.word_creators .description_box .title-wrapper p {letter-spacing: 0.04em;}
.tech-behind-list .section-img_wrapper img {width: max(17vw, 190px);}
.word_creators .inner_content .left-img {margin: -10vw 1vw -8vw -9.5vw;object-fit: contain;width: max(14vw, 190px);}
.disc_title.right{left: unset;right: 20px;}

.foot_img_wrapper img {width: max(42vw, 300px);}





@media (min-width:1400px) {
  .col-xxl {flex: 1 0 0%}
  .col-xxl-auto {flex: 0 0 auto;width: auto}
  .col-xxl-1 {flex: 0 0 auto;width: 8.33333333%}
  .col-xxl-2 {flex: 0 0 auto;width: 16.66666667%}
  .col-xxl-3 {flex: 0 0 auto;width: 25%}
  .col-xxl-4 {flex: 0 0 auto;width: 33.33333333%}
  .col-xxl-5 {flex: 0 0 auto;width: 41.66666667%}
  .col-xxl-6 {flex: 0 0 auto;width: 50%}
  .col-xxl-7 {flex: 0 0 auto;width: 58.33333333%}
  .col-xxl-8 {flex: 0 0 auto;width: 66.66666667%}
  .col-xxl-9 {flex: 0 0 auto;width: 75%}
  .col-xxl-10 {flex: 0 0 auto;width: 83.33333333%}
  .col-xxl-11 {flex: 0 0 auto;width: 91.66666667%}
  .col-xxl-12 {flex: 0 0 auto;width: 100%}
  .pro_disc_list_wrapper{padding-top:40px;}
}


@media(max-width: 1199.98px){
  .tech-behind-list .section-img_wrapper{margin: 0;}
}
@media(max-width: 991.98px){
    section.p-hero_section {background-size: cover;}
    .hero-img-wrapper.right-img {position: relative; width: 100vw;margin-bottom: -8vw;}
    .hero_content_wrapper{justify-content: center;}
    .hero-left-content-wrapper{margin-bottom: -8vw;position: relative;z-index: 3;}
    .hero_content_wrapper h1.hero_title {text-align: left;margin-left: 15px;}
    .hero_content_wrapper img {border-width: 2px;}
    .description_box .title-wrapper {padding: 24px 90px 24px 54px;}
    .pro_makes_content {margin-top: 44px;top: unset;margin-bottom: -15px;}
    
}

@media(max-width: 767.98px){
  .skew1 {transform: skewX(0);}
  .unskew1 {transform: skewX(0);}
  .description_box .title-wrapper {padding: 20px;letter-spacing: 0;width: 100%;margin: 0;}
  .disc_title, .disc_btn {left: 20px;top: -22px;line-height: normal;transform: skewX(-14deg);}
  .disc_title span, .disc_btn span{transform: skewX(14deg);}
  button.disc_btn {right: 20px;bottom: -20px;top: unset;}
  .description_box .title-wrapper p{word-spacing: unset;}
  .pro_disc2 .pro_disc_list_wrapper {flex-wrap: wrap;flex-direction: column-reverse;}
  .section-img_wrapper {margin-bottom: 0;}
  .pro_disc_list_wrapper img {min-width: 100px;}
  .pro_disc_list_wrapper p {width: 100%;margin-bottom: 0;}
  .slide_info_wrapper img {margin-bottom: 0;margin-left: -10px;width: 100px;margin-top: -84px;}
  .slide_info {flex-direction: column;margin-top: 20px;}
  .word_creators .inner_content .left-img{margin: 0;width:100px ;}  
  .slide_info_wrapper h4.disc_title.right{max-width: 517px;width: calc(100% - 160px);text-align: center;}
}
@media(max-width: 575px){
  .tech-behind-list {flex-direction: column-reverse;}
  .tech-behind-list .section-img_wrapper img {width: 100px;}
  .tech-behind-list ul.pro_makes_list{width: 100%;}
  .word_creators .description_box .title-wrapper { padding: 34px 15px 26px 15px;}
  .word_creators .disc_title{left: unset; right: unset;}
  .disc_title, .disc_btn {letter-spacing: 0.05em;}
  .word_creators .inner_content {flex-wrap: wrap;}
}
@media(max-width: 400px){  
  .slide_info_wrapper img {margin-top: 0px; margin-inline: auto;margin-bottom: 10px;}
  .slide_info_wrapper h4.disc_title.right{width: 87%;left: 0 ; right: 0; margin: auto;}
}