main-nav img{width:50px;height:50px}body.side_menu{padding-left:250px;background:#f0f0f0;transition:all .3s;overflow-x:hidden}.bx_srvs{background-color:#fff;border-radius:10px;text-align:center;transition:all .3s;margin-bottom:15px;position:relative}.bx_srvs:hover{transform:scale(1.1)}.bx_srvs .srvs_img{position:relative;padding-top:20px;z-index:99}.bx_srvs:before{content:'';position:absolute;width:100%;height:50%;background-image:linear-gradient(183deg,#31a0ff,#06f);border-radius:10px 10px 0 0;top:0;right:0;z-index:3}.bx_srvs .srvs_img img{max-width:100%;width:100px;height:100px}.bx_srvs h3{line-height:40px;font-size:22px;padding:15px 0;color:#606f85;font-weight:700}.all_srvs .row>div{margin:0 0 30px}.bx_all_srvs{background-position:center center;background-repeat:no-repeat;background-size:100% 100%;padding:28px 30px 25px 35px;border-radius:10px 10px 10px 10px;background-color:#fff;height:100%;background:cover;background-image:url(https://7panel.net/landing/assets/images/ttten2.svg)}.bx_all_srvs h3{font-size:24px}.tit_sec{color:#111;text-align:center}.tit_sec h2,.tit_sec h4{font-weight:700;font-size:38px}.tit_sec p{color:#4f97f5;font-size:19px}.payment_bx{background:#fff;color:#111;padding:15px;border-radius:10px 10px 10px 10px;text-align:center;transition:all .3s;margin-bottom:10px}.payment_bx:hover{transform:scale(1.1)}.payment_bx img{border-radius:50%;border:5px solid #fff;box-shadow:0 0 25px #29292938;width:90px}.bg_3{background-image:linear-gradient(183deg,#606f85,#606f85)}.foot_widget a{color:#f0f0f0}.main-banner{background-repeat:no-repeat;background-position:center center;background:linear-gradient(180deg,#e9f1f9 0,#fff 100%);background-size:cover;position:relative}.main-banner:after{content:'';background:linear-gradient(180deg,#e9f1f9 0,#fff 100%);background-repeat:no-repeat;background-size:contain;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}.header-area .main-nav .nav li:last-child a.active{color:#fff!important}.background-header .main-nav .nav li a.active,.background-header .main-nav .nav li:hover a{color:silver!important;opacity:1}button:hover{background:#14a0de}.brandSlider{display:flex;justify-content:center;width:100%;height:400px}#infinite .bShadow{box-shadow:7px 5px 30px 0 #000;background:#151b26;border-radius:5px}.brandSlider .bShadow{overflow:hidden;position:relative}#infinite .bShadow div{width:100%;-webkit-animation:translateinfinite 25s linear infinite;animation:translateinfinite 25s linear infinite}.productBox{background:#f5f5f5;border-radius:10px;height:60px;padding:0 25px;margin-bottom:10px;border:1px solid #4f97f5}#infinite .bShadow::after{top:0;right:0;background:linear-gradient(to bottom,#151b26 0,rgba(255,255,255,0) 100%)}#infinite .bShadow::after,#infinite .bShadow::before{content:" ";position:absolute;z-index:9;width:100%;height:100px}#infinite .bShadow::before{bottom:0;left:0;background:linear-gradient(to top,#151b26 0,rgba(255,255,255,0) 100%)}#infinite .bShadow::after,#infinite .bShadow::before{content:" ";position:absolute;z-index:9;width:100%;height:100px}.productBox .pbLeft{color:#4f97f5}.productBox .pbRight{background:#4f97f5;border-radius:7px;padding:3px 15px;font-size:12px;color:rgba(255,255,255,.7)}.fab{font-family:"Font Awesome 5 Brands";font-weight:400}.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.brandSlider{display:flex;justify-content:center;width:100%;height:400px}.brandSlider .bShadow{overflow:hidden;position:relative}@-webkit-keyframes translateinfinite{100%{transform:translateY(calc(-60px * 6))}}@keyframes translateinfinite{100%{transform:translateY(calc(-60px * 6))}}#infinite .bShadow{box-shadow:7px 5px 30px 0 #abcfff;background:#fff}#infinite .bShadow::after,#infinite .bShadow::before{content:" ";position:absolute;z-index:9;width:100%;height:100px;border-radius:5px}#infinite .bShadow::before{bottom:0;left:0;background:linear-gradient(to top,#f5f5f5 0,#f5f5f5 100%)}#infinite .bShadow::after{top:0;right:0;background:linear-gradient(to bottom,#f5f5f5 0,#f5f5f5 100%)}#infinite .bShadow div{width:100%;-webkit-animation:translateinfinite 25s linear infinite;animation:translateinfinite 25s linear infinite}@media (max-width:575px){.service-item2{display:flex;align-items:center;padding:15px 10px}}.service-item2{background-image:url(https://7panel.net/landing/assets/images/qqquad1.svg);text-align:center;padding:25px 10px;border-radius:5px;margin-bottom:15px;color:#fff;box-shadow:0 1px 10px rgba(0,0,0,.1)}@media (max-width:575px){.service-item2 img{width:80px;height:80px;text-align:center}}.service-item2 img{width:80px;height:80px}@media (max-width:575px){.service-item2 p{margin-top:0}}.service-item2 p{margin-bottom:0;font-size:20px;margin-top:12px}.ftLogo{border:4px solid #fff;box-sizing:border-box;width:82px;height:82px;border-radius:50%;position:relative;left:50%;top:-70px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;z-index:3}.social-button{padding:10px 10px 10px 25px !important;margin:5px!important;font-size:14px!important;font-weight:700;min-width:185px;display:flex;align-items:center;background:#fff;border-radius:20px;box-shadow:0 2px 4px 0 #bd0000;color:#3a0f9e!important;padding:15px 15px 15px 25px;font-size:18px;font-weight:500;text-decoration:none!important;margin:15px;transition:all .3s;border:1px solid #3a0f9e}.social-button:hover{background:#3a0f9e;color:#fff!important}.social-button i{font-size:20px;margin-right:10px}.social_fix a{width:60px;height:60px;border-radius:50px;text-align:center;color:#fff;line-height:50px;font-size:25px;box-shadow:0 0 20px #0000002e;transition:all .3s ease;margin-left:5px}.social_fix a:hover{transform:scale(1.1)}.social_fix a.whatsapp-button{background-color:#25d366;margin-bottom:15px}.social_fix a.telegram-button{background-color:#3390ec;margin-top:50px}.m_socail_left{display:flex;flex-direction:column;opacity:0;margin-top:-175px;padding-bottom:50px;transform:scaleY(0);transition:all .3s}.call_menu{background:#00d8a6;color:#fff;height:60px;width:60px;border-radius:50%;text-align:center;line-height:65px;cursor:pointer}.call_menu i.fa-phone{transform:rotate(90deg);font-size:25px}.call_menu:hover .m_socail_left{opacity:1;transform:scaleY(1)}.home-title{font-weight:600;font-size:35px;line-height:64px;letter-spacing:-1px;color:#0a2753;margin-bottom:30px}.p-color{color:#06f}@media (min-width:991.98px){#homePriv .card{min-height:300px}}.hpri-title{font-weight:600;font-size:19px;line-height:23px;color:#0a2753;margin-bottom:18px}.hpri-text{font-weight:600;font-size:16px;line-height:25px;color:#606f85;margin-bottom:0}.bacgroundbody,.naHead{z-index:1;position:relative;background-image:linear-gradient(to bottom,#f4f7ff,#f4f7ff,#f4f7ff,#f4f7ff,#fff);background-position:top;background-size:cover;padding-top:250px}@media (max-width:575px){.bacgroundbody,.naHead{position:relative;background-image:linear-gradient(to bottom,#f4f7ff,#f4f7ff,#f4f7ff,#f4f7ff,#fff);padding-top:140px}}.mbi{margin-top:-50px}@media (max-width:575px){.mbi{margin-top:-15px;margin-bottom:30px}.mbi video{height:auto}}.naLog{margin-top:-40px;padding-bottom:50px}.naLog2{margin-top:-50px}.naLog3{margin-top:-80px!important}.naLog4{margin-top:-70px}@media (max-width:575px){.naLog{margin-top:-30px}.naLog4{margin-top:-20px!important}.naLog2{margin-top:-20px!important}}.sbadge{display:inline-flex;align-items:center;gap:10px;padding:13px 24px 13px 20px !important;background:#fff;border:1px solid #ebf2fa;box-sizing:border-box;box-shadow:0 25px 50px rgba(10,39,83,.07);border-radius:15px;font-size:13px;line-height:15px;letter-spacing:-.03em;color:#606f85}.sbadge .icon{font-size:14px;line-height:15px;display:flex;align-items:center!important;justify-content:center}.sbadge .text{font-weight:600}.naHdTi{font-weight:700;font-size:35px;line-height:42px;letter-spacing:-.03em;color:#141824!important;margin:24px 0 28px;margin-top:100px}.naHdCt video{max-width:100%}.naHdCt iframe,.naHdCt video{border-radius:5px}.btn-100.btn-icon{display:flex;justify-content:center}.btn-rounded{background-image:linear-gradient(183deg,#31a0ff,#06f);border-radius:25px;color:#fff}.btn-rounded:hover{background-image:linear-gradient(183deg,#31a0ff,#06f);border-radius:25px;color:#fff}.btn-100{display:block;width:100%;text-align:center}.btn-icon{display:inline-flex;gap:24px}.btn-secondary{background-color:#606f85;color:#fff}.btn-secondary:hover{background-color:#606f85;color:#fff}.icon{color:#fff}#right{margin-top:-150px}@media (max-width:575px){#right{margin-top:-40px}.naHdTi{margin-top:10px!important;font-size:30px}.naHdTx{margin-top:-20px;margin-left:0!important;width:100%!important;font-size:18px!important;font-weight:500!important}}.naHdTx{font-weight:500;font-size:16px;font-family:Montserrat,sans-serif!important;line-height:23px;max-width:500px;margin-left:25px;margin-top:20px;color:#31374a!important}header{position:fixed;z-index:1000;width:100%;transition:.14s ease;display:block;bottom:0;background-color:#fff;box-shadow:0 -3px 20px rgba(0,0,0,.3);border-radius:20px 20px 0 0;padding:20px 0 40px;transform:translateY(110%);transition:.14s ease}header.active{transform:translateY(0)}header img{display:none}@media (min-width:992px){header{transform:none;display:block;left:0;top:0;bottom:initial;background:0 0;box-shadow:none;padding:46px 0}header.active{transform:none}header img{display:block}header.hActive{padding:14px 0;background-color:rgba(255,255,255,.7);backdrop-filter:blur(30px);border-bottom:1px solid rgba(12,36,71,.1)}}header .close-menu{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:22px;background-color:rgba(0,131,255,.2);color:#0083ff;outline:0;border:none;font-size:18px;transition:.14s ease;position:absolute;right:20px;top:20px;z-index:1020}header .close-menu:focus{box-shadow:0 0 0 4px rgba(0,131,255,.1)}@media (min-width:992px){header .close-menu{display:none}}.hdLogoL{position:relative;text-decoration:none}.hdLogo{position:relative}.hdMn{position:relative;list-style:none;margin:0;padding:14px 0;display:flex;flex-direction:column;gap:20px}@media (min-width:992px){.hdMn{gap:25px;align-items:center;justify-content:center;flex-direction:row;padding:0}}.hdMnLi{display:block;font-weight:700;font-size:20px;line-height:125%;color:#606f85;text-decoration:none;padding:4px 20px;position:relative;transition:.14s ease}@media (min-width:992px){.hdMnLi{font-size:14px;padding:14px 0}}.hdMnLi:hover{color:#0083ff}.hdMnLi::after{content:"";background-color:#0083ff;height:0;width:100%;position:absolute;bottom:0;left:0;display:none}@media (min-width:992px){.hdMnLi::after{display:block}}.hdMnLi.active{color:#0083ff}.hdMnLi.active::after{height:2px}@media (max-width:992px){.btlrh{width:100%;display:flex!important;justify-content:center;position:relative}.btlrh .icon{position:absolute;right:30px}.btn-login-header{background-color:rgba(12,36,71,.1);margin-bottom:10px}}.mobile-header{display:block;position:fixed;top:0;left:0;right:0;z-index:1001;background-color:#fff;padding:10px 0;border-bottom:1px solid rgba(12,36,71,.1)}@media (min-width:992px){.mobile-header{display:none}}.mobile-header .mobile-logo{height:44px;width:44px;margin-top:0}.menu-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:15px;background-color:#d7e6fd;color:#0083ff;outline:0;border:none;font-size:18px;transition:.14s ease;z-index:1020}.menu-btn:focus{box-shadow:0 0 0 4px rgba(0,131,255,.1)}#statistics{background-color:#fff}.statistics-box{text-align:center}@media (max-width:575px){.sta{width:50%;float:left}}.statistics-head{width:180px;height:180px;display:flex;align-items:center;align-content:center;justify-content:center;margin:auto auto 20px;background-color:#606f85;border-radius:24px;color:#606f85}.statistics-head i{color:#fff;font-size:67px}.statistics-title{font-weight:700;font-size:40px;text-transform:uppercase;color:#606f85;line-height:1.4;margin-bottom:0}.statistics-txt{font-weight:400;font-size:18px;text-transform:capitalize;color:#606f85;line-height:1.2}.row.statistics-row .col-sm-3:nth-child(2n) .statistics-head{background-image:linear-gradient(183deg,#31a0ff,#06f)}.row.statistics-row .col-sm-3:nth-child(2n) .statistics-title,.row.statistics-row .col-sm-3:nth-child(2n) .statistics-txt{color:#06f}.statistics-head{width:80px;height:80px;border-radius:14px}.statistics-head i{font-size:37px}.statistics-title{font-size:32px;margin-bottom:0}.statistics-txt{font-size:14px}.section-scroll-container{position:relative;top:190px;left:-16px;bottom:10px;z-index:9;width:100%}.section-scroll-container a span{position:absolute;top:-65px;left:53%;width:24px;height:24px;margin-left:-12px;border-left:1px solid #06f;border-bottom:1px solid #06f;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:sdb07 2s infinite;animation:sdb07 2s infinite;opacity:0;box-sizing:border-box}.section-scroll-container a span:first-of-type{-webkit-animation-delay:0;animation-delay:0}.section-scroll-container a span:nth-of-type(2){top:-50px;-webkit-animation-delay:.15s;animation-delay:.15s}.section-scroll-container a span:nth-of-type(3){top:-35px;-webkit-animation-delay:.3s;animation-delay:.3s}.section-scroll-container a{text-align:center;width:100%!important;display:block;font-size:14px}@-webkit-keyframes sdb07{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes sdb07{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@media (min-width:575px){.section-scroll-container{display:none}}@media (max-width:575px){.naHdTi{font-size:25px}}@media (max-width:575px){.hdLogoL{width:25px}}.contact input{border:.5px solid #14a0de}
.content{
  margin:0;
  background:linear-gradient(145deg,rgba(255,255,255,.98) 0,rgba(234,244,255,.92) 100%);
  border:1px solid rgba(86,126,255,.18);
  box-shadow:0 28px 60px rgba(15,23,42,.14);
  padding:0 26px;
  font-weight:400;
  font-size:16px;
  line-height:26px;
  color:#24304a!important;
  border-radius:0 0 22px 22px;
  max-height:0;
  opacity:0;
  overflow:hidden;
  transform-origin:top center;
  transition:max-height .45s ease,opacity .35s ease,padding .35s ease,margin .35s ease;
}
.content.open{
  margin:-14px 0 18px;
  padding:24px 26px 26px;
  opacity:1;
}
.content p{
  font-weight:400;
  font-size:16px;
  line-height:26px;
  margin-bottom:0;
  color:inherit!important;
}
.collapsible{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  background:rgba(244,247,255,.9);
  border:1px solid rgba(56,116,255,.16);
  box-shadow:0 18px 40px rgba(12,36,71,.12);
  border-radius:20px;
  color:#133161;
  cursor:pointer;
  padding:20px 26px;
  width:100%;
  text-align:left;
  outline:0;
  font-size:18px;
  font-weight:700;
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease,background .35s ease;
  overflow:hidden;
  z-index:0;
  backdrop-filter:blur(6px);
}
.collapsible::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,rgba(49,160,255,.65),rgba(6,102,255,.45),rgba(165,108,255,.4));
  opacity:0;
  transition:opacity .35s ease;
  z-index:-1;
}
.collapsible::after{
  content:"\002B";
  position:relative;
  flex:0 0 44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:linear-gradient(135deg,#31a0ff,#6f45ff);
  color:#fff;
  font-size:22px;
  font-weight:700;
  box-shadow:0 15px 30px rgba(49,160,255,.35);
  transition:transform .35s ease,background .35s ease,box-shadow .35s ease;
}
.collapsible:hover{
  transform:translateY(-4px);
  box-shadow:0 24px 55px rgba(9,68,166,.18);
  border-color:rgba(49,160,255,.32);
  background:rgba(255,255,255,.98);
}
.collapsible:hover::before{
  opacity:.45;
}
.collapsible:hover::after{
  transform:scale(1.05);
}
.collapsible.active{
  transform:translateY(-6px);
  box-shadow:0 28px 60px rgba(9,68,166,.22);
  border-color:rgba(49,160,255,.45);
  background:rgba(255,255,255,.98);
}
.collapsible.active::before{
  opacity:.7;
}
.collapsible.active::after{
  content:"\2212";
  transform:rotate(180deg);
  background:linear-gradient(135deg,#1d8bff,#4c54ff);
  box-shadow:0 18px 40px rgba(27,99,255,.35);
}
html.dark-mode .collapsible{
  color:#e2e8f0 !important;
  background:rgba(15,23,42,.75);
  border:1px solid rgba(94,234,212,.18);
  box-shadow:0 22px 48px rgba(8,47,73,.4);
}
html.dark-mode .collapsible::before{
  background:linear-gradient(120deg,rgba(20,184,166,.45),rgba(56,189,248,.35),rgba(129,140,248,.55));
}
html.dark-mode .collapsible::after{
  background:linear-gradient(135deg,#0ea5e9,#6366f1);
  box-shadow:0 18px 38px rgba(15,118,110,.45);
}
html.dark-mode .collapsible.active::after{
  background:linear-gradient(135deg,#22d3ee,#818cf8);
}
html.dark-mode .content{
  background:linear-gradient(145deg,rgba(15,23,42,.94) 0,rgba(15,23,42,.88) 100%);
  border:1px solid rgba(94,234,212,.16);
  box-shadow:0 32px 70px rgba(7,40,70,.45);
  color:#e2e8f0!important;
}
html.dark-mode .content.open{
  margin:-14px 0 18px;
}

@media (max-width:575px){
  .collapsible{
    margin-bottom:12px;
    padding:18px 20px;
    font-size:17px;
  }
  .collapsible::after{
    flex:0 0 38px;
    height:38px;
    font-size:20px;
  }
  .content.open{
    padding:20px 20px 22px;
  }
  .lang:not(.hdMnIt){
    margin-top:-350px;
    margin-left:130px!important;
    margin-right:auto!important;
  }
}
@keyframes accordionReveal{
  0%{
    opacity:0;
    transform:translateY(-8px);
  }
  100%{
    opacity:1;
    transform:translateY(0);
  }
}
.gnyFAQs button{font-size:18px!important;color:#344767!important;font-weight:700}
.demo{font-family:Raleway,sans-serif;color:#fff;display:block;margin:0 auto;padding:15px 0;text-align:center}.demo a{font-family:Raleway,sans-serif;color:#000}a{font-family:arial}.fonta{font-family:arial!important;font-size:19px!important;line-height:23px!important;color:#0a2753!important}u{text-decoration:none!important}.section-subtitle{display:inline-block;font-size:.875rem;font-weight:600;padding:4px 12px;line-height:1.14;margin-bottom:16px;text-transform:uppercase;background-image:linear-gradient(.25turn,#ffffff00,#06f,#ffd82900);border-radius:50rem;width:100%;color:#fff}.naHdTi1{margin-top:-150px!important}.headtitle{background-image:linear-gradient(.25turn,#ffffff00,#06f,#ffd82900);width:100%;padding:10px}.aos-animate{margin-top:-150px}@media (max-width:575px){.aos-animate{margin-top:-50px}.naHdTi1{margin-top:-50px!important}.default-btn{width:170px!important;line-height:15px!important;font-size:12px!important}.default-btn2{width:170px!important;line-height:15px!important;font-size:12px!important;margin-left:180px;margin-top:-55px!important}}h1,h2,h3,h4,h5,h6,h7{color:#2d5176!important}.default-btn{padding:10px 50px 10px 10px;border-radius:17px;display:inline-block;color:#fff;background-image:linear-gradient(183deg,#31a0ff,#06f);transition:all .3s ease-in-out;font-size:15px;width:300px;line-height:33px;font-size:14px;font-weight:700;border:none;text-align:left}.col-md-auto a:hover{color:#fff!important}.default-btn2{padding:10px 50px 10px 10px;border-radius:17px;display:inline-block;color:#fff;background-image:linear-gradient(183deg,#606f85,#606f85);transition:all .3s ease-in-out;font-size:15px;width:300px;display:flex;line-height:33px;font-size:14px;font-weight:700;margin-top:-10px}.default-btn i{color:#06f;background-color:#fff;padding:10px;border-radius:31%;margin-right:16px;font-size:16px;line-height:16px;transition:all .3s ease-in-out;float:left}.default-btn2 i{color:#606f85;background-color:#fff;padding:10px;border-radius:31%;margin-right:16px;font-size:16px;line-height:16px;transition:all .3s ease-in-out;float:left}.default-btn2:hover{box-shadow:#f50000 0 10px 36px 0,#590000 0 0 0 1px}.default-btn:hover{box-shadow:#610000 0 10px 36px 0,#590000 0 0 0 1px}.hover-effect:hover{transform:translateY(-5px)!important;transition-duration:.6s!important;transition-delay:10ms!important}.txt-type>.txt{border-right:.2rem solid #fff}.txt-type{color:#fff!important}@media (min-width:992px){.nk-section{padding:60px 0}}.nk-section{position:relative;padding:30px 0}.swiper-pointer-events{touch-action:pan-y}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}wrapper{transform:translate3d(0,0,0)}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box;transform:translate3d(-3120px,0,0);transition-duration:0}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-slide{flex-shrink:0;background-color:#f5f5f5;width:210px;height:100%;margin-right:30px;position:relative;border:2px solid #faf9ff0a;padding:17px;border-radius:20px}@media (max-width:575px){.swiper-slide{width:50%!important;height:50%!important}}.dropdown-item:hover{color:#000 !important}.blue{position:relative;background-image:linear-gradient(183deg,#31a0ff,#06f);margin-top:100px;height:200px!important}.btn.btn-outline{padding:12px 30px;border:2px solid #fff;color:#fff;width:200px;background:0 0}.btn.btn-outline:hover{color:#fff;background-image:linear-gradient(183deg,#606f85,#606f85)}.pc{background-image:url(https://7panel.net/landing/assets/images/bbblurry1.svg);background-repeat:no-repeat}.pc1{background-image:url(https://7panel.net/landing/assets/images/bbblurry.svg);background-repeat:no-repeat}@media (max-width:575px){.ab .home-title{margin-top:-10px!important}.pc,.pc1{background:#fff!important}}.g-sidenav-show{background:#f4f7ff;position:relative;margin-bottom:-50px!important;background-image:linear-gradient(to bottom,#f4f7ff,#f4f7ff,#f4f7ff,#f4f7ff,#fff);background-position:top;background-size:cover;height:100%}.hcolor{color:#06f!important}.lb1{padding:5px!important}.lb:hover{background-color:#31a0ff;transition:1s linear}.lb:hover .benefit-title,.lb:hover .benefit-txt{color:#fff!important;transition:1s linear}.snowflake{--size:.6vw;width:var(--size);height:var(--size);background:#fff;border-radius:50%;position:absolute;top:-5vh}@media (max-width:575px){.snowflake{--size:1.5vw;width:var(--size);height:var(--size)}}.snowflake{color:#fff;font-size:1em;font-family:Arial;text-shadow:0 0 1px #000}@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%{transform:translateX(0)}50%{transform:translateX(80px)}100%{transform:translateX(0)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:first-of-type{left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-child(6n){filter:blur(1px)}.text-gradient-info{background:-webkit-gradient(linear,left top,left bottom,from(#28b2ff),to(#2990ff));background:-o-linear-gradient(top,#28b2ff 0,#2990ff 100%);background:linear-gradient(180deg,#28b2ff 0,#2990ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.25rem;font-family:"Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:700;line-height:1;color:#141824!important}:root,:root .light,:root.light{--phoenix-gray-soft:#f5f7fa;--phoenix-gray-100:#eff2f6;--phoenix-gray-200:#e3e6ed;--phoenix-gray-300:#cbd0dd;--phoenix-gray-400:#9fa6bc;--phoenix-gray-500:#8a94ad;--phoenix-gray-600:#6e7891;--phoenix-gray-700:#525b75;--phoenix-gray-800:#3e465b;--phoenix-gray-900:#31374a;--phoenix-gray-1000:#222834;--phoenix-gray-1100:#141824;--phoenix-gray-soft-rgb:245,247,250;--phoenix-gray-100-rgb:239,242,246;--phoenix-gray-200-rgb:227,230,237;--phoenix-gray-300-rgb:203,208,221;--phoenix-gray-400-rgb:159,166,188;--phoenix-gray-500-rgb:138,148,173;--phoenix-gray-600-rgb:110,120,145;--phoenix-gray-700-rgb:82,91,117;--phoenix-gray-800-rgb:62,70,91;--phoenix-gray-900-rgb:49,55,74;--phoenix-gray-1000-rgb:34,40,52;--phoenix-gray-1100-rgb:20,24,36;--phoenix-soft:#f5f7fa;--phoenix-100:#eff2f6;--phoenix-200:#e3e6ed;--phoenix-300:#cbd0dd;--phoenix-400:#9fa6bc;--phoenix-500:#8a94ad;--phoenix-600:#6e7891;--phoenix-700:#525b75;--phoenix-800:#3e465b;--phoenix-900:#31374a;--phoenix-1000:#222834;--phoenix-1100:#141824;--phoenix-facebook:#3c5a99;--phoenix-google-plus:#dd4b39;--phoenix-twitter:#1da1f2;--phoenix-linkedin:#0077b5;--phoenix-youtube:#ff0001;--phoenix-github:#333;--phoenix-bootstrap:#6f45a9;--phoenix-css3:#203ccf;--phoenix-html5:#bf4b2c;--phoenix-sass:#c55589;--phoenix-gulp:#d54049;--phoenix-w3c:#255997;--phoenix-primary:#3874ff;--phoenix-secondary:#31374a;--phoenix-success:#25b003;--phoenix-info:#0097eb;--phoenix-warning:#e5780b;--phoenix-danger:#ed2000;--phoenix-light:#eff2f6;--phoenix-dark:#141824;--phoenix-primary-soft:#f5f8ff;--phoenix-primary-100:#e5edff;--phoenix-primary-200:#adc5ff;--phoenix-primary-300:#85a9ff;--phoenix-primary-500:#004dff;--phoenix-primary-600:#003cc7;--phoenix-warning-soft:#fff6e0;--phoenix-warning-100:#ffefca;--phoenix-warning-200:#ffe6ad;--phoenix-warning-300:#ffcc85;--phoenix-warning-500:#d6700a;--phoenix-warning-600:#bc3803;--phoenix-danger-300:#f48270;--phoenix-danger-100:#ffe0db;--phoenix-danger-200:#fabcb3;--phoenix-danger-500:#cc1b00;--phoenix-danger-600:#b81800;--phoenix-success-100:#d9fbd0;--phoenix-success-200:#bee8b4;--phoenix-success-300:#90d67f;--phoenix-success-500:#23890b;--phoenix-success-600:#1c6c09;--phoenix-info-100:#c7ebff;--phoenix-info-200:#96d9ff;--phoenix-info-300:#60c6ff;--phoenix-info-500:#0080c7;--phoenix-info-600:#005585;--phoenix-white:#fff;--phoenix-black:#000;--phoenix-soft-rgb:245,247,250;--phoenix-100-rgb:239,242,246;--phoenix-200-rgb:227,230,237;--phoenix-300-rgb:203,208,221;--phoenix-400-rgb:159,166,188;--phoenix-500-rgb:138,148,173;--phoenix-600-rgb:110,120,145;--phoenix-700-rgb:82,91,117;--phoenix-800-rgb:62,70,91;--phoenix-900-rgb:49,55,74;--phoenix-1000-rgb:34,40,52;--phoenix-1100-rgb:20,24,36;--phoenix-facebook-rgb:60,90,153;--phoenix-google-plus-rgb:221,75,57;--phoenix-twitter-rgb:29,161,242;--phoenix-linkedin-rgb:0,119,181;--phoenix-youtube-rgb:255,0,1;--phoenix-github-rgb:51,51,51;--phoenix-bootstrap-rgb:111,69,169;--phoenix-css3-rgb:32,60,207;--phoenix-html5-rgb:191,75,44;--phoenix-sass-rgb:197,85,137;--phoenix-gulp-rgb:213,64,73;--phoenix-w3c-rgb:37,89,151;--phoenix-primary-rgb:56,116,255;--phoenix-secondary-rgb:49,55,74;--phoenix-success-rgb:37,176,3;--phoenix-info-rgb:0,151,235;--phoenix-warning-rgb:229,120,11;--phoenix-danger-rgb:237,32,0;--phoenix-light-rgb:239,242,246;--phoenix-dark-rgb:20,24,36;--phoenix-primary-soft-rgb:245,248,255;--phoenix-primary-100-rgb:229,237,255;--phoenix-primary-200-rgb:173,197,255;--phoenix-primary-300-rgb:133,169,255;--phoenix-primary-500-rgb:0,77,255;--phoenix-primary-600-rgb:0,60,199;--phoenix-warning-soft-rgb:255,246,224;--phoenix-warning-100-rgb:255,239,202;--phoenix-warning-200-rgb:255,230,173;--phoenix-warning-300-rgb:255,204,133;--phoenix-warning-500-rgb:214,112,10;--phoenix-warning-600-rgb:188,56,3;--phoenix-danger-300-rgb:244,130,112;--phoenix-danger-100-rgb:255,224,219;--phoenix-danger-200-rgb:250,188,179;--phoenix-danger-500-rgb:204,27,0;--phoenix-danger-600-rgb:184,24,0;--phoenix-success-100-rgb:217,251,208;--phoenix-success-200-rgb:190,232,180;--phoenix-success-300-rgb:144,214,127;--phoenix-success-500-rgb:35,137,11;--phoenix-success-600-rgb:28,108,9;--phoenix-info-100-rgb:199,235,255;--phoenix-info-200-rgb:150,217,255;--phoenix-info-300-rgb:96,198,255;--phoenix-info-500-rgb:0,128,199;--phoenix-info-600-rgb:0,85,133;--phoenix-white-rgb:255,255,255;--phoenix-black-rgb:0,0,0;--phoenix-white:#fff;--phoenix-black:#000;--phoenix-white-rgb:255,255,255;--phoenix-black-rgb:0,0,0;--phoenix-body-color-rgb:49,55,74;--phoenix-body-bg-rgb:245,247,250;--phoenix-font-sans-serif:"Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--phoenix-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--phoenix-gradient:linear-gradient(180deg,rgba(255,255,255,0.15),rgba(255,255,255,0));--phoenix-scroll-margin-top:2.5rem;--phoenix-body-font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;--phoenix-body-font-size:1rem;--phoenix-body-font-weight:400;--phoenix-body-line-height:1.49;--phoenix-body-color:#31374a;--phoenix-body-bg:#f5f7fa;--phoenix-border-width:1px;--phoenix-border-style:solid;--phoenix-border-color:var(--phoenix-gray-200);--phoenix-border-color-translucent:rgba(0,0,0,0.175);--phoenix-border-radius:.375rem;--phoenix-border-radius-sm:.25rem;--phoenix-border-radius-lg:.5rem;--phoenix-border-radius-xl:1rem;--phoenix-border-radius-2xl:2rem;--phoenix-border-radius-pill:50rem;--phoenix-heading-color:var(--phoenix-1100);--phoenix-code-color:#d63384;--phoenix-highlight-bg:#fff3cd;--phoenix-input-bg:#fff;--phoenix-input-color:var(--phoenix-gray-900);--phoenix-input-border-color:#cbd0dd;--phoenix-input-group-addon-bg:#eff2f6;--phoenix-scrollbar-bg:rgba(159,166,188,0.55);--phoenix-navbar-top-height:4rem;--phoenix-navbar-top-link-color:var(--phoenix-gray-900);--phoenix-navbar-top-menu-bg-color:#fff;--phoenix-navbar-top-border-color:#cbd0dd;--phoenix-navbar-top-link-hover-color:#222834;--phoenix-navbar-top-link-hover-bg:#eff2f6;--phoenix-navbar-top-link-active-color:var(--phoenix-primary);--phoenix-navbar-top-dropdown-color:var(--phoenix-gray-900);--phoenix-navbar-top-dropdown-hover-bg:#eff2f6;--phoenix-navbar-top-menu-margin:1.5rem;--phoenix-dual-nav-border-color:#e3e6ed;--phoenix-dual-nav-first-layer-bg:#eff2f6;--phoenix-navbar-vertical-border-color:#cbd0dd;--phoenix-navbar-vertical-bg-color:#fff;--phoenix-navbar-vertical-label-color:#6e7891;--phoenix-navbar-vertical-link-color:#525b75;--phoenix-navbar-vertical-link-hover-color:#3e465b;--phoenix-navbar-vertical-link-hover-bg:#eff2f6;--phoenix-navbar-vertical-link-active-color:#3874ff;--phoenix-navbar-vertical-link-disable-color:#8a94ad;--phoenix-navbar-vertical-width:15.875rem;--phoenix-navbar-vertical-link-icon-color:#3e465b;--phoenix-navbar-vertical-dropdown-indicator-color:#8a94ad;--phoenix-navbar-footer-border-color:#cbd0dd;--phoenix-navbar-footer-border-color:#cbd0dd;--phoenix-navbar-vertical-hr-color:#e3e6ed;--phoenix-navbar-vertical-collapsed-menu-bg:#fff;--phoenix-navbar-vertical-collapsed-menu-color:#222834;--phoenix-hamburger-menu-color:#6e7891;--phoenix-navbar-top-bg-color:#fff;--phoenix-btn-hover-border-color:transparent;--phoenix-btn-active-border-color:transparent;--phoenix-list-group-bg:#fff;--phoenix-list-group-action-hover-color:#525b75;--phoenix-list-group-hover-bg:#eff2f6;--phoenix-body-bg:#f5f7fa;--phoenix-body-color:#31374a;--phoenix-headings-color:#31374a;--phoenix-link-hover-color:#004dff;--phoenix-link-color:#3874ff;--phoenix-choices-inner-min-height:auto;--phoenix-choices-item-has-no-choices-bg:#fff;--phoenix-flatpickr-calendar-input-bg:var(--phoenix-input-bg);--phoenix-flatpickr-calendar-bg:#e3e6ed;--phoenix-flatpickr-current-month-color:#31374a;--phoenix-flatpickr-weekday-color:#31374a;--phoenix-flatpickr-calendar-day-hover-bg:rgba(203,208,221,0.5);--phoenix-flatpickr-weekend-days-color:#d6700a;--phoenix-flatpickr-today-color:#fff;--phoenix-flatpickr-calendar-day-selected-bg:rgba(56,116,255,0.2);--phoenix-calendar-bg:#e3e6ed;--phoenix-calendar-border-color:#f5f7fa;--phoenix-theme-wizard-nav-item-circle-bg:#eff2f6;--phoenix-theme-wizard-complete-color:#25b003;--phoenix-theme-wizard-active-color:#3874ff;--phoenix-border-opacity:1;--phoenix-tinymce-bg:var(--phoenix-input-bg);--phoenix-tinymce-tox-tbtn-enabled-icon-color:var(--phoenix-gray-800);--phoenix-choices-item-bg:#e5edff;--phoenix-choices-item-color:#222834;--phoenix-docs-language-bg:#222834;--phoenix-form-select-indicator:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE1MCIgdmlld0JveD0iMCAwIDE1MCAxNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03NS4zNDggMTI3LjE5MkM3Mi40MzgxIDEyNy4xOTIgNjkuODUxNCAxMjYuMjIyIDY3LjkxMTUgMTI0LjI4Mkw1LjgzMjE1IDYyLjIwMjNDMS42Mjg4NyA1OC4zMjIzIDEuNjI4ODcgNTEuNTMyNCA1LjgzMjE1IDQ3LjY1MjVDOS43MTIxMSA0My40NDkyIDE2LjUwMiA0My40NDkyIDIwLjM4MiA0Ny42NTI1TDc1LjM0OCAxMDIuMjk1TDEyOS45OTEgNDcuNjUyNUMxMzMuODcxIDQzLjQ0OTIgMTQwLjY2MSA0My40NDkyIDE0NC41NDEgNDcuNjUyNUMxNDguNzQ0IDUxLjUzMjQgMTQ4Ljc0NCA1OC4zMjIzIDE0NC41NDEgNjIuMjAyM0w4Mi40NjEzIDEyNC4yODJDODAuNTIxMyAxMjYuMjIyIDc3LjkzNDcgMTI3LjE5MiA3NS4zNDggMTI3LjE5MloiIGZpbGw9IiMzMTM3NEEiLz4KPC9zdmc+Cg==);--phoenix-avatar-status-border-color:#fff;--phoenix-avatar-name-color:#004dff;--phoenix-colored-link-100-hover-color:#e3e6ed;--phoenix-logo-text:#6e7891;--phoenix-theme-control-toggle-bg:rgba(255,204,133,0.24);--phoenix-theme-control-toggle-hover-bg:#e5780b;--phoenix-theme-control-toggle-color:#e5780b;--phoenix-theme-control-toggle-hover-color:#fff6e0;--phoenix-kanban-bg:#e3e6ed;--phoenix-kanban-column-bg:#f5f7fa;--phoenix-ghost-bg:var(--phoenix-gray-100);--phoenix-drag-bg:var(--phoenix-white);--phoenix-kanban-column-hover-bg:var(--phoenix-white)}.dark__bg-1000{background-color:#222834!important}.bg-1100{--phoenix-bg-opacity:1;background-color:rgba(var(--phoenix-1100-rgb),var(--phoenix-bg-opacity))!important}.list-unstyled{padding-left:0;list-style:none}.dark__text-300{color:#cbd0dd!important}.text-300{--phoenix-text-opacity:1;color:rgba(var(--phoenix-300-rgb),var(--phoenix-text-opacity))!important}.text-800{--phoenix-text-opacity:1;color:rgba(var(--phoenix-800-rgb),var(--phoenix-text-opacity))!important}.text-600{--phoenix-text-opacity:1;color:rgba(var(--phoenix-600-rgb),var(--phoenix-text-opacity))!important}.px-lg-7{padding-right:3rem!important;padding-left:3rem!important}.px-lg-8{padding-right:3.5rem!important;padding-left:3.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.gx-xxl-8{--phoenix-gutter-x:3.5rem}.container-small{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.border-800{--phoenix-border-color:rgba(var(--phoenix-800-rgb),var(--phoenix-border-opacity))}.gap-3{gap:1rem!important}.gap-xl-8{gap:3.5rem!important}.pe-xl-5{padding-right:2rem!important}.pe-xxl-8{padding-right:3.5rem!important}.w-md-100{width:100%!important}.d-sm-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.flex-between-center{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gap-8{gap:3.5rem!important}.dark__text-white{color:#fff!important}.text-800{--phoenix-text-opacity:1;color:rgba(var(--phoenix-800-rgb),var(--phoenix-text-opacity))!important}.Copyright{margin-left:120px!important}.Made{margin-left:750px!important}.line{margin-top:-40px;margin-left:110px;background:#f5f5f5;width:1200px;height:1px}.bg-soft-primary{background-color:#f5f8ff!important}.overflow-hidden{overflow:hidden!important}.position-absolute{position:absolute!important}@media (min-width:992px){section{padding-top:3.5rem;padding-bottom:3.5rem}}section{position:relative;padding-top:2.5rem;padding-bottom:2.5rem}.g-5,.gy-5{--phoenix-gutter-y:2rem}.absolute{position:absolute!important;top:350px!important}@media (max-width:575px){.absolute{top:400px!important}.line{margin-top:-40px!important;margin-left:10px!important}.Copyright{margin-top:-30px!important;margin-left:100px!important}.Made{margin-top:30px!important;margin-left:-150px!important}}.bg-soft-primary{background-color:#f5f8ff!important}.img256{width:500px;height:300px}@media (max-width:575px){.img256{height:200px!important}}.btn-blue{margin:auto;display:block;line-height:normal;stroke-width:1px;font-weight:800!important;font-size:16px!important;padding:13px 28px!important;border-radius:8px;border:none;color:#000;background-color:#007bff;border-color:#007bff;font-family:Montserrat,'sans-serif'!important;box-shadow:0 4px 6px rgba(50,50,93,.1),0 1px 3px rgba(0,0,0,.08)}.btn-blue:focus{box-shadow:2px 4px 6px rgba(31,219,94,.1)!important;border:4px solid #4f75ff!important}footer a:hover{color:#fff!important}.btn-outline-blue{border-color:#06f}.btn-blue:focus,.btn-blue:hover,.btn-outline-blue:hover{background:#044aa9!important;color:#fff}.h1-head{font-size:21px;font-style:normal;font-weight:600;line-height:32px;display:block;position:relative;top:90px;left:25px}.h2-head{font-family:Montserrat,sans-serif!important;font-weight:800;line-height:normal;font-size:35px;margin-left:20px}.h3-head{margin-bottom:20px;font-family:arial!important;font-size:20px!important;line-height:23px!important;color:#0a2753!important}.btn-2{margin-left:20px}.btn-3{line-height:normal;stroke-width:50px!important;font-weight:800!important;font-size:16px!important;font-family:Montserrat,'sans-serif'!important;margin-left:30px;margin-top:-20px}@media (max-width:575px){.h1-head{font-size:20px;position:relative;top:5px;left:4px}.h2-head{font-size:20px!important;margin-left:0!important;font-family:Montserrat,sans-serif!important}.btn-3{margin:auto!important;margin-top:-20px!important;margin-bottom:20px!important}}.sky iframe{width:600px!important;height:350px!important;border-radius:15px}@media (max-width:575px){.sky{margin-left:0;margin-top:-20px!important}.sky iframe{width:100%!important;height:220px!important}.card-bg{height:95%!important;margin-top:-350px!important}}.btn-outline-primary:hover{color:#0083ff!important}.foter-bg{transform:skewY(-8deg);background:linear-gradient(102.27deg,#38abff 4.69%,#3874ff 106.27%)}.card-bg{transform:skewY(-8deg);background-color:#f4f7ff!important;height:350px;margin-top:-300px}.wi-100{width:700px!important;margin:auto}.p-title{color:#333!important;line-height:28px;font-family:'Franklin Gothic Medium','Arial Narrow',Arial,sans-serif;margin-top:-20px!important;margin-bottom:20px!important;position:relative}.p-title2{width:1300px;padding-left:150px;color:#333!important;line-height:28px;font-family:'Franklin Gothic Medium','Arial Narrow',Arial,sans-serif;margin-top:-20px!important;margin-bottom:20px!important;position:relative}@media (max-width:1024px) and (min-width:575px){.sky{margin-top:100px!important}}@media (max-width:575px){.p-title2{width:100%!important;padding:10px!important}}.p-title3{font-weight:400;font-size:16px;line-height:23px;color:#31374a!important}.benefit-icon img{display:block;margin:auto;margin-top:-20px!important;width:100px}.card-bg3{border-radius:30px}.card-bg3 h2{margin-top:10px;color:606f85!important}.benefit-txt{margin-bottom:0;font-size:14px;font-weight:400;color:rgba(17,26,37,60%);line-height:1.6}.benefit-title{color:#111625;font-size:18px;line-height:normal;font-weight:700;margin:15px auto}.h3-collapsible{line-height:normal;font-size:20px}@media (max-width:575px){.h3-collapsible{line-height:normal;font-size:18px!important}}.fotic{font-size:28px}.breadcrumb{--bs-breadcrumb-padding-x:1rem;--bs-breadcrumb-padding-y:.5rem;--bs-breadcrumb-margin-bottom:1rem;--bs-breadcrumb-border-radius:.375rem;--bs-breadcrumb-divider-color:#6c757d;--bs-breadcrumb-item-padding-x:.5rem;--bs-breadcrumb-item-active-color:#3a57e8;display:flex;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius);margin-left:50px!important;width:auto!important;max-width:1420px}.Contact{position:relative;top:-100px!important}.breadcrumb-blog{margin-top:-100px!important;margin-bottom:100px;margin-left:-10px!important}@media (max-width:575px){.breadcrumb-blog{margin-top:-50px!important;margin-bottom:30px;margin-left:-10px!important}.snowimg{width:20px;height:20px}}.snowimg{width:120px;height:120px;position:absolute;top:520px;left:-60px}@media (max-width:575px){.breadcrumb-blog{margin-top:-50px!important;margin-bottom:30px;margin-left:-10px!important}.snowimg{display:none}}.mtn20{margin-top:-20px}.form-check:not(.form-switch) .form-check-input[type=checkbox]:checked{background:#004dff!important}.btn-606f85{width: 125px !important;color:#fff!important;background-image:linear-gradient(183deg,#4c4f5f,#4c4f5f)!important}.lang{display:block;margin-left:auto;margin-right:auto}@font-face{font-family:NucleoIcons;src:url(../fonts/nucleo-icons.eot);src:url(../fonts/nucleo-icons.eot) format("embedded-opentype"),url(../fonts/nucleo-icons.woff2) format("woff2"),url(../fonts/nucleo-icons.woff) format("woff"),url(../fonts/nucleo-icons.ttf) format("truetype"),url(../fonts/nucleo-icons.svg) format("svg");font-weight:400;font-style:normal}.ni{display:inline-block;font:normal normal normal 14px/1 NucleoIcons;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ni-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.ni-2x{font-size:2em}.ni-3x{font-size:3em}.ni-4x{font-size:4em}.ni-5x{font-size:5em}.ni.circle,.ni.square{padding:.33333333em;vertical-align:-16%;background-color:#eee}.ni.circle{border-radius:50%}.ni-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.ni-ul>li{position:relative}.ni-ul>li>.ni{position:absolute;left:-1.57142857em;top:.14285714em;text-align:center}.ni-ul>li>.ni.lg{top:0;left:-1.35714286em}.ni-ul>li>.ni.circle,.ni-ul>li>.ni.square{top:-.19047619em;left:-1.9047619em}.ni.spin{-webkit-animation:nc-spin 2s infinite linear;-moz-animation:nc-spin 2s infinite linear;animation:nc-spin 2s infinite linear}@-webkit-keyframes nc-spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes nc-spin{0%{-moz-transform:rotate(0)}100%{-moz-transform:rotate(360deg)}}@keyframes nc-spin{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.ni.rotate-90{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.ni.rotate-180{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.ni.rotate-270{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.ni.flip-y{-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.ni.flip-x{-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.ni-active-40::before{content:"\ea02"}.ni-air-baloon::before{content:"\ea03"}.ni-album-2::before{content:"\ea04"}.ni-align-center::before{content:"\ea05"}.ni-align-left-2::before{content:"\ea06"}.ni-ambulance::before{content:"\ea07"}.ni-app::before{content:"\ea08"}.ni-archive-2::before{content:"\ea09"}.ni-atom::before{content:"\ea0a"}.ni-badge::before{content:"\ea0b"}.ni-bag-17::before{content:"\ea0c"}.ni-basket::before{content:"\ea0d"}.ni-bell-55::before{content:"\ea0e"}.ni-bold-down::before{content:"\ea0f"}.ni-bold-left::before{content:"\ea10"}.ni-bold-right::before{content:"\ea11"}.ni-bold-up::before{content:"\ea12"}.ni-bold::before{content:"\ea13"}.ni-book-bookmark::before{content:"\ea14"}.ni-books::before{content:"\ea15"}.ni-box-2::before{content:"\ea16"}.ni-briefcase-24::before{content:"\ea17"}.ni-building::before{content:"\ea18"}.ni-bulb-61::before{content:"\ea19"}.ni-bullet-list-67::before{content:"\ea1a"}.ni-bus-front-12::before{content:"\ea1b"}.ni-button-pause::before{content:"\ea1c"}.ni-button-play::before{content:"\ea1d"}.ni-button-power::before{content:"\ea1e"}.ni-calendar-grid-58::before{content:"\ea1f"}.ni-camera-compact::before{content:"\ea20"}.ni-caps-small::before{content:"\ea21"}.ni-cart::before{content:"\ea22"}.ni-chart-bar-32::before{content:"\ea23"}.ni-chart-pie-35::before{content:"\ea24"}.ni-chat-round::before{content:"\ea25"}.ni-check-bold::before{content:"\ea26"}.ni-circle-08::before{content:"\ea27"}.ni-cloud-download-95::before{content:"\ea28"}.ni-cloud-upload-96::before{content:"\ea29"}.ni-compass-04::before{content:"\ea2a"}.ni-controller::before{content:"\ea2b"}.ni-credit-card::before{content:"\ea2c"}.ni-curved-next::before{content:"\ea2d"}.ni-delivery-fast::before{content:"\ea2e"}.ni-diamond::before{content:"\ea2f"}.ni-email-83::before{content:"\ea30"}.ni-fat-add::before{content:"\ea31"}.ni-fat-delete::before{content:"\ea32"}.ni-fat-remove::before{content:"\ea33"}.ni-favourite-28::before{content:"\ea34"}.ni-folder-17::before{content:"\ea35"}.ni-glasses-2::before{content:"\ea36"}.ni-hat-3::before{content:"\ea37"}.ni-headphones::before{content:"\ea38"}.ni-html5::before{content:"\ea39"}.ni-istanbul::before{content:"\ea3a"}.ni-key-25::before{content:"\ea3b"}.ni-laptop::before{content:"\ea3c"}.ni-like-2::before{content:"\ea3d"}.ni-lock-circle-open::before{content:"\ea3e"}.ni-map-big::before{content:"\ea3f"}.ni-mobile-button::before{content:"\ea40"}.ni-money-coins::before{content:"\ea41"}.ni-note-03::before{content:"\ea42"}.ni-notification-70::before{content:"\ea43"}.ni-palette::before{content:"\ea44"}.ni-paper-diploma::before{content:"\ea45"}.ni-pin-3::before{content:"\ea46"}.ni-planet::before{content:"\ea47"}.ni-ruler-pencil::before{content:"\ea48"}.ni-satisfied::before{content:"\ea49"}.ni-scissors::before{content:"\ea4a"}.ni-send::before{content:"\ea4b"}.ni-settings-gear-65::before{content:"\ea4c"}.ni-settings::before{content:"\ea4d"}.ni-single-02::before{content:"\ea4e"}.ni-single-copy-04::before{content:"\ea4f"}.ni-sound-wave::before{content:"\ea50"}.ni-spaceship::before{content:"\ea51"}.ni-square-pin::before{content:"\ea52"}.ni-support-16::before{content:"\ea53"}.ni-tablet-button::before{content:"\ea54"}.ni-tag::before{content:"\ea55"}.ni-tie-bow::before{content:"\ea56"}.ni-time-alarm::before{content:"\ea57"}.ni-trophy::before{content:"\ea58"}.ni-tv-2::before{content:"\ea59"}.ni-umbrella-13::before{content:"\ea5a"}.ni-user-run::before{content:"\ea5b"}.ni-vector::before{content:"\ea5c"}.ni-watch-time::before{content:"\ea5d"}.ni-world::before{content:"\ea5e"}.ni-zoom-split-in::before{content:"\ea5f"}.ni-collection::before{content:"\ea60"}.ni-image::before{content:"\ea61"}.ni-shop::before{content:"\ea62"}.ni-ungroup::before{content:"\ea63"}.ni-world-2::before{content:"\ea64"}.ni-ui-04::before{content:"\ea65"}@font-face{font-family:NucleoIcons;src:url(../fonts/nucleo-icons.eot);src:url(../fonts/nucleo-icons.eot) format("embedded-opentype"),url(../fonts/nucleo-icons.woff2) format("woff2"),url(../fonts/nucleo-icons.woff) format("woff"),url(../fonts/nucleo-icons.ttf) format("truetype"),url(../fonts/nucleo-icons.svg) format("svg");font-weight:400;font-style:normal}.ni{display:inline-block;font:normal normal normal 14px/1 NucleoIcons;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ni-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.ni-2x{font-size:2em}.ni-3x{font-size:3em}.ni-4x{font-size:4em}.ni-5x{font-size:5em}.ni.circle,.ni.square{padding:.33333333em;vertical-align:-16%;background-color:#eee}.ni.circle{border-radius:50%}.ni-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.ni-ul>li{position:relative}.ni-ul>li>.ni{position:absolute;left:-1.57142857em;top:.14285714em;text-align:center}.ni-ul>li>.ni.lg{top:0;left:-1.35714286em}.ni-ul>li>.ni.circle,.ni-ul>li>.ni.square{top:-.19047619em;left:-1.9047619em}.ni.spin{-webkit-animation:nc-spin 2s infinite linear;-moz-animation:nc-spin 2s infinite linear;animation:nc-spin 2s infinite linear}@-webkit-keyframes nc-spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes nc-spin{0%{-moz-transform:rotate(0)}100%{-moz-transform:rotate(360deg)}}@keyframes nc-spin{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.ni.rotate-90{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.ni.rotate-180{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.ni.rotate-270{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.ni.flip-y{-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.ni.flip-x{-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.ni-active-40::before{content:"\ea02"}.ni-air-baloon::before{content:"\ea03"}.ni-album-2::before{content:"\ea04"}.ni-align-center::before{content:"\ea05"}.ni-align-left-2::before{content:"\ea06"}.ni-ambulance::before{content:"\ea07"}.ni-app::before{content:"\ea08"}.ni-archive-2::before{content:"\ea09"}.ni-atom::before{content:"\ea0a"}.ni-badge::before{content:"\ea0b"}.ni-bag-17::before{content:"\ea0c"}.ni-basket::before{content:"\ea0d"}.ni-bell-55::before{content:"\ea0e"}.ni-bold-down::before{content:"\ea0f"}.ni-bold-left::before{content:"\ea10"}.ni-bold-right::before{content:"\ea11"}.ni-bold-up::before{content:"\ea12"}.ni-bold::before{content:"\ea13"}.ni-book-bookmark::before{content:"\ea14"}.ni-books::before{content:"\ea15"}.ni-box-2::before{content:"\ea16"}.ni-briefcase-24::before{content:"\ea17"}.ni-building::before{content:"\ea18"}.ni-bulb-61::before{content:"\ea19"}.ni-bullet-list-67::before{content:"\ea1a"}.ni-bus-front-12::before{content:"\ea1b"}.ni-button-pause::before{content:"\ea1c"}.ni-button-play::before{content:"\ea1d"}.ni-button-power::before{content:"\ea1e"}.ni-calendar-grid-58::before{content:"\ea1f"}.ni-camera-compact::before{content:"\ea20"}.ni-caps-small::before{content:"\ea21"}.ni-cart::before{content:"\ea22"}.ni-chart-bar-32::before{content:"\ea23"}.ni-chart-pie-35::before{content:"\ea24"}.ni-chat-round::before{content:"\ea25"}.ni-check-bold::before{content:"\ea26"}.ni-circle-08::before{content:"\ea27"}.ni-cloud-download-95::before{content:"\ea28"}.ni-cloud-upload-96::before{content:"\ea29"}.ni-compass-04::before{content:"\ea2a"}.ni-controller::before{content:"\ea2b"}.ni-credit-card::before{content:"\ea2c"}.ni-curved-next::before{content:"\ea2d"}.ni-delivery-fast::before{content:"\ea2e"}.ni-diamond::before{content:"\ea2f"}.ni-email-83::before{content:"\ea30"}.ni-fat-add::before{content:"\ea31"}.ni-fat-delete::before{content:"\ea32"}.ni-fat-remove::before{content:"\ea33"}.ni-favourite-28::before{content:"\ea34"}.ni-folder-17::before{content:"\ea35"}.ni-glasses-2::before{content:"\ea36"}.ni-hat-3::before{content:"\ea37"}.ni-headphones::before{content:"\ea38"}.ni-html5::before{content:"\ea39"}.ni-istanbul::before{content:"\ea3a"}.ni-key-25::before{content:"\ea3b"}.ni-laptop::before{content:"\ea3c"}.ni-like-2::before{content:"\ea3d"}.ni-lock-circle-open::before{content:"\ea3e"}.ni-map-big::before{content:"\ea3f"}.ni-mobile-button::before{content:"\ea40"}.ni-money-coins::before{content:"\ea41"}.ni-note-03::before{content:"\ea42"}.ni-notification-70::before{content:"\ea43"}.ni-palette::before{content:"\ea44"}.ni-paper-diploma::before{content:"\ea45"}.ni-pin-3::before{content:"\ea46"}.ni-planet::before{content:"\ea47"}.ni-ruler-pencil::before{content:"\ea48"}.ni-satisfied::before{content:"\ea49"}.ni-scissors::before{content:"\ea4a"}.ni-send::before{content:"\ea4b"}.ni-settings-gear-65::before{content:"\ea4c"}.ni-settings::before{content:"\ea4d"}.ni-single-02::before{content:"\ea4e"}.ni-single-copy-04::before{content:"\ea4f"}.ni-sound-wave::before{content:"\ea50"}.ni-spaceship::before{content:"\ea51"}.ni-square-pin::before{content:"\ea52"}.ni-support-16::before{content:"\ea53"}.ni-tablet-button::before{content:"\ea54"}.ni-tag::before{content:"\ea55"}.ni-tie-bow::before{content:"\ea56"}.ni-time-alarm::before{content:"\ea57"}.ni-trophy::before{content:"\ea58"}.ni-tv-2::before{content:"\ea59"}.ni-umbrella-13::before{content:"\ea5a"}.ni-user-run::before{content:"\ea5b"}.ni-vector::before{content:"\ea5c"}.ni-watch-time::before{content:"\ea5d"}.ni-world::before{content:"\ea5e"}.ni-zoom-split-in::before{content:"\ea5f"}.ni-collection::before{content:"\ea60"}.ni-image::before{content:"\ea61"}.ni-shop::before{content:"\ea62"}.ni-ungroup::before{content:"\ea63"}.ni-world-2::before{content:"\ea64"}.ni-ui-04::before{content:"\ea65"}input{font-size:15px!important}.login-with-google-btn{transition:background-color .3s,box-shadow .3s;padding:12px 16px 12px 42px;border:none;border-radius:3px;box-shadow:0 -1px 0 rgba(0,0,0,.04),0 1px 1px rgba(0,0,0,.25);color:#757575;font-size:14px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);background-color:#fff;background-repeat:no-repeat;background-position:12px 11px;width:30%!important}@media (max-width:575px){.login-with-google-btn{width:70%!important}}.login-with-google-btn:hover{box-shadow:0 -1px 0 rgba(0,0,0,.04),0 2px 4px rgba(0,0,0,.25);background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=)!important;background-repeat:no-repeat!important;background-color:#fff!important;background-position:12px 11px!important}.login-with-google-btn:active{background-color:#eee}.login-with-google-btn:focus{outline:0;box-shadow:0 -1px 0 rgba(0,0,0,.04),0 2px 4px rgba(0,0,0,.25),0 0 0 3px #c8dafc}.login-with-google-btn:disabled{filter:grayscale(100%);background-color:#ebebeb;box-shadow:0 -1px 0 rgba(0,0,0,.04),0 1px 1px rgba(0,0,0,.25);cursor:not-allowed}body::-webkit-scrollbar{width:7px}body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:25px}body::-webkit-scrollbar-thumb{background-image:linear-gradient(180deg,#28b2ff 0,#2990ff 100%)!important;border-radius:25px}ul{list-style:none}.example-2{display:flex;justify-content:center;align-items:center;margin-top:10px;margin-left:-70px}.example-2 .icon-content{margin:0 10px;position:relative}.example-2 .icon-content .tooltip{position:absolute;top:-30px;left:50%;transform:translateX(-50%);color:#fff;padding:6px 10px;border-radius:15px;opacity:0;visibility:hidden;font-size:14px;transition:all .3s ease}.example-2 .icon-content:hover .tooltip{opacity:1;visibility:visible;top:-50px}.example-2 .icon-content a{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:20%;color:#4d4d4d;background-color:#ffff;transition:all .3s ease-in-out}.example-2 .icon-content a:hover{box-shadow:3px 2px 45px 0 #000}.example-2 .icon-content a svg{position:relative;z-index:1;width:30px;height:30px}.example-2 .icon-content a:hover{color:#fff}.example-2 .icon-content a .filled{position:absolute;top:auto;bottom:0;left:0;width:100%;height:0;background-color:#000;transition:all .3s ease-in-out}.example-2 .icon-content a:hover .filled{height:100%}.example-2 .icon-content a[data-social="spotify"] .filled,.example-2 .icon-content a[data-social="spotify"] ~ .tooltip{background-color:#1db954}.example-2 .icon-content a[data-social="pinterest"] .filled,.example-2 .icon-content a[data-social="pinterest"] ~ .tooltip{background-color:#bd081c}.example-2 .icon-content a[data-social="dribbble"] .filled,.example-2 .icon-content a[data-social="dribbble"] ~ .tooltip{background-color:#ea4c89}.example-2 .icon-content a[data-social="telegram"] .filled,.example-2 .icon-content a[data-social="telegram"] ~ .tooltip{background-color:#08c}.mtn223{margin-top:-20px!important}.sky img{width:550px;height:550px}@media (max-width:575px){.sky img{display:none}.mtn222{margin-top:3px}.mtn223{margin-top:5px!important}.naLog{margin-top:-80px}}.p-title3{font-family:Montserrat,sans-serif!important;font-weight:500}.social_fix i{font-size:35px!important;margin-top:13px}.langing{margin-top:7px;margin-bottom:-10px!important;margin-left:20px !important}.newstep{width:7rem;height:5rem;margin-bottom:1rem!important;border-radius:31px!important}.media-lg{z-index:1;width:4rem;height:4rem;font-size:1.3333333333rem}.media-middle{display:inline-flex;align-items:center;justify-content:center}.media-circle{border-radius:50rem!important}.media{flex-shrink:0;width:3.25rem;height:3.25rem;overflow:hidden;color:#fff;font-size:1.0833333333rem;border-radius:.5rem}.fw-semibold{font-weight:600!important}.text-primary{color:#228aff!important}.newstep i{color:#fff}.theme-light-active .colorwhite{color:#000}.colorwhite{color:#fff}.newstep{width:7rem;height:5rem;margin-bottom:1rem!important;border-radius:31px!important}.media-lg{z-index:1;width:4rem;height:4rem;font-size:1.3333333333rem}.media-middle{display:inline-flex;align-items:center;justify-content:center}.media-circle{border-radius:12px!important}.media{flex-shrink:0;width:3.25rem;height:3.25rem;overflow:hidden;color:#fff;font-size:1.0833333333rem;border-radius:.5rem}.fw-semibold{font-weight:600!important}.mb-3{margin-bottom:1rem!important}.text-bg-primary-soft{color:#6e61f3!important;background-image:linear-gradient(183deg,#31a0ff,#06f);border-color:transparent;color:#6e61f3!important;background-color:#eeecfe!important;border-color:transparent}.nk-timeline-group{margin-top:220px!important}@media (max-width: 915px){.nk-timeline-group{margin-top:200px!important;margin-bottom:-180px!important}.nk-timeline-group-item{margin-bottom:170px!important}}@media (max-width:575px){.nk-timeline-group{margin-top:100px!important;margin-bottom:-80px!important;margin-left: -40px !important;}.nk-timeline-group-item{margin-bottom:60px!important}}.login-label-span{position:absolute;top:10px;left:380px!important;display:flex;align-items:center;background-image:linear-gradient(183deg,#31a0ff,#06f);color:#fff!important;height:30px;border-radius:10px;font-size:11px;padding:12px}.login-label-span a{color:#fff!important}@media (max-width: 1280px){.login-label-span{position:absolute;top:8px;left:320px!important}}@media (max-width: 915px){.login-label-span{position:absolute;top:8px;left:430px!important}#Login{margin-left:-30px!important}}@media (max-width:575px){.login-label-span{position:absolute;top:10px;left:190px!important}#Login{margin-left:0!important}}#block_72 .component_form_group .form-control{background-color:rgba(236,236,236,1);border-color:rgba(174,174,174,1);color:rgba(62,62,62,1);font-size:16px;font-weight:inherit;height:48px;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-style:solid;padding-left:12px;padding-right:12px;box-shadow:none;outline:none;border-width:0 0 2px}#Login{margin-top:-70px!important}@media (max-width:575px){#Login{margin-top:10px!important}}.logai{padding:20px;box-shadow:0 -3px 20px rgba(0,0,0,.1);border-radius:10px;background:#fff;  border-top: 3px solid #31a0ff;}.nlm{background:linear-gradient(to bottom,white 10%,#f4f7ff 90%)}.nlm2{background:#f4f7ff;margin-top:-20px}.login-pm{position:relative;padding:20px;box-shadow:0 -3px 20px rgba(0,0,0,.1);border-radius:10px;border-radius:15px;height:97px;width:auto;display:flex;align-items:center;justify-content:center}.login-pm img{width:60%}.login-pm:hover{border:1px solid #008cff}.quick-response-details{margin-bottom:4.6rem;overflow-x:hidden;padding:0 1.6rem}.quick-response-details__inner{padding-top:1.6rem;padding-bottom:4.8rem;position:relative;display:flex;gap:1.6rem}.quick-response-detail{box-shadow:0 -2px 20px rgba(0,0,0,.1);border-radius:10px;background-color:#fff;display:flex;align-items:center;position:relative;z-index:2;flex:1 1 0;padding:1.4rem;gap:1.4rem;border-width:1px;border-style:solid;border-color:#f5f5f5;border-image:initial;border-radius:1.2rem;width:30%}.quick-response-detail__img{width:54px;height:54px;background-image:linear-gradient(183deg,#31a0ff,#06f);display:flex;align-items:center;justify-content:center;border-radius:50%;color:#ffff}.quick-response-detail__content span:first-child{font-size:1.6rem;line-height:2.48rem;color:#02030e;font-weight:800}.quick-response-detail__content span:last-child{font-size:12px;line-height:1.872rem;color:var(--color-secondary);font-weight:400}@media (max-width: 1280px){.quick-response-detail__content span:first-child{font-size:1.4rem;line-height:2.48rem;color:#02030e;font-weight:800}.quick-response-detail{width:100%}.quick-response-details__inner{width:100%!important;flex-direction:column!important}}@media (max-width: 915px){.quick-response-detail__content span:first-child{font-size:1.4rem;line-height:2.48rem;color:#02030e;font-weight:800}.quick-response-detail{width:100%}.quick-response-details__inner{width:100%!important;flex-direction:column!important}}@media (max-width:575px){.quick-response-detail__content span:first-child{font-size:1.4rem;line-height:2.48rem;color:#02030e;font-weight:800}.quick-response-detail{width:100%}.quick-response-details__inner{width:100%!important;flex-direction:column!important}}.integration-fixed{position:fixed;z-index:10000000}.integration-fixed__top-left{top:0;left:0}.integration-fixed__top-right{top:0;right:0}.integration-fixed__bottom-left{bottom:0;left:0}.integration-fixed__bottom-right{bottom:0;right:0}.whatsapp-container{padding:24px}.whatsapp-button{width:60px;height:60px;bottom:40px;right:40px !;background-color:#0d6efd;color:#FFF!important;border-radius:50px;text-align:center;font-size:30px;box-shadow:2px 2px 3px #999;display:flex;align-items:center;justify-content:center;text-decoration:none!important;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;transform:scale(0.9)}.whatsapp-button:hover{transform:scale(1);background-color:#0d6efd}@media (max-width:575px){.mobile-app{margin-left:-215px !important;margin-top:100px !important;}}
.login-with-google-btn {
    transition: background-color .3s, box-shadow .3s;
    padding: 12px 16px 12px 82px;
    width: 50% !important;
    border: none;
    border-radius: 3px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
    color: #757575;
    font-size: 14px;
    font-weight: 500;
    margin: auto;
    display: flex;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
    background-color: white;
    background-repeat: no-repeat;
    background-position: 12px 11px;
    
    &:hover {
      box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .25);
    }
    
    &:active {
      background-color: #eeeeee;
    }
    
    &:focus {
      outline: none;
      box-shadow: 
        0 -1px 0 rgba(0, 0, 0, .04),
        0 2px 4px rgba(0, 0, 0, .25),
        0 0 0 3px #c8dafc;
    }
    
    &:disabled {
      filter: grayscale(100%);
      background-color: #ebebeb;
      box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
      cursor: not-allowed;
    }
  }
  
  @media (max-width: 575px){
    .login-with-google-btn {
        transition: background-color .3s, box-shadow .3s;
        padding: 12px 16px 12px 52px;
        width: 70% !important;
        margin: auto;
        display: flex;}
  }

  .image-drop{
    width: 20px; 
    float: left;
    margin-top: 3px;
    margin-right: 5px;
}

.theme-toggle-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background-color:#d7e6fd;color:#0a2753;border:none;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;min-height:40px;min-width:140px}.theme-toggle-btn:focus-visible{outline:2px solid #0066ff;outline-offset:2px}.theme-toggle-btn .theme-icon{font-size:16px;color:#0a2753;transition:color .2s ease}.theme-toggle-btn--compact{min-width:44px;min-height:44px;width:44px;height:44px;border-radius:15px;padding:0}.theme-toggle-btn--compact .theme-label{display:none}.hdMnIt--theme{display:flex;align-items:center}.hdMnIt--theme .theme-toggle-btn{background-color:rgba(0,131,255,.12);color:#0066ff;min-width:150px}.hdMnIt--theme .theme-toggle-btn .theme-icon{color:#0066ff}.theme-toggle-btn:hover{box-shadow:0 6px 12px rgba(31,66,135,.15);background-color:#c3d9ff}.theme-toggle-btn:active{box-shadow:0 3px 6px rgba(31,66,135,.2);transform:translateY(1px)}@media (max-width:991.98px){.theme-toggle-btn{min-width:48px;border-radius:15px;padding:0 12px}.theme-toggle-btn:not(.theme-toggle-btn--menu){width:44px;height:44px}.theme-toggle-btn:not(.theme-toggle-btn--menu) .theme-label{display:none}.theme-toggle-btn.theme-toggle-btn--menu{width:100%;justify-content:flex-start;padding:10px 16px;margin:0 auto}.theme-toggle-btn.theme-toggle-btn--menu .theme-label{display:inline}}@media (min-width:992px){.theme-toggle-btn.theme-toggle-btn--menu{justify-content:center}}
html.dark-mode body{background-color:#0f172a;color:#e2e8f0;transition:background-color .3s ease,color .3s ease}html.dark-mode .mobile-header{background-color:rgba(15,23,42,.94);border-bottom:1px solid rgba(148,163,184,.2)}html.dark-mode .menu-btn{background-color:#1e293b;color:#e2e8f0}html.dark-mode header{background-color:rgba(15,23,42,.88);box-shadow:0 -3px 20px rgba(2,6,23,.6)}@media (min-width:992px){html.dark-mode header{background-color:rgba(15,23,42,.7);border-bottom:1px solid rgba(148,163,184,.25);box-shadow:none}html.dark-mode header.hActive{background-color:rgba(15,23,42,.85)}}
html.dark-mode .hdMnLi{color:#cbd5f5}html.dark-mode .hdMnLi:hover,html.dark-mode .hdMnLi.active{color:#38bdf8}html.dark-mode .hdMnLi::after{background-color:#38bdf8}html.dark-mode .btn-606f85{background-image:linear-gradient(183deg,#1f2937,#1f2937)!important}
html.dark-mode .theme-toggle-btn{background-color:#1e293b;color:#e2e8f0}html.dark-mode .theme-toggle-btn .theme-icon{color:#facc15}html.dark-mode .hdMnIt--theme .theme-toggle-btn{background-color:rgba(59,130,246,.2)}
html.dark-mode .bacgroundbody,html.dark-mode .naHead,html.dark-mode .nlm2,html.dark-mode .naLog3,html.dark-mode .g-sidenav-show{background-image:none;background-color:#0f172a}
html.dark-mode .logai,html.dark-mode .card,html.dark-mode .box_card_darkmode,html.dark-mode .quick-response-detail,html.dark-mode .login-pm,html.dark-mode .country-item,html.dark-mode .country-boxes,html.dark-mode .payment_bx,html.dark-mode .productBox,html.dark-mode .lb{background-color:#1e293b;color:#e2e8f0;box-shadow:0 -3px 20px rgba(2,6,23,.6);border-color:rgba(51,65,85,.6)}html.dark-mode .quick-response-detail__img{background-image:linear-gradient(183deg,#38bdf8,#6366f1)}html.dark-mode .quick-response-detail__content span:first-child{color:#f8fafc}html.dark-mode .quick-response-detail__content span:last-child{color:#94a3b8}
html.dark-mode .p-title,html.dark-mode .p-title2,html.dark-mode .p-title3,html.dark-mode .naHdTx,html.dark-mode .benefit-txt,html.dark-mode .benefit-title,html.dark-mode .home-title,html.dark-mode .hpri-title,html.dark-mode .hpri-text,html.dark-mode .text-small,html.dark-mode .colorwhite,html.dark-mode .sbadge,html.dark-mode .h1-head,html.dark-mode .h2-head,html.dark-mode .h3-head{color:#e2e8f0!important}
html.dark-mode .text-gradient-info{-webkit-text-fill-color:unset;color:#38bdf8 !important;background:unset}
html.dark-mode .collapsible:after{color:#38bdf8}

html.dark-mode input,html.dark-mode .form-control{background-color:#0f172a!important;color:#e2e8f0!important;border-color:#1f2937!important}
html.dark-mode .form-control::placeholder{color:#94a3b8!important}
html.dark-mode .login-label-span{background-image:linear-gradient(183deg,#38bdf8,#6366f1);color:#0f172a!important}
html.dark-mode .links a{color:#38bdf8}
html.dark-mode .faq-section,html.dark-mode .nk-section,html.dark-mode section,html.dark-mode .quick-response-details{background-color:transparent !important;color:#e2e8f0 !important}
html.dark-mode .btn-blue{background-color:#2563eb;border-color:#2563eb;color:#f8fafc}
html.dark-mode .btn-blue:hover{background-color:#1d4ed8}
html.dark-mode footer,html.dark-mode .foter-bg{background:linear-gradient(102.27deg,#0f172a 4.69%,#1e293b 106.27%)}
html.dark-mode body a{color:#60a5fa}
html.dark-mode body::-webkit-scrollbar-thumb{background-image:linear-gradient(180deg,#38bdf8 0,#6366f1 100%)!important}
.image-drop2{
    width: 20px; 
    float: left;
    margin-top:3px;
    margin-right: 5px;
}

.float-list {
  list-style: none;
  padding: 0;
  overflow: hidden; /* برای رفع مشکل float */
  width: 270px;
  padding-top: 10px;
}

.float-list li {
  width: 50%;
  float: left; /* یا float: left بسته به جهت متن */
  box-sizing: border-box;
  padding: 5px;
}
.dropdown-item:hover,
.dropdown-item:focus {
      color: white !important;
  background-color:#0066ff !important;
}

.actives{
    color: #3a57e8 !important;
}
.breadcrumb-item a{
        color: black !important;
}

.mb-3 input{
  padding: 22px 12px !important;
}
.links a {
            color: #1e90ff;
            text-decoration: none;
            font-size: 0.9rem;
        }
        .links a:hover {
            text-decoration: underline;
        }
        .re{
          margin-top: 30px !important;
          margin-bottom: 100px !important;
          
        }
        @media (max-width: 992px) {
          .re{
          margin-top: -350px !important;
          margin-bottom: 150px !important;
        }
        }
        @media (max-width: 575px){
          .re{
          margin-top: -20px !important;
          margin-bottom: 150px !important;
        }
        }
        .sky{position: absolute;
        top: 180px;
      right:130px;
      flex: 0 0 auto;
      width: 37%;
    }
      @media (max-width: 992px) {
        .sky{position: relative !important;
          top: 0px;
        left:30px;
        flex: 0 0 auto;
        width: 100%;}
      }
      @media (max-width: 575px){
        .sky{position: relative !important;
          top: 0px;
          left:0px;
        right:0px;
        flex: 0 0 auto;
        width: 100%;}
      }

      .country-boxes {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
        background: #f4f7ff;
        border: 1px solid var(--color-8);
        border-radius: 25px;
        padding: 25px;
        margin-top: 35px;
        position: relative;
    }
    .country-boxes::before {
        content: "";
        position: absolute;
        top: -10px;
        left: -10px;
        width: calc(100% + 20px);
        height: calc(100% + 20px);
        background: #1e2739;
        border-radius: 25px;
        z-index: -1;
    }
    .country-item {
        display: flex;
        align-items: center;
        gap: 10px;
        background: #ffff;
        padding: 10px 15px;
        border-radius: 25px;
    }
    .country-flag {
      display: flex
  ;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      width: 50px;
      height: 50px;
      background:  #f4f7ff;
      border-radius: 100%;
      text-align: center;
      line-height: 50px;
  }
  .country-text {
    max-width: 350px;
}
.country-item h3 {
  font-size: 20px;
  color: var(--color-5);
  margin-bottom: 0;
}
.country-item span {
  font-size: 14px;
  line-height: 15px;
}
.country-flag img {
  width: 30px;
  height: 30px;
}


.card-app {
  background-image: -webkit-linear-gradient(307deg, var(--bs-primary), var(--bs-info));
  height: 200px;
  position: relative;
  border-radius: 25px;
  margin-top: 500px;
}
.card-app .img-app {
  position: absolute;
  bottom: 0;
  right: 24%;
  max-height: 525px;
  max-width: 250px;
  
}
@media (max-width: 575px){
  .card-app {
    height: 100px;
    position: relative;
    border-radius: 25px;
    margin-top: 500px;
  }
  .card-app .img-app {
    position: absolute;
    bottom: 0;
    right: 3%;
    max-height: 325px;
    max-width: 200px;
    
  }
}
.mobile-app-text {
  margin-top: -75px;
}
.mobile-app-img{
  width: 30% !important;
}
.steps-box {
  display: flex
;
  align-items: center;
  gap: 50px;
  background: #F9F9F9;
  padding: 25px;
  border-radius: 25px;
  margin-top: 50px;
}
.steps-box .steps-img {
  max-width: 60%;
}
.steps-box .steps-img img {
  max-width: 100%;
  border-radius: 25px;
}
.steps-box .steps-content {
  display: flex
;
  flex-direction: column;
  gap: 5px;
}
.steps-box .steps-item .s-text {
  background: #0083ff;
  padding: 5px 15px;
  color: #fff;
  border-radius: 100px 0 100px 0;
}
.steps-box .steps-item p {
  color: var(--color-5);
  margin-top: 10px;
}
.btn-tickets {
  border-radius: 25px;
  display: inline-flex
;
  align-items: center;
  gap: 14px;
  padding: 9px 9px 9px 30px;
  overflow: hidden;
  background-color: #169b47;
  color: white;
  text-decoration: none;
  transition: 0.14s 
ease;
}.btn-tickets .text {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -.03em;
  position: relative;
  z-index: 1004;
}
.btn-tickets .icon {
  display: flex
;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  position: relative;
}
.btn-tickets .icon .icon-ri {
  z-index: 1003;
}

.pnskvnk{
  margin-top: 70px;
}
@media (max-width: 575px){
  .pnskvnk{
    margin-top: 10px !important;
  }
  .mobile-app-img{
    margin-top: 30px !important;
  }
}
@media (max-width: 991.98px) {
  .steps-box {
      flex-direction: column;
      margin-top: 0;
  }
}
@media (max-width: 991.98px) {
  .steps-box .steps-img {
      max-width: 100%;
  }
}
@media (max-width: 991.98px) {
  .steps-box .steps-content {
      align-items: center;
      justify-content: center;
      text-align: center;
  }
}

@media (max-width: 991.98px) {
  .help-content a {
      max-width: 100%;
  }
}

.help-content a {
  display: flex;
  align-items: center;
  background: var(--color-1);
  color: black;
  border: 1px solid black;
  border-radius: 100px;
  font-weight: 600;
  gap: 10px;
  padding: 5px;
  margin-bottom: 10px;
  max-width: 300px;
  transition: 150ms all;
  margin-left: auto;
  margin-right: auto;
  
}
.help-content a i {
  display: flex
;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 32px;
  height: 32px;
  background: #326cec  !important;
  color: white;
  border-radius: 100px;
}
.help-content a:hover {
	background: #326cec;
	border: 1px solid  #326cec ;
	transition: 150ms all
}

input
 {
    width: 100%;
    border: 2px solid #CCC;
    background: #f7fafc !important;
    margin: 0 0 5px;
    padding: 13px;
    border-radius: 5px;
    font-size: 15px;
}

.theme-toggle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background-color: #d7e6fd;
  color: #0a2753;
  border: none;
  border-radius: 999px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: background-color .2s ease, color .2s ease, box-shadow .2s ease;
  min-height: 40px;
  min-width: 140px;
}

.theme-toggle-btn:focus-visible {
  outline: 2px solid #0066ff;
  outline-offset: 2px;
}

.theme-toggle-btn .theme-icon {
  font-size: 16px;
  color: #0a2753;
  transition: color .2s ease;
}

.theme-toggle-btn--compact {
  min-width: 44px;
  min-height: 44px;
  width: 44px;
  height: 44px;
  border-radius: 15px;
  padding: 0;
}

.theme-toggle-btn--compact .theme-label {
  display: none;
}

.hdMnIt--theme {
  display: flex;
  align-items: center;
}

.hdMnIt--theme .theme-toggle-btn {
  background-color: rgba(0, 131, 255, .12);
  color: #0066ff;
  min-width: 150px;
}

.hdMnIt--theme .theme-toggle-btn .theme-icon {
  color: #0066ff;
}

.theme-toggle-btn:hover {
  box-shadow: 0 6px 12px rgba(31, 66, 135, .15);
  background-color: #c3d9ff;
}

.theme-toggle-btn:active {
  box-shadow: 0 3px 6px rgba(31, 66, 135, .2);
  transform: translateY(1px);
}

@media (max-width: 991.98px) {
  .theme-toggle-btn {
    min-width: 48px;
    border-radius: 15px;
    padding: 0 12px;
  }

  .theme-toggle-btn:not(.theme-toggle-btn--menu) {
    width: 44px;
    height: 44px;
  }

  .theme-toggle-btn:not(.theme-toggle-btn--menu) .theme-label {
    display: none;
  }

  .theme-toggle-btn.theme-toggle-btn--menu {
    width: 100%;
    justify-content: flex-start;
    padding: 10px 16px;
    margin: 0 auto;
  }

  .theme-toggle-btn.theme-toggle-btn--menu .theme-label {
    display: inline;
  }
}

@media (min-width: 992px) {
  .theme-toggle-btn.theme-toggle-btn--menu {
    justify-content: center;
  }
}

html.dark-mode body {
  background-color: #0f172a;
  color: #e2e8f0;
  transition: background-color .3s ease, color .3s ease;
}

html.dark-mode .mobile-header {
  background-color: rgba(15, 23, 42, .94);
  border-bottom: 1px solid rgba(148, 163, 184, .2);
}

html.dark-mode .menu-btn {
  background-color: #1e293b;
  color: #e2e8f0;
}

html.dark-mode header {
  background-color: rgba(15, 23, 42, .88);
  box-shadow: 0 -3px 20px rgba(2, 6, 23, .6);
}

@media (min-width: 992px) {
  html.dark-mode header {
    background-color: rgba(15, 23, 42, .7);
    border-bottom: 1px solid rgba(148, 163, 184, .25);
    box-shadow: none;
  }

  html.dark-mode header.hActive {
    background-color: rgba(15, 23, 42, .85);
  }
}

html.dark-mode .hdMnLi {
  color: #cbd5f5;
}

html.dark-mode .hdMnLi:hover,
html.dark-mode .hdMnLi.active {
  color: #38bdf8;
}

html.dark-mode .hdMnLi::after {
  background-color: #38bdf8;
}

html.dark-mode .btn-606f85 {
  background-image: linear-gradient(183deg, #1f2937, #1f2937) !important;
}

html.dark-mode .theme-toggle-btn {
  background-color: #1e293b;
  color: #e2e8f0;
}

html.dark-mode .theme-toggle-btn .theme-icon {
  color: #facc15;
}

html.dark-mode .hdMnIt--theme .theme-toggle-btn {
  background-color: rgba(59, 130, 246, .2);
}

html.dark-mode .bacgroundbody,
html.dark-mode .naHead,
html.dark-mode .nlm,
html.dark-mode .nlm2,
html.dark-mode .naLog2,
html.dark-mode .naLog3,
html.dark-mode .g-sidenav-show {
  background-image: none;
  background-color: #0f172a;
}

html.dark-mode .logai,
html.dark-mode .card,
html.dark-mode .box_card_darkmode,
html.dark-mode .quick-response-detail,
html.dark-mode .collapsible,
html.dark-mode .content,
html.dark-mode .login-pm,
html.dark-mode .country-item,
html.dark-mode .country-boxes,
html.dark-mode .payment_bx,
html.dark-mode .productBox,
html.dark-mode .lb {
  background-color: #1e293b;
  color: #e2e8f0;
  box-shadow: 0 -3px 20px rgba(2, 6, 23, .6);
  border-color: rgba(51, 65, 85, .6);
  
}
html.dark-mode .logai{
  border-top: 3px solid #31a0ff;
}


html.dark-mode .quick-response-detail__content span:first-child {
  color: #f8fafc;
}

html.dark-mode .quick-response-detail__content span:last-child {
  color: #94a3b8;
}

html.dark-mode .p-title,
html.dark-mode .p-title2,
html.dark-mode .p-title3,
html.dark-mode .naHdTx,
html.dark-mode .benefit-txt,
html.dark-mode .benefit-title,
html.dark-mode .home-title,
html.dark-mode .hpri-title,
html.dark-mode .hpri-text,
html.dark-mode .text-small,
html.dark-mode .colorwhite,
html.dark-mode .sbadge,
html.dark-mode .h1-head,
html.dark-mode .h2-head,
html.dark-mode .h3-head {
  color: #e2e8f0 !important;
}

html.dark-mode .text-gradient-info {
  -webkit-text-fill-color: unset;
  color: #38bdf8 !important;
  background: unset;
}

html.dark-mode .collapsible:after {
  color: #38bdf8;
}

html.dark-mode .gnyFAQs .content {
  background-color: #111827;
  color: #e2e8f0;
  box-shadow: 0 -3px 20px rgba(2, 6, 23, .6);
}

html.dark-mode input,
html.dark-mode .form-control {
  background-color: #0f172a !important;
  color: #e2e8f0 !important;
  border-color: #1f2937 !important;
}

html.dark-mode .form-control::placeholder {
  color: #94a3b8 !important;
}

html.dark-mode .login-label-span {
  background-image: linear-gradient(183deg, #38bdf8, #6366f1);
  color: #0f172a !important;
}

html.dark-mode .links a {
  color: #38bdf8;
}

html.dark-mode .faq-section,
html.dark-mode .nk-section,
html.dark-mode section,
html.dark-mode .quick-response-details {
  background-color: transparent !important;
  color: #e2e8f0;
}

html.dark-mode .btn-blue {
  background-color: #2563eb;
  border-color: #2563eb;
  color: #f8fafc;
}

html.dark-mode .btn-blue:hover {
  background-color: #1d4ed8;
}

html.dark-mode footer,
html.dark-mode .foter-bg {
  background: linear-gradient(102.27deg, #0f172a 4.69%, #1e293b 106.27%);
}

html.dark-mode body a {
  color: #60a5fa;
}

html.dark-mode body::-webkit-scrollbar-thumb {
  background-image: linear-gradient(180deg, #38bdf8 0%, #6366f1 100%) !important;
}

.dropdown-menu:not(.hdMnApiDropdown){
  margin-left: -100px !important;
}

.hdMnApiDropdown {
  margin-left: 0 !important;
}

/* Fix dropdown menu for mobile devices */
@media (max-width: 991.98px) {
  .dropdown-menu.dropdown-menu-end.float-list {
    margin-left: 0 !important;
    right: -130px !important;
    left: auto !important;
    max-width: calc(100vw - 20px);
    width: auto;
    min-width: 200px;
  }
  
  .float-list {
    width: auto !important;
    max-width: calc(100vw - 20px);
  }
  
  .float-list li {
    width: 50% !important;
    float: left !important;
  }
}

@media (max-width: 576px) {
  .dropdown-menu.dropdown-menu-end.float-list {
    margin-left: 0 !important;
    left: 90px !important;
    left: auto !important;
    width: auto !important;
    max-width: calc(100vw - 20px);
    min-width: 250px;
  }
  
  .float-list {
    width: auto !important;
    padding: 10px 0 !important;
  }
  
  .float-list li {
    width: 50% !important;
    float: left !important;
    padding: 8px 10px !important;
  }
}

@media (max-width: 991.98px) {
  .faq-wrapper {
      grid-template-columns: 1fr;
      gap: 5px;
      margin-top: 25px;
  }
}

.faq-wrapper {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 5px;
  margin-top: 50px;
}
.faq-wrapper .faq-item {
  position: relative;
  cursor: pointer;
  background: var(--color-1);
  border: 1px solid var(--color-8);
  width: 100%;
  height: max-content;
  margin-bottom: 0;
}
.faq-wrapper .faq-item {
  -webkit-transition: .2s 
ease;
  transition: .2s 
ease;
  background-color: var(--color-1);
  color: var(--color-5);
  border-radius: 10px;
}
.faq-wrapper .faq-item .faq-head, .faq-wrapper .faq-item .faq-head h3 {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-5);
  padding: 10px;
  margin-bottom: 0;
  line-height: 18px;
}
.faq-wrapper .faq-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.faq-wrapper .faq-item .faq-arrow {
  color: var(--color-3);
  font-size: 14px;
  height: 30px;
  line-height: 30px;
}
.faq-wrapper .faq-item .faq-content {
  display: none;
  padding-top: 12px;
  background: var(--color-1);
  border-radius: 0 0 10px 10px;
  padding: 10px 20px;
  color: var(--color-3);
  font-size: 14px;
  padding-bottom: 8px;
}
.faq-wrapper .faq-item .faq-content {
  background: var(--color-1);
  padding: 10px;
}



.accordion-item{
  width: 750px !important;
  margin-left: -100px;
}
@media (max-width: 575px){
  .accordion-item{
      width: 350px !important;
      margin-left: 0px;
  }
}
@media (max-width: 992px) {
  .accordion-item{
      width: 700px !important;
      margin-left: -100px;
  }
}
.accordion {
  --bs-accordion-color: var(--bs-body-color);
}
.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color 0.15s 
ease-in-out, background-color 0.15s 
ease-in-out, border-color 0.15s 
ease-in-out, box-shadow 0.15s 
ease-in-out, border-radius 0.15s 
ease;
  --bs-accordion-border-color: rgba(0, 0, 0, 0.125);
  --bs-accordion-border-width: 1px;
  --bs-accordion-border-radius: 0.5rem;
  --bs-accordion-inner-border-radius: calc(0.5rem - 1px);
  --bs-accordion-btn-padding-x: 1.5rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-body-color%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s 
ease-in-out;
  --bs-accordion-btn-active-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-primary%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
  --bs-accordion-btn-focus-border-color: var(--bs-primary);
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-body-padding-x: 1.5rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}
.accordion-item:first-of-type {
  -webkit-border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-left-radius: var(--bs-accordion-border-radius);
  -webkit-border-top-right-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
@media (max-width: 992px) {
  .accordion-item {
      width: 700px !important;
      margin-left: -100px;
  }
}
.accordion-item {
  width: 750px !important;
  margin-left: -100px;
}
.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion .accordion-item .accordion-header {
  -webkit-border-radius: .6rem;
  border-radius: .6rem;
}
.accordion-header {
  margin-bottom: 0;
  background: #003cc7;
}
.accordion-item:first-of-type .accordion-button {
  -webkit-border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  -webkit-border-top-right-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  -webkit-box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) {
  cursor: pointer;
}
.accordion-button {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  overflow-anchor: none;
  -webkit-transition: var(--bs-accordion-transition);
  -o-transition: var(--bs-accordion-transition);
  transition: var(--bs-accordion-transition);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  -webkit-transform: var(--bs-accordion-btn-icon-transform);
  -ms-transform: var(--bs-accordion-btn-icon-transform);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  -webkit-background-size: var(--bs-accordion-btn-icon-width) var(--bs-accordion-btn-icon-width);
  background-size: var(--bs-accordion-btn-icon-width);
  -webkit-transition: var(--bs-accordion-btn-icon-transition);
  -o-transition: var(--bs-accordion-btn-icon-transition);
  transition: var(--bs-accordion-btn-icon-transition);
}
*, *::before, *::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}



html.dark-mode .collapsible{
  background:rgba(17,24,39,.92);
  border-color:rgba(99,102,241,.35);
  box-shadow:0 26px 60px rgba(2,6,23,.65);
  color:#e2e8f0;
}
html.dark-mode .collapsible::before{
  background:linear-gradient(120deg,rgba(56,189,248,.55),rgba(99,102,241,.5),rgba(129,140,248,.45));
}
html.dark-mode .collapsible::after{
  background:linear-gradient(135deg,#38bdf8,#6366f1);
  box-shadow:0 18px 38px rgba(56,189,248,.45);
  color:#0f172a;
}
html.dark-mode .collapsible.active{
  border-color:rgba(99,102,241,.55);
  box-shadow:0 34px 72px rgba(15,23,42,.65);
}
html.dark-mode .content{
  background:rgba(17,24,39,.92);
  border-color:rgba(99,102,241,.18);
  box-shadow:0 26px 55px rgba(2,6,23,.55);
  color:#d1d5f0!important;
}
html.dark-mode .content p{
  color:inherit!important;
}


/* Enhanced naLog3 section */
.naLog3 {
  position: relative;
  margin-top: -80px !important;
  background: linear-gradient(180deg, #f6f9ff 0%, #eef3ff 100%);
  overflow: hidden;
  padding: 20px 0 10px;
}

.naLog3::before,
.naLog3::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  filter: blur(0);
  opacity: 0.55;
  pointer-events: none;
  mix-blend-mode: screen;
}

.naLog3::before {
  width: 460px;
  height: 460px;
  background: radial-gradient(circle at center, rgba(79, 130, 255, 0.32) 0%, rgba(79, 130, 255, 0) 70%);
  top: -120px;
  left: -120px;
}

.naLog3::after {
  width: 520px;
  height: 520px;
  background: radial-gradient(circle at center, rgba(20, 184, 166, 0.28) 0%, rgba(20, 184, 166, 0) 70%);
  right: -180px;
  bottom: -160px;
}

.naLog3 .container {
  position: relative;
  z-index: 1;
}

.naLog3 img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  filter: drop-shadow(0 40px 70px rgba(15, 41, 92, 0.16));
  transform: translateY(0);
  transition: transform 0.5s ease;
}

.naLog3 .bx_sec {
  background: rgba(255, 255, 255, 0.92);
  border-radius: 34px;
  padding: 48px 44px;
  box-shadow: 0 38px 110px rgba(15, 41, 92, 0.15);
  border: 1px solid rgba(79, 130, 255, 0.14);
  backdrop-filter: blur(14px);
  position: relative;
  overflow: hidden;
  transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
}

.naLog3 .bx_sec::before {
  content: "";
  position: absolute;
  inset: -120px 40% auto -120px;
  height: 320px;
  background: linear-gradient(120deg, rgba(49, 160, 255, 0.35), rgba(111, 69, 255, 0.25));
  filter: blur(140px);
  opacity: 0.8;
  pointer-events: none;
}

.naLog3 .bx_sec:hover {
  transform: translateY(-12px);
  box-shadow: 0 46px 120px rgba(15, 41, 92, 0.22);
  border-color: rgba(79, 130, 255, 0.28);
}

.naLog3 h2 {
  font-size: 38px;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}

.naLog3 .p-title3 {
  font-size: 18px;
  line-height: 1.8;
  color: #475569 !important;
  margin-bottom: 0;
}

.naLog3 .bx_sec .gradient-marker {
  display: inline-block;
  padding: 10px 22px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(49, 160, 255, 0.16), rgba(111, 69, 255, 0.22));
  color: #2563eb;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-size: 13px;
  margin-bottom: 22px;
}

.naLog3 .row {
  row-gap: 40px;
}

.naLog3 .col-lg-6:first-child {
  position: relative;
}

.naLog3 .col-lg-6:first-child::after {
  content: "";
  position: absolute;
  inset: 15% -10% -18% 20%;
  background: radial-gradient(circle at center, rgba(49, 160, 255, 0.22) 0%, rgba(49, 160, 255, 0) 72%);
  z-index: -1;
  filter: blur(40px);
}

.naLog3 .col-lg-6:first-child:hover img {
  transform: translateY(-8px);
}

html.dark-mode .naLog3 {
  background: linear-gradient(180deg, #0b1224 0%, #101b32 100%);
}

html.dark-mode .naLog3::before {
  background: radial-gradient(circle at center, rgba(56, 189, 248, 0.35) 0%, rgba(56, 189, 248, 0) 70%);
  opacity: 0.6;
}

html.dark-mode .naLog3::after {
  background: radial-gradient(circle at center, rgba(94, 234, 212, 0.28) 0%, rgba(94, 234, 212, 0) 70%);
  opacity: 0.55;
}

html.dark-mode .naLog3 .bx_sec {
  background: rgba(15, 23, 42, 0.85);
  border-color: rgba(56, 189, 248, 0.25);
  box-shadow: 0 46px 120px rgba(2, 6, 23, 0.55);
  color: #e2e8f0;
}

html.dark-mode .naLog3 h2 {
  color: #f8fafc !important;
}

html.dark-mode .naLog3 .p-title3 {
  color: #cbd5f5 !important;
}

html.dark-mode .naLog3 .bx_sec .gradient-marker {
  background: linear-gradient(135deg, rgba(14, 165, 233, 0.2), rgba(129, 140, 248, 0.25));
  color: #38bdf8;
}

@media (max-width: 1199.98px) {
  .naLog3 {
    padding: 90px 0 110px;
  }

  .naLog3 h2 {
    font-size: 34px;
  }

  .naLog3 .bx_sec {
    padding: 44px 36px;
  }
}

@media (max-width: 991.98px) {
  .naLog3 {
    padding: 80px 0 90px;
  }

  .naLog3 .row {
    text-align: center;
  }

  .naLog3 .bx_sec {
    margin: 0 auto;
    max-width: 580px;
  }

  .naLog3 .col-lg-6:first-child::after {
    inset: 20% 0 -10% 0;
  }
}

@media (max-width: 575px) {
  .naLog3 {
    padding: 70px 0 80px;
  }

  .naLog3 h2 {
    font-size: 28px;
  }

  .naLog3 .bx_sec {
    padding: 36px 28px;
    border-radius: 28px;
  }

  .naLog3 .p-title3 {
    font-size: 16px;
  }
}

/* Enhanced naLog2 section - خفن‌تر کردن */
.naLog2 {
  position: relative;
  margin-top: -10px;
  padding: 100px 0 10px;
  background: linear-gradient(180deg, #ffffff 0%, #f4f7ff 50%, #eef3ff 100%);
  overflow: hidden;
}

.naLog2::before,
.naLog2::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.6;
  pointer-events: none;
  z-index: 0;
}

.naLog2::before {
  width: 600px;
  height: 600px;
  background: radial-gradient(circle at center, rgba(49, 160, 255, 0.4) 0%, rgba(49, 160, 255, 0) 70%);
  top: -200px;
  left: -200px;
  animation: float 20s ease-in-out infinite;
}

.naLog2::after {
  width: 500px;
  height: 500px;
  background: radial-gradient(circle at center, rgba(111, 69, 255, 0.35) 0%, rgba(111, 69, 255, 0) 70%);
  bottom: -150px;
  right: -150px;
  animation: float 25s ease-in-out infinite reverse;
}

@keyframes float {
  0%, 100% {
    transform: translate(0, 0) scale(1);
  }
  50% {
    transform: translate(30px, -30px) scale(1.1);
  }
}

.naLog2 .container {
  position: relative;
  z-index: 1;
}

.naLog2 .tit_sec {
  margin-bottom: 60px;
  position: relative;
}

.naLog2 .home-title {
  position: relative;
  display: inline-block;
}


/* Timeline Group Enhanced */
.nk-timeline-group {
  position: relative;
  margin-top: 80px !important;
  padding: 40px 0;
}

.nk-timeline-group::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, 
    transparent 0%, 
    rgba(49, 160, 255, 0.3) 20%, 
    rgba(49, 160, 255, 0.6) 50%, 
    rgba(111, 69, 255, 0.6) 50%, 
    rgba(111, 69, 255, 0.3) 80%, 
    transparent 100%);
  transform: translateY(-50%);
  z-index: 0;
  border-radius: 2px;
}

.nk-timeline-group-item {
  position: relative;
  z-index: 1;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.nk-timeline-group-item:hover {
  transform: translateY(-15px);
}

.nk-timeline-group-content {
  position: relative;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 24px;
  padding: 35px 25px;
  box-shadow: 0 20px 60px rgba(15, 41, 92, 0.12),
              0 0 0 1px rgba(49, 160, 255, 0.08);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  backdrop-filter: blur(10px);
  overflow: hidden;
}

.nk-timeline-group-content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #31a0ff, #6f45ff);
  opacity: 0;
  transition: opacity 0.4s ease;
}

.nk-timeline-group-item:hover .nk-timeline-group-content {
  box-shadow: 0 30px 80px rgba(15, 41, 92, 0.2),
              0 0 0 1px rgba(49, 160, 255, 0.2),
              0 0 40px rgba(49, 160, 255, 0.15);
  transform: scale(1.02);
}

.nk-timeline-group-item:hover .nk-timeline-group-content::before {
  opacity: 1;
}

/* Enhanced Step Icons */
.newstep {
  width: 7rem !important;
  height: 7rem !important;
  margin: 0 auto 1.5rem !important;
  border-radius: 24px !important;
  background: linear-gradient(135deg, #31a0ff 0%, #6f45ff 100%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative;
  box-shadow: 0 15px 40px rgba(49, 160, 255, 0.35),
              0 0 0 0 rgba(49, 160, 255, 0.4);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  animation: pulse-glow 3s ease-in-out infinite;
}

@keyframes pulse-glow {
  0%, 100% {
    box-shadow: 0 15px 40px rgba(49, 160, 255, 0.35),
                0 0 0 0 rgba(49, 160, 255, 0.4);
  }
  50% {
    box-shadow: 0 20px 50px rgba(49, 160, 255, 0.5),
                0 0 0 8px rgba(49, 160, 255, 0);
  }
}

.newstep::before {
  content: "";
  position: absolute;
  inset: -3px;
  border-radius: 24px;
  background: linear-gradient(135deg, #31a0ff, #6f45ff, #31a0ff);
  background-size: 200% 200%;
  opacity: 0;
  z-index: -1;
  filter: blur(8px);
  transition: opacity 0.4s ease;
  animation: gradient-rotate 3s linear infinite;
}

@keyframes gradient-rotate {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.nk-timeline-group-item:hover .newstep {
  transform: scale(1.1) rotate(5deg);
  box-shadow: 0 25px 60px rgba(49, 160, 255, 0.5),
              0 0 0 0 rgba(49, 160, 255, 0.6);
}

.nk-timeline-group-item:hover .newstep::before {
  opacity: 0.6;
}

.newstep i {
  font-size: 2.5rem;
  color: #fff !important;
  position: relative;
  z-index: 1;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
  transition: transform 0.4s ease;
}

.nk-timeline-group-item:hover .newstep i {
  transform: scale(1.15) rotate(-5deg);
}

/* Step Labels */
.nk-timeline-group-content span.fs-14 {
  display: inline-block;
  padding: 6px 16px;
  background: linear-gradient(135deg, rgba(49, 160, 255, 0.1), rgba(111, 69, 255, 0.1));
  border-radius: 20px;
  color: #2563eb !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 12px;
  border: 1px solid rgba(49, 160, 255, 0.2);
  transition: all 0.3s ease;
}

.nk-timeline-group-item:hover .nk-timeline-group-content span.fs-14 {
  background: linear-gradient(135deg, rgba(49, 160, 255, 0.2), rgba(111, 69, 255, 0.2));
  border-color: rgba(49, 160, 255, 0.4);
  transform: scale(1.05);
}

/* Step Titles */
.nk-timeline-group-content h3 {
  font-size: 24px !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  background: linear-gradient(135deg, #0f172a, #1e293b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  transition: all 0.3s ease;
}

.nk-timeline-group-item:hover .nk-timeline-group-content h3 {
  background: linear-gradient(135deg, #31a0ff, #6f45ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Step Descriptions */
.nk-timeline-group-content p.fs-16 {
  color: #64748b !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  margin-bottom: 0;
  transition: color 0.3s ease;
}

.nk-timeline-group-item:hover .nk-timeline-group-content p.fs-16 {
  color: #475569 !important;
}

/* Dark Mode Styles */
html.dark-mode .naLog2 {
  background: linear-gradient(180deg, #0f172a 0%, #1e293b 50%, #0b1224 100%);
}

html.dark-mode .naLog2::before {
  background: radial-gradient(circle at center, rgba(56, 189, 248, 0.4) 0%, rgba(56, 189, 248, 0) 70%);
}

html.dark-mode .naLog2::after {
  background: radial-gradient(circle at center, rgba(129, 140, 248, 0.35) 0%, rgba(129, 140, 248, 0) 70%);
}

html.dark-mode .nk-timeline-group::before {
  background: linear-gradient(90deg, 
    transparent 0%, 
    rgba(56, 189, 248, 0.3) 20%, 
    rgba(56, 189, 248, 0.6) 50%, 
    rgba(129, 140, 248, 0.6) 50%, 
    rgba(129, 140, 248, 0.3) 80%, 
    transparent 100%);
}

html.dark-mode .nk-timeline-group-content {
  background: rgba(15, 23, 42, 0.85);
  box-shadow: 0 20px 60px rgba(2, 6, 23, 0.4),
              0 0 0 1px rgba(56, 189, 248, 0.15);
  border: 1px solid rgba(51, 65, 85, 0.5);
}

html.dark-mode .nk-timeline-group-item:hover .nk-timeline-group-content {
  box-shadow: 0 30px 80px rgba(2, 6, 23, 0.6),
              0 0 0 1px rgba(56, 189, 248, 0.3),
              0 0 40px rgba(56, 189, 248, 0.2);
}

html.dark-mode .newstep {
  background: linear-gradient(135deg, #38bdf8 0%, #818cf8 100%) !important;
  box-shadow: 0 15px 40px rgba(56, 189, 248, 0.35),
              0 0 0 0 rgba(56, 189, 248, 0.4);
}

html.dark-mode .newstep::before {
  background: linear-gradient(135deg, #38bdf8, #818cf8, #38bdf8);
}

html.dark-mode .nk-timeline-group-item:hover .newstep {
  box-shadow: 0 25px 60px rgba(56, 189, 248, 0.5),
              0 0 0 0 rgba(56, 189, 248, 0.6);
}

html.dark-mode .nk-timeline-group-content span.fs-14 {
  background: linear-gradient(135deg, rgba(56, 189, 248, 0.15), rgba(129, 140, 248, 0.15));
  color: #38bdf8 !important;
  border-color: rgba(56, 189, 248, 0.3);
}

html.dark-mode .nk-timeline-group-content h3 {
  background: linear-gradient(135deg, #f8fafc, #e2e8f0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

html.dark-mode .nk-timeline-group-item:hover .nk-timeline-group-content h3 {
  background: linear-gradient(135deg, #38bdf8, #818cf8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

html.dark-mode .nk-timeline-group-content p.fs-16 {
  color: #94a3b8 !important;
}

html.dark-mode .nk-timeline-group-item:hover .nk-timeline-group-content p.fs-16 {
  color: #cbd5f5 !important;
}

html.dark-mode .naLog2 .home-title::after {
  background: linear-gradient(90deg, transparent, #38bdf8, #818cf8, transparent);
}

/* Responsive Styles */
@media (max-width: 1199.98px) {
  .naLog2 {
    padding: 80px 0 100px;
  }
  
  .nk-timeline-group {
    margin-top: 60px !important;
  }
  
  .nk-timeline-group::before {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .naLog2 {
    padding: 70px 0 90px;
  }
  
  .nk-timeline-group-item {
    margin-bottom: 40px;
  }
  
  .nk-timeline-group-content {
    padding: 30px 20px;
  }
}

@media (max-width: 575px) {
  .naLog2 {
    padding: 60px 0 80px;
  }
  
  .naLog2::before,
  .naLog2::after {
    display: none;
  }
  
  .nk-timeline-group {
    margin-top: 40px !important;
    margin-left: 0 !important;
  }
  
  .nk-timeline-group-item {
    margin-bottom: 70px !important;
  }
  
  .nk-timeline-group-content {
    padding: 25px 18px;
    border-radius: 20px;
  }
  
  .newstep {
    width: 6rem !important;
    height: 6rem !important;
  }
  
  .newstep i {
    font-size: 2rem;
  }
  
  .nk-timeline-group-content h3 {
    font-size: 20px !important;
  }
  
  .nk-timeline-group-content p.fs-16 {
    font-size: 14px !important;
  }
}

html.dark-mode  .btn-primary{
  color: white !important;
}
html.dark-mode .lb:hover {
    background-color: #31a0ff !important;
    transition: 1s 
linear !important;
}


    .whatsapp-button {
        width: 60px;
        height: 60px;
        background: linear-gradient(135deg, #31a0ff 0%, #0066ff 100%);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 
            0 8px 24px rgba(49, 160, 255, 0.4),
            0 0 0 0 rgba(49, 160, 255, 0.5);
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        animation: button-pulse 2s ease-in-out infinite;
    }

    .whatsapp-button::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.3);
        transform: translate(-50%, -50%);
        transition: width 0.6s, height 0.6s;
    }

    .whatsapp-button:hover::before {
        width: 300px;
        height: 300px;
    }

    @keyframes button-pulse {
        0%, 100% {
            box-shadow: 
                0 8px 24px rgba(49, 160, 255, 0.4),
                0 0 0 0 rgba(49, 160, 255, 0.5);
        }
        50% {
            box-shadow: 
                0 8px 24px rgba(49, 160, 255, 0.4),
                0 0 0 10px rgba(49, 160, 255, 0);
        }
    }

    .whatsapp-button:hover {
        transform: translateY(-4px) scale(1.1);
        box-shadow: 
            0 12px 32px rgba(49, 160, 255, 0.5),
            0 0 0 0 rgba(49, 160, 255, 0.5);
    }

    .whatsapp-button i {
        color: #ffffff;
        font-size: 28px;
        z-index: 1;
        position: relative;
        transition: transform 0.3s ease;
    }

    .whatsapp-button:hover i {
        transform: scale(1.2) rotate(15deg);
    }
    
 .mobile-app-install {
      position: fixed;
      bottom: 20px;
      left: 30px;
      z-index: 9999;
      display: flex;
      align-items: center;
      gap: 12px;
      animation: slideInLeft 0.5s ease-out;
    }

    @keyframes slideInLeft {
      from {
        transform: translateX(-100px);
        opacity: 0;
      }
      to {
        transform: translateX(0);
        opacity: 1;
      }
    }

    .mobile-app-install.hidden {
      animation: slideOutLeft 0.3s ease-out forwards;
    }

    @keyframes slideOutLeft {
      from {
        transform: translateX(0);
        opacity: 1;
      }
      to {
        transform: translateX(-100px);
        opacity: 0;
      }
    }

    .mobile-app-icon {
      position: relative;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background-image: -webkit-linear-gradient(92deg, #3a57e8, #6e8efb);
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      box-shadow: 0 4px 20px rgba(139, 92, 246, 0.4);
      transition: all 0.3s ease;
    }

    .mobile-app-icon:hover {
      transform: scale(1.1);
      box-shadow: 0 6px 25px rgba(139, 92, 246, 0.5);
    }

    .mobile-app-icon::before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
      top: 0;
      left: 0;
    }
   
    .mobile-app-icon svg {
      width: 32px;
      height: 32px;
      fill: white;
      filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
    }

    .mobile-app-badge {
      position: absolute;
      top: -2px;
      right: -2px;
      width: 20px;
      height: 20px;
      background: #ef4444;
      border: 2px solid white;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 11px;
      font-weight: 700;
      color: white;
      box-shadow: 0 2px 8px rgba(239, 68, 68, 0.4);
    }

    .mobile-app-tooltip {
      position: absolute;
      left: 80px;
      top: 5px;
      background: white;
      color: #1f2937;
      padding: 12px 16px;
      border-radius: 12px;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
      font-size: 14px;
      font-weight: 600;
      white-space: nowrap;
      opacity: 0;
      pointer-events: none;
      transform: translateX(-10px);
      transition: all 0.3s ease;
    }

    .mobile-app-tooltip::before {
      content: '';
      position: absolute;
      left: -8px;
      top: 50%;
      transform: translateY(-50%);
      width: 0;
      height: 0;
      border-top: 8px solid transparent;
      border-bottom: 8px solid transparent;
      border-right: 8px solid white;
    }

    .mobile-app-icon:hover + .mobile-app-tooltip,
    .mobile-app-tooltip:hover {
      opacity: 1;
      transform: translateX(0);
      pointer-events: auto;
    }

    .mobile-app-close {
      position: absolute;
      top: -8px;
      right: -8px;
      width: 24px;
      height: 24px;
      background: rgba(0, 0, 0, 0.6);
      border: 2px solid white;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      font-size: 14px;
      font-weight: 700;
      transition: all 0.2s ease;
      opacity: 0;
      pointer-events: none;
      color: white;
    }

    .mobile-app-install:hover .mobile-app-close {
      opacity: 1;
      pointer-events: auto;
    }

    .mobile-app-close:hover {
      background: rgba(0, 0, 0, 0.8);
      transform: scale(1.1);
    }

    /* Dark Mode Support */
    html.dark-mode .mobile-app-tooltip {
      background: #1f2937;
      color: #f3f4f6;
    }

    html.dark-mode .mobile-app-tooltip::before {
      border-right-color: #1f2937;
    }

    /* استایل خفن برای فرم لاگین .logai */
    .logai {
        position: relative;
        background: linear-gradient(145deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.95) 100%);
        border: 1px solid rgba(49, 160, 255, 0.18);
        box-shadow: 0 12px 48px rgba(15, 23, 42, 0.12),
                    0 0 0 1px rgba(49, 160, 255, 0.08),
                    inset 0 1px 0 rgba(255, 255, 255, 0.9);
        border-radius: 24px;
        padding: 32px 28px;
        transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        overflow: hidden;
        backdrop-filter: blur(20px);
    }

    .logai::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: linear-gradient(90deg, 
            #31a0ff 0%, 
            #6f45ff 25%,
            #31a0ff 50%,
            #6f45ff 75%,
            #31a0ff 100%);
        background-size: 300% 100%;
        animation: gradient-shift-login 4s ease infinite;
        border-radius: 24px 24px 0 0;
    }

    @keyframes gradient-shift-login {
        0%, 100% {
            background-position: 0% 50%;
        }
        50% {
            background-position: 100% 50%;
        }
    }

    .logai::after {
        content: "";
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(49, 160, 255, 0.12) 0%, transparent 70%);
        opacity: 0;
        transition: opacity 0.8s ease;
        pointer-events: none;
        z-index: 0;
    }

    .logai:hover {
        transform: translateY(-8px) scale(1.01);
        box-shadow: 0 20px 64px rgba(15, 23, 42, 0.18),
                    0 0 0 1px rgba(49, 160, 255, 0.2),
                    inset 0 1px 0 rgba(255, 255, 255, 1),
                    0 0 60px rgba(49, 160, 255, 0.15);
        border-color: rgba(49, 160, 255, 0.35);
    }

    .logai:hover::after {
        opacity: 1;
    }

    .logai:hover::before {
        height: 5px;
        box-shadow: 0 0 20px rgba(49, 160, 255, 0.5);
    }

    /* استایل برای محتوای داخل logai */
    .logai > *,
    .logai form,
    .logai .component_card {
        position: relative;
        z-index: 1;
    }

    /* استایل برای input های داخل logai */
    .logai .form-control {
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        border: 2px solid rgba(49, 160, 255, 0.15);
    }

    .logai .form-control:focus {
        border-color: rgba(49, 160, 255, 0.4);
        box-shadow: 0 0 0 4px rgba(49, 160, 255, 0.1),
                    0 4px 16px rgba(49, 160, 255, 0.15);
        transform: translateY(-1px);
    }

    /* استایل برای دکمه لاگین داخل logai */
    .logai .btn-blue {
        position: relative;
        overflow: hidden;
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .logai .btn-blue::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.3);
        transform: translate(-50%, -50%);
        transition: width 0.6s, height 0.6s;
    }

    .logai .btn-blue:hover::before {
        width: 300px;
        height: 300px;
    }

    .logai .btn-blue:hover {
        transform: translateY(-3px) scale(1.02);
        box-shadow: 0 8px 24px rgba(49, 160, 255, 0.4),
                    0 0 0 4px rgba(49, 160, 255, 0.1);
    }

    /* استایل برای دکمه Google */
    .logai .login-with-google-btn {
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        border: 2px solid rgba(49, 160, 255, 0.15);
    }

    .logai .login-with-google-btn:hover {
        border-color: rgba(49, 160, 255, 0.3);
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(49, 160, 255, 0.2);
    }

    /* استایل برای لینک‌ها */
    .logai .links a {
        transition: all 0.3s ease;
        position: relative;
    }

    .logai .links a::after {
        content: "";
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 0;
        height: 2px;
        background: linear-gradient(90deg, #31a0ff, #6f45ff);
        transition: width 0.3s ease;
    }

    .logai .links a:hover::after {
        width: 100%;
    }

    .logai .links a:hover {
        transform: translateX(4px);
        color: #31a0ff !important;
    }

    /* Dark Mode Support */
    html.dark-mode .logai {
        background: linear-gradient(145deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.92) 100%);
        border-color: rgba(56, 189, 248, 0.25);
        box-shadow: 0 12px 48px rgba(2, 6, 23, 0.5),
                    0 0 0 1px rgba(56, 189, 248, 0.15),
                    inset 0 1px 0 rgba(56, 189, 248, 0.1);
    }

    html.dark-mode .logai::before {
        background: linear-gradient(90deg, 
            #38bdf8 0%, 
            #818cf8 25%,
            #38bdf8 50%,
            #818cf8 75%,
            #38bdf8 100%);
    }

    html.dark-mode .logai:hover {
        box-shadow: 0 20px 64px rgba(2, 6, 23, 0.7),
                    0 0 0 1px rgba(56, 189, 248, 0.3),
                    inset 0 1px 0 rgba(56, 189, 248, 0.15),
                    0 0 60px rgba(56, 189, 248, 0.25);
        border-color: rgba(56, 189, 248, 0.4);
    }

    html.dark-mode .logai:hover::before {
        box-shadow: 0 0 20px rgba(56, 189, 248, 0.6);
    }

    html.dark-mode .logai .form-control {
        border-color: rgba(56, 189, 248, 0.2);
        background-color: rgba(15, 23, 42, 0.8);
        color: #e2e8f0;
    }

    html.dark-mode .logai .form-control:focus {
        border-color: rgba(56, 189, 248, 0.5);
        box-shadow: 0 0 0 4px rgba(56, 189, 248, 0.15),
                    0 4px 16px rgba(56, 189, 248, 0.2);
    }

    html.dark-mode .logai .links a:hover {
        color: #60a5fa !important;
    }

    html.dark-mode .logai .links a::after {
        background: linear-gradient(90deg, #38bdf8, #818cf8);
    }

    /* Responsive */
    @media (max-width: 768px) {
        .logai {
            padding: 24px 20px;
            border-radius: 20px;
        }

        .logai::before {
            height: 3px;
        }

        .logai:hover::before {
            height: 4px;
        }
    }

/* Professional Social Reviews Section for SEO */
.social-reviews-section {
    position: relative;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.95) 100%);
    padding: 80px 20px;
    margin: 60px 0;
    overflow: hidden;
}

.social-reviews-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, 
        rgba(49, 160, 255, 0.8) 0%, 
        rgba(111, 69, 255, 0.8) 50%, 
        rgba(49, 160, 255, 0.8) 100%);
    background-size: 200% 100%;
    animation: gradient-shift-reviews 3s ease infinite;
}

@keyframes gradient-shift-reviews {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

.reviews-header {
    text-align: center;
    margin-bottom: 50px;
    position: relative;
    z-index: 1;
}

.reviews-title {
    font-size: 42px;
    font-weight: 800;
    margin-bottom: 16px;
    background: linear-gradient(135deg, #31a0ff 0%, #6f45ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.reviews-title i {
    color: #fbbf24;
    -webkit-text-fill-color: #fbbf24;
    animation: starPulse 2s ease-in-out infinite;
}

@keyframes starPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

.reviews-subtitle {
    font-size: 18px;
    color: #64748b;
    margin: 0 0 30px 0;
    font-weight: 500;
}

.reviews-toggle-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 28px;
    background: linear-gradient(135deg, #31a0ff 0%, #0066ff 100%);
    color: white;
    border: none;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 12px rgba(49, 160, 255, 0.3),
                0 0 0 1px rgba(49, 160, 255, 0.1);
    position: relative;
    overflow: hidden;
}

.reviews-toggle-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.5s ease;
}

.reviews-toggle-btn:hover::before {
    left: 100%;
}

.reviews-toggle-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(49, 160, 255, 0.4),
                0 0 0 1px rgba(49, 160, 255, 0.2);
}

.reviews-toggle-btn:active {
    transform: translateY(0);
}

.toggle-icon {
    transition: transform 0.3s ease;
}

.reviews-toggle-btn[aria-expanded="true"] .toggle-icon {
    transform: rotate(180deg);
}

.reviews-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 30px;
    max-width: 1400px;
    margin: 0 auto;
}

.review-card {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.95) 100%);
    border: 1px solid rgba(49, 160, 255, 0.15);
    border-radius: 20px;
    padding: 28px;
    box-shadow: 0 8px 32px rgba(15, 23, 42, 0.08),
                0 0 0 1px rgba(49, 160, 255, 0.05);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(10px);
    opacity: 1;
    transform: translateY(0);
}

/* SEO-Friendly: محتوا در HTML موجود است اما به صورت بصری پنهان می‌شود */
.review-card-visible {
    display: block;
    opacity: 1;
    transform: translateY(0);
    max-height: 1000px;
    overflow: visible;
    visibility: visible;
}

.review-card-hidden {
    display: block; /* مهم برای SEO - محتوا در DOM موجود است */
    opacity: 0;
    transform: translateY(-20px);
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
    margin: 0;
    padding: 0 28px;
    transition: all 0.3s ease;
}

.review-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, 
        rgba(49, 160, 255, 0.8) 0%, 
        rgba(111, 69, 255, 0.8) 50%, 
        rgba(49, 160, 255, 0.8) 100%);
    background-size: 200% 100%;
    animation: gradient-shift-card 3s ease infinite;
    border-radius: 20px 20px 0 0;
}

@keyframes gradient-shift-card {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

.review-card::after {
    content: "";
    position: absolute;
    top: -50%;
    right: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(49, 160, 255, 0.08) 0%, transparent 70%);
    opacity: 0;
    transition: opacity 0.6s ease;
    pointer-events: none;
}

.review-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 16px 48px rgba(15, 23, 42, 0.15),
                0 0 0 1px rgba(49, 160, 255, 0.2),
                0 0 50px rgba(49, 160, 255, 0.12);
    border-color: rgba(49, 160, 255, 0.3);
}

.review-card:hover::after {
    opacity: 1;
}

.review-platform {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 2px solid rgba(49, 160, 255, 0.1);
}

.platform-icon {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(49, 160, 255, 0.1);
    border-radius: 12px;
    transition: all 0.3s ease;
}

.platform-icon svg {
    width: 24px;
    height: 24px;
    color: #31a0ff;
    transition: all 0.3s ease;
}

.platform-name {
    font-size: 16px;
    font-weight: 700;
    color: #1e293b;
}

.review-card:hover .platform-icon {
    background: rgba(49, 160, 255, 0.2);
    transform: scale(1.1) rotate(5deg);
}

.review-content {
    position: relative;
    z-index: 1;
}

.review-stars {
    display: flex;
    gap: 4px;
    margin-bottom: 16px;
}

.review-stars i {
    color: #fbbf24;
    font-size: 18px;
    animation: starTwinkle 2s ease-in-out infinite;
}

.review-stars i:nth-child(1) { animation-delay: 0s; }
.review-stars i:nth-child(2) { animation-delay: 0.2s; }
.review-stars i:nth-child(3) { animation-delay: 0.4s; }
.review-stars i:nth-child(4) { animation-delay: 0.6s; }
.review-stars i:nth-child(5) { animation-delay: 0.8s; }

@keyframes starTwinkle {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.7; transform: scale(0.9); }
}

.review-text {
    font-size: 16px;
    line-height: 1.7;
    color: #475569;
    margin: 0 0 20px 0;
    font-weight: 500;
}

.review-author {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 16px;
    border-top: 1px solid rgba(49, 160, 255, 0.1);
}

.author-name {
    font-size: 15px;
    font-weight: 700;
    color: #31a0ff;
}

.review-date {
    font-size: 13px;
    color: #94a3b8;
    font-weight: 500;
}

/* Platform-specific colors */
.telegram-platform .platform-icon svg {
    color: #2596be;
}

.telegram-platform .platform-icon {
    background: rgba(37, 150, 190, 0.1);
}

.review-card:hover.telegram-platform .platform-icon {
    background: rgba(37, 150, 190, 0.2);
}

.instagram-platform .platform-icon svg {
    color: #e1306c;
}

.instagram-platform .platform-icon {
    background: rgba(225, 48, 108, 0.1);
}

.review-card:hover.instagram-platform .platform-icon {
    background: rgba(225, 48, 108, 0.2);
}

.youtube-platform .platform-icon svg {
    color: #ff0000;
}

.youtube-platform .platform-icon {
    background: rgba(255, 0, 0, 0.1);
}

.review-card:hover.youtube-platform .platform-icon {
    background: rgba(255, 0, 0, 0.2);
}

.twitter-platform .platform-icon svg {
    color: #1da1f2;
}

.twitter-platform .platform-icon {
    background: rgba(29, 161, 242, 0.1);
}

.review-card:hover.twitter-platform .platform-icon {
    background: rgba(29, 161, 242, 0.2);
}

.facebook-platform .platform-icon svg {
    color: #1877f2;
}

.facebook-platform .platform-icon {
    background: rgba(24, 119, 242, 0.1);
}

.review-card:hover.facebook-platform .platform-icon {
    background: rgba(24, 119, 242, 0.2);
}

.tiktok-platform .platform-icon svg {
    color: #000000;
}

.tiktok-platform .platform-icon {
    background: rgba(0, 0, 0, 0.1);
}

.review-card:hover.tiktok-platform .platform-icon {
    background: rgba(0, 0, 0, 0.2);
}

/* Dark Mode Support */
html.dark-mode .social-reviews-section {
    background: linear-gradient(145deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.92) 100%);
}

html.dark-mode .social-reviews-section::before {
    background: linear-gradient(90deg, 
        rgba(56, 189, 248, 0.8) 0%, 
        rgba(129, 140, 248, 0.8) 50%, 
        rgba(56, 189, 248, 0.8) 100%);
}

html.dark-mode .reviews-title {
    background: linear-gradient(135deg, #38bdf8 0%, #818cf8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

html.dark-mode .reviews-subtitle {
    color: #cbd5e1;
}

html.dark-mode .review-card {
    background: linear-gradient(145deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.92) 100%);
    border-color: rgba(56, 189, 248, 0.2);
    box-shadow: 0 8px 32px rgba(2, 6, 23, 0.4),
                0 0 0 1px rgba(56, 189, 248, 0.1);
}

html.dark-mode .review-card::before {
    background: linear-gradient(90deg, 
        rgba(56, 189, 248, 0.8) 0%, 
        rgba(129, 140, 248, 0.8) 50%, 
        rgba(56, 189, 248, 0.8) 100%);
}

html.dark-mode .review-card:hover {
    box-shadow: 0 16px 48px rgba(2, 6, 23, 0.6),
                0 0 0 1px rgba(56, 189, 248, 0.25),
                0 0 50px rgba(56, 189, 248, 0.2);
    border-color: rgba(56, 189, 248, 0.4);
}

html.dark-mode .platform-name {
    color: #e2e8f0;
}

html.dark-mode .review-text {
    color: #cbd5f5;
}

html.dark-mode .author-name {
    color: #38bdf8;
}

html.dark-mode .review-date {
    color: #94a3b8;
}

html.dark-mode .review-platform {
    border-bottom-color: rgba(56, 189, 248, 0.15);
}

html.dark-mode .review-author {
    border-top-color: rgba(56, 189, 248, 0.15);
}

html.dark-mode .reviews-toggle-btn {
    background: linear-gradient(135deg, #38bdf8 0%, #0ea5e9 100%);
    box-shadow: 0 4px 12px rgba(56, 189, 248, 0.3),
                0 0 0 1px rgba(56, 189, 248, 0.1);
}

html.dark-mode .reviews-toggle-btn:hover {
    box-shadow: 0 6px 20px rgba(56, 189, 248, 0.4),
                0 0 0 1px rgba(56, 189, 248, 0.2);
}

/* Responsive */
@media (max-width: 992px) {
    .reviews-grid {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 25px;
    }
    
    .reviews-title {
        font-size: 36px;
    }
    
    .reviews-subtitle {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .social-reviews-section {
        padding: 60px 15px;
        margin: 40px 0;
    }
    
    .reviews-header {
        margin-bottom: 40px;
    }
    
    .reviews-title {
        font-size: 32px;
        flex-direction: column;
        gap: 8px;
    }
    
    .reviews-subtitle {
        font-size: 15px;
    }
    
    .reviews-toggle-btn {
        padding: 12px 24px;
        font-size: 14px;
    }
    
    .reviews-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .review-card {
        padding: 24px;
    }
}

@media (max-width: 576px) {
    .social-reviews-section {
        padding: 40px 10px;
        margin: 30px 0;
    }
    
    .reviews-title {
        font-size: 28px;
    }
    
    .reviews-subtitle {
        font-size: 14px;
    }
    
    .reviews-toggle-btn {
        padding: 10px 20px;
        font-size: 13px;
        gap: 8px;
    }
    
    .review-card {
        padding: 20px;
        border-radius: 16px;
    }
    
    .review-text {
        font-size: 15px;
    }
    
    .platform-icon {
        width: 40px;
        height: 40px;
    }
    
    .platform-icon svg {
        width: 20px;
        height: 20px;
    }
}

/* —— Landing: Telegram / Instagram results (1xpanel-style) —— */
.pr-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.pr-showcase {
  position: relative;
  padding: 72px 0 88px;
  overflow: hidden;
  border-radius: 28px;
  margin: 48px auto;
  max-width: 1140px;
  background: #0d0b14;
  color: #f8fafc;
  box-shadow: 0 40px 100px rgba(15, 5, 40, 0.45);
}
.pr-showcase::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23a855f7' fill-opacity='0.06'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  opacity: 0.9;
  pointer-events: none;
}
.pr-showcase::after {
  content: "";
  position: absolute;
  width: 70%;
  height: 70%;
  right: -20%;
  bottom: -25%;
  background: radial-gradient(ellipse at center, rgba(168, 85, 247, 0.35) 0%, transparent 65%);
  pointer-events: none;
}
.pr-showcase--instagram::after {
  background: radial-gradient(ellipse at center, rgba(225, 48, 108, 0.28) 0%, rgba(168, 85, 247, 0.2) 45%, transparent 65%);
}
.pr-showcase .container {
  position: relative;
  z-index: 2;
}
.pr-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 18px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(168, 85, 247, 0.25);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
}
.pr-badge i {
  color: #c084fc;
}
.pr-showcase--instagram .pr-badge i {
  color: #f472b6;
}
.pr-showcase--instagram .pr-badge {
  border-color: rgba(244, 114, 182, 0.35);
}
.pr-title {
  font-size: clamp(26px, 4vw, 38px);
  font-weight: 800;
  line-height: 1.15;
  margin: 20px 0 28px;
  text-align: center;
  letter-spacing: -0.02em;
}
.pr-title__accent {
  background: linear-gradient(135deg, #e9d5ff 0%, #a855f7 50%, #7c3aed 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.pr-showcase--instagram .pr-title__accent {
  background: linear-gradient(135deg, #fce7f3 0%, #ec4899 45%, #a855f7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.pr-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-bottom: 22px;
}
.pr-tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  color: #e2e8f0;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s, box-shadow 0.2s, transform 0.15s;
}
.pr-tab i {
  font-size: 15px;
  color: #a78bfa;
  opacity: 0.9;
}
.pr-tab:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-1px);
}
.pr-tab.is-active {
  background: linear-gradient(135deg, #a855f7, #7c3aed);
  border-color: transparent;
  color: #fff;
  box-shadow: 0 8px 28px rgba(168, 85, 247, 0.45);
}
.pr-tab.is-active i {
  color: #fff;
}
.pr-showcase--instagram .pr-tab.is-active {
  background: linear-gradient(135deg, #ec4899, #9333ea);
  box-shadow: 0 8px 28px rgba(236, 72, 153, 0.4);
}
.pr-ba {
  display: flex;
  justify-content: center;
  margin-bottom: 28px;
}
.pr-ba__track {
  position: relative;
  display: flex;
  width: 100%;
  max-width: 340px;
  padding: 5px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.pr-ba__opt {
  flex: 1;
  z-index: 2;
  padding: 12px 16px;
  border: none;
  border-radius: 999px;
  background: transparent;
  color: rgba(248, 250, 252, 0.75);
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: color 0.2s;
}
.pr-ba__opt.is-active {
  color: #fff;
}
.pr-ba__pill {
  position: absolute;
  top: 5px;
  bottom: 5px;
  width: calc(50% - 7.5px);
  left: 5px;
  border-radius: 999px;
  background: linear-gradient(135deg, #a855f7, #7c3aed);
  box-shadow: 0 4px 16px rgba(168, 85, 247, 0.5);
  transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
  pointer-events: none;
}
.pr-ba[data-state="after"] .pr-ba__pill {
  left: calc(50% + 2.5px);
}
.pr-showcase--instagram .pr-ba__pill {
  background: linear-gradient(135deg, #ec4899, #9333ea);
  box-shadow: 0 4px 16px rgba(236, 72, 153, 0.45);
}
.pr-mock {
  max-width: 480px;
  margin: 0 auto;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(15, 12, 24, 0.92);
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5);
}
.pr-mock__bar {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(0, 0, 0, 0.25);
}
.pr-mock__back {
  font-size: 14px;
  font-weight: 600;
  color: #38bdf8;
  white-space: nowrap;
}
.pr-mock__mid {
  flex: 1;
  min-width: 0;
  text-align: center;
}
.pr-mock__name {
  display: block;
  font-size: 15px;
  font-weight: 700;
  color: #f1f5f9;
  filter: blur(6px);
  user-select: none;
}
.pr-mock__name--channel {
  filter: blur(8px);
  opacity: 0.85;
}
.pr-mock__stat {
  font-size: 12px;
  font-weight: 600;
  color: #4ade80;
  margin-top: 2px;
}
.pr-mock__stat[data-tone="low"] {
  color: #fbbf24;
}
.pr-mock__avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: linear-gradient(135deg, #f97316, #ea580c);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #fff;
  font-size: 16px;
}
.pr-mock__avatar--logo {
  padding: 0;
  overflow: hidden;
  background: #0f172a;
  border: 2px solid rgba(34, 158, 217, 0.55);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06);
  border-radius: 11px;
}
.pr-mock__avatar--logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 9px;
}
.pr-showcase--instagram .pr-mock__avatar {
  background: linear-gradient(135deg, #ec4899, #7c3aed);
}
.pr-mock__body {
  padding: 18px 14px 22px;
  min-height: 200px;
}
.pr-bubble {
  max-width: 88%;
  padding: 11px 14px;
  border-radius: 16px;
  font-size: 14px;
  line-height: 1.45;
  margin-bottom: 10px;
}
.pr-bubble--in {
  background: rgba(255, 255, 255, 0.08);
  color: #e2e8f0;
  border-bottom-left-radius: 4px;
}
.pr-bubble--out {
  margin-left: auto;
  background: linear-gradient(135deg, #a855f7, #6d28d9);
  color: #fff;
  border-bottom-right-radius: 4px;
}
.pr-showcase--instagram .pr-bubble--out {
  background: linear-gradient(135deg, #e11d48, #9333ea);
}
.pr-bubble--meta {
  font-size: 13px;
  opacity: 0.9;
  margin-top: 4px;
}

/* Instagram profile page mock (results section) */
.pr-mock--instagram.pr-ig-page {
  max-width: 420px;
  background: #0a0a0c;
  border-color: rgba(255, 255, 255, 0.12);
}
.pr-ig-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(0, 0, 0, 0.35);
}
.pr-ig-topbar-back {
  color: #f1f5f9;
  font-size: 18px;
  width: 28px;
}
.pr-ig-topbar-user {
  font-size: 15px;
  font-weight: 700;
  color: #f8fafc;
  letter-spacing: 0.02em;
}
.pr-ig-blur-id {
  filter: blur(6px);
  user-select: none;
}
.pr-ig-topbar-actions {
  color: #f1f5f9;
  width: 28px;
  text-align: right;
}
.pr-ig-profile {
  display: flex;
  align-items: stretch;
  gap: 18px;
  padding: 16px 16px 12px;
}
.pr-ig-avatar-wrap {
  flex-shrink: 0;
  padding: 3px;
  border-radius: 50%;
  background: linear-gradient(135deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  box-shadow: 0 4px 14px rgba(225, 48, 108, 0.25);
}
.pr-ig-logo {
  display: block;
  width: 86px;
  height: 86px;
  border-radius: 50%;
  object-fit: cover;
  border: none;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
  background: #111;
}
.pr-ig-stat-cols {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  gap: 4px;
  min-width: 0;
}
.pr-ig-stat-cols__item {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.pr-ig-stat-num {
  font-size: 15px;
  font-weight: 800;
  color: #f8fafc;
  line-height: 1.2;
}
.pr-ig-followers-num {
  display: inline-block;
  color: #4ade80;
  transition: color 0.2s;
}
.pr-ig-followers-num[data-tone="low"] {
  color: #fbbf24;
}
.pr-ig-followers-num[data-tone="high"] {
  color: #4ade80;
}
.pr-ig-stat-label {
  font-size: 11px;
  font-weight: 600;
  color: rgba(226, 232, 240, 0.75);
  text-transform: lowercase;
  line-height: 1.2;
}
.pr-ig-meta {
  padding: 0 16px 16px;
  text-align: start;
}
.pr-ig-name-row {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 15px;
  font-weight: 700;
  color: #f8fafc;
  margin-bottom: 4px;
}
.pr-ig-verified {
  color: #38bdf8;
  font-size: 14px;
}
.pr-ig-handle {
  font-size: 13px;
  color: rgba(226, 232, 240, 0.75);
  margin-bottom: 8px;
}
.pr-ig-bio {
  font-size: 13px;
  line-height: 1.45;
  color: #e2e8f0;
  margin: 0 0 12px;
}
.pr-ig-follow-btn {
  width: 100%;
  padding: 8px 16px;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(135deg, #ec4899, #9333ea);
  cursor: default;
}
.pr-ig-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding-top: 2px;
}
.pr-ig-grid span {
  aspect-ratio: 1;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 2px;
}
@media (max-width: 400px) {
  .pr-ig-logo {
    width: 72px;
    height: 72px;
  }
  .pr-ig-stat-num {
    font-size: 13px;
  }
  .pr-ig-stat-label {
    font-size: 10px;
  }
}

.pr-wrap-outer {
  padding: 0 12px;
}
.pr-showcase-carousel {
  position: relative;
  max-width: 1140px;
  margin: 0 auto;
}
.pr-showcase-track {
  position: relative;
}
.pr-showcase-slide {
  display: none;
  min-height: 1px;
}
.pr-showcase-slide.is-active {
  display: block;
}
.pr-showcase-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  padding: 0;
  width: auto;
  opacity: 1;
  z-index: 4;
}
.pr-showcase-nav--prev {
  left: 8px;
}
.pr-showcase-nav--next {
  right: 8px;
}
.pr-showcase-nav__icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(15, 23, 42, 0.78);
  color: #f8fafc;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.35);
}
.pr-showcase-nav:hover .pr-showcase-nav__icon {
  background: rgba(15, 23, 42, 0.92);
}

/* Light site theme: Telegram, Instagram, YouTube, TikTok, X showcases */
body:not(.dark-mode) .pr-showcase--telegram-light,
body:not(.dark-mode) .pr-showcase--instagram-light,
body:not(.dark-mode) .pr-showcase--youtube-light,
body:not(.dark-mode) .pr-showcase--tiktok-light,
body:not(.dark-mode) .pr-showcase--x-light {
  background: linear-gradient(180deg, #f8fbff 0%, #eef6ff 50%, #e7f1ff 100%);
  color: #0f172a;
  box-shadow: 0 30px 80px rgba(49, 160, 255, 0.18);
}
body:not(.dark-mode) .pr-showcase--telegram-light::before,
body:not(.dark-mode) .pr-showcase--instagram-light::before,
body:not(.dark-mode) .pr-showcase--youtube-light::before,
body:not(.dark-mode) .pr-showcase--tiktok-light::before,
body:not(.dark-mode) .pr-showcase--x-light::before {
  background-image: url("data:image/svg+xml,%3Csvg width='70' height='70' viewBox='0 0 70 70' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2331a0ff' fill-opacity='0.08'%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Ccircle cx='35' cy='35' r='2'/%3E%3Ccircle cx='60' cy='60' r='2'/%3E%3C/g%3E%3C/svg%3E");
}
body:not(.dark-mode) .pr-showcase--telegram-light::after,
body:not(.dark-mode) .pr-showcase--instagram-light::after,
body:not(.dark-mode) .pr-showcase--youtube-light::after,
body:not(.dark-mode) .pr-showcase--tiktok-light::after,
body:not(.dark-mode) .pr-showcase--x-light::after {
  background: radial-gradient(ellipse at center, rgba(49, 160, 255, 0.32) 0%, rgba(49, 160, 255, 0.08) 45%, transparent 70%);
}
body:not(.dark-mode) .pr-showcase--telegram-light .pr-badge,
body:not(.dark-mode) .pr-showcase--instagram-light .pr-badge,
body:not(.dark-mode) .pr-showcase--youtube-light .pr-badge,
body:not(.dark-mode) .pr-showcase--tiktok-light .pr-badge,
body:not(.dark-mode) .pr-showcase--x-light .pr-badge {
  background: rgba(49, 160, 255, 0.12);
  border-color: rgba(49, 160, 255, 0.35);
  color: #0f172a;
}
body:not(.dark-mode) .pr-showcase--telegram-light .pr-badge i,
body:not(.dark-mode) .pr-showcase--instagram-light .pr-badge i {
  color: #1d4ed8;
}
body:not(.dark-mode) .pr-showcase--youtube-light .pr-badge i {
  color: #dc2626;
}
body:not(.dark-mode) .pr-showcase--tiktok-light .pr-badge i {
  color: #fe2c55;
}
body:not(.dark-mode) .pr-showcase--x-light .pr-badge-x-char {
  font-size: 1.15em;
  font-weight: 800;
  color: #0f1419;
  line-height: 1;
  display: inline-block;
}
body:not(.dark-mode) .pr-showcase--telegram-light .pr-title,
body:not(.dark-mode) .pr-showcase--instagram-light .pr-title,
body:not(.dark-mode) .pr-showcase--youtube-light .pr-title,
body:not(.dark-mode) .pr-showcase--tiktok-light .pr-title,
body:not(.dark-mode) .pr-showcase--x-light .pr-title {
  color: #0f172a;
}
body:not(.dark-mode) .pr-showcase--telegram-light .pr-title__accent,
body:not(.dark-mode) .pr-showcase--instagram-light .pr-title__accent,
body:not(.dark-mode) .pr-showcase--youtube-light .pr-title__accent {
  background: linear-gradient(135deg, #31a0ff 0%, #2563eb 50%, #1d4ed8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
body:not(.dark-mode) .pr-showcase--tiktok-light .pr-title__accent {
  background: linear-gradient(135deg, #25f4ee 0%, #fe2c55 55%, #fe2c55 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
body:not(.dark-mode) .pr-showcase--x-light .pr-title__accent {
  background: linear-gradient(135deg, #0f1419 0%, #536471 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
body:not(.dark-mode) .pr-showcase--telegram-light .pr-tab,
body:not(.dark-mode) .pr-showcase--instagram-light .pr-tab,
body:not(.dark-mode) .pr-showcase--youtube-light .pr-tab,
body:not(.dark-mode) .pr-showcase--tiktok-light .pr-tab,
body:not(.dark-mode) .pr-showcase--x-light .pr-tab {
  border-color: rgba(49, 160, 255, 0.24);
  background: rgba(49, 160, 255, 0.08);
  color: #1e293b;
}
body:not(.dark-mode) .pr-showcase--telegram-light .pr-tab i,
body:not(.dark-mode) .pr-showcase--instagram-light .pr-tab i,
body:not(.dark-mode) .pr-showcase--youtube-light .pr-tab i,
body:not(.dark-mode) .pr-showcase--tiktok-light .pr-tab i,
body:not(.dark-mode) .pr-showcase--x-light .pr-tab i {
  color: #2563eb;
}
body:not(.dark-mode) .pr-showcase--telegram-light .pr-tab:hover,
body:not(.dark-mode) .pr-showcase--instagram-light .pr-tab:hover,
body:not(.dark-mode) .pr-showcase--youtube-light .pr-tab:hover,
body:not(.dark-mode) .pr-showcase--tiktok-light .pr-tab:hover,
body:not(.dark-mode) .pr-showcase--x-light .pr-tab:hover {
  background: rgba(49, 160, 255, 0.16);
}
body:not(.dark-mode) .pr-showcase--telegram-light .pr-tab.is-active,
body:not(.dark-mode) .pr-showcase--instagram-light .pr-tab.is-active,
body:not(.dark-mode) .pr-showcase--youtube-light .pr-tab.is-active,
body:not(.dark-mode) .pr-showcase--tiktok-light .pr-tab.is-active,
body:not(.dark-mode) .pr-showcase--x-light .pr-tab.is-active {
  background: linear-gradient(135deg, #31a0ff, #2563eb);
  color: #fff;
  box-shadow: 0 8px 28px rgba(49, 160, 255, 0.32);
}
body:not(.dark-mode) .pr-showcase--telegram-light .pr-tab.is-active i,
body:not(.dark-mode) .pr-showcase--instagram-light .pr-tab.is-active i,
body:not(.dark-mode) .pr-showcase--youtube-light .pr-tab.is-active i,
body:not(.dark-mode) .pr-showcase--tiktok-light .pr-tab.is-active i,
body:not(.dark-mode) .pr-showcase--x-light .pr-tab.is-active i {
  color: #fff;
}
body:not(.dark-mode) .pr-showcase--telegram-light .pr-ba__track,
body:not(.dark-mode) .pr-showcase--instagram-light .pr-ba__track,
body:not(.dark-mode) .pr-showcase--youtube-light .pr-ba__track,
body:not(.dark-mode) .pr-showcase--tiktok-light .pr-ba__track,
body:not(.dark-mode) .pr-showcase--x-light .pr-ba__track {
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(49, 160, 255, 0.28);
}
body:not(.dark-mode) .pr-showcase--telegram-light .pr-ba__pill,
body:not(.dark-mode) .pr-showcase--instagram-light .pr-ba__pill,
body:not(.dark-mode) .pr-showcase--youtube-light .pr-ba__pill,
body:not(.dark-mode) .pr-showcase--tiktok-light .pr-ba__pill,
body:not(.dark-mode) .pr-showcase--x-light .pr-ba__pill {
  background: linear-gradient(135deg, #31a0ff, #2563eb);
  box-shadow: 0 4px 14px rgba(49, 160, 255, 0.35);
}
body:not(.dark-mode) .pr-showcase--telegram-light .pr-ba__opt,
body:not(.dark-mode) .pr-showcase--instagram-light .pr-ba__opt,
body:not(.dark-mode) .pr-showcase--youtube-light .pr-ba__opt,
body:not(.dark-mode) .pr-showcase--tiktok-light .pr-ba__opt,
body:not(.dark-mode) .pr-showcase--x-light .pr-ba__opt {
  color: rgba(15, 23, 42, 0.68);
}
body:not(.dark-mode) .pr-showcase--telegram-light .pr-ba__opt.is-active,
body:not(.dark-mode) .pr-showcase--instagram-light .pr-ba__opt.is-active,
body:not(.dark-mode) .pr-showcase--youtube-light .pr-ba__opt.is-active,
body:not(.dark-mode) .pr-showcase--tiktok-light .pr-ba__opt.is-active,
body:not(.dark-mode) .pr-showcase--x-light .pr-ba__opt.is-active {
  color: #fff;
}
body:not(.dark-mode) .pr-showcase--telegram-light .pr-mock,
body:not(.dark-mode) .pr-showcase--instagram-light .pr-mock,
body:not(.dark-mode) .pr-showcase--youtube-light .pr-mock,
body:not(.dark-mode) .pr-showcase--tiktok-light .pr-mock,
body:not(.dark-mode) .pr-showcase--x-light .pr-mock {
  border-color: rgba(49, 160, 255, 0.24);
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 16px 42px rgba(49, 160, 255, 0.2);
}
body:not(.dark-mode) .pr-showcase--telegram-light .pr-mock__bar,
body:not(.dark-mode) .pr-showcase--instagram-light .pr-mock__bar,
body:not(.dark-mode) .pr-showcase--youtube-light .pr-mock__bar,
body:not(.dark-mode) .pr-showcase--tiktok-light .pr-mock__bar,
body:not(.dark-mode) .pr-showcase--x-light .pr-mock__bar {
  border-bottom-color: rgba(49, 160, 255, 0.2);
  background: rgba(49, 160, 255, 0.08);
}
body:not(.dark-mode) .pr-showcase--telegram-light .pr-mock__name,
body:not(.dark-mode) .pr-showcase--instagram-light .pr-mock__name,
body:not(.dark-mode) .pr-showcase--youtube-light .pr-mock__name,
body:not(.dark-mode) .pr-showcase--tiktok-light .pr-mock__name,
body:not(.dark-mode) .pr-showcase--x-light .pr-mock__name {
  color: #1e293b;
}
body:not(.dark-mode) .pr-showcase--telegram-light .pr-bubble--in,
body:not(.dark-mode) .pr-showcase--instagram-light .pr-bubble--in,
body:not(.dark-mode) .pr-showcase--youtube-light .pr-bubble--in,
body:not(.dark-mode) .pr-showcase--tiktok-light .pr-bubble--in,
body:not(.dark-mode) .pr-showcase--x-light .pr-bubble--in {
  background: rgba(49, 160, 255, 0.12);
  color: #1e293b;
}
body:not(.dark-mode) .pr-showcase--telegram-light .pr-bubble--out,
body:not(.dark-mode) .pr-showcase--instagram-light .pr-bubble--out,
body:not(.dark-mode) .pr-showcase--youtube-light .pr-bubble--out,
body:not(.dark-mode) .pr-showcase--tiktok-light .pr-bubble--out,
body:not(.dark-mode) .pr-showcase--x-light .pr-bubble--out {
  background: linear-gradient(135deg, #31a0ff, #2563eb);
}

/* Instagram mock — light card inside site theme */
body:not(.dark-mode) .pr-showcase--instagram-light .pr-mock--instagram.pr-ig-page {
  background: #ffffff;
  border-color: rgba(49, 160, 255, 0.22);
}
body:not(.dark-mode) .pr-showcase--instagram-light .pr-ig-topbar {
  background: rgba(49, 160, 255, 0.1);
  border-bottom-color: rgba(49, 160, 255, 0.18);
}
body:not(.dark-mode) .pr-showcase--instagram-light .pr-ig-topbar-back,
body:not(.dark-mode) .pr-showcase--instagram-light .pr-ig-topbar-actions {
  color: #1e293b;
}
body:not(.dark-mode) .pr-showcase--instagram-light .pr-ig-topbar-user {
  color: #0f172a;
}
body:not(.dark-mode) .pr-showcase--instagram-light .pr-ig-stat-num {
  color: #0f172a;
}
body:not(.dark-mode) .pr-showcase--instagram-light .pr-ig-stat-label {
  color: #64748b;
}
body:not(.dark-mode) .pr-showcase--instagram-light .pr-ig-name-row {
  color: #0f172a;
}
body:not(.dark-mode) .pr-showcase--instagram-light .pr-ig-handle {
  color: #64748b;
}
body:not(.dark-mode) .pr-showcase--instagram-light .pr-ig-bio {
  color: #334155;
}
body:not(.dark-mode) .pr-showcase--instagram-light .pr-ig-verified {
  color: #2563eb;
}
body:not(.dark-mode) .pr-showcase--instagram-light .pr-ig-avatar-wrap {
  background: linear-gradient(135deg, #31a0ff, #2563eb);
  box-shadow: 0 4px 14px rgba(49, 160, 255, 0.25);
}
body:not(.dark-mode) .pr-showcase--instagram-light .pr-ig-follow-btn {
  background: linear-gradient(135deg, #31a0ff, #2563eb);
  box-shadow: 0 4px 14px rgba(49, 160, 255, 0.28);
}
body:not(.dark-mode) .pr-showcase--instagram-light .pr-ig-grid {
  border-top-color: rgba(49, 160, 255, 0.15);
}
body:not(.dark-mode) .pr-showcase--instagram-light .pr-ig-grid span {
  background: rgba(49, 160, 255, 0.12);
}

/* YouTube mock */
.pr-mock--youtube.pr-yt-page {
  max-width: 480px;
  text-align: start;
}
.pr-yt-channel-row {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 16px;
  border-bottom: 1px solid rgba(49, 160, 255, 0.15);
}
.pr-yt-avatar {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid rgba(49, 160, 255, 0.35);
  background: #f1f5f9;
}
.pr-yt-headtext {
  flex: 1;
  min-width: 0;
}
.pr-yt-ch-name {
  font-size: 16px;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 4px;
}
.pr-yt-subs-line {
  font-size: 13px;
  color: #475569;
  margin-bottom: 2px;
}
.pr-yt-subs-num {
  font-weight: 700;
  color: #16a34a;
}
.pr-yt-subs-num[data-tone="high"] {
  color: #16a34a;
}
.pr-yt-subs-num[data-tone="low"] {
  color: #ca8a04;
}
.pr-yt-videos-line {
  font-size: 12px;
  color: #64748b;
}
.pr-yt-subscribe {
  flex-shrink: 0;
  align-self: center;
  padding: 8px 16px;
  border: none;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  background: #dc2626;
  cursor: default;
  box-shadow: 0 4px 12px rgba(220, 38, 38, 0.35);
}
.pr-yt-video-card {
  padding: 14px 16px 18px;
}
.pr-yt-thumb {
  position: relative;
  aspect-ratio: 16 / 9;
  border-radius: 10px;
  background: linear-gradient(135deg, #e2e8f0, #cbd5e1);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  border: 1px solid rgba(49, 160, 255, 0.2);
}
.pr-yt-thumb i {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgba(220, 38, 38, 0.95);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  padding-left: 4px;
}
.pr-yt-vtitle {
  font-size: 14px;
  font-weight: 600;
  color: #1e293b;
  margin: 0;
  line-height: 1.4;
}
.pr-yt-blur-id {
  filter: blur(5px);
  user-select: none;
}

/* TikTok mock */
.pr-mock--tiktok.pr-tik-page {
  max-width: 340px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  overflow: hidden;
  text-align: start;
  border-radius: 14px;
}
.pr-tik-stage {
  position: relative;
  border-radius: 14px 14px 0 0;
  overflow: hidden;
  background: #0f0f0f;
}
.pr-tik-video {
  position: relative;
  aspect-ratio: 9 / 14;
  max-height: 300px;
  background: linear-gradient(165deg, #1e1b4b 0%, #312e81 40%, #0f172a 100%);
}
.pr-tik-rail {
  position: absolute;
  right: 10px;
  bottom: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  color: #f8fafc;
  font-size: 11px;
  text-align: center;
  z-index: 2;
}
.pr-tik-rail i {
  display: block;
  font-size: 22px;
  margin-bottom: 2px;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.45));
}
.pr-tik-rail small {
  font-weight: 700;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}
.pr-tik-footer {
  position: relative;
  padding: 12px 14px 16px;
  background: #0f0f0f;
  border-radius: 0 0 14px 14px;
}
.pr-tik-footer-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.pr-tik-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid rgba(254, 44, 85, 0.65);
  background: #1e293b;
}
.pr-tik-handle-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}
.pr-tik-handle {
  font-size: 14px;
  font-weight: 800;
  color: #f8fafc;
}
.pr-tik-follow {
  padding: 4px 12px;
  border: none;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 800;
  color: #0f0f0f;
  background: #fe2c55;
  cursor: default;
}
.pr-tik-caption {
  font-size: 13px;
  line-height: 1.4;
  color: rgba(248, 250, 252, 0.92);
  margin: 0 0 10px;
}
.pr-tik-followers-line {
  font-size: 12px;
  color: rgba(248, 250, 252, 0.75);
}
.pr-tik-followers-num {
  font-weight: 800;
  color: #4ade80;
}
.pr-tik-followers-num[data-tone="high"] {
  color: #4ade80;
}
.pr-tik-followers-num[data-tone="low"] {
  color: #fbbf24;
}
.pr-tik-blur-id {
  filter: blur(4px);
  user-select: none;
}
body:not(.dark-mode) .pr-showcase--tiktok-light .pr-mock--tiktok.pr-tik-page {
  background: #ffffff;
  border-color: rgba(49, 160, 255, 0.22);
}
body:not(.dark-mode) .pr-showcase--tiktok-light .pr-tik-stage {
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.18);
}
body:not(.dark-mode) .pr-showcase--tiktok-light .pr-tik-footer {
  background: #f8fafc;
  border-radius: 0 0 14px 14px;
  border-top: 1px solid rgba(49, 160, 255, 0.12);
}
body:not(.dark-mode) .pr-showcase--tiktok-light .pr-tik-handle {
  color: #0f172a;
}
body:not(.dark-mode) .pr-showcase--tiktok-light .pr-tik-caption {
  color: #334155;
}
body:not(.dark-mode) .pr-showcase--tiktok-light .pr-tik-followers-line {
  color: #64748b;
}
body:not(.dark-mode) .pr-showcase--tiktok-light .pr-tik-rail {
  color: #fff;
}

/* X mock */
.pr-mock--x.pr-x-page {
  max-width: 440px;
  margin-left: auto;
  margin-right: auto;
  text-align: start;
  padding: 0;
  overflow: hidden;
}
.pr-x-header {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(49, 160, 255, 0.15);
}
.pr-x-avatar {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid rgba(49, 160, 255, 0.3);
  background: #f1f5f9;
}
.pr-x-head-main {
  flex: 1;
  min-width: 0;
}
.pr-x-display {
  font-size: 17px;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 2px;
}
.pr-x-handle {
  font-size: 14px;
  color: #64748b;
  margin-bottom: 8px;
}
.pr-x-follow {
  flex-shrink: 0;
  padding: 7px 18px;
  border: none;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
  color: #fff;
  background: #0f1419;
  cursor: default;
}
.pr-x-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  padding: 10px 16px 12px;
  font-size: 13px;
  color: #64748b;
  border-bottom: 1px solid rgba(49, 160, 255, 0.12);
}
.pr-x-stats strong {
  color: #0f172a;
  font-weight: 800;
}
.pr-x-stat-followers .pr-x-followers-num {
  font-weight: 800;
  color: #16a34a;
}
.pr-x-stat-followers .pr-x-followers-num[data-tone="high"] {
  color: #16a34a;
}
.pr-x-stat-followers .pr-x-followers-num[data-tone="low"] {
  color: #ca8a04;
}
.pr-x-post {
  padding: 14px 16px 18px;
}
.pr-x-post-text {
  font-size: 15px;
  line-height: 1.45;
  color: #1e293b;
  margin: 0 0 10px;
}
.pr-x-post-meta {
  font-size: 12px;
  color: #94a3b8;
}
.pr-x-blur-id {
  filter: blur(5px);
  user-select: none;
}
body:not(.dark-mode) .pr-showcase--x-light .pr-mock--x.pr-x-page {
  background: #ffffff;
}

/* Dark mode: YT / X mock text & chrome (light "-light" section styles only apply in light site theme) */
html.dark-mode .pr-showcase--youtube-light .pr-yt-ch-name,
html.dark-mode .pr-showcase--youtube-light .pr-yt-vtitle {
  color: #f8fafc;
}
html.dark-mode .pr-showcase--youtube-light .pr-yt-subs-line {
  color: #cbd5e1;
}
html.dark-mode .pr-showcase--youtube-light .pr-yt-videos-line {
  color: #94a3b8;
}
html.dark-mode .pr-showcase--youtube-light .pr-yt-avatar {
  border-color: rgba(56, 189, 248, 0.45);
  background: #1e293b;
}
html.dark-mode .pr-showcase--youtube-light .pr-yt-channel-row {
  border-bottom-color: rgba(148, 163, 184, 0.2);
}
html.dark-mode .pr-showcase--youtube-light .pr-yt-thumb {
  border-color: rgba(148, 163, 184, 0.35);
  background: linear-gradient(135deg, #334155, #1e293b);
}
html.dark-mode .pr-showcase--x-light .pr-x-display {
  color: #f8fafc;
}
html.dark-mode .pr-showcase--x-light .pr-x-handle {
  color: #94a3b8;
}
html.dark-mode .pr-showcase--x-light .pr-x-stats {
  color: #94a3b8;
  border-bottom-color: rgba(148, 163, 184, 0.2);
}
html.dark-mode .pr-showcase--x-light .pr-x-stats strong {
  color: #e2e8f0;
}
html.dark-mode .pr-showcase--x-light .pr-x-post-text {
  color: #e2e8f0;
}
html.dark-mode .pr-showcase--x-light .pr-x-avatar {
  border-color: rgba(56, 189, 248, 0.45);
  background: #1e293b;
}
html.dark-mode .pr-showcase--x-light .pr-x-header {
  border-bottom-color: rgba(148, 163, 184, 0.2);
}
html.dark-mode .pr-showcase--telegram-light,
html.dark-mode .pr-showcase--instagram-light,
html.dark-mode .pr-showcase--youtube-light,
html.dark-mode .pr-showcase--tiktok-light,
html.dark-mode .pr-showcase--x-light {
  background: linear-gradient(180deg, #0f172a 0%, #111827 50%, #1e293b 100%);
  color: #e2e8f0;
  box-shadow: 0 30px 90px rgba(2, 6, 23, 0.62);
}
html.dark-mode .pr-showcase--telegram-light::before,
html.dark-mode .pr-showcase--instagram-light::before,
html.dark-mode .pr-showcase--youtube-light::before,
html.dark-mode .pr-showcase--tiktok-light::before,
html.dark-mode .pr-showcase--x-light::before {
  background-image: url("data:image/svg+xml,%3Csvg width='70' height='70' viewBox='0 0 70 70' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2338bdf8' fill-opacity='0.10'%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Ccircle cx='35' cy='35' r='2'/%3E%3Ccircle cx='60' cy='60' r='2'/%3E%3C/g%3E%3C/svg%3E");
}
html.dark-mode .pr-showcase--telegram-light::after,
html.dark-mode .pr-showcase--instagram-light::after,
html.dark-mode .pr-showcase--youtube-light::after,
html.dark-mode .pr-showcase--tiktok-light::after,
html.dark-mode .pr-showcase--x-light::after {
  background: radial-gradient(ellipse at center, rgba(56, 189, 248, 0.24) 0%, rgba(56, 189, 248, 0.06) 45%, transparent 72%);
}
html.dark-mode .pr-showcase--telegram-light .pr-badge,
html.dark-mode .pr-showcase--instagram-light .pr-badge,
html.dark-mode .pr-showcase--youtube-light .pr-badge,
html.dark-mode .pr-showcase--tiktok-light .pr-badge,
html.dark-mode .pr-showcase--x-light .pr-badge {
  background: rgba(15, 23, 42, 0.62);
  border-color: rgba(56, 189, 248, 0.35);
  color: #e2e8f0;
}
html.dark-mode .pr-showcase--telegram-light .pr-title,
html.dark-mode .pr-showcase--instagram-light .pr-title,
html.dark-mode .pr-showcase--youtube-light .pr-title,
html.dark-mode .pr-showcase--tiktok-light .pr-title,
html.dark-mode .pr-showcase--x-light .pr-title {
  color: #f8fafc;
}
html.dark-mode .pr-showcase--telegram-light .pr-title__accent,
html.dark-mode .pr-showcase--instagram-light .pr-title__accent,
html.dark-mode .pr-showcase--youtube-light .pr-title__accent,
html.dark-mode .pr-showcase--tiktok-light .pr-title__accent,
html.dark-mode .pr-showcase--x-light .pr-title__accent {
  background: linear-gradient(135deg, #7dd3fc 0%, #38bdf8 45%, #60a5fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
html.dark-mode .pr-showcase--telegram-light .pr-tab,
html.dark-mode .pr-showcase--instagram-light .pr-tab,
html.dark-mode .pr-showcase--youtube-light .pr-tab,
html.dark-mode .pr-showcase--tiktok-light .pr-tab,
html.dark-mode .pr-showcase--x-light .pr-tab {
  border-color: rgba(148, 163, 184, 0.26);
  background: rgba(15, 23, 42, 0.52);
  color: #cbd5e1;
}
html.dark-mode .pr-showcase--telegram-light .pr-tab i,
html.dark-mode .pr-showcase--instagram-light .pr-tab i,
html.dark-mode .pr-showcase--youtube-light .pr-tab i,
html.dark-mode .pr-showcase--tiktok-light .pr-tab i,
html.dark-mode .pr-showcase--x-light .pr-tab i {
  color: #7dd3fc;
}
html.dark-mode .pr-showcase--telegram-light .pr-tab:hover,
html.dark-mode .pr-showcase--instagram-light .pr-tab:hover,
html.dark-mode .pr-showcase--youtube-light .pr-tab:hover,
html.dark-mode .pr-showcase--tiktok-light .pr-tab:hover,
html.dark-mode .pr-showcase--x-light .pr-tab:hover {
  background: rgba(30, 41, 59, 0.86);
}
html.dark-mode .pr-showcase--telegram-light .pr-tab.is-active,
html.dark-mode .pr-showcase--instagram-light .pr-tab.is-active,
html.dark-mode .pr-showcase--youtube-light .pr-tab.is-active,
html.dark-mode .pr-showcase--tiktok-light .pr-tab.is-active,
html.dark-mode .pr-showcase--x-light .pr-tab.is-active {
  background: linear-gradient(135deg, #0ea5e9, #2563eb);
  color: #fff;
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.35);
}
html.dark-mode .pr-showcase--telegram-light .pr-ba__track,
html.dark-mode .pr-showcase--instagram-light .pr-ba__track,
html.dark-mode .pr-showcase--youtube-light .pr-ba__track,
html.dark-mode .pr-showcase--tiktok-light .pr-ba__track,
html.dark-mode .pr-showcase--x-light .pr-ba__track {
  background: rgba(15, 23, 42, 0.76);
  border-color: rgba(56, 189, 248, 0.28);
}
html.dark-mode .pr-showcase--telegram-light .pr-ba__pill,
html.dark-mode .pr-showcase--instagram-light .pr-ba__pill,
html.dark-mode .pr-showcase--youtube-light .pr-ba__pill,
html.dark-mode .pr-showcase--tiktok-light .pr-ba__pill,
html.dark-mode .pr-showcase--x-light .pr-ba__pill {
  background: linear-gradient(135deg, #0ea5e9, #2563eb);
}
html.dark-mode .pr-showcase--telegram-light .pr-ba__opt,
html.dark-mode .pr-showcase--instagram-light .pr-ba__opt,
html.dark-mode .pr-showcase--youtube-light .pr-ba__opt,
html.dark-mode .pr-showcase--tiktok-light .pr-ba__opt,
html.dark-mode .pr-showcase--x-light .pr-ba__opt {
  color: rgba(226, 232, 240, 0.72);
}
html.dark-mode .pr-showcase--telegram-light .pr-mock,
html.dark-mode .pr-showcase--instagram-light .pr-mock,
html.dark-mode .pr-showcase--youtube-light .pr-mock,
html.dark-mode .pr-showcase--tiktok-light .pr-mock,
html.dark-mode .pr-showcase--x-light .pr-mock {
  border-color: rgba(148, 163, 184, 0.2);
  background: rgba(15, 23, 42, 0.9);
  box-shadow: 0 14px 38px rgba(2, 6, 23, 0.55);
}
html.dark-mode .pr-showcase--telegram-light .pr-mock__bar,
html.dark-mode .pr-showcase--instagram-light .pr-mock__bar,
html.dark-mode .pr-showcase--youtube-light .pr-mock__bar,
html.dark-mode .pr-showcase--tiktok-light .pr-mock__bar,
html.dark-mode .pr-showcase--x-light .pr-mock__bar {
  border-bottom-color: rgba(148, 163, 184, 0.18);
  background: rgba(15, 23, 42, 0.72);
}
html.dark-mode .pr-showcase--telegram-light .pr-bubble--in,
html.dark-mode .pr-showcase--instagram-light .pr-bubble--in,
html.dark-mode .pr-showcase--youtube-light .pr-bubble--in,
html.dark-mode .pr-showcase--tiktok-light .pr-bubble--in,
html.dark-mode .pr-showcase--x-light .pr-bubble--in {
  background: rgba(30, 41, 59, 0.85);
  color: #e2e8f0;
}
html.dark-mode .pr-showcase--telegram-light .pr-bubble--out,
html.dark-mode .pr-showcase--instagram-light .pr-bubble--out,
html.dark-mode .pr-showcase--youtube-light .pr-bubble--out,
html.dark-mode .pr-showcase--tiktok-light .pr-bubble--out,
html.dark-mode .pr-showcase--x-light .pr-bubble--out {
  background: linear-gradient(135deg, #0ea5e9, #2563eb);
}
html.dark-mode .pr-showcase-nav__icon {
  border: 1px solid rgba(148, 163, 184, 0.22);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}
html.dark-mode .pr-showcase-nav:hover .pr-showcase-nav__icon {
  border-color: rgba(148, 163, 184, 0.35);
}

@media (max-width: 520px) {
  .pr-yt-channel-row {
    flex-wrap: wrap;
  }
  .pr-yt-subscribe {
    width: 100%;
    margin-top: 8px;
  }
}
@media (max-width: 767px) {
  .pr-showcase {
    margin: 32px 12px;
    border-radius: 20px;
    padding: 48px 0 56px;
  }
  .pr-showcase-nav__icon {
    width: 36px;
    height: 36px;
    font-size: 13px;
  }
  .pr-tabs {
    gap: 8px;
  }
  .pr-tab {
    padding: 8px 12px;
    font-size: 12px;
  }
}
html.dark-mode .pr-showcase {
  box-shadow: 0 40px 100px rgba(0, 0, 0, 0.65);
}
body:not(.dark-mode) .pr-showcase {
  color: #f8fafc;
}
html.dark-mode .pr-title , html.dark-mode .extension-steps-panel h4 , html.dark-mode .extension-badge h3{
    color: white !important;
}


    /* Dark Mode Styles */
    html.dark-mode body {
      background-color: #0f172a !important;
      color: #e2e8f0;
      transition: all 0.3s;
    }
    
    html.dark-mode .card {
      background-color: #1e293b !important;
      border-color: rgba(51, 65, 85, 0.6) !important;
      color: #e2e8f0;
      box-shadow: 0 -3px 20px rgba(2, 6, 23, 0.6) !important;
    }
    
    html.dark-mode .card-body {
      background-color: #1e293b !important;
      color: #e2e8f0;
    }
    
    html.dark-mode .breadcrumb {
      background-color: #1e293b !important;
    }
    
    html.dark-mode .breadcrumb-item a {
      color: #e2e8f0 !important;
    }
    
    html.dark-mode .breadcrumb-item.actives {
      color: #cbd5f5 !important;
    }
    
    html.dark-mode h2,
    html.dark-mode .primary-color {
      color: #e2e8f0 !important;
    }
    
    html.dark-mode p {
      color: #e2e8f0 !important;
    }
    
    html.dark-mode p strong {
      color: #f8fafc !important;
    }
    
    html.dark-mode .home-title,
    html.dark-mode .section-title_title {
      color: #e2e8f0 !important;
    }
    
    html.dark-mode .home-title span {
      color: #38bdf8 !important;
    }
    
    html.dark-mode .p-title {
      color: #94a3b8 !important;
    }
    
    html.dark-mode .steps-item p {
      color: #e2e8f0 !important;
    }
    
    html.dark-mode .steps-item p a {
      color: #60a5fa !important;
    }
    
    html.dark-mode .steps-item .s-text {
      color: #f8fafc !important;
    }
    
    html.dark-mode .btn-tickets {
      background-color: #2563eb !important;
      color: #f8fafc !important;
    }
    
    html.dark-mode .btn-tickets:hover {
      background-color: #1d4ed8 !important;
    }
    
    html.dark-mode .btn-rounded {
      background-image: linear-gradient(183deg, #38bdf8, #6366f1) !important;
      color: #ffffff !important;
    }
    
    html.dark-mode .bacgroundbody {
      background-image: none !important;
      background-color: #0f172a !important;
    }
    
    html.dark-mode .naHdCt {
      background-color: #0f172a !important;
    }
    
    html.dark-mode p[style*="color:black"] {
      color: #e2e8f0 !important;
    }
    
    html.dark-mode .mobile-app-text {
      color: #e2e8f0;
    }

    /* Professional Steps Box Styles */
    .steps-box {
        position: relative;
        display: flex;
        align-items: center;
        gap: 40px;
        background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(249, 250, 255, 0.95) 50%, rgba(244, 247, 255, 0.98) 100%);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border: 2px solid rgba(49, 160, 255, 0.15);
        border-radius: 32px;
        padding: 48px;
        box-shadow: 
            0 25px 60px rgba(15, 23, 42, 0.12),
            0 0 0 1px rgba(49, 160, 255, 0.1),
            inset 0 1px 0 rgba(255, 255, 255, 0.9);
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        overflow: hidden;
        margin: 40px 0;
    }

    .steps-box::before {
        content: '';
        position: absolute;
        top: -50%;
        right: -20%;
        width: 500px;
        height: 500px;
        background: radial-gradient(circle, rgba(49, 160, 255, 0.12) 0%, transparent 70%);
        border-radius: 50%;
        animation: steps-pulse 8s ease-in-out infinite;
        pointer-events: none;
        z-index: 0;
    }

    .steps-box::after {
        content: '';
        position: absolute;
        bottom: -30%;
        left: -15%;
        width: 400px;
        height: 400px;
        background: radial-gradient(circle, rgba(6, 102, 255, 0.1) 0%, transparent 70%);
        border-radius: 50%;
        animation: steps-pulse 10s ease-in-out infinite reverse;
        pointer-events: none;
        z-index: 0;
    }

    @keyframes steps-pulse {
        0%, 100% {
            transform: scale(1);
            opacity: 0.6;
        }
        50% {
            transform: scale(1.15);
            opacity: 0.8;
        }
    }

    .steps-box > * {
        position: relative;
        z-index: 1;
    }

    .steps-box:hover {
        transform: translateY(-4px);
        box-shadow: 
            0 35px 80px rgba(15, 23, 42, 0.15),
            0 0 0 1px rgba(49, 160, 255, 0.15),
            inset 0 1px 0 rgba(255, 255, 255, 0.95);
        border-color: rgba(49, 160, 255, 0.25);
    }

    .steps-img {
        flex: 1;
        max-width: 50%;
        position: relative;
    }

    .steps-img img {
        width: 100%;
        height: auto;
        border-radius: 24px;
        box-shadow: 
            0 20px 50px rgba(0, 0, 0, 0.15),
            0 0 0 1px rgba(49, 160, 255, 0.1);
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.1));
    }

    .steps-box:hover .steps-img img {
        transform: scale(1.03);
        box-shadow: 
            0 25px 60px rgba(0, 0, 0, 0.2),
            0 0 0 1px rgba(49, 160, 255, 0.15);
        filter: drop-shadow(0 15px 40px rgba(49, 160, 255, 0.2));
    }

    .steps-content {
        flex: 1;
        padding-left: 40px;
        position: relative;
    }

    .steps-item {
        position: relative;
        margin-bottom: 24px;
        padding: 24px;
        background: linear-gradient(135deg, rgba(255, 255, 255, 0.8) 0%, rgba(249, 250, 255, 0.7) 100%);
        border-radius: 20px;
        border-left: 5px solid #31a0ff;
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        box-shadow: 
            0 8px 20px rgba(15, 23, 42, 0.08),
            inset 0 1px 0 rgba(255, 255, 255, 0.8);
        overflow: hidden;
    }

    .steps-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(49, 160, 255, 0.1), transparent);
        transition: left 0.6s;
    }

    .steps-item:hover::before {
        left: 100%;
    }

    .steps-item:hover {
        transform: translateX(8px) translateY(-2px);
        background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(249, 250, 255, 0.9) 100%);
        border-left-color: #0066ff;
        box-shadow: 
            0 12px 30px rgba(49, 160, 255, 0.15),
            inset 0 1px 0 rgba(255, 255, 255, 0.95);
    }

    .steps-item:last-child {
        margin-bottom: 0;
    }

    .s-text {
        display: inline-block;
        background: linear-gradient(135deg, #31a0ff 0%, #0066ff 100%);
        padding: 10px 24px;
        color: #ffffff;
        border-radius: 50px;
        font-weight: 700;
        font-size: 14px;
        margin-bottom: 16px;
        box-shadow: 
            0 6px 20px rgba(49, 160, 255, 0.35),
            inset 0 1px 0 rgba(255, 255, 255, 0.2);
        letter-spacing: 0.5px;
        text-transform: uppercase;
        position: relative;
        overflow: hidden;
        transition: all 0.3s ease;
    }

    .s-text::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
        transition: left 0.5s;
    }

    .steps-item:hover .s-text::before {
        left: 100%;
    }

    .steps-item:hover .s-text {
        transform: scale(1.05);
        box-shadow: 
            0 8px 24px rgba(49, 160, 255, 0.45),
            inset 0 1px 0 rgba(255, 255, 255, 0.3);
    }

    .steps-item p {
        color: #1e293b;
        font-size: 16px;
        line-height: 1.8;
        margin: 0;
        font-weight: 500;
        transition: color 0.3s ease;
    }

    .steps-item:hover p {
        color: #0f172a;
    }

    .steps-item p a {
        color: #31a0ff;
        font-weight: 600;
        text-decoration: none;
        transition: all 0.3s ease;
        position: relative;
    }

    .steps-item p a::after {
        content: '';
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 0;
        height: 2px;
        background: linear-gradient(90deg, #31a0ff 0%, #0066ff 100%);
        transition: width 0.3s ease;
    }

    .steps-item p a:hover::after {
        width: 100%;
    }

    .steps-item p a:hover {
        color: #0066ff;
    }

    /* Section Title Styles */
    .section-title__content {
        text-align: center;
        margin-bottom: 48px;
    }

    .section-title__content h2 {
        font-size: 38px;
        font-weight: 700;
        margin-bottom: 20px;
        color: #1e293b;
    }

    .section-title__content h2 span {
        background: linear-gradient(135deg, #31a0ff 0%, #0066ff 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .section-title__content .p-title {
        font-size: 18px;
        color: #606f85;
        max-width: 700px;
        margin: 0 auto;
        line-height: 1.8;
    }

    /* Button Tickets Styles */
    .btn-tickets {
        background: linear-gradient(135deg, #31a0ff 0%, #0066ff 100%);
        color: #ffffff;
        border: none;
        padding: 14px 32px;
        border-radius: 50px;
        font-weight: 600;
        font-size: 15px;
        box-shadow: 0 10px 30px rgba(49, 160, 255, 0.4);
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        display: inline-flex;
        align-items: center;
        gap: 10px;
        position: relative;
        overflow: hidden;
        cursor: pointer;
    }

    .btn-tickets::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
        transition: left 0.5s;
    }

    .btn-tickets:hover::before {
        left: 100%;
    }

    .btn-tickets:hover {
        transform: translateY(-3px);
        box-shadow: 0 15px 40px rgba(49, 160, 255, 0.5);
    }

    .btn-tickets:active {
        transform: translateY(-1px);
    }

    .btn-tickets .icon {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* Dark Mode Support */
    html.dark-mode .steps-box {
        background: linear-gradient(135deg, rgba(30, 41, 59, 0.98) 0%, rgba(15, 23, 42, 0.95) 50%, rgba(30, 41, 59, 0.98) 100%);
        border-color: rgba(56, 189, 248, 0.2);
        box-shadow: 
            0 25px 60px rgba(0, 0, 0, 0.4),
            0 0 0 1px rgba(56, 189, 248, 0.2),
            inset 0 1px 0 rgba(255, 255, 255, 0.05);
    }

    html.dark-mode .steps-box::before {
        background: radial-gradient(circle, rgba(56, 189, 248, 0.15) 0%, transparent 70%);
    }

    html.dark-mode .steps-box::after {
        background: radial-gradient(circle, rgba(99, 102, 241, 0.12) 0%, transparent 70%);
    }

    html.dark-mode .steps-box:hover {
        border-color: rgba(56, 189, 248, 0.3);
        box-shadow: 
            0 35px 80px rgba(0, 0, 0, 0.5),
            0 0 0 1px rgba(56, 189, 248, 0.25),
            inset 0 1px 0 rgba(255, 255, 255, 0.08);
    }

    html.dark-mode .steps-item {
        background: linear-gradient(135deg, rgba(30, 41, 59, 0.7) 0%, rgba(15, 23, 42, 0.6) 100%);
        border-left-color: rgba(56, 189, 248, 0.5);
        box-shadow: 
            0 8px 20px rgba(0, 0, 0, 0.3),
            inset 0 1px 0 rgba(255, 255, 255, 0.05);
    }

    html.dark-mode .steps-item:hover {
        background: linear-gradient(135deg, rgba(30, 41, 59, 0.85) 0%, rgba(15, 23, 42, 0.75) 100%);
        border-left-color: #60a5fa;
        box-shadow: 
            0 12px 30px rgba(56, 189, 248, 0.2),
            inset 0 1px 0 rgba(255, 255, 255, 0.08);
    }

    html.dark-mode .s-text {
        background: linear-gradient(135deg, #38bdf8 0%, #3b82f6 100%);
        box-shadow: 
            0 6px 20px rgba(56, 189, 248, 0.4),
            inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    html.dark-mode .steps-item:hover .s-text {
        box-shadow: 
            0 8px 24px rgba(56, 189, 248, 0.5),
            inset 0 1px 0 rgba(255, 255, 255, 0.15);
    }

    html.dark-mode .steps-content {
        color: #e2e8f0;
    }

    html.dark-mode .steps-item p {
        color: #e2e8f0;
    }

    html.dark-mode .steps-item:hover p {
        color: #f1f5f9;
    }

    html.dark-mode .steps-item p a {
        color: #60a5fa;
    }

    html.dark-mode .steps-item p a:hover {
        color: #38bdf8;
    }

    html.dark-mode .section-title__content h2 {
        color: #e2e8f0;
    }

    html.dark-mode .section-title__content h2 span {
        background: linear-gradient(135deg, #38bdf8 0%, #3b82f6 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    html.dark-mode .section-title__content .p-title {
        color: #94a3b8;
    }

    html.dark-mode .btn-tickets {
        background: linear-gradient(135deg, #38bdf8 0%, #3b82f6 100%);
        box-shadow: 0 10px 30px rgba(56, 189, 248, 0.4);
    }

    html.dark-mode .btn-tickets:hover {
        box-shadow: 0 15px 40px rgba(56, 189, 248, 0.5);
    }

    /* Responsive Design */
    @media (max-width: 991px) {
        .steps-box {
            flex-direction: column;
            padding: 32px;
            gap: 32px;
        }

        .steps-img {
            max-width: 100%;
        }

        .steps-content {
            padding-left: 0;
            padding-top: 0;
        }

        .section-title__content h2 {
            font-size: 32px;
        }
    }

    @media (max-width: 575px) {
        .steps-box {
            padding: 24px;
            border-radius: 24px;
            margin: 24px 0;
        }

        .steps-item {
            padding: 20px;
            margin-bottom: 20px;
        }

        .s-text {
            padding: 8px 20px;
            font-size: 13px;
        }

        .steps-item p {
            font-size: 15px;
        }

        .section-title__content h2 {
            font-size: 26px;
        }

        .section-title__content .p-title {
            font-size: 16px;
        }
    }
    
    html.dark-mode .collapsible {
      background: rgba(30, 41, 59, 0.9) !important;
      border-color: rgba(51, 65, 85, 0.6) !important;
      color: #e2e8f0 !important;
    }
    
    html.dark-mode .collapsible:hover {
      background: rgba(30, 41, 59, 0.98) !important;
      border-color: rgba(51, 65, 85, 0.8) !important;
    }
    
    html.dark-mode .content {
      background: linear-gradient(145deg, rgba(30, 41, 59, 0.98) 0, rgba(15, 23, 42, 0.92) 100%) !important;
      border-color: rgba(51, 65, 85, 0.6) !important;
      color: #e2e8f0 !important;
    }

/* Welcome hero: Chrome + Services CTA (no motion / shimmer effects) */
.hero-cta-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-top: -.25rem;
  margin-bottom: 0.5rem;
}
.hero-cta-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 15px 26px;
  font-family: "Roboto", system-ui, -apple-system, sans-serif;
  font-size: 0.96rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  line-height: 1.15;
  text-decoration: none !important;
  border-radius: 9999px;
  isolation: isolate;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}
.hero-cta-btn:focus-visible {
  outline: 3px solid rgba(59, 130, 246, 0.65);
  outline-offset: 3px;
}
.hero-cta-btn__icon {
  font-size: 1.15rem;
  opacity: 0.95;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
}
.hero-cta-btn__label {
  white-space: nowrap;
}
.hero-cta-btn__chev {
  display: inline-flex;
  align-items: center;
  font-size: 0.72rem;
  opacity: 0.88;
  margin-inline-start: 2px;
}
.hero-cta-btn__chev--external {
  font-size: 0.68rem;
  opacity: 0.75;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.hero-cta-btn--chrome {
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: linear-gradient(145deg, #38bdf8 0%, #2563eb 38%, #1d4ed8 72%, #1e40af 100%);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08) inset, 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 2px 8px rgba(15, 23, 42, 0.12);
}
.hero-cta-btn--chrome:hover {
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12) inset, 0 1px 0 rgba(255, 255, 255, 0.28) inset, 0 4px 14px rgba(15, 23, 42, 0.14);
}
.hero-cta-btn--chrome:active {
  transform: translateY(0);
}
.hero-cta-btn--services {
  color: #0a2753 !important;
  border: 2px solid rgba(10, 39, 83, 0.55);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(241, 245, 249, 0.75) 100%);
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(255, 255, 255, 0.6) inset;
  backdrop-filter: blur(10px);
}
.hero-cta-btn--services:hover {
  color: #155dfc !important;
  border-color: rgba(37, 99, 235, 0.85);
  background: linear-gradient(180deg, #fff 0%, rgba(239, 246, 255, 0.95) 100%);
  transform: translateY(-2px);
  box-shadow: 0 12px 36px rgba(37, 99, 235, 0.2), 0 0 0 1px rgba(59, 130, 246, 0.15) inset, 0 0 28px rgba(59, 130, 246, 0.18);
}
.hero-cta-btn--services:hover .hero-cta-btn__chev--external {
  opacity: 1;
  transform: translate(2px, -2px);
}
.hero-cta-btn--services:active {
  transform: translateY(0);
}
html.dark-mode .hero-cta-btn--services {
  color: #f1f5f9 !important;
  border: 2px solid rgba(148, 163, 184, 0.45);
  background: linear-gradient(160deg, rgba(30, 41, 59, 0.65) 0%, rgba(15, 23, 42, 0.85) 100%);
  box-shadow: 0 6px 28px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.06) inset;
  backdrop-filter: blur(12px);
}
html.dark-mode .hero-cta-btn--services:hover {
  color: #fff !important;
  border-color: rgba(96, 165, 250, 0.85);
  background: linear-gradient(160deg, rgba(51, 65, 85, 0.9) 0%, rgba(30, 41, 59, 0.95) 100%);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45), 0 0 32px rgba(59, 130, 246, 0.25), 0 0 0 1px rgba(96, 165, 250, 0.2) inset;
}
@media (max-width: 575px) {
  .hero-cta-row {
    flex-direction: column;
    align-items: stretch;
    margin-top: -30px !important;
    margin-bottom: 40px;
  }
  .hero-cta-btn {
    width: 100%;
    text-align: center;
  }
  .hero-cta-btn__label {
    white-space: normal;
  }
}


 /* Smart app banner — fixed strip under safe-area; offsets page via --smart-app-banner-h */
  .smart-app-banner {
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10050;
    display: none;
    align-items: center;
    gap: 10px;
    min-height: 56px;
    padding: 10px 12px;
    padding-top: max(10px, env(safe-area-inset-top));
    padding-left: max(12px, env(safe-area-inset-left));
    padding-right: max(12px, env(safe-area-inset-right));
    font-family: "Roboto", system-ui, -apple-system, sans-serif;
    background: #ffffff;
    color: #0f172a;
    border: none;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.12), 0 1px 3px rgba(15, 23, 42, 0.08);
  }
  .smart-app-banner.is-visible {
    display: flex;
  }
  .smart-app-banner__close {
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    outline: none !important;
    border: none !important;
    color: #000000 !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    width: 20px !important;
    height: 40px !important;
    font-size: 22px !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    color: gray !important;
  }
  .smart-app-banner__close:hover,
  .smart-app-banner__close:focus-visible {
    background: rgba(15, 23, 42, 0.14);
    outline: none;
  }
  .smart-app-banner__icon {
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    object-fit: cover;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.18);
  }
  .smart-app-banner__text {
    flex: 1 1 auto;
    min-width: 0;
    text-align: start;
  }
  .smart-app-banner__title {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
    color: inherit;
  }
  .smart-app-banner__sub {
    margin: 3px 0 0;
    font-size: 12px;
    line-height: 1.35;
    color: rgba(15, 23, 42, 0.62);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .smart-app-banner__open {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    padding: 10px 18px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    white-space: nowrap;
    color: #fff !important;
    background-image: linear-gradient(92deg, #3a57e8, #6e8efb);
    border: none;
    box-shadow: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    margin-right: 5px !important;
    z-index: 0;
  }
  .smart-app-banner__open::before {
    content: "";
    position: absolute;
    left: -20%;
    top: -10%;
    width: 0;
    height: 100%;
    transform: rotate(15deg) scale(1, 2);
    box-shadow: 0 0 30px 15px rgba(255, 255, 255, 0.5);
    animation: sab-button-glow 2000ms ease-in-out infinite;
    pointer-events: none;
    z-index: 0;
  }
  .smart-app-banner__open:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(58, 87, 232, 0.35);
    color: #fff !important;
  }
  .smart-app-banner__open:active {
    transform: translateY(0);
    opacity: 0.95;
  }
  @keyframes sab-button-glow {
    0% {
      left: -20%;
    }
    50% {
      left: 120%;
    }
    100% {
      left: 120%;
    }
  }

  html.dark-mode .smart-app-banner {
    background: #0f172a;
    color: #f8fafc;
    border: none;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35), 0 1px 3px rgba(0, 0, 0, 0.2);
  }
  html.dark-mode .smart-app-banner__close {
    background: rgba(255, 255, 255, 0.12);
    color: #f8fafc;
  }
  html.dark-mode .smart-app-banner__close:hover,
  html.dark-mode .smart-app-banner__close:focus-visible {
    background: rgba(255, 255, 255, 0.2);
  }
  html.dark-mode .smart-app-banner__sub {
    color: rgba(226, 232, 240, 0.82);
  }

  /* Banner بالای هدر موبایل؛ هدر را زیر نوار ثابت می‌چیند */
  @media (max-width: 991.98px) {
    html.sab-showing .mobile-header {
      top: var(--smart-app-banner-h, 0px);
      transition: top 0.2s ease;
    }
  }

  html.sab-showing body {
    padding-top: var(--smart-app-banner-h, 0px);
  }

.hdMnIt--api .hdMnLi.dropdown-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  background: transparent;
  border: 0;
  padding: 0;
  font: inherit;
  cursor: pointer;
}

.hdMnIt--api .hdMnLi.dropdown-toggle::after {
  margin-left: 0.15rem;
  vertical-align: middle;
}

.hdMnApiDesktop {
  display: none;
}

.hdMnApiMobile {
  display: block;
  width: 100%;
}

.hdMnIt--api .hdMnApiDropdown {
  min-width: 9.5rem;
  margin-left: 0 !important;
}

.hdMnIt--api .dropdown-item.active,
.hdMnIt--api .dropdown-item:active {
  background-color: #0066ff;
  color: #fff;
}

@media (min-width: 992px) {
  .hdMnApiDesktop {
    display: block;
  }

  .hdMnApiMobile {
    display: none !important;
  }
}

@media (max-width: 991.98px) {
  .hdMnIt--api {
    width: 100%;
  }

  .hdMnApiDesktop {
    display: none !important;
  }

  .hdMnIt--api .hdMnLi.dropdown-toggle::after {
    display: none !important;
    content: none !important;
  }

  .hdMnApiMobile .hdMnLi--api-toggle {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 0.5rem;
    background: transparent;
    border: 0;
    text-align: left;
    cursor: pointer;
  }

  .hdMnApiMobile .hdMnLi--api-toggle::before,
  .hdMnApiMobile .hdMnLi--api-toggle::after {
    display: none !important;
    content: none !important;
  }

  .hdMnApiMobile .hdMnApiChevron {
    flex: 0 0 auto;
    width: 0.85rem;
    font-size: 0.85rem;
    line-height: 1;
    color: currentColor;
    transition: transform 0.2s ease;
  }

  .hdMnApiMobile .hdMnLi--api-toggle.is-open .hdMnApiChevron {
    transform: rotate(90deg);
  }

  .hdMnApiMobile .hdMnApiToggleLabel {
    flex: 1 1 auto;
    min-width: 0;
  }

  .hdMnApiMobile .hdMnApiSubmenu {
    margin: 0;
    padding: 0.15rem 0 0.35rem 1.75rem;
  }

  .hdMnApiMobile .hdMnApiSubmenu:not(.show) {
    display: none;
  }

  .hdMnApiMobile .hdMnApiSubLink {
    display: block;
    padding: 0.45rem 0;
    color: #606f85 !important;
    background: transparent;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.25;
    text-decoration: none;
  }

  .hdMnApiMobile .hdMnApiSubLink.active {
    color: #0066ff !important;
    background: transparent;
  }

  #noAuthHeader .hdMnIt.lan {
    display: none;
    margin: 0 !important;
    padding: 0;
  }
}

html.dark-mode .hdMnIt--api .dropdown-item.active {
  color: #38bdf8;
  background: transparent;
}

@media (max-width: 991.98px) {
  html.dark-mode .hdMnApiMobile .hdMnApiSubLink {
    color: #cbd5f5 !important;
  }

  html.dark-mode .hdMnApiMobile .hdMnApiSubLink.active {
    color: #38bdf8 !important;
  }

  /* Guest pre-login menu — ~20px narrower on all welcome/blog pages */
  #noAuthHeader {
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    left: 10px !important;
    right: 10px !important;
    box-sizing: border-box;
  }
}