/* ====================== */
/* ЦВЕТОВАЯ СХЕМА */
/* ====================== */
:root {
  --primary-color: #007fff;       /* Основной синий */
  --secondary-color: #0068d1;   /* Основной2 */ 
  --alt-color: #7C3AED;
  
  --btn-light: #ddd;   /* Основной2 */ 
  --btn-dark: #eee;   /* Основной2 */ 
  --grey-bg: #f8f9fa; 
  --blue-bg: #cce6ff; /* светло-голубой фон */ 
  
  --bs-body-font-size: 1.1rem;
}
@media(max-width:400px){.hide-mobile{display:none} }
.bg-333 { background-color:#333; color:#fff;}
.bg-color1 {background-color:#f1f8ff;}
.bg-color2 {background-color:#cae7ef}
#cta-seo .bg-color3 {background-color:#1560bd}
#cta-seo .bg-color3 label, .bg-color3 a{ color: #fff !important}
#cta-seo .bg-color3 button { background: #fff !important;color: #111}
#cta-seo .bg-color3 button:disabled { color: #999}
#cta-seo .bg-color3 .details-luxe summary {color:#fff;}
#cta-seo .bg-color3 #form_consent_letter{ width: 20px !important;; height: 20px !important; border-radius:3px;}

#cta-seo .bg-color4 {}
#cta-seo .bg-color4 label{ color: #fff !important}
#cta-seo .bg-color4 .details-luxe summary {color:#fff;}
#cta-seo .bg-color4 #form_consent_letter{ width: 20px !important;; height: 20px !important; border-radius:3px;}


.main-black{position:relative;background-position:top center;background-size:cover;background-repeat:no-repeat; border-radius:15px}
.main-black:before{content:"";position:absolute;inset:0;background:#000; opacity:0.7; ;pointer-events:none; border-radius:15px}
.main-black>*{position:relative;z-index:1}
.main-black p.lead{color:#eee!important}
.main-black .small{color:#eee!important}
.main-black h1{color:#eee!important;font-size:50px}
@media(max-width:768px){.main-black{background-position:center;background-size:auto 100%}}
.main-black .breadcrumb li a{color:#ddd}
.main-black .breadcrumb li a:hover{color:var(--primary-color)}
.main-black .breadcrumb li:before{color:#ddd}


.bgblack{position:relative;}
.bgblack p.lead{color:#eee!important}
.bgblack .small{color:#eee!important}
.bgblack h1{color:#eee!important;font-size:50px}
@media(max-width:768px){.bgblack{background-position:center;background-size:auto 100%}}
.bgblack .breadcrumb li a{color:#ddd}
.bgblack .breadcrumb li a:hover{color:var(--primary-color)}
.bgblack .breadcrumb li:before{color:#ddd}



.bg-cta{position:relative;background-position:top center;background-size:cover;background-repeat:no-repeat; border-radius:15px;background-image:url(/images/bg/bg-cta1.webp)}
.bg-cta:before{content:"";position:absolute;inset:0;background:#052340; opacity:0.5; ;pointer-events:none; border-radius:15px}
.bg-cta>*{position:relative;z-index:1}
.bg-cta p{color:#eee!important}
.bg-cta div{color:#fff !important}
.bg-cta form label { color: #111}
.bg-cta .small{color:#eee!important}
.bg-cta h1{color:#eee!important;font-size:50px}
.bg-cta h2{color:#eee!important;font-size:30px}
@media(max-width:768px){.bg-cta{background-position:center;background-size:auto 100%}}
.bg-cta2:before{content:"";position:absolute;inset:0;background:#111; opacity:0.8; ;pointer-events:none; border-radius:15px}


.bg01{
  background:
    linear-gradient(135deg,
      rgb(252,246,255) 0%,
      rgb(252,247,253) 35%,
      rgb(253,248,248) 70%,
      rgb(255,249,244) 100%
    );
  background-repeat:no-repeat;
  background-attachment:scroll;
  background-position:center top;
}
.bg02{
 background:
    linear-gradient(135deg,
      rgb(200,231,255) 0%,
      rgb(225,250,255) 30%,
      rgb(250,247,255) 60%,
      rgb(245,249,244) 100%
    );
  background-repeat:no-repeat;
  background-attachment:scroll;
  background-position:center top;
}
.bg03{
 background:
    linear-gradient(135deg,
      rgb(200,231,255) 0%,
      rgb(225,250,255) 30%,
      rgb(250,217,255) 60%,
      rgb(245,249,244) 100%
    );
  background-repeat:no-repeat;
  background-attachment:scroll;
  background-position:center top;
}
.bg04{
background:linear-gradient(135deg,
  rgb(4,7,12) 0%,
  rgb(7,18,38) 35%,
  rgb(0,54,110) 68%,
  rgb(4,9,18) 100%
);
  background-repeat:no-repeat;
  background-attachment:scroll;
  background-position:center top;
}
.bg04-black{
background:
    radial-gradient(circle at 80% 15%, rgba(0, 123, 255, 0.16), transparent 25%),
    radial-gradient(circle at 20% 80%, rgba(111, 66, 193, 0.14), transparent 30%),
    linear-gradient(135deg, #111318 0%, #1a1f2b 50%, #10141d 100%);

  background-repeat:no-repeat;
  background-attachment:scroll;
  background-position:center top;
}



@media (min-width: 100px) and (max-width: 1035px) {
    h1{ font-size:34px !important; }
    p.lead { font-size: 19px !important; font-weight: 400 !important;}
    .bigtitle { width: 100% !important; text-align: left ;}
    .bigtitle h2{ font-size:30px !important; }
    #integrations img { width: 100% !important}
    #services-core ul li{ font-size:15px !important; line-height: 24px !important}
}


a.aclear { text-decoration: none; }
a.aclear:hover {  color: #111}
a.aclear i{ padding: 0 !important; margin:0 !important; }

.clear{ display:block; clear:both;}
.clear-min{ display:block; clear:both; height:1px}
body{font-family:'Raleway',sans-serif;display:flex;flex-direction:column;min-height:100vh;}
header{z-index:1030;}
header img.logo {width: 130px}
.topmenu{width:280px;}  
.topmenu img.logo-small{ width: 130px; opacity: 1; margin: 0 0 0 10px}
.topmenu img.logo-small:hover{opacity: 1}
:root{--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0,0,0,.7)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.tooltip-icon{font-size:1.35rem;cursor:pointer;color:var(--primary-color);transition:color .2s;}
.tooltip-icon:hover{color:#084298;}
.divtitle { margin:40px auto 30px auto}
.text-gradient-1 {background: linear-gradient(to right, var(--secondary-color) 0%, var(--primary-color) 100%); -webkit-background-clip: text; background-clip: text; color: transparent;}
/*.btn { background: linear-gradient(to right, var(--primary-color), var(--secondary-color)); color: white; padding: 16px 32px; border: 0; border-radius: 26px; cursor: pointer; transition: 0.2s;}*/
.btn { background: linear-gradient(to right, var(--primary-color), var(--secondary-color)); color: white; padding: 9px 17px; border: 0; cursor: pointer; transition: 0.2s; width: auto; border-radius: 7px; font-size: 16px; text-decoration: none; justify-content: center; align-items: center; transition: all 0.3s ease; box-shadow: 0 3px 10px rgba(0,0,0,0.15);}
.btn:hover {background: linear-gradient(to right, var(--primary-color) 100%, var(--secondary-color) 0%);  color:#fff; }

.btn-light { font-size:16px; background: #fff; color: black; padding: 9px 17px; border: 1px solid #ddd; border-radius: 7px; cursor: pointer; box-shadow: none; transition: 0.2s; text-decoration: none; }
.btn-light:hover { background: #fff; color:black; box-shadow: none; }

.btn-mini { padding: 5px 13px !important; border-radius: 5px !important; box-shadow:none !important; background:#333 !important; font-size:13px !important;}
.btn-mini:hover {  box-shadow:none !important; background:#111 !important;}
.btn-mini-primary { padding: 12px 15px !important; border-radius: 10px !important; box-shadow:none !important; background:linear-gradient(to right, var(--primary-color), var(--secondary-color)) !important;; font-size:14px }
.btn-mini-primary:hover {  box-shadow:none !important; background:linear-gradient(to right, var(--primary-color) 100%, var(--secondary-color) 0%) !important;}

.btn-primary2 {font-size:16px; background:#444 !important; padding: 9px 17px; border: 1px solid #ddd; border-radius: 7px; cursor: pointer; box-shadow: none; transition: 0.2s; text-decoration: none; }
.btn-primary2:hover { background-color:#222;}

.tooltip-link{ border-bottom: 1px dashed #777; cursor: help;}
.primary { color:var(--primary-color) !important;;}

/*#hero p { font-size: 24px; font-weight: 300; margin-top: 40px; color:var(--primary-color)}*/

#hero .hero-media{display:flex;align-items:center;justify-content:center;padding:30px 30px}
#hero .hero-swiper{width:100%;max-width:560px}
#hero .hero-swiper .swiper-slide{display:flex;align-items:center;justify-content:center}
#hero .hero-swiper img{max-height:520px;width:auto;object-fit:contain;display:block}
#hero .hero-pagination{position:static;margin-top:14px}
#hero .hero-pagination .swiper-pagination-bullet{opacity:.35}
#hero .hero-pagination .swiper-pagination-bullet-active{opacity:1}
@media (max-width:991px){#hero .hero-media{padding:10px 15px}#hero .hero-swiper img{max-height:360px}}


header .social-icon { font-size: 25px !important; margin: 0px 0 0 20px; padding: 0;}
.social-icon { font-size: 35px}
.whatsapp{ color: #2cb742}
.whatsapp:hover{ color: #28a43b}
.telegram{ color: #27a7e7}
.telegram:hover{ color: #1897d6}
@media (max-width: 567.98px) {
  .btn { padding: 10px 17px; font-size: 14px; }
  .social-icon { font-size: 29px;}
  header .social-icon {margin-top: 4px}
}
.social-icon-max { margin: 0 !important; padding: 0 !important}
.social-icon-max img{ width: 25px; height: 25px;}
#contacts-hero .social-icon-max { font-size: 16px}
#contacts-hero .social-icon-max img{ width: 17px; height: 17px; margin-right:5px !important}
#contacts-hero .telegram{ color: #007aff; font-size: 16px}
#contacts-hero .telegram i{ color: #27a7e7; margin-right:5px !important; font-size: 17px}
#contacts-hero .email{font-size: 16px}
#contacts-hero .email i{  margin-right:5px !important; font-size: 17px}
.badge { padding: 12px 7px}
.bg-alt {background-color:var(--alt-color); color:#fff; text-decoration: none}

.link-dashed {transition: all 0.3s ease;}
.dashed-underline { width: 100%; height: 1px; background-image: linear-gradient(to right, #6c757d 50%, transparent 50%); background-size: 6px 1px; background-repeat: repeat-x;}
.link-dashed:hover .dashed-underline { background-image: linear-gradient(to right, #0d6efd 50%, transparent 50%);}
.link-dashed:hover .text-secondary {color: #0d6efd !important;}
    
.bigtitle { width: 80%; text-align: left ;}
.bigtitle h2{ font-size:44px}
.bigtitle h2 span{ color:var(--primary-color);}

.text-left{ text-align: left !important;}
/*.linksite a{ background-color:var(--alt-color); color:#fff; padding:3px 10px; border-radius:14px; text-decoration:none; font-size:14px;}
*/
.h-350 { height: 350px !important}
.h-400 { height: 400px !important}

/* Кейсы*/

.case-bg{width:100%;border-radius:16px;filter:blur(1.5px) saturate(.9);transform:scale(1.02);opacity:.95}
.case-serp{position:absolute;top:16px; width:100%;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 18px 40px rgba(0,0,0,.18)}
.case-badge{position:absolute;top:30px; width: 100%; max-height: 300px; padding:20px 12px;border-radius:14px;background:rgba(255,255,255,.92);border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 34px rgba(0,0,0,.22);backdrop-filter:blur(8px)}
.case-badge__title{font-weight:800;font-size:14px;line-height:1.15}
.case-badge__sub{margin-top:2px;font-size:14px;line-height:1.4 !important; font-weight: 600;;color:#000}
.case-badge__sub img { width: 60px; margin: -3px 0 0 0 }
.case-badge .summary{ font-size: 14px; }
.case-badge ul li{ font-size: 14px; text-align: left}

.case-badge .namesite { margin: 0px 0 10px 0}
.case-badge .namesite a{ background-color:var(--alt-color); color:#fff; padding:3px 10px; border-radius:14px; text-decoration:none; font-size:14px;}
@media (max-width:1199px) and (min-width:766px) {.case-visual{height: 320px;}.case-badge{ top:10px; height: 300px;}}
@media (max-width:765px) and (min-width:377px) {.case-visual{height: 400px;}.case-serp{}.case-badge{ top:50px;}}
@media (max-width:376px) and (min-width:50px){.case-visual{height: 400px;}.case-serp{}.case-badge{ top:20px; }}                      


.case-shot{position:relative;overflow:hidden}
.case-shot__view{height:480px; overflow:auto; -webkit-overflow-scrolling:touch;padding-right:16px; scrollbar-width:none;}
.case-shot__view::-webkit-scrollbar{width:0;height:0} /* Chrome/Safari: прячем нативный */
.case-shot__img{width:100%;display:block}
.case-shot__fade{position:absolute;left:0;right:0;bottom:0;height:90px;pointer-events:none;background:linear-gradient(transparent,#fff)}
.case-shot__rail{position:absolute; top:14px; bottom:12px; right:0px; width:3px;border-radius:999px; background:#eee;pointer-events:none;}
.case-shot__thumb{position:absolute; left:0; width:100%; height:40px;border-radius:999px; background:#aaa;transform:translateY(0);}
@media (max-width:991.98px){.case-shot__view{height:360px}.case-shot__rail{right:8px}}

/* Кейсы*/
   

.offcanvas{max-width: 97% !important;}
.offcanvas.offcanvas-end .nav-link{ font-weight: 300; font-size: 18px !important; color:#111}
.offcanvas.offcanvas-end .nav-link:hover{ font-weight: 500; font-size: 18px !important; color:#111}
.offcanvas-header .btn-close { font-size: 21px; color:#111 !important}

.hamburger{width:28px;height:28px;border:none;background:transparent;padding:0;z-index:1050}
.hamburger.static{position:relative;top:-10px;right:20px;transform:translateX(-10px)}
.hamburger.fixed{position:fixed;top:20px; right:20px; transform:translateX(-10px);opacity:0;pointer-events:none;transition:opacity 0.3s ease}
.hamburger.fixed.show{opacity:1;pointer-events:all}
.hamburger span{position:absolute;height:2px;background:#111;transition:transform .2s ease,top .2s ease .2s,width .2s ease .2s}
.hamburger span:first-child{top:17px;left:7px;width:26px}
.hamburger span:last-child{top:25px;left:15px;width:18px}
.hamburger.active span:first-child{top:21px;left:11px;transform:rotate(45deg)}
.hamburger.active span:last-child{top:21px;left:11px;width:26px;transform:rotate(-45deg)}

div.tmenu-social {}
div.tmenu-social a{ display: block; font-size: 15px; text-decoration: none; margin: 0 0 20px 0;color: #555; }
div.tmenu-social a:hover { color: #111}
div.tmenu-social i { background-color: #333; padding: 7px; margin-right:3px; border-radius: 7px; color: #fff}

        
.dash-list{list-style:none;margin:0;padding:0}
.dash-list li{position:relative;padding-left:20px;margin:.25rem 0}
.dash-list li:before{content:"\2014";position:absolute;left:0;top:0}




#hero { text-align: left;}
h1{ font-size:44px; font-weight:800}
p.lead { font-size: 21px; font-weight: 400 !important; margin-top: 40px; color: #333 !important}
p.lead2 { font-size: 21px; font-weight: 400 !important; color: #333 !important}




#prices .card{background-color:var(--grey-bg);border:none;border-radius:1.5rem;padding:2.5rem 2rem;text-align:left;min-height:100%; width: 100%}
#prices .card h3{ font-size: 23px}
#prices .card img{ text-align: left !important;}
#prices .card ul{ margin: 0; padding: 0}
#prices .card ul li{ font-size: 16px; line-height: 23px}
#prices .card p{ margin: 0; padding: 0; font-size: 18px}
#prices .card p.small{ font-size: 17px; color:var(--primary-color)}
#prices .card p.price { font-size: 18px; font-weight: 700;}
#prices .card p.price small {font-size: 16px; font-weight: 500}
#prices .card p span {background-color:var(--blue-bg); border-radius: 10px; padding: 2px 5px; color: var(--secondary-color); font-size:14px}
#prices .card ul.icons { margin: 0; padding: 0; list-style: none}
#prices .card ul.icons li { display: inline-flex; margin-right: 7px}
#prices .card p.summary{ background-color: #fff; margin: 0 0 20px 0; border-radius: 5px; padding: 5px; font-size: 14px}
#prices .card .btn { max-width:250px !important;}

.swiper .swiper-slide {display: flex; height: auto !important;}
.swiper .pricing-card { display: flex; flex-direction: column; height: 100%;}


#prices-additional .service-cat-card { background-color:var(--grey-bg); border-radius: 1.5rem; padding: 2rem; height: 100%; text-align: left;}
#prices-additional .service-cat-card h5 { margin: 0; font-size:18px}
#prices-additional .service-cat-card i {flex: 0 0 48px;}
#prices-additional .service-item { display: flex;justify-content: space-between; align-items: flex-start; gap: .5rem; font-size: 16px;}
#prices-additional .service-item + .service-item { margin-top: .5rem; }
#prices-additional .cta-card { background: linear-gradient(to left, var(--primary-color) 0%, var(--primary-color) 100%); color: #fff; border-radius: 1.5rem; padding: 2.5rem 2rem; height: 100%;}
#prices-additional .cta-card p, .cta-card h4 { color: #fff;}
#prices-additional .cta-card p { font-size: 18px}
#prices-additional .prices-swiper .swiper-slide {height: auto;}
#prices-additional .prices-pagination { position: static !important; margin-top: 16px; text-align: center;}
#prices-additional .prices-pagination .swiper-pagination-bullet {  background-color: #ccc; opacity: 1; margin: 0 4px;}
#prices-additional .prices-pagination .swiper-pagination-bullet-active { background-color: #333;}





#integrations {background-color:var(--grey-bg);}
#integrations .divtitle {  max-width: 840px;}
#integrations img { width: 50%}

        

#web-cases .case-item{aspect-ratio:3/4;position:relative;overflow:hidden}
#web-cases .case-item img{width:100%;height:100%;object-fit:cover;transition:.3s transform}
#web-cases .case-item:hover img{transform:scale(1.05)}
#web-cases .case-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,0));transition:.3s}
#web-cases .case-overlay div  { font-size: 18px}
#web-cases .case-item:hover .case-overlay{background:linear-gradient(to top,rgba(0,0,0,.75),rgba(0,0,0,.15))}
#web-cases .hover-show{opacity:0;transition:.3s}
#web-cases .case-item:hover .hover-show{opacity:1!important}


#site-process { background-color: #f8f9fa;text-align: left;}
#site-process .process-block {background: #ffffff; border-radius: 12px; padding: 32px 24px; text-align: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03); position: relative; height: 100%; transition: all 0.3s ease; cursor: default;}
#site-process .process-block:hover { transform: translateY(-6px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);}
#site-process .number { font-size: 56px; font-weight: 700; color: rgba(0, 0, 0, 0.06); position: absolute; top: 20px;left: 20px;}
#site-process h5 {font-size: 1.2rem; font-weight: 600; margin-top: 40px;}
#site-process p { font-size: 0.95rem;color: #444; margin-top: 10px;}
#site-process .process-pagination { position: static !important; margin-top: 16px; text-align: center;}
#site-process .process-pagination .swiper-pagination-bullet {  background-color: #ccc; opacity: 1; margin: 0 4px;}
#site-process .process-pagination .swiper-pagination-bullet-active { background-color: #333;}

#site-process .swiper { padding-left: 12px; padding-right: 12px;}
#site-process .swiper .swiper-slide { display: flex; height: auto !important;}
#site-process .swiper .process-block { flex: 1; display: flex; flex-direction: column; justify-content: flex-start;}

#site-process .swiper .process-block  ul {margin: 10px 0 20px 0 !important; padding: 0 !important;}
#site-process .swiper .process-block  ul li{margin: 0 !important; padding: 0 !important; list-style: none;font-size: 0.95rem;color: #444;}


.process-swiper .swiper-slide { display: flex; height: auto !important;}
.process-swiper .process-block { height: 100%; display: flex; flex-direction: column; justify-content: flex-start;}


#testimonials{padding:40px 0;background:#f8f9fa}
#testimonials .swiper{overflow:hidden}
#testimonials .swiper-wrapper{display:flex}
#testimonials .swiper-slide{flex-shrink:0;height:auto}
#testimonials .testimonial-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 2px 12px rgba(0,0,0,0.04);display:flex;flex-direction:column;height:100%;transition:.3s ease; text-align: left}
#testimonials .quote-block .quote{font-size:1rem;line-height:1.6;color:#333;font-style:italic;position:relative;padding:40px 0 0 0}
#testimonials .quote-block .quote::before{content:"❞";font-size:2rem;color:var(--primary-color);position:absolute;left:0;top:0}
#testimonials .client-block{margin-top:auto;display:flex;align-items:center;gap:1rem}
#testimonials .client-name{font-size:0.95rem;color:#111; text-align: left }
#testimonials .client-role{font-size:0.85rem; text-align: left}
#testimonials .details-block{border-top:1px solid #eee}
#testimonials .work-done{padding-left:1rem;margin:0;color:#555;text-align:left}
#testimonials .work-done li::marker{color:#0d6efd}
#testimonials .print-block{padding:20px 0}
#testimonials .print-block a img{width:130px!important;box-shadow:0 1px 7px rgba(0,0,0,0.17);border-radius:5px}
@media(min-width:768px){
    #testimonials .print-block{order:-1;margin-top:0;padding-top:0}
    #testimonials .print-block a img{width:100px!important}
    #testimonials .client-info{display:flex;flex-direction:column}
}
#testimonials .swiper-pagination {position: relative; margin-top:40px;text-align: center;}
#testimonials .swiper-pagination-bullet {background: #0d6efd;opacity: 0.5;}
#testimonials .swiper-pagination-bullet-active {opacity: 1;}
.services-core .swiper-pagination {position: relative; margin-top:20px !important;text-align: center;}


#compare-modern { text-align: left;}
#compare-modern ul li { font-size:18px;}

#how-order { text-align: left;}
#how-order ul li { font-size:18px;}

.faq-box {background-color:var(--grey-bg);border-radius:24px}
.faq-item button{ font-size: 18px; color:#000}
.faq-item {border-bottom:1px solid #eee;}
.faq-answer {padding:0.75rem 0 1.25rem;font-size: 17px; color:#444; text-align: left;}


.faq-question {width:98%;background:transparent;border:none;padding:0;text-align:left;font-size:1rem;font-weight:500;color:#000;display:flex;justify-content:space-between;align-items:center;transition:color 0.2s ease}
.faq-question:focus {outline:none;box-shadow:none;color:#3366ff}

.faq-icon {font-size:42px; font-weight:100;color:#3366ff;transition:transform 0.2s ease; }
.faq-question[aria-expanded="true"] .faq-icon {content:"-";transform:rotate(45deg)}
.faq-item .collapse {transition:height 0.3s ease}

.faq-item .collapsed {font-weight: 400 !important; color:#111 !important}
.faq-item .faq-question {font-weight: 700; color:var(--primary-color) }



#pain { text-align: left;}
#pain button {
  background:var(--btn-light);
  border-radius: 24px;
  padding: 0.5rem 1.2rem;
  font-size: 0.95rem;
  font-weight: 500;
  color: #000;
  border: none;
  white-space: nowrap;
  transition: background-color 0.2s ease;
}

#pain button:hover {
  background:var(--btn-dark);
  color: #000;
}

#pain img.i-bg { margin: 50px 0 0 0; border-radius: 500px;}

/* Footer */
footer { color:#111;margin-top:auto;}
footer a {color:var(--primary-color);text-decoration:underline; font-size: 14px}
footer a:hover{text-decoration:underline;color:#333;}
footer small{ color: #777; font-size: 11px; font-style:normal;max-width: 500px;}

footer .chat-bubble {position:relative;background:#fff;color:#333;padding:1rem 1.25rem;border-radius:1rem;font-size:0.9rem;line-height:1.5;box-shadow:0 2px 6px rgba(0,0,0,0.05);border:1px solid #eee;margin-bottom:2rem;}
footer .chat-bubble::after {content:"";position:absolute;top:-10px;left:30px;width:0;height:0;border:10px solid transparent;border-bottom-color:#fff;border-top:0;z-index:2;}
footer .chat-bubble::before {content:"";position:absolute;top:-11px;left:30px;width:0;height:0;border:10px solid transparent;border-bottom-color:rgba(0,0,0,0.05);border-top:0;z-index:1;}

footer .bubble-icon { flex-shrink: 0;  margin-top: 2px;}
footer .bubble-icon img { height: 50px; }


footer .bubble-text ul { display:flex; flex-wrap:wrap; gap:8px 10px; padding:0; margin-top:1rem; list-style:none;}
footer .bubble-text ul li { margin:0; list-style:none;}
footer .bubble-text ul li a { display:inline-flex; align-items:center; gap:6px; font-size:13px; padding:6px 10px; background:#f5f5f5; border-radius:6px; color:#222; text-decoration:none; white-space:nowrap; transition:.2s;}
footer .bubble-text ul li a:hover { background:#e9e9e9; color:#000;}
footer .bubble-text ul li a i { font-size:1.1rem; color:#222;}



.modal-backdrop{--bs-backdrop-opacity:.85}
.btn:disabled { color: #fff}
form.form { padding-top: 0px;}
form.form :is(input,textarea,select){
  width:100%;padding:12px 14px;margin:10px 0;border:1px solid rgba(0,0,0,.18);
  border-radius:10px;background:#fff;color:#111;outline:0;transition:.2s
}
form.form textarea{min-height:120px;resize:vertical}
form.form :is(input,textarea,select)::placeholder{color:rgba(0,0,0,.45)}
form.form :is(input,textarea,select):focus{
  border-color:rgba(13,110,253,.55);box-shadow:0 0 0 .22rem rgba(13,110,253,.15)
}
form.form :is(input,textarea,select):disabled{
  background:rgba(0,0,0,.04);color:rgba(0,0,0,.5);cursor:not-allowed
}
form.form :is(input,textarea,select){font-size:15px;line-height:1.35}
form.form div.submit { margin-top: 20px}
form.form .divcompany { display:none !important}
form.form div.submit input[type=checkbox] {display:none;}
form.form div.submit input[type=checkbox] + label { display: block;  position: relative;  margin: 10px 0 12px 40px;  cursor: pointer; font-size: 14px; line-height: 20px;  color: #333;}
form.form div.submit input[type=checkbox] + label a{ font-size: 14px; line-height: 20px; }
form.form div.submit input[type=checkbox] + label:hover { color:#337AB7;}
form.form div.submit input[type=checkbox] + label:before { position: absolute; content: ''; width: 22px;  height: 22px;  line-height: 22px; left: -20px; border: 2px solid #808080; border-radius: 3px;}
form.form div.submit input[type=checkbox]:checked + label:before{  content: '\2714';  color:#337AB7;  font-size: 14px;  text-align: center; font-weight: bold; border: 1px solid #337AB7; }
form.form div.submit button[type=submit] { cursor: pointer;  color: #FFF;  transition: .4s all;}
form.form div.submit button[type=submit]:hover {}
form.form div.submit button[disabled] {  opacity: .6; cursor: not-allowed;}
.modal-social { list-style: none; margin: 0 0 0px 0; padding: 0 0 20px 0}
.modal-social li{ list-style: none; margin: 0px 3px 10px 0; padding: 0px; float: left; background-color: #efefef; border-radius: 5px; text-align: center}
.modal-social li i{ font-size: 15px; line-height: 14px; position: relative; }
.modal-social li a{ text-decoration: none; color: #fff; line-height: 21px !important; padding: 10px; font-size: 14px; font-weight: 600; display: block; border-radius: 3px;  }
.modal-social li a:hover{ color: #fff}
.modal-social li a.whatsapp { background-color: #28a43b;}
.modal-social li a.whatsapp:hover { background-color: #219533;}
.modal-social li a.telegram { background-color: #27a7e7;}
.modal-social li a.telegram:hover { background-color: #1897d6;}
@media only screen and (max-width: 335px){
    .modal-social li i{ margin-top:10px}
}




.form-luxe{max-width:560px;}
.form-luxe__inner{padding:0 10px;}
.form-luxe__head{margin-bottom:14px}
.form-luxe__title{font-weight:900;font-size:20px;letter-spacing:-.02em;color:#111}
.form-luxe__sub{margin-top:4px;color:rgba(0,0,0,.62);font-size:14px;line-height:1.25}
.form-row{margin-top:12px}
.form-label2{font-size:16px;color:#222;margin:0 0 0 0 !important;;display:block}
.form-control--luxe,.form-select--luxe{width:100%;border-radius:14px;border:1px solid rgba(0,0,0,.10);background:rgba(255,255,255,.75);padding:12px 14px;color:#111;outline:0;box-shadow:0 10px 24px rgba(0,0,0,.06)}
.form-control--luxe:focus,.form-select--luxe:focus{border-color:rgba(0,0,0,.22);box-shadow:0 0 0 4px rgba(0,0,0,.04),0 10px 24px rgba(0,0,0,.06);background:#fff}
.form-hint{display: none; margin-top:6px;font-size:12px;color:rgba(0,0,0,.5)}
.select-luxe{position:relative}
.select-luxe:after{content:"";position:absolute;right:14px;top:50%;width:9px;height:9px;border-right:2px solid rgba(0,0,0,.45);border-bottom:2px solid rgba(0,0,0,.45);transform:translateY(-65%) rotate(45deg);pointer-events:none}
.form-select--luxe{appearance:none;padding-right:44px}
.details-luxe{margin-top:10px}
.details-luxe summary{cursor:pointer;list-style:none;color:var(--primary-color);font-weight:700;font-size:14px}
.details-luxe summary::-webkit-details-marker{display:none}
.details-luxe summary:after{content:"";display:inline-block;margin-left:8px;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-1px)}
.details-luxe[open] summary:after{transform:rotate(-135deg) translateY(-1px)}
.form-row--bottom{margin-top:14px}
.consent-row{ font-size:14px; float:left; width:100%}
.consent-row #form_consent_letter { width: 20px !important; float: left !important}
.consent-row #form_consent_label_letter{ float: left !important; width:80% !important; margin-left:10px}
.form-luxe__btn{border-radius:14px;padding:12px 16px;margin-top:12px}




.blog-card{background:#fff;border-radius:12px;box-shadow:0 1px 6px rgba(0,0,0,0.05);padding:1rem;transition:all 0.2s ease} 
.blog-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,0.08)} 
.blog-card .post-image img{width:100%;border-radius:8px} 
.blog-card .post-content h5{margin-top:0.5rem;font-size:1.1rem;line-height:1.4} 
.blog-card .post-content .category{font-size:0.85rem}
#blog-details { text-align: left}
.article-content img {max-width: 100%; border-radius: 8px; margin: 1rem 0;}
.article-content h2, .article-content h3 { margin-top: 2rem; font-weight: 600;}
.badge.bg-secondary-subtle { background-color: #f1f1f1;}



.tags-list { display: flex; flex-wrap: wrap; gap: 0.5rem;}
.tag-pill { display: inline-block; padding: 0.5rem 0.9rem;font-size: 0.875rem; color: #333; background-color: #f2f2f2;border-radius: 2rem; text-decoration: none; transition: all 0.2s ease-in-out; border: 1px solid transparent;}
.tag-pill:hover { background-color: #0d6efd; color: #fff; border-color: #0d6efd;}

.blog-scroll-container { scroll-snap-type: x mandatory;  -webkit-overflow-scrolling: touch;}
.blog-scroll-container::-webkit-scrollbar { display: none;}
.blog-card img {object-fit: cover;  width: 100%; height: auto;}


#services-core .swiper-pagination { position: relative; margin-top: 30px !important;text-align: center;}
#services-core ul li{ font-size:16px; line-height: 21px; margin: 0 0 10px 0}
#services-core ul li a{ color: var(--blue-bg) !important; text-decoration: none !important; border-bottom: 1px solid var(--secondary-color) !important}
#services-core ul li a:hover{ color: var(--blue-bg) !important; text-decoration: none !important; border-bottom: 1px solid var(--primary-color) !important}
.services-swiper .swiper-slide {height: auto;}
.services-swiper .card-wrapper {display: flex;height: 100%; width: 100%}
.services-swiper .card {height: 100%;}


.service-card {height: 450px; width: 100%; border: none; border-radius: 1rem; overflow: hidden; position: relative; display: flex; flex-direction: column; padding: 1.5rem; background-size: cover; background-position: center;}
.service-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.9) 100%); z-index: 1;  pointer-events: none;}
.service-content { position: relative; z-index: 2; display: flex;flex-direction: column; height: 100%;}
.service-content ul li a:hover{ text-decoration: none !important; color: var(--primary-color) !important}



.bg-web { background-image: url('/templates/v2/img/services/web-razrabotka-cms.webp');}
.bg-integration { background-image: url('/templates/v2/img/services/integracii-avtomatizaciya.webp');}
.bg-infra { background-image: url('/templates/v2/img/services/infrastruktura-podderzhka.webp');}
.bg-marketing {  background-image: url('/templates/v2/img/services/prodvizhenie-marketing.webp');}
.bg-design { background-image: url('/templates/v2/img/services/dizajn-kontent.webp');}

.policy-content h3{ font-size: 16px; color:#333 }
.policy-content p{ font-size: 16px; color:#333}
.policy-content ul li{ font-size: 16px; color:#333}
.policy-content code{ font-size: 16px; color:#333}
.policy-content table { width: 100%; margin: 10px 0 }
.policy-content table td { padding: 10px 5px 10px 0; border-bottom: 1px solid #f1f1f1}
.policy-content table td code{ font-size: 16px; color:#333}


.go-top { position: fixed; bottom: 20px; left:20px;z-index: 999; width: 28px; height: 28px;color: #111; display: none; justify-content: center; align-items: center; font-size: 1.7rem; transition: all 0.3s ease; opacity: 0; visibility: hidden;}
.go-top.active { display: flex; opacity: 1; visibility: visible;}
.go-top:hover { background: none; color: var(--primary-color) !important; text-decoration: none;}

.go-action { position: fixed;  bottom: 20px; right: 20px; z-index: 999; width: 160px;/* height: 37px;*/color: #fff !important; font-size:13px; border-radius: 10px;  text-decoration: none; display: none; justify-content: center; align-items: center; opacity: 0 ; visibility: hidden; transition: all 0.3s ease; box-shadow: 0 3px 10px rgba(0,0,0,0.15);}
.go-action.active { display: flex; opacity: 1; visibility: visible;}
.go-action:hover {  opacity: 1; color: #fff; text-decoration: none;}
.go-action i{ margin: auto 5px}
@media (max-width: 767.98px) {
  .go-action.active { opacity: 0.7;}
  .go-action.active:hover { opacity: 1;}
    .go-action i{ margin: 0; display: none}
}

.cookie-banner{position:fixed;left:var(--cb-out);right:var(--cb-out);bottom:var(--cb-out);z-index:9999;max-width:526px;padding:12px;display:grid;grid-template-columns:minmax(0,7fr) minmax(140px,3fr);gap:12px;align-items:center;background:var(--cb-bg);border:var(--cb-border);border-radius:var(--cb-radius);box-shadow:var(--cb-shadow);backdrop-filter:saturate(140%) blur(var(--cb-blur));-webkit-backdrop-filter:saturate(140%) blur(var(--cb-blur));font-size:12px;line-height:1.45;overflow:hidden;transform:translateY(calc(100% + var(--cb-out)));opacity:0;visibility:hidden;pointer-events:none;transition:.35s}








:root{--card-gap:24px}
@media (min-width:992px){:root{--card-gap:32px}}
.grey-bg{background-color:#f5f5f5}
.services-swiper .swiper-slide{width:280px}
.service-card{position:relative;display:flex;flex-direction:column;justify-content:flex-start;padding:2rem 1.5rem;border-radius:1rem;overflow:hidden;height:100%;transition:all .3s ease; color:#333}
.service-card a{ font-size: 12px; margin: 0px 0 0 0; padding:0; text-decoration: none }
.service-card--tall{height:480px}
.service-card--half{height:225px}
.service-stack{display:flex;flex-direction:column;gap:var(--card-gap);height:100%}
.service-card .service-title{ font-size: 19px; font-weight: 600; color: #000}
.service-price{position:relative; margin: 10px 0 0 0; font-size: 15px; color: #000}

.service-card img { max-width:80%; height:auto; position:absolute; bottom:1.5rem; left:50%; transform:translateX(-50%); pointer-events:none;}


.services-all .service-card{position:relative;overflow:hidden;background:#fff;border:1px solid #fefefe}
.services-all .service-card>*{position:relative;z-index:1}
.services-all .service-card .service-title{font-size:22px;font-weight:800;color:#0069d3}
.services-all .service-card img{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:block;max-width:100%;max-height:240px}
.services-all .service-card a.btn{padding:3px 15px!important;border-radius:5px!important;background:#555!important}
.services-all .service-card .price{font-size:20px;color:var(--primary-color);font-weight:600;font-family:"Geologica",sans-serif}
.services-all .service-card .price .small{font-size:12px;color:#555!important;font-weight:200;padding-right:3px}
.services-swiper-index .swiper-wrapper{align-items:stretch}
.services-swiper-index .swiper-slide{height:auto;display:flex}
.services-swiper-index .service-card--tall{display:flex;flex-direction:column;width:100%;min-height:260px}
.services-swiper-index .service-card--tall .price{margin-top:auto;margin-bottom:0}
.services-all .service-card .price{position:relative;padding-right:44px}
.services-all .service-card .price-arrow{position:absolute;right:0;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--primary-color);border-color:var(--primary-color);color:#fff;transition:.2s;text-decoration:none}
.services-all .service-card .price-arrow:hover{background:var(--secondary-color);border-color:var(--secondary-color);color:#fff}
.services-all .service-card .price-arrow i{font-size:16px;line-height:1}

.adv-mini{margin-top:20px}
.adv-mini__wrap{display:flex;gap:26px;align-items:center;flex-wrap:wrap}
.adv-mini__stats{display:flex;gap:10px;flex:0 0 auto;flex-wrap:wrap;align-self:center;padding-right:22px;margin-right:6px;border-right:1px solid rgba(0,0,0,.1)}
.adv-mini__stats .s{padding:10px 12px;min-width:140px;line-height:1.1}
.adv-mini__stats .n{font-weight:900;color:var(--primary-color);font-size:37px}
.adv-mini__stats .t{color:rgba(0,0,0,.6);font-size:16px;margin-top:4px}
.adv-mini__cards{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));flex:1 1 420px;text-align:left}
.adv-mini__cards .c{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:110px;border:3px solid #fff;border-radius:14px;padding:10px 12px;color:#222;font-size:16px;line-height:1.25}
.adv-mini__cards .c b{color:#111;display:block;margin-bottom:5px}
@media (max-width:991px){.adv-mini__wrap{gap:14px;align-items:stretch}.adv-mini__stats{padding-right:0;margin-right:0;border-right:0;justify-content:space-between;width:100%}.adv-mini__stats .n{font-size:27px}.adv-mini__stats .s{padding:10px 5px;min-width:85px;flex:1}.adv-mini__stats .t{font-size:14px}.adv-mini__cards{grid-template-columns:1fr}}


ul.privacy li{ font-size: 12px; line-height: 15px; margin: 0; padding: 0}
ul.privacy li a{ font-size: 12px; line-height: 15px; margin: 0; padding: 0}

.tmenu-channels a{ display: block; margin: 15px 0; text-decoration: none}
.tmenu-channels .vk img{ width: 30px;}
.tmenu-channels .vk { color: #4d7198 !important}
.tmenu-channels .telegram i{background-color:#27a7e7; padding: 5px 7px; margin-right: 3px; border-radius: 7px; color: #fff;}

div.tmenu-social2 { text-align: center }
div.tmenu-social2 a{  font-size: 17px; text-decoration: none; margin: 0 0 10px 0;}
div.tmenu-social2 a:hover { }
div.tmenu-social2 i {padding: 0px; font-size:18px; }
div.tmenu-social2 .whatsapp i { background-color: #2cb742; color: #fff; padding: 5px; border-radius: 5px}
div.tmenu-social2 i.bi-envelope { background-color:#007fff; color: #fff; padding: 5px; border-radius: 5px}
                
    
.site-header{position:relative;z-index:1030}
.top-nav__list{list-style:none;margin:0;padding:0;display:flex;gap:18px;align-items:center}
.top-nav__list a{text-decoration:none;color:#111;font-size:15px;font-weight:500}
.top-nav__list a:hover{color:#000}

.top-nav__dropdown{position:relative}

.top-nav__submenu{ position:absolute;top:100%;left:0;min-width:220px; background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;  padding:10px;margin-top:10px;list-style:none;  box-shadow:0 12px 30px rgba(0,0,0,.10);z-index:2000;  opacity:0;visibility:hidden;transform:translateY(6px);  transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s;  pointer-events:none}
.top-nav__dropdown:hover .top-nav__submenu,
.top-nav__dropdown:focus-within .top-nav__submenu{ opacity:1;visibility:visible;transform:translateY(0); transition:opacity .15s ease,transform .15s ease;  pointer-events:auto}
.top-nav__submenu::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}

.top-nav__submenu a{display:block;padding:8px 10px;border-radius:8px;font-size:14px;font-weight:500}
.top-nav__submenu a:hover{background:#f5f5f5}

.top-nav{transition:opacity .25s ease,transform .25s ease}
.hamburger.static{transition:opacity .25s ease}

@media (min-width:992px){.hamburger.static{display:none}}

body.is-scrolled .top-nav{opacity:0;pointer-events:none;transform:translateY(-8px)}
body.is-scrolled .hamburger.static{opacity:0;pointer-events:none}
.top-nav__cta{transition:opacity .25s ease,transform .25s ease}

body.is-scrolled .top-nav__cta{opacity:0; pointer-events:none; transform:translateY(-8px);}
    
.top-nav__cta{transition:opacity .25s ease,transform .25s ease}

@media (max-width: 991.98px){  .top-nav__cta{display:none!important}}
body.is-scrolled .top-nav__cta{ opacity:0; pointer-events:none; transform:translateY(-8px);}




.case-ribbon-wrap{
  width:100vw;
  margin-left:calc(-50vw + 50%);
  overflow:hidden;
}


.case-ribbon .swiper-slide{
  width:260px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding-bottom:30px;
}


.case-ribbon img{
  object-fit:cover;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 6px 18px rgba(0,0,0,.06);
}


.case-ribbon .is-desktop img{
  width:100%;
  height:360px;
  border-radius:12px;
}


.case-ribbon .is-mobile img{
  width:215px;
  height:380px;
  border-radius:14px;
}


@media(max-width:992px){
  .case-ribbon .swiper-slide{ width:260px; }
  .case-ribbon .is-desktop img{ height:360px; }
  .case-ribbon .is-mobile img{ width:215px; height:340px; }
}

@media(max-width:576px){
  .case-ribbon .is-desktop img{ height:360px; width:260px; }
  .case-ribbon .is-mobile img{ width:215px; height:380px; border-radius:26px; }
}



/*Кейсы*/
.cases-swiper-wrap{position:relative}
.cases-swiper{position:relative;overflow:visible;padding:0 12px 56px}
.cases-swiper .swiper-wrapper{align-items:stretch}
.cases-swiper .swiper-slide{height:auto}
.cases-pagination{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:7px;z-index:80}
.cases-swiper .swiper-pagination-bullet{width:7px;height:7px;opacity:.28;background:rgba(0,0,0,.55)}
.cases-swiper .swiper-pagination-bullet-active{opacity:1;background:rgba(0,0,0,.85)}
@media(min-width:992px){.cases-swiper{overflow:hidden;padding:0}}
@media(max-width:991.98px){.cases-swiper .swiper-slide{width:88%}}

.case-card{height:100%;display:block}
.case-card__in{min-height:520px;background:#fff;position:relative;overflow:hidden;border-radius:18px;padding-bottom:120px}
.case-card.is-light .case-card__in{background:#f6f7f9}

.case-card__top{position:relative;z-index:3;padding:32px}
.case-card__badge{position:absolute;top:16px;right:16px;z-index:5}
.case-card__badge img{height:28px;display:block}

.case-card__title{font-size:21px;line-height:1.32;letter-spacing:-.01em;transition:transform .55s cubic-bezier(.2,.8,.2,1);margin:0; width:80%;}
.case-card.is-dark .case-card__title{color:#333}
.case-card.is-light .case-card__title{color:#111}

.case-card__chips{opacity:1;transform:translateY(-10px);transition:transform .5s cubic-bezier(.2,.8,.2,1);margin-top:25px!important}
.case-card.is-dark .case-card__chips span{background:none!important;color:#333!important;padding:7px 7px}
.case-card.is-light .case-card__chips span{background:none!important;color:#111!important;padding:7px 7px}

.case-card__desc{position:absolute;left:0;right:0;bottom:0;z-index:3;font-size:15px;line-height:1.35;height:120px;padding:0 32px 28px;display:flex;align-items:flex-end;transform:translateY(8px);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.case-card.is-dark .case-card__desc{color:#555}
.case-card.is-light .case-card__desc{color:rgba(17,17,17,.78)}

.case-card__bg,.case-card__media{position:absolute;left:24px;right:24px;top:44%;bottom:120px;z-index:2;overflow:hidden;border-radius:14px;background:rgba(255,255,255,.04)}
.case-card__bg img,.case-card__media img{width:100%;height:100%;object-fit:contain;object-position:center;transform:scale(1.01);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.case-card.is-light .case-card__bg,.case-card.is-light .case-card__media{background:rgba(0,0,0,.04)}

@media(min-width:1200px){
  .case-card__in{min-height:500px;padding-bottom:140px}
  .case-card__bg,.case-card__media{top:25%;bottom:110px}
  .case-card__desc{height:140px}
}

@media(max-width:1199.98px){
  .case-card__in{min-height:520px;padding-bottom:120px}
  .case-card__bg,.case-card__media{top:30%;bottom:120px}
  .case-card__desc{height:120px}
}

@media(max-width:991.98px){
  .case-card__in{min-height:520px;padding-bottom:0;display:grid;grid-template-rows:auto 1fr auto}
  .case-card__top{padding:26px;grid-row:1}
  .case-card__badge{top:14px;right:14px}
  .case-card__bg,.case-card__media{position:relative;left:auto;right:auto;top:auto;bottom:auto;margin:0 20px;height:240px;grid-row:2}
  .case-card__desc{position:relative;left:auto;right:auto;bottom:auto;height:auto;padding:18px 20px 22px;transform:none;grid-row:3}
}

@media(max-width:575.98px){
  .case-card__in{min-height:480px}
  .case-card__top{padding:22px}
  .case-card__badge{top:12px;right:12px}
  .case-card__bg,.case-card__media{margin:0 16px;height:210px}
  .case-card__desc{padding:16px 16px 18px}
  .case-card__bg img,.case-card__media img{transform:none}
}

@media(hover:hover){
  .case-card:hover .case-card__chips{transform:translateY(0)}
  .case-card:hover .case-card__title{transform:translateY(8px)}
  .case-card:hover .case-card__desc{transform:translateY(0)}
  .case-card:hover .case-card__bg img,.case-card:hover .case-card__media img{transform:scale(1.06)}
}
@media(min-width:992px){
    .cases-swiper .swiper-slide{height:auto}
    .case-card__title{font-size:19px; line-height:1.32; max-width: 75%; }

}
.cases-nav{display:none!important}
@media(min-width:992px){.cases-swiper .swiper-slide{width:360px}}



.adv-mini__wrap--result{display:grid;grid-template-columns:320px 1fr;gap:22px;align-items:center}
.adv-mini__title{margin:0px 0 8px;font-weight:700; color:var(--primary-color); font-size:34px}
.adv-mini__sub{color:#333; font-size: 15px}
.adv-mini__cards--row4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:center}
.adv-mini__cards--row4 .c{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:6px 0}
.adv-mini__cards--row4 .c i{font-size:28px;line-height:1;background:linear-gradient(135deg,#2b7bff,#7b2cff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 14px rgba(0,0,0,.10))}
.adv-mini__cards--row4 .t{max-width:220px}
.adv-mini__cards--row4 .t b{display:block;margin-bottom:2px}
.adv-mini__note{grid-column:1/-1;margin-top:8px;padding-top:14px;border-top:1px solid rgba(0,0,0,.08);color:rgba(17,17,17,.7);font-size:13px;text-align:center}
.adv-mini__note .sep{margin:0 8px;opacity:.5}
@media (max-width:1200px){.adv-mini__wrap--result{grid-template-columns:1fr}.adv-mini__cards--row4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:576px){.adv-mini__cards--row4{grid-template-columns:1fr}}
@media (max-width:1200px){
  .adv-mini__wrap--result{grid-template-columns:1fr}
  .adv-mini__cards--row4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:360px){
  .adv-mini__cards--row4{grid-template-columns:1fr}
}

.section-pain .card { background-color: #f7f7f7; box-shadow: none !important;}
.section-pain .card .fw-semibold { color: #7C3AED}
.section-pain .card i { color: #7C3AED; font-size:44px; background-color:#fff; width:70px ; height:70px; border-radius:50px; padding:2px 0 0 12px; margin: -10px 0 10px -5px }
.section-pain .card:hover i{color:#007fff}
.section-pain .card:hover .fw-semibold{color:#007fff}


.form-instance { margin:0 !important; padding:0 !important;}
.fit-swiper{padding:6px 2px 0}
.fit-card{position:relative;border-radius:10px;padding:16px 16px 14px;min-height:250px !important}
.fit-card b{display:block;margin:10px 0 20px 0; color:#fff}
.fit-card .t{color:#ddd;font-size:16px;line-height:1.35}
.fit-badge{width:30px;height:30px; font-size:17px; border-radius:999px;display:grid;place-items:center;font-weight:500;background:linear-gradient(135deg,#2b7bff,#7b2cff);color:#fff;box-shadow:0 10px 24px rgba(43,123,255,.22)}
.fit-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.fit-arrows{display:flex;gap:8px}
.fit-prev,.fit-next{width:38px;height:38px;border-radius:999px;border:1px solid rgba(0,0,0,.10);background:#fff;position:relative}
.fit-prev:before,.fit-next:before{content:"";position:absolute;inset:0;margin:auto;width:8px;height:8px;border-top:2px solid rgba(17,17,17,.7);border-right:2px solid rgba(17,17,17,.7);transform:rotate(-135deg)}
.fit-next:before{transform:rotate(45deg)}
.fit-swiper .swiper-pagination{position:static}
.fit-swiper .swiper-pagination-bullet{width:7px;height:7px;opacity:.25}
.fit-swiper .swiper-pagination-bullet-active{opacity:1}
@media (min-width:992px){.fit-card{min-height:170px}}

/*Решения - Маркетплейсы*/
.mp-like__shell{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:10px;box-shadow:0 18px 60px rgba(0,0,0,.06);overflow:hidden}
.mp-like__tabs{display:flex;gap:0;overflow:auto;white-space:nowrap;padding:10px;scrollbar-width:none;background:#fff}
.mp-like__tabs::-webkit-scrollbar{display:none}
.mp-like__tab{flex:0 0 auto;border:0;background:transparent;padding:15px 14px;font-weight:500;color:#777;line-height:1;border-radius:7px}
.mp-like__tab.is-active{background:rgba(0,0,0,.04);color:#000;font-weight:500}
.mp-like__card{border:0;border-radius:0;box-shadow:none;overflow:visible}
.mp-like__tabs{border-bottom:1px solid rgba(0,0,0,.06)}
.mp-like__panel{display:none}
.mp-like__panel.is-active{display:block}
.mp-like__grid{display:grid;grid-template-columns:360px 1fr;gap:16px;padding:18px}
.mp-like__left{padding:6px 4px 6px 8px}
.mp-like__item{display:grid;grid-template-columns:26px 1fr;gap:12px;padding:12px 10px;border-radius:14px}
.mp-like__item i{font-size:18px;line-height:1;color:rgba(0,0,0,.55);margin-top:2px}
.mp-like__h{font-weight:800;color:#111;margin-bottom:2px}
.mp-like__p{color:#222;font-size:15px;line-height:1.35}
.mp-like__link{display:inline-flex;gap:6px;align-items:center;margin-top:10px;color:#0b63ff;text-decoration:none;font-weight:700}
.mp-like__right{border-radius:10px;border:1px solid #eee;overflow:hidden}
.mp-like__img{width:100%;height:100%;min-height:320px;object-fit:cover;display:block}
.mp-like__quote{display:flex;gap:12px;align-items:center;padding:14px 18px;border-top:1px solid rgba(0,0,0,.06);background:rgba(246,247,251,.55)}
.mp-like__avatar{width:40px;height:40px;border-radius:999px;background:linear-gradient(135deg,rgba(0,127,255,.25),rgba(0,0,0,.06))}
.mp-like__qt{font-weight:800;color:#111;font-size:13px;line-height:1.25}
.mp-like__qa{color:rgba(17,17,17,.6);font-size:12px;margin-top:2px}


@media (max-width: 992px){
  .mp-like__grid{grid-template-columns:1fr}
  .mp-like__img{min-height:220px}
}