:root{--tg-theme-color:#1b4b66;--tg-theme-color-hover:#163d52;--tg-theme-color-border:#ddd;--color-secondary:#2176a7;--color-secondary-hover:#1a5c85;--color-white:#fff;--color-text-light:#8f8f8f;--color-text-light-hover:#7a7a7a;--color-text-murky:#b8b8b8;--color-text-murky-hover:#5a5a5a;--color-dark:#000;--color-dark-hover:#0d0d0d;--font-main:"IRANYekan",sans-serif;--font-size-base:16px;--font-size-sm:14px;--font-size-lg:18px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:20px;--radius-theme:16px;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 10px #00000026;--transition-sm:.2s;--transition-md:.35s;--transition-xl:.5s;--transition-xxl:1s}.hero-section{background-image:url(/images/index/bg-hero-22.jfif);background-position:50%;background-repeat:no-repeat;background-size:100% 800px;min-height:650px;position:relative;overflow-x:hidden}@media screen and (max-width:992px){.hero-section{background-size:100% 1000px}}@media screen and (max-width:576px){.hero-section{background-size:cover;height:auto;min-height:650px}}.hero-section .hero-wrapper{justify-content:space-between;align-items:center;gap:60px;min-height:650px;display:flex;overflow:visible}@media screen and (max-width:992px){.hero-section .hero-wrapper{background-size:cover;height:auto;min-height:0}}.hero-section .hero-info{text-align:right;flex-direction:column;flex:0 0 50%;align-items:flex-start;display:flex}.hero-section .hero-info>*{width:100%}.hero-section .hero-image{flex:0 0 45%;justify-content:center;align-items:center;display:flex;position:relative}@media screen and (max-width:992px){.hero-section .hero-image{margin-top:300px}}.hero-section .hero-image img{object-fit:contain;z-index:2;width:100%;max-width:450px;position:relative}@media screen and (max-width:992px){.hero-section .hero-image img{max-width:300px}}@media screen and (max-width:576px){.hero-section .hero-image img{max-width:250px}}@media screen and (max-width:321px){.hero-section .hero-image img{max-width:200px}}.hero-section .hero-image img{filter:drop-shadow(0 30px 60px #0000001f)}.hero-section .hero-image:before{content:"";z-index:1;background:radial-gradient(circle,#1b4b662e,#0000 70%);border-radius:50%;width:450px;height:450px;animation:6s infinite pulseGlow;position:absolute}.hero-section .floating-card{z-index:3;background:0 0;border-radius:18px;align-items:center;gap:10px;width:100px;height:100px;font-weight:700;transition:all .3s;animation:4s ease-in-out infinite floating;display:flex;position:absolute}@media screen and (max-width:992px){.hero-section .floating-card{padding:10px}}@media screen and (max-width:576px){.hero-section .floating-card{width:70px;height:70px;padding:2px}}@media screen and (max-width:321px){.hero-section .floating-card{width:60px;height:60px;padding:2px}}.hero-section .floating-card img{width:100%;height:100%}.hero-section .floating-card-main{z-index:3;background:0 0;border-radius:18px;align-items:center;gap:10px;width:450px;height:450px;font-weight:700;transition:all .3s;animation:4s ease-in-out infinite floating;display:flex;position:absolute}@media screen and (max-width:1200px){.hero-section .floating-card-main{width:350px;height:350px}}@media screen and (max-width:992px){.hero-section .floating-card-main{padding:10px}}@media screen and (max-width:576px){.hero-section .floating-card-main{width:250px;height:250px;padding:2px}}@media screen and (max-width:376px){.hero-section .floating-card-main{width:220px;height:220px;padding:2px}}.hero-section .floating-card-main img{width:100%;height:100%}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.hero-section .floating-card:hover{transform:translateY(-6px)}.hero-section .card-1{top:-170px;right:110px}.hero-section .card-2{top:25%;left:-10px}.hero-section .card-3{top:90px;right:110px}.hero-section .card-4{top:-130px;left:40px}.hero-section .card-5{top:120px;left:100px}.hero-section .card-6{bottom:-50px;right:40px}.hero-section .card-7{top:-220px;right:110px}.hero-section .hero-title{margin-bottom:15px}.hero-section .hero-title .title-box{color:var(--tg-theme-color);font-size:clamp(2.2rem,4vw,4rem);font-weight:900;line-height:1.3}.hero-section .hero-subtitle{color:#555;max-width:650px;margin-bottom:35px;font-size:28px;line-height:1.9}.hero-section .hero-subtitle .title-web{color:var(--color-secondary);margin-right:10px;position:relative}.hero-section .hero-buttons{flex-wrap:wrap;gap:15px;margin-top:30px;display:flex}.hero-section:before{content:"";z-index:0;width:700px;height:700px;position:absolute;top:-250px;right:-150px}@media screen and (max-width:1200px){.hero-section .card-1{top:-170px;right:0}.hero-section .card-2{top:25%;left:-30px}.hero-section .card-3{top:90px;right:-20px}.hero-section .card-4{top:-180px;left:40px}.hero-section .card-5{top:130px;left:100px}.hero-section .card-6{bottom:-50px;right:40px}.hero-section .card-7{top:-160px;right:60px}}@media screen and (max-width:992px){.hero-section .card-1{top:-60px;right:110px}.hero-section .card-2{top:-180px;right:200px}.hero-section .card-3{top:-60px;right:-230px}.hero-section .card-4{top:-180px;left:200px}.hero-section .card-5{top:-100px;left:250px}.hero-section .card-6{top:-100px;right:250px}.hero-section .card-7{top:-240px;right:-160px}}@media screen and (max-width:576px){.hero-section .card-1{top:-60px;left:-190px}.hero-section .card-2{top:-200px;right:110px}.hero-section .card-3{top:-60px;right:-190px}.hero-section .card-4{top:-130px;right:60px}.hero-section .card-5{top:-130px;right:-150px}.hero-section .card-6{top:-200px;right:-190px}.hero-section .card-7{top:-210px;right:-125px}}@media screen and (max-width:376px){.hero-section .card-1{left:-190px;right:99px}.hero-section .card-2{top:-200px;right:100px}.hero-section .card-3{top:-60px;right:-175px}.hero-section .card-4{top:-130px;right:60px}.hero-section .card-5{top:-130px;right:-135px}.hero-section .card-6{top:-200px;right:-175px}.hero-section .card-7{top:-200px;right:-105px}}@media screen and (max-width:321px){.hero-section .card-1{left:-190px;right:85px}.hero-section .card-2{top:-200px;right:90px}.hero-section .card-3{top:-60px;right:-150px}.hero-section .card-4{top:-130px;right:50px}.hero-section .card-5{top:-130px;right:-120px}.hero-section .card-6{top:-200px;right:-150px}.hero-section .card-7{top:-200px;right:-100px}}@media (max-width:992px){.hero-section{min-height:auto}.hero-section .hero-wrapper{text-align:center;flex-direction:column-reverse;gap:40px}.hero-section .hero-info{text-align:center;flex:1}.hero-section .hero-title .title-box{font-size:30px}.hero-section .hero-subtitle{margin:0 auto 30px;font-size:22px}.hero-section .hero-buttons{justify-content:center;margin-bottom:10px}}@media (max-width:576px){.hero-section .hero-title{margin-bottom:0}.hero-section .hero-title .title-box{font-size:37px;line-height:4rem}.hero-section .hero-subtitle{font-size:16px;line-height:2}.hero-section .hero-buttons{flex-flow:row;justify-content:center;gap:10px;display:flex}.hero-section .hero-wrapper{text-align:center;flex-direction:column-reverse;gap:0}}@media screen and (max-width:376px){.hero-section .hero-title .title-box{font-size:32px;line-height:3rem}}@media screen and (max-width:321px){.hero-section .hero-title .title-box{font-size:28px;line-height:3rem}}.mobile-frame{z-index:2;pointer-events:none;width:100%;display:block;position:relative}@media screen and (max-width:576px){.mobile-frame{display:none}}.mobile-screen-scroll{z-index:1;border-radius:25px;width:76%;height:80%;position:absolute;top:10%;left:12%;overflow:hidden}@media screen and (max-width:576px){.mobile-screen-scroll{display:none}}.mobile-screen-scroll .image-scroll-box{cursor:grab;height:100%;overflow-y:scroll}input.form-control:focus{box-shadow:none!important}.search-wrapper{z-index:9999;width:100%;max-width:450px;position:relative;overflow:visible!important}.search-wrapper .title-content{color:var(--tg-theme-color);padding:10px}.search-wrapper .search-box{background:#fff;border:1px solid #e4e4e4;border-radius:14px;padding:5px 14px;transition:all .3s;box-shadow:0 2px 10px #0000000a}.search-wrapper .search-box:focus-within{border-color:var(--color-secondary);transform:translateY(-4px);box-shadow:0 18px 26px #6d63ff33}.search-wrapper .search-box .search-input{background:0 0;border:none;outline:none}@media screen and (max-width:992px){.search-wrapper{margin:0 auto}}.btn-search{background:var(--tg-theme-color);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:43px;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden}@media screen and (max-width:413px){.btn-search{height:40px}}.btn-search:hover{background:var(--tg-theme-color-hover)}.btn-search:after{content:"";opacity:.7;z-index:0;background:#ffffff73;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.btn-search:hover:after{animation:.8s ease-out radarPulse}.btn-search .icon-search{z-index:2;font-size:18px}@keyframes radarPulse{0%{opacity:.7;transform:translate(-50%,-50%)scale(.2)}70%{opacity:.2}to{opacity:0;transform:translate(-50%,-50%)scale(3)}}.suggestion-box{z-index:999999;background:#fff;border:1px solid #eee;border-radius:14px;width:100%;max-height:500px;margin-top:8px;padding-bottom:10px;animation:.25s fadeIn;position:relative;top:calc(100% + 8px);left:0;overflow:hidden auto;box-shadow:0 6px 22px #00000014}.suggestion-box .suggestion-item{border-radius:var(--radius-lg);cursor:pointer;border:1px solid #e6e6e6;margin:0 5px;padding:12px 10px;transition:all .25s}.suggestion-box .suggestion-item:hover{border-color:var(--color-secondary);background:#f7f7f7;transform:translate(-4px)}.suggestion-box .suggestion-item .suggestion-item-title{font-size:13px}@media screen and (max-width:493px){.suggestion-box .suggestion-item .suggestion-item-title{font-size:10px}}.suggestion-box .suggestion-item .search-icon-small{color:#898989}.suggestion-box .clear-all-icon:hover{color:var(--tg-theme-color);cursor:pointer;font-size:15px}.suggestion-box .section-title{color:#555;padding:12px 10px;font-size:14px;font-weight:600}.suggestion-box .section-title .icon-suggestionTitle{margin-bottom:3px;margin-left:5px}.suggestion-box .recent-list .suggestion-item,.suggestion-box .popular-list .suggestion-item{border-radius:var(--radius-lg);cursor:pointer;border:1px solid #e6e6e6;margin:0 5px;padding:12px 10px;transition:all .25s}.suggestion-box .recent-list .suggestion-item:hover,.suggestion-box .popular-list .suggestion-item:hover{border-color:var(--color-secondary);background:#f7f7f7;transform:translate(-4px)}.suggestion-box .recent-list .suggestion-item .suggestion-item-title,.suggestion-box .popular-list .suggestion-item .suggestion-item-title{font-size:13px}@media screen and (max-width:493px){.suggestion-box .recent-list .suggestion-item .suggestion-item-title,.suggestion-box .popular-list .suggestion-item .suggestion-item-title{font-size:10px}}.suggestion-box .recent-list .suggestion-item .search-icon-small,.suggestion-box .popular-list .suggestion-item .search-icon-small{color:#898989}.no-result{text-align:center;color:#555;padding:20px 0;position:relative;overflow:hidden}.no-result .failed-search{width:150px;margin-bottom:8px}.no-result p{margin-top:10px;font-size:16px}.no-result .floating-questions{pointer-events:none;width:100%;height:100%;position:absolute;top:40px;left:0}.no-result .floating-questions span{color:var(--color-secondary);opacity:.7;font-size:20px;animation:3s ease-in-out infinite float;position:absolute}.no-result .floating-questions span:first-child{animation-delay:0s;top:40px;left:10%}.no-result .floating-questions span:nth-child(2){animation-delay:.3s;top:4px;left:25%}.no-result .floating-questions span:nth-child(3){animation-delay:.6s;top:40px;left:40%}.no-result .floating-questions span:nth-child(4){animation-delay:.9s;top:15px;left:55%}.no-result .floating-questions span:nth-child(5){animation-delay:1.2s;top:40px;left:70%}.no-result .floating-questions span:nth-child(6){animation-delay:1.5s;top:4px;left:85%}@keyframes float{0%{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(-20px)}to{opacity:.6;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1}}.servicesSection{margin-top:1px;overflow:hidden}@media screen and (max-width:1200px){.servicesSection{margin-top:7px}}@media screen and (max-width:992px){.servicesSection{margin-top:20px}}.servicesSection .process-header{max-width:600px;margin:0 auto 3rem}.servicesSection .process-header .title{color:var(--tg-theme-color);text-align:center;margin-bottom:10px;font-size:32px;font-weight:700}@media screen and (max-width:426px){.servicesSection .process-header .title{font-size:25px}}@media screen and (max-width:376px){.servicesSection .process-header .title{font-size:20px}}.servicesSection .process-header .subtitle{color:#666;text-align:center;margin-bottom:20px;font-size:18px}@media screen and (max-width:992px){.servicesSection .process-header .subtitle{margin-bottom:4px}}@media screen and (max-width:426px){.servicesSection .process-header .subtitle{font-size:15px}}@media screen and (max-width:376px){.servicesSection .process-header .subtitle{font-size:10px}}.servicesSection .main-services{background-color:var(--tg-theme-color);box-shadow:none;background-image:url(/images/tools/middle-pateern.svg);padding-bottom:100px}.servicesSection .main-services .buttonsRow{background-color:#fff;border-bottom-right-radius:10px;border-bottom-left-radius:10px;margin:1px 300px;padding:10px 5px}@media screen and (max-width:1200px){.servicesSection .main-services .buttonsRow{margin:1px 200px}}@media (max-width:993px){.servicesSection .main-services .buttonsRow{margin:1px 90px}}@media (max-width:768px){.servicesSection .main-services .buttonsRow{margin:1px}}@media screen and (max-width:418px){.servicesSection .main-services .buttonsRow{margin:1px 10px}}@media screen and (max-width:314px){.servicesSection .main-services .buttonsRow{margin:1px 5px;padding:10px 1px}}.servicesSection .main-services .buttonsRow .featureButton{color:var(--tg-theme-color);border-radius:var(--radius-xl);cursor:pointer;transition:var(--transition-xl);background-color:#ededed;border:none;padding:12px 24px;font-weight:600;position:relative;overflow:hidden}@media screen and (max-width:576px){.servicesSection .main-services .buttonsRow .featureButton{padding:5px 10px;font-size:12px}}@media screen and (max-width:425px){.servicesSection .main-services .buttonsRow .featureButton{padding:5px 12px;font-size:9px}}@media screen and (max-width:375px){.servicesSection .main-services .buttonsRow .featureButton{padding:5px;font-size:8px}}@media screen and (max-width:297px){.servicesSection .main-services .buttonsRow .featureButton{padding:3px;font-size:6px}}.servicesSection .main-services .buttonsRow .featureButton:after{content:"";opacity:0;pointer-events:none;z-index:0;background:#ffffff70;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.servicesSection .main-services .buttonsRow .featureButton span{z-index:2;position:relative}.servicesSection .main-services .buttonsRow .featureButton:hover:after{animation:.8s ease-out radarInside}.servicesSection .main-services .buttonsRow .featureButton:hover{color:#fff;background:var(--color-secondary)}.servicesSection .main-services .buttonsRow .featureButton-active{background:var(--color-secondary);color:var(--color-white);border-radius:var(--radius-lg);border:none;padding:12px 10px;font-weight:700;transition:all .25s}@media screen and (max-width:576px){.servicesSection .main-services .buttonsRow .featureButton-active{padding:5px 15px;font-size:16px}}@media screen and (max-width:425px){.servicesSection .main-services .buttonsRow .featureButton-active{padding:5px 13px;font-size:11px}}@media screen and (max-width:375px){.servicesSection .main-services .buttonsRow .featureButton-active{padding:5px;font-size:10px}}@media screen and (max-width:297px){.servicesSection .main-services .buttonsRow .featureButton-active{padding:4px;font-size:7px}}.servicesSection .main-services .boxWrapper{border-radius:12px;align-items:center;gap:20px;margin:10px auto 0;animation:.42s fadeUp;display:flex}.servicesSection .main-services .boxWrapper .imageCol .advantageBox{background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:140px;padding:12px 8px;display:flex}.servicesSection .main-services .boxWrapper .textCol{flex:1;align-items:center;max-width:52%;display:flex}.servicesSection .main-services .boxWrapper .textCol .contentBox{padding-left:5px;padding-right:10px}.servicesSection .main-services .boxWrapper .textCol .contentBox h3{color:#fff;margin-bottom:10px;font-size:26px;font-weight:700}.servicesSection .main-services .boxWrapper .textCol .contentBox p{color:#bfbfbf;margin-bottom:14px;font-size:16px;line-height:1.6}@media screen and (max-width:1200px){.servicesSection .main-services .boxWrapper .textCol .contentBox p{font-size:13px;line-height:1.6rem}}@media screen and (max-width:374px){.servicesSection .main-services .boxWrapper .textCol .contentBox p{font-size:10px;line-height:1.6rem}}.servicesSection .main-services .boxWrapper .textCol .contentBox ul{margin:0;padding-left:18px}.servicesSection .main-services .boxWrapper .textCol .contentBox ul li{color:#fff;margin-bottom:8px;font-size:15px}.servicesSection .main-services .boxWrapper .textCol .contentBox ul li .icon-advantages{font-size:20px}@media (max-width:992px){.servicesSection .main-services .boxWrapper .textCol .contentBox ul{flex-wrap:wrap;gap:10px;padding-left:0;list-style:none;display:flex}.servicesSection .main-services .boxWrapper .textCol .contentBox ul li{align-items:center;gap:6px;margin-bottom:0;display:flex}.servicesSection .main-services .boxWrapper{flex-direction:column;align-items:stretch;max-width:100%;padding:20px}.servicesSection .main-services .boxWrapper .textCol{max-width:100%}.servicesSection .main-services .boxWrapper .textCol .contentBox{padding:12px 2px}}@media (max-width:418px){.servicesSection .main-services .boxWrapper{flex-direction:column;align-items:stretch;max-width:100%;padding:0}.servicesSection .main-services .boxWrapper .textCol{max-width:100%}.servicesSection .main-services .boxWrapper .textCol .contentBox{padding:12px 2px}}.servicesSection .advantage-title{color:var(--tg-theme-color);text-align:center;font-size:13px;font-weight:700;display:block}@media screen and (max-width:1200px){.servicesSection .advantage-title{font-size:12px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.main-projects-section{margin-top:-125px}.main-projects-section #projects-section{direction:rtl;padding-top:60px}.main-projects-section #projects-section .section-title{background-color:#fff;border-radius:10px;margin:1px 300px;padding-bottom:10px}@media screen and (max-width:1200px){.main-projects-section #projects-section .section-title{margin:1px 200px}}@media (max-width:993px){.main-projects-section #projects-section .section-title{margin:1px 90px}}@media (max-width:768px){.main-projects-section #projects-section .section-title{margin:1px 10px}}@media screen and (max-width:418px){.main-projects-section #projects-section .section-title{margin:1px 20px}}@media screen and (max-width:314px){.main-projects-section #projects-section .section-title{margin:1px 5px;padding:10px 1px}}.main-projects-section #projects-section .section-title .title{color:var(--tg-theme-color);text-align:center;margin-bottom:10px;padding-top:10px;font-size:32px;font-weight:700}@media screen and (max-width:426px){.main-projects-section #projects-section .section-title .title{font-size:25px}}@media screen and (max-width:376px){.main-projects-section #projects-section .section-title .title{font-size:20px}}.main-projects-section #projects-section .section-title .subtitle{color:#666;text-align:center;margin-bottom:2px;font-size:18px}@media screen and (max-width:992px){.main-projects-section #projects-section .section-title .subtitle{margin-bottom:4px}}@media screen and (max-width:426px){.main-projects-section #projects-section .section-title .subtitle{font-size:15px}}@media screen and (max-width:376px){.main-projects-section #projects-section .section-title .subtitle{font-size:10px}}.main-projects-section #projects-section .carousel-control-btns button{border-radius:10px;padding:6px 20px;font-weight:600}.main-projects-section #projects-section .modal-body-custom{max-height:300px;padding:20px;overflow-y:auto}.main-projects-section #projects-section .modal-body-custom .tech-icon{object-fit:contain;width:45px;height:45px}.main-projects-section #projects-section .modal-body-custom .modal-image{border-radius:14px;width:100%;margin-top:20px;box-shadow:0 8px 22px #0000001a}@media (max-width:992px){.main-projects-section #projects-section .card-box{width:300px}}@media (max-width:768px){.main-projects-section #projects-section .card-box{width:90%}}.process-section{text-align:center;width:100%;padding-top:2rem;position:relative}.process-section .process-header{max-width:600px;margin:0 auto 3rem}.process-section .process-header .title{color:var(--tg-theme-color);text-align:center;margin-bottom:10px;font-size:32px;font-weight:700}@media screen and (max-width:426px){.process-section .process-header .title{font-size:25px}}@media screen and (max-width:376px){.process-section .process-header .title{font-size:20px}}.process-section .process-header .subtitle{color:#666;text-align:center;margin-bottom:20px;font-size:18px}@media screen and (max-width:992px){.process-section .process-header .subtitle{margin-bottom:4px}}@media screen and (max-width:426px){.process-section .process-header .subtitle{font-size:15px}}@media screen and (max-width:376px){.process-section .process-header .subtitle{font-size:10px}}.process-section .arrow-card-1{position:absolute;bottom:10px;right:190px}.process-section .arrow-card-2{position:absolute;bottom:10px;right:40%}.process-section .arrow-card-3{position:absolute;bottom:10px;right:65%}.process-timeline{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:768px) and (max-width:1023px){.process-timeline{grid-template-columns:repeat(2,1fr)}.process-timeline .step-line{display:none!important}}@media (min-width:1024px){.process-timeline{grid-template-columns:1fr}}.counseling-section{padding-top:1rem;padding-bottom:50px}.counseling-section .process-header{max-width:600px;margin:0 auto 3rem}.counseling-section .process-header .title{color:var(--tg-theme-color);text-align:start;margin-bottom:10px;font-size:32px;font-weight:700}@media screen and (max-width:992px){.counseling-section .process-header .title{text-align:center;margin-bottom:4px}}@media screen and (max-width:426px){.counseling-section .process-header .title{font-size:25px}}@media screen and (max-width:376px){.counseling-section .process-header .title{font-size:20px}}.counseling-section .process-header .subtitle{color:#666;text-align:start;margin-bottom:20px;font-size:18px}@media screen and (max-width:992px){.counseling-section .process-header .subtitle{text-align:center;margin-bottom:4px}}@media screen and (max-width:426px){.counseling-section .process-header .subtitle{font-size:15px}}@media screen and (max-width:376px){.counseling-section .process-header .subtitle{font-size:10px}}.counseling-section .counseling-image{border-radius:1rem;width:100%}.counseling-section .counseling-form .form-control{border-radius:var(--radius-xl);appearance:none;background-repeat:no-repeat;background-size:1.25rem 1.25rem;background-clip:padding-box;border:1px solid #ced4da;padding:1rem 1.25rem;font-size:1rem;transition:all .3s}.counseling-section .counseling-form .form-control:focus{border-color:var(--tg-theme-color,#007bff);box-shadow:0 0 0 .2rem #007bff40}.counseling-section .counseling-form .form-control.is-invalid{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dc3545' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='7' x2='12' y2='13'/%3E%3Ccircle cx='12' cy='17' r='1'/%3E%3C/svg%3E");background-position:right 1rem center;border-color:#dc3545;padding-right:3rem}.counseling-section .counseling-form .form-control.is-valid{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2328a745' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");background-position:right 1rem center;border-color:#28a745;padding-right:3rem}.counseling-section .counseling-form textarea.form-control{background-attachment:scroll}:-webkit-any(.counseling-section .counseling-form input:-webkit-autofill,.counseling-section .counseling-form textarea:-webkit-autofill){transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#000!important;box-shadow:inset 0 0 0 1000px #fff!important}:is(.counseling-section .counseling-form input:autofill,.counseling-section .counseling-form textarea:autofill){transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#000!important;box-shadow:inset 0 0 0 1000px #fff!important}.counseling-section .counseling-form .text-form-textarea{resize:vertical;min-height:120px}.counseling-section .counseling-form .text-form-textarea:focus{box-shadow:none}.counseling-section .counseling-form .invalid-feedback{color:#dc3545;text-align:right;font-size:.875em;display:block!important}.success-modal-backdrop{z-index:1050;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;background-color:#0006;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.success-modal-backdrop.is-visible{opacity:1}.success-modal-content{text-align:center;opacity:0;background-color:#fff;border-radius:1rem;width:90%;max-width:400px;padding:2.5rem 2rem;transition:all .4s cubic-bezier(.25,.8,.25,1.3);position:relative;transform:translateY(-50px)scale(.8);box-shadow:0 10px 40px #0003}.success-modal-backdrop.is-visible .success-modal-content{opacity:1;transform:translateY(0)scale(1)}.close-button{color:#6c757d;cursor:pointer;background:0 0;border:none;font-size:1.8rem;position:absolute;top:10px;left:10px}.close-button:hover{color:#dc3545;transform:rotate(90deg)}.modal-header{border-bottom:1px solid #ddd;flex-shrink:0;justify-content:space-between;align-items:center;height:50px;padding:0 12px;display:flex}.modal-title{color:var(--tg-theme-color);margin:0;font-size:1.2rem;font-weight:700}.close-btn{cursor:pointer;color:#666;background:0 0;border:none;font-size:1.8rem;line-height:1}.modal-body{flex-direction:column;flex:1;min-height:0;padding:12px 0;display:flex;overflow:hidden}.device-switcher-wrapper{flex-shrink:0;justify-content:center;align-items:center;gap:12px;margin-bottom:16px;display:flex}.switcher-title{color:#444;white-space:nowrap;font-weight:700}.device-switcher{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.device-btn{color:var(--tg-theme-color);border-radius:var(--radius-xl);cursor:pointer;white-space:nowrap;background:#ededed;border:none;padding:10px 18px;font-weight:600;transition:all .3s;position:relative}.device-btn .icon{margin-left:5px}.device-btn:hover,.device-btn.active{background:var(--color-secondary);color:#fff}.modal-nav-buttons{text-align:center;flex-shrink:0;margin-bottom:12px}.nav-btn{color:var(--tg-theme-color);cursor:pointer;background:0 0;border:none;padding:6px 12px;font-size:1.4rem}.image-scroll-wrapper{background:#f9f9f9;border-radius:8px;flex:1;height:100%;min-height:0;position:relative;overflow:hidden}.image-scroll-box{scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;width:100%;height:100%;overflow:hidden auto}.image-scroll-box:active{cursor:grabbing}.image-scroll-box::-webkit-scrollbar{display:none}.modal-image{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:auto;display:block}.fade-top,.fade-bottom{pointer-events:none;z-index:2;width:100%;height:40px;position:absolute;left:0}.fade-top{background:linear-gradient(#fff,#fff0);top:0}.fade-bottom{background:linear-gradient(#fff0,#fff);bottom:0}.modal-overlay{z-index:2147483647;opacity:0;pointer-events:none;background:#0009;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-overlay.show{opacity:1;pointer-events:auto}.modal-overlay.hide{opacity:0;pointer-events:none}.modal-container{opacity:0;background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:820px;height:85vh;padding:0 10px;transition:transform .3s,opacity .3s;display:flex;position:relative;overflow:hidden;transform:scale(.85)}.modal-overlay.show .modal-container{opacity:1;transform:scale(1)}.modal-overlay.hide .modal-container{opacity:0;transform:scale(.85)}@media screen and (max-width:992px){.modal-container{max-width:400px}}@media screen and (max-width:767px){.modal-container{max-width:420px;height:88vh}}@media screen and (max-width:429px){.modal-container{max-width:340px}}@media screen and (max-width:360px){.modal-container{max-width:310px}}.modal-inner{flex-direction:column;height:100%;min-height:0;display:flex}.modal-inner.zoom-in{animation:.3s forwards zoomIn}.modal-inner.zoom-out{animation:.26s forwards zoomOut}@keyframes zoomIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes zoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}.image-fade-in{scrollbar-width:thin;scrollbar-color:#fff #0000;padding-right:6px;animation:.45s cubic-bezier(.22,1,.36,1) forwards imageFadeIn;overflow:hidden scroll}.image-fade-in::-webkit-scrollbar{width:6px}.image-fade-in::-webkit-scrollbar-track{background:0 0}.image-fade-in::-webkit-scrollbar-thumb{background-color:#fff;background-clip:content-box;border:2px solid #0000;border-radius:10px}.image-fade-in::-webkit-scrollbar-thumb:hover{background-color:#eaeaea}.image-fade-out{animation:.25s forwards imageFadeOut}@keyframes imageFadeIn{0%{opacity:0;filter:blur(6px);transform:scale(.95)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes imageFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.mobile-frame-wrapper{width:320px;height:450px;margin:0 auto;position:relative}@media screen and (max-width:992px){.mobile-frame-wrapper{width:250px;height:350px}}.mobile-frame{z-index:5;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.mobile-screen{z-index:1;border-radius:35px;width:calc(100% - 36px);height:calc(100% - 40px);position:absolute;top:20px;left:18px;overflow:hidden}.mobile-screen .image-scroll-wrapper,.mobile-screen .image-scroll-box{width:100%;height:100%}.mobile-scroll{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;cursor:grab;width:100%;height:100%;overflow:hidden auto}.mobile-scroll:active{cursor:grabbing}.mobile-scroll::-webkit-scrollbar{display:none}.mobile-site-image{width:100%;display:block}@media (max-width:576px){.device-switcher-wrapper{gap:6px;margin-bottom:12px}.device-btn{padding:8px 12px;font-size:13px}.switcher-title{font-size:13px}}@media (max-width:321px){.switcher-title{font-size:11px}}.card-box{background:0 0;border:1px solid #ddd;border-radius:16px;width:320px;height:330px;padding:10px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 6px 20px #0000000f}@media screen and (max-width:429px){.card-box{height:300px}}.card-box:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000001f}@media screen and (max-width:429px){.card-box:hover{transform:translateY(0);box-shadow:0 10px 30px #0000001f}}.card-box .cover{object-fit:cover;border-radius:16px;width:100%;height:200px;transition:transform .5s}.card-box .cover:hover{cursor:default}@media screen and (max-width:429px){.card-box .cover{height:170px}}.card-box:hover .cover{transform:scale(.95)rotate(-2deg)}.card-box .cover-wrapper{border-radius:16px;position:relative;overflow:hidden}.card-box .card-title{color:#222;margin:8px 0 4px;font-size:1.1rem;font-weight:700}@media screen and (max-width:369px){.card-box .card-title{font-size:.9rem}}.card-box .category{color:var(--tg-theme-color);background-color:#edededc9;border-radius:12px;padding:3px 10px;font-size:.9rem;font-weight:700;position:absolute;top:14px;right:14px}@media screen and (max-width:369px){.card-box .category{padding:7px 5px;font-size:.7rem}}.card-box .btn-right{background:var(--tg-theme-color);color:#fff;cursor:pointer;border:none;border-radius:16px;padding:8px 8px 8px 43px;font-weight:600;transition:all .3s;position:relative;bottom:-10px;right:-4px;overflow:hidden}.card-box .btn-right .icon-button-style-theme{padding:0 5px;font-size:30px;position:absolute;top:-7px;left:1px}@media screen and (max-width:369px){.card-box .btn-right .icon-button-style-theme{font-size:15px;top:5px}}.card-box .btn-right:after{content:"";opacity:0;pointer-events:none;z-index:0;background:#ffffff70;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.card-box .btn-right span{z-index:2;position:relative}.card-box .btn-right:hover:after{animation:.8s ease-out radarInside}.card-box .btn-right:hover{background:var(--tg-theme-color-hover)}@media screen and (max-width:369px){.card-box .btn-right{padding:6px 6px 6px 30px;font-size:10px}}.card-box .btn-left{color:var(--tg-theme-color);cursor:pointer;transition:var(--transition-xl);background-color:#ededed;border:none;border-radius:15px;padding:8px 10px;font-weight:600;position:relative;bottom:-10px;left:-4px;overflow:hidden}.card-box .btn-left:after{content:"";opacity:0;pointer-events:none;z-index:0;background:#ffffff70;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.card-box .btn-left span{z-index:2;position:relative}.card-box .btn-left:hover:after{animation:.8s ease-out radarInside}.card-box .btn-left:hover{color:#fff;background:var(--color-secondary)}@media screen and (max-width:369px){.card-box .btn-left{font-size:13px}}.step-card{background-color:var(--tg-theme-color);text-align:center;background-image:url(/images/tools/middle-pateern.svg);border-radius:14px;padding:2rem;position:relative}.step-card .step-circle{width:60px;height:60px;color:var(--tg-theme-color);background:#fff;border-radius:10px;justify-content:center;align-items:center;margin-bottom:20px;font-weight:600;display:flex;position:absolute;top:-10px;left:41%}.step-card .step-circle .step-icon-number{width:60px;height:60px;color:var(--tg-theme-color);background:#fff;border-radius:10px;justify-content:center;align-items:center;margin-bottom:20px;font-weight:600;display:flex;position:absolute;bottom:-20px;left:0%}.step-card .step-circle .step-icon-number img{width:100%;height:100%}.step-card .step-icon{width:60px;height:60px;color:var(--tg-theme-color);background:#fff;border-radius:10px;justify-content:center;align-items:center;margin-bottom:20px;font-weight:600;display:flex;position:absolute;bottom:-30px;left:41%}.step-card .step-icon img{width:100%;height:100%}.step-card .title{color:#fff;font-size:20px;font-weight:700}.step-card .description{color:var(--color-text-murky);font-size:15px}@media screen and (max-width:1200px){.step-card .title{color:#fff;font-size:14px;font-weight:700}.step-card .description{color:var(--color-text-murky);font-size:13px;line-height:1.5rem}}
