@import url(https://fonts.googleapis.com/css2?family=Anton&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Coiny&display=swap);
@font-face {
font-family: gamico-icon;
src: url(./fonts/gamico-icon-1.0.4.eot);
src: url(./fonts/gamico-icon-1.0.4.eot?#iefix) format("eot"),
  url(./fonts/gamico-icon-1.0.4.woff2) format("woff2"),
  url(./fonts/gamico-icon-1.0.4.woff) format("woff"),
  url(./fonts/gamico-icon-1.0.4.ttf) format("truetype"),
  url(./fonts/gamico-icon-1.0.4.svg#gamico-icon-1.0.4) format("svg")
}
.anton {font-family: "Anton", sans-serif;font-weight: 400;font-style: normal;}
.gd_title{font-size: 7vw; line-height:1 !important;text-align: right;color: #312D2D;}
.title_left:after { content: ''; position: absolute; left: 52px; top: -10px; background: #fff; border-radius: 1.5px; width: 10px; height: 3px; }
.gd_title::before{display: none;}
.gd_title span{color: transparent;-webkit-text-stroke: 2px #131313; text-stroke: 2px #131313;}
.game_development_sec p{max-width: 410px; margin-left: auto;color: #312D2Db3;margin-bottom: 30px;}
.game_development_sec .chose_rht a{display: table !important; margin-left: auto;}
.game_development_sec .chose_rht a img{transform: rotate(-44deg);transition: all .3s ease-in-out;  -webkit-transition: all .3s ease-in-out;}
.game_development_sec .chose_rht a:hover img{filter: invert(1) brightness(9);}
.game_development_sec .gd-learn-more-btn{margin-top: 20px;display: block;color: #312D2D;font-weight: 600;}
.game_development_sec .gd-learn-more-btn:hover{color:#D85D27;}
.game_development_sec .gd-learn-more-btn img{transform: rotate(-44deg);transition: all .3s ease-in-out;max-width: 16px;}
.game_development_sec #services-slider .md-boxes h3{ font-size: 28px; font-weight:400; margin-top: 15px;}
.game_development_sec #services-slider .md-boxes img{object-position: 0 0; height: fit-content; object-fit: cover;width: 100%;}
.game_development_sec #services-slider .md-boxes i img{filter: brightness(100%) invert(1); pointer-events: none;}
.game_development_sec #services-slider .md-boxes i{width: 75px; height: 75px; background-color: #D85D27; border-radius: 10px; display: flex; align-items: center; justify-content: center;position: absolute; left: 0; top: 0; padding: 15px;}
.game_development_sec #services-slider .md-boxes p{margin-left:unset;}
html{overflow: visible;}
html .how_it_work{overflow: hidden;}
.services_portfolio .title_new h2{font-family:'anton';font-size: 70px;
font-weight: 400;color: transparent;-webkit-text-stroke: 1px #312D2D;}
.services_portfolio .title_new h2 span{font-size: 70px;color: #312D2D;}
.services_portfolio.new_services_portfolio .title_new h2 span{display: inline-block;}
.services_portfolio.new_services_portfolio .title_des{max-width: 100%; width: 100%; text-align: center;}
.ch_portfolio_wrapper {--offset: 150px;}
.ch_portfolio_wrapper  .singel-item-wrapper {position: sticky;top: calc(var(--top) + var(--offset));}
.ch_portfolio_wrapper  .singel-item-wrapper:nth-child(1) {--top: calc((1 - 1) * 30px)}
.ch_portfolio_wrapper  .singel-item-wrapper:nth-child(2) {--top: calc((2 - 1) * 30px)}
.ch_portfolio_wrapper  .singel-item-wrapper:nth-child(3) {--top: calc((3 - 1) * 30px)}
.ch_portfolio_wrapper  .singel-item-wrapper:nth-child(4) {--top: calc((4 - 1) * 30px)}
.ch_portfolio_wrapper  .singel-item-wrapper:nth-child(5) {--top: calc((5 - 1) * 30px)}
.ch_portfolio_wrapper  .singel-item-wrapper:nth-child(6) {--top: calc((6 - 1) * 30px)}
.ch_portfolio_wrapper  .singel-item-wrapper:nth-child(7) {--top: calc((7 - 1) * 30px)}
.ch_portfolio_wrapper  .singel-item-wrapper:nth-child(8) {--top: calc((8 - 1) * 30px)}
.ch_portfolio_wrapper  .singel-item-wrapper:nth-child(9) {--top: calc((9 - 1) * 30px)}
.ch_portfolio_wrapper  .singel-item-wrapper:nth-child(10) {--top: calc((10 - 1) * 30px)}
.ch_portfolio_wrapper  .singel-item-wrapper:nth-child(11) {--top: calc((11 - 1) * 30px)}
.ch_portfolio_wrapper  .singel-item-wrapper:nth-child(12) {--top: calc((12 - 1) * 30px)}
.ch_portfolio_wrapper .singel-item-wrapper .item-content {position: relative;border-radius: 20px;overflow: hidden;transition: transform .6s cubic-bezier(.38,.005,.215,1);}
.ch_portfolio_wrapper  .singel-item-wrapper.sticked .item-content{transform: scale3d(.96, .96, 1);}
.ch_portfolio_wrapper .singel-item-wrapper .port-img{padding-top: 40%;position: relative;z-index: 1;}
.ch_portfolio_wrapper .singel-item-wrapper .port-img img{border-radius: 20px;position: absolute;left: 0;top: 0;height: 100%;object-fit: cover;width: 100%;z-index: -1;}
.ch_portfolio_wrapper .singel-item-wrapper .port-content {position: absolute;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 43.51%, #000000 94.43%);padding: 80px;left: 0;top: 0;bottom: 0;right: 0;border-radius: 20px;transition: all ease .3s;
display: flex;flex-direction: column;justify-content: flex-end;z-index: 2;}
.ch_portfolio_wrapper .singel-item-wrapper .port-content .project-genres {display: flex;flex-wrap: wrap;margin: 0 -5px 6px;}
.ch_portfolio_wrapper .singel-item-wrapper .port-content .project-genres a {border-color:#ffffff;border-width: 2px;color:#ffffff;} 
.ch_portfolio_wrapper .singel-item-wrapper .port-content .project-genres a:hover {border-color:#D85D27;background: #D85D27;} 
.ch_portfolio_wrapper .singel-item-wrapper.project-style-5 .project-wrap-title {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.ch_portfolio_wrapper .singel-item-wrapper.project-style-5 .project-title.gamma {font-size: 50px;line-height: 46px;max-width: 400px;letter-spacing: -1;}
.ch_portfolio_wrapper .singel-item-wrapper.project-style-5 .project-title.gamma a{color: #ffffff;font-family: "Coiny", system-ui;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background: linear-gradient(360deg, #ffffff, #ffffff); -webkit-text-stroke: 0.5px #fff;}
.ch_portfolio_wrapper .singel-item-wrapper.project-style-5 .project-title.gamma a:hover{color: #D85D27;}
.ch_portfolio_wrapper .singel-item-wrapper.project-style-5 .project-title {margin-bottom: 0;margin-right: 20px;}
.ch_portfolio_wrapper .singel-item-wrapper.project-style-5 .project-title .alpha, 
.ch_portfolio_wrapper .singel-item-wrapper.project-style-5 .project-title .beta, 
.ch_portfolio_wrapper .singel-item-wrapper.project-style-5 .project-title .gamma, 
.ch_portfolio_wrapper .singel-item-wrapper.project-style-5 .project-title .delta {display: block;}
.ch_portfolio_wrapper .singel-item-wrapper .project-platforms {display: flex;align-items: center;margin: 0 -10px;}
.how_it_work .services_icon,
.why_us .services_icon,
.testimonial_new .services_icon,
.FAQ .services_icon{display: none;}
.how_it_work h2.h4,
.quote_section h2.h4_text,
.why_us h2.h4,
.services-Main h2.h4,
.faq_wrapper h2.h4,
.testimonial_new h2.h4 {font-family: 'anton';font-weight: 400;font-size: 70px;color: #131313;}
.how_it_work h2.h4 a,
.why_us h2.h4 a,
.services-Main h2.h4 a,
.quote_section h2.h4_text a,
.faq_wrapper h2.h4 a,
.testimonial_new h2.h4 a{color:transparent; -webkit-text-stroke: 2px #131313;pointer-events: none;}
.how_it_work .title_h2 h2.h2,
.why_us .title_h2 h2.h2,
.testimonial_new .title_h2 h2.h2{font-size: 20px; font-weight: 600;}
.gamico-icon-android:before {content: ""}
.gamico-icon-ios:before {content: "";}
[class*=gamico-icon-] {font-family: gamico-icon;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;display: inline-block;font-style: normal;font-variant: normal;font-weight: 400;line-height: 1;vertical-align: middle;}
.item-content .project-platforms {display: flex;align-items: center;margin: 0 -10px;}
.item-content .project-platforms a {font-size: 27px;line-height: 1;margin: 0 10px;}
.project-style-5 .item-content .project-platforms a {color: #fff;}
.fix_top .ch_portfolio_wrapper {--offset: 200px;}
.fix_top .title_new {position: sticky;top: 90px;}
.game_development_sec .gd_subtitle_content p{max-width: 93%; text-align: right;}
.slider-nav {display: none !important;}
.upd_section .gd-learn-more {background-color: #FFF9F3;border: 1px solid #F0DBC8;border-radius: 20px;padding: 15px;display: block;}
.upd_section #services-slider {gap: 2%;}
.upd_section .col-lg-3 {max-width: 18.4%;margin-bottom: 2%;}
.upd_section .gd-learn-more-btn img{height: fit-content; border-radius: 15px;}
.text-30 {font-size: 30px;line-height: 40px;}
@media only screen and (max-width:1399.98px) {
  .upd_section .col-lg-3 {max-width: 23.5%;flex: initial;}
}
@media (min-width:992px){
.game_development_sec #services-slider .md-boxes h3{color: #312D2D;}
.game_development_sec #services-slider{display: flex !important; flex-direction: column;}
.game_development_sec #services-slider .md-boxes:first-child, 
.game_development_sec #services-slider .md-boxes:nth-child(2n+1){margin: unset;}
.game_development_sec #services-slider .md-boxes{padding-left:90px; margin: unset; background-color: transparent; box-shadow: unset; animation: unset !important;transition: none;width: 100%;    min-height: 300px;}
.game_development_sec #services-slider .md-boxes:hover h3{ color: #312D2D !important;}
.game_development_sec #services-slider .md-boxes:hover p{color:#585858;}
.gd_title_wrapper{display: flex; align-items: center; justify-content: flex-end; height: calc(100vh - 150px);padding-top:150px;transition: transform 0.5s ease, opacity 0.5s ease;width: 100%;}
.gd_title_wrapper.sticky {position: fixed;top: 0;right: 0;width: 50%;z-index: 10;padding-right: 15px;}
.gd_title_wrapper.fade-out {transform: translateY(-100%); opacity: 0;transition: transform 0.5s ease}
.game_development_sec{margin-top: 0;padding-top:120px}
.game_development_sec #services-slider span.top-dash {width: 100%; max-width:410px; display: block;background-image: linear-gradient(to right, #d85d27 60%, rgba(255, 255, 255, 0) 0%);background-position: bottom;background-size: 30px 3px;background-repeat: repeat-x;height: 3px;position: relative;top: -10px; background-color: #d85d27;}
/* .game_development_sec #services-slider span.top-dash::before{content:""; position: absolute; width: 17px; height: 17px; background-color: #D85D27;left:0; top: -7px; border-radius: 100%;;} */
}
@media (max-width:991.98px){
.upd_section .col-lg-3 {max-width: 32%;flex: initial;}
.gd_title_wrapper{position:static !important; width: 100% !important; text-align: center;display: flex; flex-direction: column;align-items: center;}
.game_development_sec p, 
.game_development_sec .chose_rht a,
.game_development_sec #services-slider .md-boxes i{margin-inline: auto;}
.game_development_sec .mob-order-2{order: 2;}
.game_development_sec #services-slider .md-boxes{display: flex !important;place-items: center;flex-direction: column;}
.game_development_sec #services-slider .md-boxes p{max-width: unset; text-align: center;}
.game_development_sec #services-slider .md-boxes i{position: static;}
.game_development_sec .gd-learn-more-btn{display: flex;align-items: center;gap:10px}
.game_development_sec #services-slider .md-boxes:hover .gd-learn-more-btn{color: #ffffff;}
.game_development_sec #services-slider .md-boxes .gd-learn-more-btn span img{transition: 0.4s ease-out;}
.game_development_sec #services-slider .md-boxes:hover .gd-learn-more-btn span img{filter: invert(1) brightness(9);}
.gd_title{text-align: center; font-size: 36px;}
.gd_title span{-webkit-text-stroke:1px #131313;}
.how_it_work h2.h4,
.quote_section h2.h4_text,
.why_us h2.h4,
.testimonial_new h2.h4,
.services-Main h2.h4,
.faq_wrapper h2.h4,
.services_portfolio .title_new h2,
.services_portfolio .title_new h2 span{font-size: 36px !important;}
.how_it_work h2.h4 a,
.why_us h2.h4 a,
.quote_section h2.h4_text a,
.services-Main h2.h4 a,
.faq_wrapper h2.h4 a,
.testimonial_new h2.h4 a{-webkit-text-stroke:1px #131313;}
.ch_portfolio_wrapper .singel-item-wrapper.project-style-5 .project-title.gamma {font-size: 24px;line-height: 1;}
.ch_portfolio_wrapper .singel-item-wrapper .port-content .project-genres a{min-width: 100px;font-size: 14px;padding-block: 10px;height: auto;}
.ch_portfolio_wrapper .singel-item-wrapper.project-style-5 .project-title.gamma {max-width: 200px;line-height: 1.1;}
.page-template-unity-game-page-template .slick-dots{bottom: 13%;}
}
@media (max-width:767.98px){
  .page-template-unity-game-page-template .slick-dots{bottom: 9%;}
  .upd_section .col-lg-3 {max-width: 49%;flex: initial;}
}
@media only screen and (max-width:580px) {
  .upd_section .col-lg-3 {max-width: 100%;flex: initial;}
}