@font-face{font-family:IRANYekanX;font-style:normal;font-weight:100;src:url("../../../assets/fonts/yekan/woff/IRANYekanX-Thin.woff") format("woff"),url("fonts/yekan/woff2/IRANYekanX-Thin.woff2") format("woff2");}@font-face{font-family:IRANYekanX;font-style:normal;font-weight:200;src:url("../../../assets/fonts/yekan/woff/IRANYekanX-UltraLight.woff") format("woff"),url("fonts/yekan/woff2/IRANYekanX-UltraLight.woff2") format("woff2");}@font-face{font-family:IRANYekanX;font-style:normal;font-weight:300;src:url("../../../assets/fonts/yekan/woff/IRANYekanX-Light.woff") format("woff"),url("../../../assets/fonts/yekan/woff2/IRANYekanX-Light.woff2") format("woff2");}@font-face{font-family:IRANYekanX;font-style:normal;font-weight:500;src:url("../../../assets/fonts/yekan/woff/IRANYekanX-Medium.woff") format("woff"),url("../../../assets/fonts/yekan/woff2/IRANYekanX-Medium.woff2") format("woff2");}@font-face{font-family:IRANYekanX;font-style:normal;font-weight:600;src:url("../../../assets/fonts/yekan/woff/IRANYekanX-DemiBold.woff") format("woff"),url("../../../assets/fonts/yekan/woff2/IRANYekanX-DemiBold.woff2") format("woff2");}@font-face{font-family:IRANYekanX;font-style:normal;font-weight:800;src:url("../../../assets/fonts/yekan/woff/IRANYekanX-ExtraBold.woff") format("woff"),url("../../../assets/fonts/yekan/woff2/IRANYekanX-ExtraBold.woff2") format("woff2");}@font-face{font-family:IRANYekanX;font-style:normal;font-weight:900;src:url("../../../assets/fonts/yekan/woff/IRANYekanX-Black.woff") format("woff"),url("../../../assets/fonts/yekan/woff2/IRANYekanX-Black.woff2") format("woff2");}@font-face{font-family:IRANYekanX;font-style:normal;font-weight:950;src:url("../../../assets/fonts/yekan/woff/IRANYekanX-ExtraBlack.woff") format("woff"),url("../../../assets/fonts/yekan/woff2/IRANYekanX-ExtraBlack.woff2") format("woff2");}@font-face{font-family:IRANYekanX;font-style:normal;font-weight:1000;src:url("../../../assets/fonts/yekan/woff/IRANYekanX-Heavy.woff") format("woff"),url("../../../assets/fonts/yekan/woff2/IRANYekanX-Heavy.woff2") format("woff2");}@font-face{font-family:IRANYekanX;font-style:normal;font-weight:bold;src:url("../../../assets/fonts/yekan/woff/IRANYekanX-Bold.woff") format("woff"),url("../../../assets/fonts/yekan/woff2/IRANYekanX-Bold.woff2") format("woff2");}@font-face{font-family:IRANYekanX;font-style:normal;font-weight:normal;src:url("../../../assets/fonts/yekan/woff/IRANYekanX-Regular.woff") format("woff"),url("../../../assets/fonts/yekan/woff2/IRANYekanX-Regular.woff2") format("woff2");}:root{--one:#bdd7ff;--two:#4c94ff;--three:#103064;--main-color:#f4c22b;}body{font-family:IRANYekanX;}*{font-family:IRANYekanX;}.overlay-yellow-box{border-radius:30px;}.banner-right-area-content{border-radius:10px;}.banner-text-left h1{font-family:IRANYekanX;direction:rtl;}.navbar{border-radius:10px;overflow:hidden;}.navbar .navbar-brand img{max-width:initial;width:90px;}.navbar-nav{direction:rtl;}.navbar-nav .nav-item:first-child{margin-right:15px!important;}.banner-background svg{height:100vh;width:100%;display:block;}.banner-background rect[y="0"]{fill:var(--two);}.banner-background rect[y="100"]{fill:var(--one);}.banner-background path{transition:.35s cubic-bezier(.3,.2,.1,1.4);fill:none;stroke:var(--two);stroke-width:10;stroke-linejoin:round;stroke-linecap:round;}.banner-background #floor{stroke:url(#one);}.banner-background rect[y="100"]{fill:url(#one);}.banner-background #roof{stroke:url(#two);}.banner-background rect[y="0"]{fill:url(#two);}.banner-background #one :first-child{stop-color:var(--one);}.banner-background #one :last-child{stop-color:var(--two);}.banner-background #two :first-child{stop-color:var(--two);}.banner-background #two :last-child{stop-color:var(--three);}.banner-right-area-content h2{font-size:41px;font-weight:200;margin-bottom:20px;text-transform:initial!important;}.banner-right-area-content h2 .main-bold-text{display:inline-block;}.banner-text-left .tagline{color:#dbd527;font-size:29px;font-weight:800;text-shadow:1px 1px 6px #000;}.banner-right-area-content{border-radius:10px;direction:rtl;text-align:center;}.overlay-yellow-box{position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(244,194,43,.831372549);box-shadow:1px 1px 10px rgba(0,0,0,.3019607843),inset 1px 1px 0 rgba(255,255,255,.3607843137);background-image:url(../../../assets/css/img/otis-redding.png);backdrop-filter:blur(11px);border:1px solid rgba(255,255,255,.3882352941);}.banner{background:#67a4ff;}.about-sec{text-align:center;}.service-details p{direction:rtl;}.service-details{place-items:center;}.skill-sec{direction:rtl;}.skill-sec .skill-bars .progress-item h6{font-family:"Open Sans",sans-serif;font-weight:200;font-size:15px;color:#142022;margin-bottom:15px;text-transform:initial!important;text-align:right;}.skill-sec .progress-item .progress-bar span{display:block;position:absolute;top:-32px;font-size:13px;line-height:10px;left:-1.4em;right:inherit;border-radius:2px;color:#fff;font-family:"Montserrat",sans-serif;font-weight:300;background-color:#202020;padding:7px;}.feature-container #game-container{position:relative;width:fit-content;height:fit-content;display:grid;grid-template-columns:repeat(6,1fr);border:6px double #ff9100;}.feature-container #title{color:#fff;transform:rotateZ(-90deg);margin-left:-20%;margin-right:-15%;width:40%;height:15%;display:flex;justify-content:center;align-items:end;font-size:16px;}@media(max-width:1200px){.feature-container #title{margin-right:-12%;font-size:14px;}}@media(max-width:1000px){.feature-container #title{margin-right:-12%;font-size:12px;}}@media(max-width:800px){.feature-container #title{margin-right:-10%;font-size:10px;}}@media(max-width:500px){.feature-container #title{margin-right:-10%;font-size:8px;}}.feature-container .piece{width:7vh;aspect-ratio:1/1;background-size:100%;transition:1s all;position:relative;display:flex;justify-content:center;align-items:center;}.feature-container .top{width:80%;height:15%;top:0%;background-image:url("../../../assets/images/game/up.png");background-position:center;background-repeat:no-repeat;background-size:25%;}.feature-container .botm{width:80%;height:15%;bottom:0%;background-image:url("../../../assets/images/game/down.png");background-position:center;background-repeat:no-repeat;background-size:25%;}.feature-container .left{width:15%;height:80%;left:0%;background-image:url("../../../assets/images/game/left.png");background-position:center;background-repeat:no-repeat;background-size:150%;}.feature-container .right{width:15%;height:80%;right:0%;background-image:url("../../../assets/images/game/right.png");background-position:center;background-repeat:no-repeat;background-size:150%;}.feature-container .side{transition:all .5s;position:absolute;background-color:#fff;opacity:0%;}.feature-container .side:hover{cursor:pointer;opacity:65%;}.feature-container .center{width:40%;height:40%;transition:all .5s;background-image:url("../../../assets/images/game/rotate.png");background-position:center;background-repeat:no-repeat;background-size:80%;background-color:#fff;opacity:0%;border-radius:50%;}.feature-container .center:hover{opacity:65%;cursor:pointer;}.feature-container #rotateBody{margin-right:2%;animation:blinkBack 2s infinite;transform:scale(1.2);position:relative;}.feature-container #rotateBody::before{content:"(click me)";position:absolute;font-size:.4em;bottom:-20%;left:22%;}.feature-container #rotateBody:hover{cursor:pointer;}@keyframes blinkBack{0%{color:#fff;}50%{color:#ff9100;}100%{color:#fff;}}@media screen and (max-width:991px){.banner-text-left h1{font-size:45px;}.banner-right-area-content h2{font-size:29px;font-weight:200;margin-bottom:20px;text-transform:initial!important;}}