:root {
  --specialcolor: #0b4867;
  --specialphasecolor: #142a5b;
  --specialgradiantcolor: #016874;
  --goldcolor: #f2b03f;
  --textcolor: #222;
  --textlightcolor: #fff;
  --bodycolor: #f1f2f3;
  --boxcolor: #fff;
  --boxborderradius: 30px;
  --buttonborderradius: 23px;
}
@font-face {font-family: "Vazir"; font-weight: normal; src: url("../fonts/Vazir-FD-WOL.woff2"); font-display: swap;}
@font-face {font-family: "Vazir"; font-weight: bold; src: url("../fonts/Vazir-Bold-FD-WOL.woff2");font-display: swap;}
body{ direction: rtl; text-align: right; font-family: 'Vazir', Arial, Helvetica, sans-serif; background:#f1f2f3;}
p{line-height:2.2rem; direction:rtl; text-align:justify;}
.text-right{text-align:right !important;}
.header{background-color: var(--specialcolor);height:80px;}
.top-bg{background:url('../images/top-green.svg') no-repeat center top;}
.white-text{color:#fffcf1;}
.green-text{color:var(--specialcolor);}.drop-bg{width: 300px;margin: 30px auto; background: url(../images/drop.svg) no-repeat 100%; background-size: cover; height: 350px;}
.drop-bg img{width: 266px; height: 265px; margin: 71px auto; border-radius: 133px;}
.left-green{width: 100%; background: url(../images/left-green.svg) no-repeat left; background-size: contain; margin-bottom:15px;}
.right-green{width: 100%; height: 200px; background: url(../images/right-green.svg) no-repeat right; background-size: contain; padding-top: 40px; padding-bottom: 40px;}
.right-green p{text-align:center; padding-right:50px; padding-left:50px; font-size:1.3rem; font-weight:bold;}
.about-pic{height:67%; width: 100%; height: auto;}
.form-group{text-align:right;}
.form-group label{margin-bottom:0.1rem;}
.form-control{border-radius: 20px !important; border: 1px solid #FF9100;}
.btn-width{width: 265px;}
.btn-width-half{width: 130px;}
.btn-width-small{width: 100px;}
.btn-green{background-color: var(--specialcolor); color: #fff; border-radius: 20px;}
.btn-green-out{border: var(--specialcolor) solid 2px;color: #009688;border-radius: 20px;}
.btn-yellow{background-color: #FF9100;color: #fff;border-radius: 20px;}
.btn-yellow-out{font-size: 14px; background-color:#fff; border: #FF9100 solid 1px; color: #FF9100; border-radius: 20px;}
.btn-yellow-out-small{font-size: 10px; background-color:#fff; border: #FF9100 solid 1px; color: #FF9100; border-radius: 10px;}
.btn-yellow-small{font-size: 10px; background-color:#FF9100; border: #FF9100 solid 1px; color: #fff; border-radius: 7px;}
.btn-animation{ position: relative; background: #FF9100; outline: none; overflow: hidden; transition: all 0.3s ease;}
.btn-animation:before{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:rgba(255,255,255,.3);box-shadow:0 0 30px 20px rgba(255,255,255,.8);transform:skewX(-45deg);animation:lightEffect 4s ease-in-out infinite}
@keyframes lightEffect{0%{left:-100%}100%{left:100%}}
.btn-animation:before{animation-delay:5s}
.btn-animation:hover{}
.section-title{text-align:center}
.section-title h2{color:var(--specialcolor);font-size:1.6rem;font-weight:bold}
.section-sub-title h3{color:#FF9100;font-size:1.2rem;font-weight:bold}
.green-section-title{text-align:center}
.green-section-title h2{color:#fff;font-size:1.6rem;font-weight:bold}
.green-section-sub-title h3{color:#fff;font-size:1.2rem;font-weight:bold}
.logo-top{width:100px}
h1{font-size:1.5rem;color:#fffcf1;font-weight:bold;line-height:3rem}
.page-h1{font-size:1.5rem;color:var(--specialcolor);font-weight:bold;line-height:3rem}
.page-h2{font-size:1.3rem;color:var(--specialcolor);font-weight:bold;line-height:3rem;margin-top:60px}
.page-h3{font-size:1.1rem;color:var(--specialcolor);font-weight:bold;line-height:3rem}
.black-bg{background-color:#000;color:#fff;text-align:center}
.green-bg{background-color:var(--specialcolor);color:#fff}
.form-control select{padding-left:10px}
.customer-image{text-align:center}
.customer-image img{width:140px!important;border-radius:70px;border:solid 5px #fffcf1;margin:0 auto}
.customer-title{color:#FF9100;font-size:1.2rem;font-weight:bold}
.customer-comment{color:#fff;text-align:center}
.customer-quote-sign{text-align:center}
.customer-quote-sign img{width:30px!important;margin:0 auto}
.desc-box{border:var(--specialcolor) solid 1px;padding:8px;border-radius:10px;height:100%}
.desc-box h2{font-size:1.3rem;font-weight:bold;color:#0B4867}
.desc-box-title{font-size:1.3rem;font-weight:bold;color:#0B4867}
.desc-box ul{list-style-image:url('../images/information.svg');padding-right:20px;padding-left:0}
.desc-box ul li{padding-top:5px;padding-bottom:5px}
.shadow-box{padding:40px}
.shadow-box img{box-shadow:40px 40px 0 #b4e4cf,0 0 0 #fff}
.contact-top img{width:100%;max-height:160px}
.contact-bg{background:var(--specialcolor);color:#fff}
.contact-bottom img{width:100%;max-height:160px}
footer{background:var(--specialcolor);color:#fff;font-size:.9rem}
footer h3{color:#FF9100;font-size:1.1rem;font-weight:bold}
footer p{line-height:1.8rem;margin-bottom:.5rem;text-align:justify}
footer a{color:#fff;text-decoration:none}
footer a:hover{color:#fff}.license-footer-link{text-align:center}
footer li{line-height:1.8rem;}
.license-footer-link img{width:70px;background:rgba(255,255,255,.3);border-radius:8px;margin-right:3px;margin-left:3px}
.license-footer-link-logo{text-align:center}
.license-footer-link-logo img{width:180px;padding:10px;background:rgba(255,255,255,.3);border-radius:8px;margin-right:3px;margin-left:3px}
.copyright{background:#000}
.accordion-item{margin-top:15px;border:1px solid rgba(0,0,0,.125)!important;border-radius:.25rem!important;direction:rtl;text-align:right}
.accordion-button{text-align:right}
.accordion-button:not(.collapsed){color:#000;background-color:#fff;text-decoration:none}
.accordion-button::after{fill:#000;margin-right:auto;margin-left:0!important}
.accordion-button:not(.collapsed)::after{fill:#000}
.arrow-icon{transition:transform .3s ease}
.collapsed .arrow-icon{transform:rotate(180deg)}
.hamburger-btn{position:absolute;top:15px;right:15px;z-index:1050;background-color:transparent;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:25px}
.hamburger-btn-home{position:absolute;top:15px;right:calc(50% - 18%);z-index:1050;background-color:transparent;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:25px}
@media screen and (max-width: 991px){
  .hamburger-btn-home{right:calc(50% - 160px)}
}
.floating-menu{position:fixed;top:0;right:0;width:300px;height:100vh;background-color:#f8f9fa;box-shadow:-2px 0 10px rgba(0,0,0,.2);transform:translateX(100%);transition:transform .3s ease-in-out;z-index:10000;padding:15px}
.floating-menu.show{transform:translateX(0)}
.close-menu{display:block;text-align:left;font-size:35px;margin-bottom:15px;color:#333;text-decoration:none}
.list-unstyled{padding:0}
.fs-25{font-size:25px}
.accept-sign{color:#fff;;padding:3px;border-radius:15px;display:inline-block;height:22px;width:22px;background-image: url(/Theme/assets/images/icon/tick-gray.svg);background-size:12px 12px; background-position:center;background-repeat:no-repeat;}
.off-price{color:#999;font-size:12px; text-decoration:line-through}
.reject-sign{color:#fff;background-color:#ff0000;padding:3px;border-radius:15px;display:inline-block;height:22px;width:22px;background-image: url(/Theme/assets/images/icon/cross.svg);background-size:10px 10px; background-position:center;background-repeat:no-repeat;}
.gray-text{color:#999;font-size:12px}
.plan-header{background-color:#0B4867;padding:7px;font-size:20px;color:#fffcf1;font-weight:bold;margin-bottom:0}
.plan-price{background-color:#FF9100;padding:7px;font-size:18px;color:#fffcf1;font-weight:bold;margin-bottom:0}
.plan-box{border:#009688 solid 1px;padding:10px}
.width-120{width:120px}
.table td,.table th{padding:.35rem .75rem;vertical-align:top;border-top:1px solid #dee2e6}
.accordion-body{font-size:.9rem}
.blog-image-div{width:150px}
.blog-title-div{flex:1}
.card-title{height:57px;overflow:hidden;font-size:15px;line-height:28px}
.card-date{font-size:10px;color:#888}
.blog-content p{text-align:justify}
.blog-content li{line-height:1.8rem;margin-bottom:20px;text-align:justify}
.resume-year{text-align:center;font-size:3rem;font-weight:bold}
.resume-text{padding-top:15px;text-align:center}
.owl-carousel{direction:ltr}
.owl-nav{text-align:center;display:none}
.owl-dots{text-align:center}
.customer-logo-bg{border-radius:10px;background-color:#fff}
.customer-logo-bg img{padding:15px;background-color:#fff;margin:0px auto;border-radius:10px;}
.customer-logo-bg div{padding-bottom:15px;}
.customer-logo-bg img:hover{opacity:1;-webkit-filter:grayscale(0%);filter:grayscale(0%)}
.whatsapp{bottom:20px;left:20px;transition:all .2sease!important;border-radius:50%;width:62px;height:62px;margin:0 auto;background-color:green;padding:12px;border:rgba(255,255,255,.7) solid 4px;z-index:1000}
.bg-green-gradient{position:relative;background:linear-gradient(45deg,var(--specialcolor),var(--specialgradiantcolor))}
.bg-green-gradient::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.2;background:url("../images/ecg.svg") no-repeat center 100%}
.btn-outline-green{border:var(--specialcolor) 2px solid;color:var(--specialcolor);border-radius:var(--buttonborderradius)}
.btn-outline-green:hover{border:var(--specialcolor) 2px solid;background-color:#fff}
.btn-green{background-color:var(--specialcolor);color:#fff;border-radius:var(--buttonborderradius)}
.btn-green:hover{background-color:var(--specialphasecolor);color:#fff;border-radius:var(--buttonborderradius)}
.navbar{position:fixed;top:0;right:0;left:0;z-index:1000;background:transparent;transition:#fff .3s ease-in-out}
.scrolled{background:rgba(255,255,255,.95);box-shadow:0 2px 5px rgba(0,0,0,.1)}
.nav-link{font-weight:bold}
@media (max-width: 991px) {
  .navbar-collapse{position:fixed;top:0;right:0;width:85%;height:100vh;background:rgba(255,255,255,.98);box-shadow:-5px 0 15px rgba(0,0,0,.2);padding:20px;transform:translateX(100%);transition:transform .3s ease-in-out}
  .navbar-collapse.show{transform:translateX(0)}
  .header-logo{height:35px}
  .header-call{display:block;text-align:center;margin-top:20px}
  .header-call img{width:33px}
  .close-menu{display:inline-block!important;font-size:24px;font-weight:bold;color:var(--textcolor);border:none;background:none;cursor:pointer;position:absolute;left:20px;top:20px}
  .navbar-toggler{border:none;padding:0 5px 5px}
  .navbar-brand{margin-right:10px}
  .navbar-nav{margin-top:30px;text-align:right;padding-right:10px!important}
  .nav-item{padding:10px 0;border-bottom:1px solid #ddd}
  .nav-item:last-child{border-bottom:none}
  .contact-info a{display:block;width:100%;text-align:center;margin-top:15px}
  .banner-big-image{position:inherit}
  .banner-text{position:inherit;background:none;width:auto;height:auto;padding:40px 0 20px 0}
  .banner-text h1{margin-top:30px;font-size:1.6rem;font-weight:bold}
  .banner-text p{margin-top:15px;padding-left:0}
  .banner-button{text-align:center;width:100%}
}
.mobile-boxes{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}
.mobile-box{background:#f0f0f0;padding:15px;border-radius:10px;text-align:center;transition:.3s}
.mobile-box:hover{background:#e0e0e0}
.mobile-box svg{height:35px;margin:7px auto;margin-bottom:15px}
.mobile-box a{text-decoration:none;color:var(--textcolor);font-weight:bold;display:block}
.gray-box{background:var(--boxcolor)}
.gray-box img{height:45px}
.gray-box a{color:var(--textcolor);display:block;padding-top:15px;text-decoration:none}
@media (min-width: 991px) {
  .navbar{position:fixed;top:0;right:0;left:0;z-index:1000;background:transparent;transition:#fff .3s ease-in-out}
  .scrolled{background:rgba(255,255,255,.95);box-shadow:0 4px 10px rgba(0,0,0,.1)}
  .header-call{padding-right:.5rem}
  .header-call img{width:30px}
  .close-menu{display:none}
  .header-logo{height:50px}
  .mobile-boxes{display:none}
  .navbar-collapse{position:static;height:auto;display:flex;justify-content:flex-end;align-items:center;box-shadow:none;padding:0}
  .nav-item{padding:0 10px;border:none}
  .navbar-toggler{display:none}
}
.gr-rounded{border-radius:var(--boxborderradius)}
.gr-button-rounded{border-radius:var(--buttonborderradius)}
.bg-special{background-color:var(--specialcolor)}
.text-image{width:100%;margin-bottom:15px}
.text-image-between{width:100%;height:125px;padding-top:40px;padding-bottom:40px}
.text-image-between p{text-align:center;padding-right:50px;padding-left:50px;font-size:17px;font-weight:bold}
.det{float:none;width:100%;padding:0 15px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}
.slider-image div p{color:#fff}
.det-mobile{width:100%}
.det-mobile div p{color:#000}
.bg-left{position:absolute;z-index:999;left:0;bottom:0}
.bg-left .left{width:100%;background:url(../images/left-green.svg) no-repeat left;background-size:cover;width:15px;height:100px}
.bg-right{position:absolute;z-index:999;right:0;bottom:0}
.bg-right .right{width:100%;background:url(../images/right-green.svg) no-repeat right;background-size:cover;width:15px;height:100px}
.demo-box{position:absolute;background-color:rgba(111,121,122,.6);top:53%;bottom:20px;left:15px;padding:10px;width:calc(100% - 30px);height:110px;border-radius:15px}
.demo-box p{color:#fff!important;margin:0 0 8px;text-align:center;line-height:1.3rem}
.owl-carousel .item{background:linear-gradient(135deg,#007bff,#6610f2);color:white;padding:20px;font-size:20px;font-weight:bold;border-radius:15px;box-shadow:0 4px 10px rgba(0,0,0,.2);margin:10px}
.owl-nav button{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(0,0,0,.2)!important;color:white!important;border-radius:50%;width:40px;height:40px}
.owl-nav .owl-prev{left:-50px}
.owl-nav .owl-next{right:-50px}
.owl-dots .owl-dot span{width:12px;height:12px;margin:5px;background:#007bff!important;border-radius:50%;transition:all .3s ease}
.owl-dots .owl-dot.active span{background:#6610f2!important;width:16px;height:16px}
.text-slider{height:100px}
.feature-green{margin:100px 0 0}
.feature-green p{text-align:center;padding-right:50px;padding-left:50px;font-size:1.3rem;font-weight:bold;color:#222!important}
.header-part{top:50px;left:50px;background-color:rgba(255,255,255,.4);padding:15px 20px;border-radius:15px;max-width:450px}
.header-title{font-weight:bold}
@media (max-width: 576px) {
  .header-part{top:10px;left:10px;padding:10px 15px;width:calc(100% - 20px)}
  .header-title{font-size:14px!important}
  .header-content{font-size:10px!important}
  .header-part h1{line-height:2rem}
  .header-part p{margin-bottom:.5rem}
}
@media (min-width: 400px) and (max-width: 576px) {
  .header-title{font-size:16px!important}
  .header-content{font-size:12px!important}
}
@media (min-width: 576px) and (max-width: 768px) {
  .header-title{font-size:18px!important}
  .header-content{font-size:14px!important}
}
@media (min-width: 991px) and (max-width: 1100px) {
  .menu-size,.nav-item a{font-size:12px!important}
  .demo-box{height:90px!important}
  .slider-image div p{font-size:12px!important}
  .owl-item div button{font-size:12px!important}
  .header-title{font-size:22px!important}
  .header-content{font-size:17px!important}
}
@media (min-width: 1100px) and (max-width: 1200px) {
  .left-image-slider{padding-bottom:25px!important}
  .demo-box{height:100px!important}
}
.academy-box{text-align:center; margin-bottom:30px; padding:15px;}
.academy-box a{font-weight:bold; text-decoration:none; color:#077b7f;}
.academy-box img{width:70px; margin-bottom:15px;}
.academy-image-box{text-align:center;}
.academy-image-box img{max-width:800px;margin:0 auto;border:rgba(255,145,0,0.4) solid 4px;}
.social-media{text-align:center;}
.social-media a{margin-left: 5px;width: 30px;height: 30px;background-position: center;background-size: 18px 18px;background-repeat: no-repeat;display: inline-block;background-color: rgba(255,255,255,.3);border-radius: 15px;
}
.telegram{background-image: url(/Theme/assets/images/icon/telegram.svg);}
.youtube{background-image: url(/Theme/assets/images/icon/youtube.svg);}
.aparat{background-image: url(/Theme/assets/images/icon/aparat.svg);}
.linkedin{background-image: url(/Theme/assets/images/icon/linkedin.svg);}
.facebook{background-image: url(/Theme/assets/images/icon/facebook.svg);}
.contact-modal{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); justify-content: center; align-items: center; z-index: 9999;}
.contact-body{background-color: white; padding: 30px; border-radius: 10px; margin:150px auto; width: 300px; text-align: center; box-shadow: 0 5px 15px rgba(0,0,0,0.3);}
.contact-body p{margin-bottom:20px; text-align:center;}
.contact-body img{width: 70px;display: block;margin: 0 auto;margin-bottom: 20px;fill:#142a5b;}
.contact-bg{position:fixed; background:rgba(0,0,0,0.6); right:0%; display:none; top:0px;width:100%;height:100%;z-index:1000;}
.contact-box{position:fixed; background:#fff; right:50%; margin-right:-200px; color:#000; border-radius:10px; text-align:center; padding:60px 30px; top:150px;width:400px; border:solid 1px #fff;z-index:1001;}
.faq-item{background:#fff; padding:15px; margin-bottom:30px;}
.faq-question{padding-bottom:15px; font-weight:bold;font-size: 1rem;}
.faq-answer{padding:15px; border-top:1px #ddd solid;}2
.logo-carousel-wrapper {width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;padding-bottom:7px;}
.logo-carousel{overflow-x:hidden;width:100%;margin: 0 auto;position:relative;direction:ltr; height:200px}
.logo-track{display:flex;gap:16px;align-items:center;width: max-content;padding: 20px 0;animation: scrollLoop linear infinite;animation-duration: 15s;}
.logo-carousel:hover .logo-track{animation-play-state: paused;}
.logo-carousel-item{flex:0 0 auto;width:150px;height:80px;align-items:center;color:#000;text-align:center; font-size:10px;border-radius:8px;}
@media(max-width:768px){.logo-carousel-item{width:110px;}}
@keyframes scrollLoop{from{ transform: translateX(0); } to{ transform: translateX(-50%); }}
.customer-fade-slider {position: relative;width: 100%;height: 260px;overflow: hidden;}
.customer-slide {position: absolute;inset: 0;opacity: 0;animation: fade 8s infinite;}
.customer-slide:nth-child(1) { animation-delay: 0s; }
.customer-slide:nth-child(2) { animation-delay: 4s; }
@keyframes fade {
  0%   { opacity: 0; }
  5%   { opacity: 1; }
  25%  { opacity: 1; }
  30%  { opacity: 0; }
  100% { opacity: 0; }
}