*{margin:0;padding:0;box-sizing:border-box;font-family:'BYekan'}ul{list-style:none}a{text-decoration:none}h2{color:#fff;text-align:center}@font-face{font-family:'BYekan';src:local('BYekan');src:url(../fonts/BYekan.woff) format('woff');src:url(../fonts/BYekan.ttf) format('truetype');font-weight:400;font-style:normal}.animation-flex{display:flex;justify-content:center;align-items:center;gap:10px;height:100vh;background-image:linear-gradient(to bottom,#8a2be2,#d22de8);animation:change-color-body 3s ease-in infinite;-webkit-animation:change-color-body 3s ease-in infinite}.circle{background-color:#e82dd2;width:30px;height:90px;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;animation:loader 1.8s ease-in-out infinite;-webkit-animation:loader 1.8s ease-in-out infinite}.circle-middle{animation-delay:0.50s}.circle-right{animation-delay:0.75s}@keyframes loader{40%{transform:translateY(-110px);-webkit-transform:translateY(-110px);-moz-transform:translateY(-110px);-ms-transform:translateY(-110px);-o-transform:translateY(-110px);background-color:#74c2f6}}body{font-family:'BYekan';background-color:#5C6BC0}.section-main{display:none}.section-header{width:100%;height:100vh;overflow:hidden;position:relative}#progressContainer{position:fixed;top:0;left:0;width:100%;height:6px;background:rgb(0 0 0 / .1);z-index:10000}#progressBar{height:100%;width:0%;background:linear-gradient(90deg,#f7971e,#ffd200);transition:width 0.15s ease-out}.section-header .video-desktop{position:absolute;top:0;left:0;width:100%;height:100vh;object-fit:cover;z-index:-1}.nav-menu{display:flex;align-items:center;padding:50px 100px;box-shadow:inset 0 0 42px rgb(255 255 255 / .2);position:fixed;top:0;right:0;left:0;z-index:100;backdrop-filter:blur(6px)}.img-logo{width:60px;height:60px;position:absolute;left:100px;top:20%;border-radius:100%}.img-text{position:fixed;top:28px;left:175px;width:120px;height:60px}.nav-menu ul{display:flex;align-items:center;gap:40px;position:fixed;top:40px;right:100px}.nav-menu ul li a{color:#fff;transition:all 400ms ease-in-out}.milli-gold{color:#ffd200!important;transition:all 400ms ease-in-out;margin:-20px auto;font-weight:700;font-size:18px}.nav-menu ul li a:hover{background-color:#fff;color:#000;font-weight:600;border-radius:10px;padding:10px 20px}.piece-header{display:flex;justify-content:center;flex-direction:column;align-items:center}h1{color:#fff;text-align:center;margin:200px 0 100px 0;font-size:40px}.what-programming{border:2px solid;padding:10px 20px;border-radius:14px;font-size:20px;font-weight:bolder;color:#fff;background-image:linear-gradient(140deg,#00ffee,#0040ff);animation:btn-programming 1.8s ease-in-out infinite;-webkit-animation:btn-programming 1.8s ease-in-out infinite}@keyframes btn-programming{10%{background-image:linear-gradient(140deg,#0040ff,#00ffee)}}.search-box{font-family:'BYekan';margin-top:100px;width:50%;height:40px;border:none;border-radius:20px;padding-right:20px;outline:none;transition:all 400ms ease-in-out}.search-box:hover{background-color:#eee}.search-box:focus{background-color:#000;color:#fff}.list-nav-mobile{display:none}.video-mobile{display:none}.container{padding:0 100px;overflow-y:hidden}.section-first-text h2{color:#fff;text-align:center;padding-top:40px}.text-responsive,.text-seo{display:flex;align-items:center;gap:200px;color:#fff;text-align:justify;padding:50px 0 0 0}.text-p{line-height:30px;font-size:18px;width:50%;box-shadow:0 0 10px rgb(255 255 255 / .4);border-radius:40px;padding:14px 20px;transition:all 600ms ease-in-out;background-image:linear-gradient(to bottom,#3949AB,#29B6F6)}.text-p:hover{background-image:linear-gradient(to bottom,#29B6F6,#3949AB);box-shadow:inset 0 0 20px rgb(255 255 255 / .6);transform:scale(1.03)}.responsive-image,.seo-image{width:50%}.section-slider{margin:40px 0;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.section-item-slider{overflow:hidden;width:100%;height:400px;border:4px solid #fff;border-radius:44px}.box-img{display:flex;width:300%;height:100%;animation:slide-show 20000ms ease-in-out infinite;-webkit-animation:slide-show 20000ms ease-in-out infinite}.box-img:hover{animation-play-state:paused;cursor:pointer}@keyframes slide-show{0%{margin-right:0}50%{margin-right:-100%}100%{margin-right:-200%}}.slide,.slide img{width:100%;height:100%;position:relative}.slide img{object-fit:cover}.slide-information{background-color:rgb(0 0 0 / .4);position:absolute;top:0;bottom:0;right:0;left:0;opacity:0;visibility:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0 0 20px 0;color:#fff;transition:all 400ms ease-in-out;text-align:center}.slide:hover .slide-information{opacity:1;visibility:visible}.slide-information h5{font-size:50px}.slide-information p{font-size:22px}.video-middle-page{width:100%;max-width:800px;margin:10% auto;display:flex;border-radius:40px}.section-programming-language .tools-programmer{text-align:center;color:#7B1FA2;margin-top:10px}.all-programming-language{display:grid;grid-template-columns:repeat(3,1fr);align-items:start;gap:40px;margin:60px 0}.programming-language{background-color:rgb(0 0 0 / .4);padding:20px;border-radius:30px;border:30px solid rgb(0 0 0 / .4);position:relative;transition:all 600ms ease-in-out;box-shadow:0 0 30px rgb(255 255 255 / .2);color:#fff}.programming-language:hover{background-color:rgb(0 0 0 / .4);border:30px solid rgb(0 0 0 / .2);box-shadow:0 0}.image-language{display:flex;align-items:center;flex-direction:column;margin:0 0 20px 0}.image-language img{transform:scale(.9);transition:all 600ms ease-in-out}.programming-language:hover .image-language img{transform:scale(.6)}.image-language h4{margin-top:10px;font-family:'Courier New',Courier,monospace}.label-toggle-matlab{display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:rgb(0 0 0 / .4);padding:10px;border-radius:30px;transition:all 400ms ease-in-out;width:70%;margin:0 auto}.label-toggle-matlab:hover{background-color:rgb(0 0 0 / .2)}.programming-language p{text-align:justify;opacity:0;visibility:hidden;height:0;transition:all 400ms ease-in-out}.programming-language input:checked+label+p{opacity:1;visibility:visible;height:auto;margin:20px 0 0 0}.section-hozeh-language h2{text-align:center;color:#fff;margin-bottom:60px}.hozeh-language{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.hozeh-language h4{border-radius:80px 80px 40px 40px;background-color:lawngreen;margin-bottom:20px;text-align:center;color:rebeccapurple;padding:10px;border:4px solid}.frontend img,.backend img,.fullstack img{width:100%;border-radius:200px 200px 100px 100px;transition:all 600ms ease-in-out}.frontend img:hover,.backend img:hover,.fullstack img:hover{width:100%;border-radius:100px 100px 200px 200px;transform:scale(.92)}.section-accordion{margin:80px 0}.row-accordion{background-color:rgb(0 0 0 / .4);border:4px solid orange;border-radius:20px;margin:20px auto;width:80%;color:#fff}.label-toggle-hozeh{padding:20px;width:100%;height:100%;display:block;cursor:pointer;position:relative}.question{padding:0 20px}.toggle-icon::before,.toggle-icon::after{content:'';position:absolute;border-radius:40px;top:30px;left:40px}.toggle-icon::before{height:20px;border-left:4px solid #fff;transition:all 100ms ease-in-out;transform:translate(8px,-8px)}.toggle-icon::after{width:20px;border-top:4px solid #fff}.row-accordion p{height:0;opacity:0;text-align:justify;line-height:28px;visibility:hidden;transition:all 600ms ease-in-out;-webkit-transition:all 600ms ease-in-out;-moz-transition:all 600ms ease-in-out;-ms-transition:all 600ms ease-in-out;-o-transition:all 600ms ease-in-out;border-top:2px dotted rgb(255 165 0 / .6)}.row-accordion input:checked+label+p{height:auto;opacity:1;visibility:visible;padding:20px 40px}.row-accordion input:checked+label .toggle-icon::before{opacity:0}.section-footer{background-color:lawngreen;color:#0e229b}.section-footer p{padding:20px;text-align:center}.bala{position:fixed;bottom:30px;display:none;animation:soft-get-bala 600ms ease-in-out;-webkit-animation:soft-get-bala 600ms ease-in-out}@keyframes soft-get-bala{0%{transform:translateX(80px);-webkit-transform:translateX(80px);-moz-transform:translateX(80px);-ms-transform:translateX(80px);-o-transform:translateX(80px)}100%{transform:translateX(-40px);-webkit-transform:translateX(-40px);-moz-transform:translateX(-40px);-ms-transform:translateX(-40px);-o-transform:translateX(-40px)}}.ehsanamini{display:flex;justify-content:center;padding:0 0 20px 0}@media screen and (max-width:1300px){.text-responsive,.text-seo{gap:0;padding:0;width:100%}.text-p{width:100%}.text-responsive{flex-direction:column-reverse}.text-seo{flex-direction:column}.seo-image{padding:0 0 25px 0}}@media screen and (max-width:1200px){.container{padding:50px}}@media screen and (max-width:1100px){.all-programming-language{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:1000px){.hozeh-language{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:900px){.all-programming-language{gap:30px}}@media screen and (max-width:800px){h1{margin:170px 0 85px 0;font-size:36px}.search-box{width:70%}.slide-information h5{font-size:44px}.slide-information p{font-size:20px}}@media screen and (max-width:768px){.section-accordion{margin:40px 0}.row-accordion{width:100%}.row-accordion input:checked+label+p{padding:10px 20px}.question{padding:0}.toggle-icon::before,.toggle-icon::after{left:20px}.milli-gold{margin:-20px 60px}.img-logo{position:fixed;top:16px;left:30px;width:50px;height:50px}.img-text{top:22px;left:85px;width:100px;height:50px}.nav-menu{padding:40px 20px}.nav-menu ul li{display:none}h1{font-size:32px}.list-nav-mobile{display:block;background-image:linear-gradient(#7B1FA2,#3949AB,#2196F3,#29B6F6);width:180px;height:100%;position:fixed;top:0;line-height:60px;padding:10px 40px;border-radius:50% 0 0 50%;transform:translateX(300px);transition:all 800ms ease-in-out;z-index:100;-webkit-transform:translateX(300px);-moz-transform:translateX(300px);-ms-transform:translateX(300px);-o-transform:translateX(300px)}.list-nav-mobile ul li a{color:#fff;padding:2px 6px;transition:all 500ms ease-in-out}.list-nav-mobile ul li a:hover{margin:14px;box-shadow:0 0 10px rgb(255 255 255 / .6);border-radius:6px}.label-toggle-nav{position:fixed;top:28px;right:30px;z-index:100;cursor:pointer}.line{width:38px;height:4px;margin-bottom:6px;border-radius:100px;display:block;position:relative;top:0;right:0;border-bottom:4px solid #42A5F5;transition:all 800ms ease-in-out}#toggle-nav-mobile:checked+label .line-top{position:absolute;top:10px;right:120px;transform:rotate(-45deg)}#toggle-nav-mobile:checked+label .line-middle{opacity:0}#toggle-nav-mobile:checked+label .line-bottom{position:absolute;top:10px;right:120px;transform:rotate(45deg)}#toggle-nav-mobile:checked+label+.list-nav-mobile{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}}@media screen and (max-width:700px){.nav-menu{padding:40px 80px}.nav-menu ul{right:90px}.slide-information h5{font-size:38px}.slide-information p{font-size:18px}.all-programming-language{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:600px){.slide-information h5{font-size:34px}.slide-information p{font-size:16px}.hozeh-language{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:540px){.video-desktop{display:none}.video-wrapper{position:relative;width:100%;height:100vh;overflow:hidden}.video-mobile{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.what-programming{font-size:18px}.search-box{width:80%}.container{padding:0 30px}.slide-information h5{font-size:30px}.section-item-slider{height:300px}.milli-gold{margin:-20px -10px;font-size:16px}.img-logo{position:fixed;top:18px;left:20px;width:45px;height:45px}.img-text{top:24px;left:65px;width:90px;height:45px}.label-toggle-nav{right:20px}}#popup-overlay{position:fixed;inset:0;background:rgba(0, 0, 0, 0.7);display:none;align-items:center;justify-content:center;z-index:9999;}#popup-box{width:90%;background:#1c1c2e;color:#fff;padding:25px 35px;border-radius:15px;text-align:center;max-width:400px;box-shadow:0 0 20px rgba(0, 0, 0, 0.5);animation:popupFade 0.4s ease;}#popup-box h2{margin-bottom:10px;color:#9b51e0;}#popup-box p{font-size:15px;color:#ddd;}.popup-link{display:inline-block;margin-top:15px;background:#7112c9;color:#fff;padding:10px 20px;border-radius:8px;text-decoration:none;transition:0.3s;}.popup-link:hover{background:#5e3370;}@keyframes popupFade{from{opacity:0;transform: scale(0.8);}to{opacity:1;transform:scale(1);}}