/* === DerkoBrand — Global Styles === */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
:root{
  --black:#0c0c0c;
  --white:#ffffff;
  --green:#32CD33;
  --red:#e8291a;
  --gray:#888;
  --border:#2a2a2a;
  --border-light:#e0e0e0;
  --bg-light:#f2f2f2;
  --font:'Inter',sans-serif;
  --serif:'EB Garamond',Georgia,serif;
}
body{background:var(--black);color:var(--white);font-family:var(--font);font-weight:400;line-height:1.5;overflow-x:hidden;}

/* ── NAV ── */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:200;
  height:52px;display:flex;align-items:center;justify-content:space-between;
  padding:0 32px;
  background:rgba(12,12,12,0.96);
  backdrop-filter:blur(16px);
}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.nav-icon{width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.nav-icon svg{width:22px;height:22px;}
.nav-logo-text{font-size:0.75rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--white);}
.nav-links{display:flex;gap:24px;list-style:none;align-items:center;}
.nav-links a{font-size:0.75rem;color:rgba(255,255,255,.55);text-decoration:none;transition:color .2s;}
.nav-links a:hover{color:var(--white);}
.nav-burger{display:none;cursor:pointer;align-items:center;justify-content:center;}
#navCta{display:inline-flex !important;}

/* ── BTN ATOMS ── */
.btn{
  display:inline-flex;align-items:center;gap:6px;
  height:46px;padding:0 24px;border-radius:999px;
  font-family:var(--font);font-size:0.82rem;font-weight:500;
  cursor:pointer;text-decoration:none;white-space:nowrap;transition:all .22s;
}
.btn-outline-w{border:1.5px solid rgba(255,255,255,.4);color:var(--white);background:transparent;}
.btn-outline-w:hover{border-color:var(--white);background:rgba(255,255,255,.06);}
.btn-green{background:var(--green);color:var(--black);border:none;font-weight:700;}
.btn-green:hover{opacity:.88;}
.btn-outline-g{border:1.5px solid var(--green);color:var(--green);background:transparent;}
.btn-outline-g:hover{background:rgba(61,242,61,.08);}
.btn-outline-b{border:1.5px solid rgba(0,0,0,.25);color:var(--black);background:transparent;}
.btn-outline-b:hover{border-color:var(--black);background:rgba(0,0,0,.04);}

/* ── HERO ── */
.hero{
  min-height:100vh;background:var(--black);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:52px 32px 60px;overflow:hidden;
}

.hero h1{ 
    font-size:70px;color:var(--white);
font-weight: 600;
letter-spacing: -3px;
line-height: 1;
}

.hero-sub{
    font-size:24px;
font-weight: 400;
line-height: 1.3;
    color: #32CD33;
}

@media(max-width: 1439px){
.hero h1{
  font-size:clamp(2.2rem,5.5vw,4.8rem);font-weight:700;
  letter-spacing:-0.025em;line-height:1.06;color:var(--white);/*margin-bottom:4.4rem;*/
}

.hero-sub{
  font-size:clamp(0.85rem,1.4vw,1rem);
  color: #32CD33;line-height:1.8;margin-bottom:3rem;margin-top: 3rem;
}
}


/* MARQUEE */
.marquee-wrap{width:100%;overflow:hidden;margin-bottom:3rem;margin-top: 3rem;}
.marquee-track{display:flex;animation:mq 28s linear infinite;width:max-content;}
.marquee-track:hover{animation-play-state:paused;}
@keyframes mq{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.m-item{flex-shrink:0;display:flex;align-items:center;}
.m-item svg{height:180px;width:auto;display:block;}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;}

/* ── MANIFEST ── */
.manifest{background:var(--black);padding:72px 32px;border-top:1px solid var(--border);}
.manifest-inner{/*max-width:1100px;*/ max-width: 85%;}

.manifest p{
    font-size:36px;
font-weight: 300;
line-height: 1.2;
letter-spacing: -1px;
color:var(--white);
}

@media(max-width: 1439px){
    .manifest p{
        /*font-size:clamp(1.3rem,2.6vw,2.1rem);*/
    }
    
    .manifest p{
    /*font-size:48px;*/
    font-size:48px;
    font-weight:400;
    /*line-height:1.55;*/
    color:var(--white);
}
}

@media(max-width: 1030px){
    .manifest p{
       font-size:24px; 
    }
    .manifest{
        padding: 40px 20px;
    }
}

@media(max-width: 500px){
    .manifest p{
        font-size:18px; 
        /*font-size:clamp(1.3rem,2.6vw,2.1rem);*/
    }
    
    .manifest p{
    font-size:18px;
}

.manifest{
        padding: 30px 10px;
    }
}
.manifest strong{font-weight:800;}
.manifest em{font-style:italic;}
.g{color:#32CD33;}

/* ── CASES ── */
.cases{background:var(--black);padding-bottom:0;}
.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;}
.case-card{position:relative;aspect-ratio:1/1.26;overflow:hidden;cursor:pointer;display:block;transition: 0.3s linear;}
.case-card:hover{
   filter: brightness(0.7);
}
.case-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}

.case-ph img{
    width: 100%;
    height: 100%;
}
.case-ph video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.case-info{
  position:absolute;bottom:0;left:0;right:0;
  padding:20px 24px;
  background:linear-gradient(to top,rgba(0,0,0,.75),transparent);
}
.case-cat{/*font-size:0.58rem;*/
/*font-size:18px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px;*/
  
  font-size:12px;
font-weight: 400;
line-height: 1.2;
text-transform: uppercase;
  color:rgba(255,255,255,.6);
    
}
.case-cat-badge{border:1px solid rgba(255,255,255,.35);border-radius:2px;padding:1px 5px;margin-right:4px;/*font-size:0.55rem;*/font-size:18px;
    
    font-size:12px;
font-weight: 400;
line-height: 1.2;
text-transform: uppercase;

}
.case-title{
    /*font-size:40px;font-weight:700;ine-height:1.25;*/
   color:var(--white);
    font-size:36px;
font-weight: 600;
letter-spacing: -1px;
line-height: 1;

}
.case-title a{
    color: #fff;
    text-decoration: none;
}
@media(max-width: 1439px){
   .case-title{font-size:32px;}  
   .case-cat-badge{font-size:14px;}
   .case-cat{font-size:14px;}
}
.cases-more{display:flex;justify-content:center;padding:48px 32px;}

/* ── PURPLE GRADIENT TRANSITION ── */
.gradient-transition{
  height:200px;
  position: relative;
  /*background:linear-gradient(to bottom, var(--black) 0%, #4a1a8a 50%, #ffffff 100%);*/
  
  /*background: linear-gradient(to right 137.47deg, #6A33BB -0.84%, rgba(68, 37, 114, 0) 87.38%);*/
  /*background:linear-gradient(to right, var(--black) 0%, #000 70%, #6A33BB 80%, rgba(68, 37, 114, 0) 100%);*/
  background: #000;
  background-size: cover;
  background-position: center;
  display: none;
}

.cases{
    position: relative;
}
.cases .btn-green {
   position: relative;
   z-index: 99;
   margin-top: 60px;
   margin-bottom: 92px;
}
.cases-grid{
    position: relative;
   z-index: 99;
}
.cases::after{
    height: 300px;
    width: 100%;
   background: url(../../images/st/bg.png);
   background-size: cover;
   background-repeat: no-repeat;
   /*content: url(../../images/st/bg.png);*/
   content: "";
    position: absolute;
    z-index: 8;
    bottom: 0px;
    left: 0;
    right: 0;
}

/* ── WHITE SECTIONS (value + method + how) ── */
.white-area{background:var(--white);color:var(--black);}

/* VALUE */
.value{padding:80px 32px 60px;}
.value-inner{max-width:1100px;margin:0 auto;}
.value-eyebrow{font-size:0.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gray);margin-bottom:8px;}
.value-title{
    color:var(--black);
    margin-bottom:1.2rem;
    
    font-size:70px;
font-weight: 600;
letter-spacing: -3px;
line-height: 1;

}



.value-sub{font-size:18px;color:#32CD33;line-height:1.2;max-width:900px;margin-bottom:2.5rem;font-weight:400;}
@media(max-width: 1439px){
    .value-title{font-size:clamp(2.5rem,5vw,5rem);font-weight:800;letter-spacing:-0.03em;line-height:1.0;color:var(--black);margin-bottom:1.2rem;}
    .value-sub{font-size:0.95rem;line-height:1.2;max-width:900px;margin-bottom:2.5rem;}
}

.value-list{display:flex;flex-direction:column;}
.value-row{
  display:grid;grid-template-columns:260px 48px 1fr;
  align-items:center;padding:18px 12px;
  border-top:1px solid var(--border-light);cursor:pointer;
  /*border-radius:6px;*/transition:background .2s;
}
.value-row:last-child{border-bottom:1px solid var(--border-light);}
.value-row:hover,.value-row.on{/*background:#f5f5f5;*/background: #000; color: #fff;border-radius:6px;}
.value-row:hover .vr-name, .value-row:hover .vr-desc{color: #fff;}
.value-row.on .vr-name{
   color: #fff; 
}
.vr-name{font-size:22px;/*font-size:1rem;*//*font-weight:600;*/color:var(--black);
    
    font-size:24px;
font-weight: 500;
letter-spacing: -1px;
line-height: 1;
    
}
@media(max-with: 1439px){
   .vr-name{font-size:16px;} 
}
.vr-arrow{font-size:1rem;/*color:var(--black);*/text-align:center;color: #32CD33;}
.vr-desc{font-size:22px;/*font-size:0.85rem;*/color:var(--gray);line-height:1.6;}
@media(max-with: 1439px){
   .vr-desc{font-size:16px;} 
}
/* SERVICE CARDS */
.method-label-area{padding:60px 32px 0;max-width:1100px;margin:0 auto;}
.method-label{font-size:0.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gray);}
.service-row{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:3px;margin-top:16px;
}
.scard{
  padding:36px 40px;min-height:420px;
  display:flex;flex-direction:column;justify-content:space-between;
  cursor:pointer;border-radius:20px;margin:3px;transition: all 0.3s linear;border: 1px solid #eee;
}
.scard:hover{background:var(--black);color:var(--white);transition: all 0.3s linear;transform: scale(1.06);}
.scard:hover .scard-circle{
    width:40px;height:40px;border-radius:50%;background:#32CD33;
  display:flex;align-items:center;justify-content:center;
  font-size:1.1rem;color:var(--black);font-weight:700;flex-shrink:0;font-size:1.1rem;transition: all 0.3s linear;
}
.scard span{
    transition: all 0.3s linear;
    font-size: 0;
}
.scard:hover span{
    transition: all 0.3s linear;
    font-size: 14px;
}
.scard-light{background:var(--bg-light);color:var(--black);}
.scard-dark{background:var(--black);color:var(--white);}
.scard-step{font-size:0.78rem;color:var(--gray);/*margin-bottom:auto;*/}
.scard-dark .scard-step{color:rgba(255,255,255,.45);}


.scard-title{
    /*font-size:clamp(1.4rem,2.4vw,2rem);font-weight:800;letter-spacing:-0.02em;line-height:1.15;/*margin:auto 0 1rem;*//*margin:1rem 0 1rem;*/
    
    font-size:36px;
font-weight: 600;
letter-spacing: -1px;
line-height: 1;

}
@media(max-width: 1439px){
 .scard-title{
    font-size:clamp(1.4rem,2.4vw,2rem);font-weight:800;letter-spacing:-0.02em;line-height:1.15;/*margin:auto 0 1rem;*/margin:1rem 0 1rem;
} 
}

.scard-footer-light{display:flex;align-items:center;color:#32CD33;font-size:1.4rem;font-weight:700;}


.scard-footer-dark{display:flex;align-items:center;gap:12px;font-size:0.85rem;font-weight:500;color:var(--white);}
.scard-footer-dark a{display:flex;align-items:center;gap:12px;font-size:0.85rem;font-weight:500;color:var(--white); text-decoration: none;}
.scard-circle{
  width:40px;height:40px;border-radius:50%;background:transparent;
  display:flex;align-items:center;justify-content:center;
  font-size:1.1rem;/*color:var(--black);*/color: #32CD33;font-weight:700;flex-shrink:0;transition: all 0.3s linear;
}

/* HOW IT WORKS */
.how{padding:80px 32px 80px;}
.how-inner{max-width:1100px;margin:0 auto;}

.how-title{
     color:var(--black);
    margin-bottom:1.2rem;
    
    font-size:70px;
font-weight: 600;
letter-spacing: -3px;
line-height: 1;

}

.how-flow{font-size:0.9rem;font-weight:500;margin-bottom:2rem;letter-spacing:.01em;}
.how-flow-black{color:var(--black);}
.how-flow-green{color:#32CD33;}
.how-desc{
   margin-bottom:2.5rem;
    font-size:36px;
font-weight: 300;
line-height: 1.2;
letter-spacing: -1px;

}
@media(max-width: 1439px){
    .how-desc{
       font-size:clamp(1.3rem,2.4vw,2rem);color:#222;line-height:1.55;max-width:900px;margin-bottom:3rem;font-weight:400; 
    }
    
    .how-title{
    font-size:clamp(2rem,4vw,4rem);
    font-weight:800;
    letter-spacing:-0.03em;
    line-height:1.05;
    color:var(--black);
    margin-bottom:1rem;
}
}

.how-btns{display:flex;gap:12px;flex-wrap:wrap;}

/* ── SCHOOL ── */
.school{background:var(--black);padding:80px 32px;border-top:1px solid var(--border);}
.school-inner{/*max-width:1100px;*/max-width: 100%; margin:0 auto;}
.school-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;flex-wrap:wrap;gap:1rem;}

.school-title{
    /*font-size:clamp(1.8rem,4vw,3.5rem);font-weight:800;letter-spacing:-0.025em;line-height:1.05;*/
    color:var(--white);
    font-size:70px;
font-weight: 600;
letter-spacing: -3px;
line-height: 1;

}

@media(max-width: 1439px){
    .school-title{
        font-size:clamp(1.8rem,4vw,3.5rem);font-weight:800;letter-spacing:-0.025em;line-height:1.05;
    }
}

.tg-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--white);font-size:0.85rem;}
.tg-ball{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.tg-ball svg{width:32px;height:32px;}
.school-sub{
font-size:24px;
font-weight: 400;
line-height: 1.3;color:#32CD33;margin-bottom:2.5rem;}

@media(max-width: 1439px){
.school-sub{font-size:0.9rem;color:#32CD33;margin-bottom:2.5rem;}
}
.school-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;}
.school-card{border-radius:16px;overflow:hidden;cursor:pointer;transition: 0.3s linear;}

.school-card:hover{
   transition: 0.3s linear;
   filter: brightness(0.7);
   z-index: 99;
}
/* Left orange card */
.sc-orange{background:#e84a1c;/*padding:32px;*/min-height:600px;display:flex;flex-direction:column;}
.sc-title, h3.sc-title{
    font-size:36px;
font-weight: 600;
letter-spacing: -1px;
line-height: 1;
color:var(--white);flex:1;margin-bottom:1.5rem;}



.sc-bottom{display:flex;justify-content:space-between;align-items:flex-end;}
.sc-meta{font-size:0.62rem;color:rgba(255,255,255,.55);
    
    font-size:12px;
font-weight: 400;
line-height: 1.2;
text-transform: uppercase;

}

@media(max-width: 500px){
    .sc-orange{
        /*padding: 15px!important;*/
        min-height: 400px;
    }
    
    .video-text{
        min-height: 400px!important;
        padding: 15px!important;
    }
    .sc-title, h3.sc-title{
        font-size: 26px;
    }
    
    .scard{
        padding: 15px;
        min-height: 280px;
    }
    
    .method-label-area{
        padding-top: 25px;
    }
    
    .vr-desc{
        font-size: 18px;
    }
}

@media(max-width: 1439px){
    .sc-title{font-size:clamp(1.6rem,2.8vw,2.2rem);font-weight:700;line-height:1.2;color:var(--white);flex:1;margin-bottom:1.5rem;}
    
    .sc-meta{font-size:0.62rem;color:rgba(255,255,255,.55);letter-spacing:.04em;text-transform:uppercase;}
}
.sc-logo-badge{
  width:58px;height:58px;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;overflow:hidden;
}
/* Right photo card */
.sc-dark{background:#1a1a1a;display:flex;flex-direction:column;}
.sc-photo-area{
  background:#c0200a;
  min-height:260px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  font-size:0.65rem;color:rgba(255,255,255,.25);
  letter-spacing:.1em;text-transform:uppercase;
  position:relative;
}

.sc-photo-area img{
    width: 100%;
    height: auto;
}

.sc-photo-area video{
    width: 100%;
    height: auto;
    object-fit: cover;
}

.sc-photo-caption{position:absolute;bottom:10px;left:16px;font-size:0.58rem;color:rgba(255,255,255,.4);}
.sc-text{padding:18px 28px 28px;}
.sc-author{font-size:0.62rem;color:rgba(255,255,255,.35);margin-bottom:8px;display:flex;justify-content:space-between;letter-spacing:.03em;text-transform:uppercase;}
.sc-atitle{
    font-size:36px;
font-weight: 600;
  font-weight:700;color:var(--white);line-height:1;}
    
    @media(max-width: 1439px){
        .sc-atitle{
       font-size:1rem;font-weight:700;color:var(--white);line-height:1.35;}
    }

/* ── JOURNAL ── */
.journal{
  background:linear-gradient(to bottom, #2a0820 0%, #180515 18%, #0c0c0c 45%);
  padding:60px 32px 80px;
}
.journal-inner{/*max-width:1100px;*/margin:0 auto;}
.journal-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;flex-wrap:wrap;gap:1rem;}
.journal-title{
    font-size:70px;
font-weight: 600;
letter-spacing: -3px;
line-height: 1;
  letter-spacing:-0.02em;color:var(--white);line-height:1.1;}

@media(max-width: 1439px){
    .journal-title{font-size:clamp(1.8rem,4vw,3.5rem);font-weight:400;letter-spacing:-0.02em;color:var(--white);line-height:1.1;}
}

.journal-title strong{font-weight:800;}
.journal-sub{font-size:0.88rem;color:#32CD33;margin-bottom:2rem;
    
    font-size:24px;
font-weight: 400;
line-height: 1.3;
}

@media(max-width: 1439px){
    .journal-sub{font-size:0.88rem;color:#32CD33;margin-bottom:2rem;}
}

.journal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-bottom:3rem;}
/* Photo cards */
.jcard{overflow:hidden;cursor:pointer;transition:opacity .2s;display:flex;flex-direction:column;background:#0c0c0c;}
.jcard:hover{opacity:.82;}
.jcard-ph{
  /*height:200px;*/height:300px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  font-size:0.6rem;color:rgba(255,255,255,.12);
  letter-spacing:.1em;text-transform:uppercase;
}

.jcard-ph img{
    width: 100%;
    height: 100%;
}

.jcard-ph video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.jcard-body{padding:10px 14px 14px;background:inherit;}
.jcard-meta{
    /*font-size:0.56rem;margin-bottom:7px;display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.04em;*/
    margin-bottom:7px;display:flex;justify-content:space-between;
    font-size:12px;
font-weight: 400;
line-height: 1.2;
text-transform: uppercase;
color:rgba(255,255,255,.3);
}


.jcard-title{font-size:32px;/*font-size:0.92rem;*/font-weight:700;line-height:1.3;
    
    font-size:36px;
font-weight: 600;
letter-spacing: -1px;
line-height: 1;
   color:var(--white); 
}
.jcard-title a{
   color:var(--white);
   text-decoration: none;
}
@media(max-width: 1439px){
    
    .jcard-meta{
    font-size:0.56rem;margin-bottom:7px;display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.04em;}
    
    .jcard-title{font-size:32px;/*font-size:0.92rem;*/font-weight:700;line-height:1.3;}
    
    .jcard-meta{font-size:0.56rem;color:rgba(255,255,255,.3);margin-bottom:7px;display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.04em;}
}

@media(max-width: 1200px){
    .jcard-title{font-size:20px;}
    
}
/* Text-only cards (no photo) */
.jcard-text{
  display:flex;flex-direction:column;justify-content:space-between;
  padding:20px 18px 18px;
  min-height:330px;flex:1;
}
.jcard-text-title{
  font-size:clamp(1.05rem,1.8vw,1.35rem);font-weight:700;
  color:var(--white);line-height:1.25;margin-bottom:auto;
}
.jcard-text-bottom{margin-top:1.5rem;}
.jcard-text-logo{
  width:48px;height:48px;
  display:flex;align-items:center;justify-content:center;
  margin-left:auto;
}
.journal-btn-wrap{display:flex;justify-content:center;}

/* ── AUTHOR ── */
.author{background:var(--white);color:var(--black);padding:60px 32px 100px;}
.section-inner-author{max-width:1100px;margin:0 auto;margin-bottom:40px;}
.author-section-label{
  font-size:0.7rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--gray);font-weight:400;
}
.author-inner{
    /*max-width:1100px;*/
    max-width: 85%;
    margin:0 auto;
    /*display:grid;
    grid-template-columns:320px 1fr;
    gap:50px;
    align-items:start;*/
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.author-photo{
  /*width:100%;
  aspect-ratio:5/6;
  background:linear-gradient(160deg, #d0d0d0 0%, #e8e8e8 60%, #d4d4d4 100%);*/
  border-radius:4px;
  /*display:flex;align-items:flex-end;justify-content:center;*/
  overflow:hidden;
  position:relative;
  
  width: 37.4%;
}

.author-photo img{
    width: 100%;
    height: auto;
}
.author-info{
    width: 60%;
}

.author-photo::after{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse 70% 60% at 50% 30%, rgba(255,255,255,0.3) 0%, transparent 70%);
}
.author-role{font-size:0.85rem;color:var(--gray);margin-bottom:12px;font-weight:400;}

.author-name{/*font-size:clamp(2rem,4vw,3.5rem);font-weight:800;letter-spacing:-0.03em;line-height:1.0;*/
color:#0c0c0c;margin-bottom:1.2rem;
    
    font-size:70px;
font-weight: 600;
letter-spacing: -3px;
line-height: 1;

}


.author-tagline{
     margin-bottom:1.6rem;
    color: #32CD33;
    font-family: "Inter";
font-weight: 400;
font-style: Regular;
font-size: 22px;
line-height: 1.2;
    
}
.author-bio{
    color:#333;margin-bottom:2.5rem;
    font-size:24px;
font-weight: 400;
line-height: 1.3;

}

@media(max-width: 1439px){
    .author-name{font-size:clamp(2rem,4vw,3.5rem);font-weight:800;letter-spacing:-0.03em;line-height:1.0;color:var(--black);margin-bottom:1.2rem;}
    
    .author-bio{font-size:0.9rem;margin-bottom:2.5rem;}
    .author-tagline{font-size:1rem;color:#32CD33;line-height:1.7;font-weight:500;margin-bottom:1.5rem;}
}

@media(max-width: 1030px){
    .author-inner{
        max-width: 100%;
    }
    
    .author{
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 50px;
    }
}

.author-stats{
  display:grid;grid-template-columns:repeat(4,auto);
  gap:0 40px;
  border-top:1px solid var(--border-light);
  padding-top:2rem;
  justify-content:start;
  margin-bottom:2.5rem;
}
.stat-num{font-family:var(--serif);font-size:clamp(2.5rem,4.5vw,4.5rem);font-weight:500;line-height:1;color:var(--black);}
.stat-label{font-size:0.7rem;color:var(--gray);margin-top:6px;line-height:1.4;max-width:90px;}

/* ── MOBILE MENU ── */
.mob-menu{
  position:fixed;inset:0;z-index:300;
  background:var(--black);
  display:flex;flex-direction:column;
  padding:28px 32px 40px;
  transform:translateX(100%);
  transition:transform .4s cubic-bezier(.4,0,.2,1);
  overflow-y:auto;
}
.mob-menu.open{transform:translateX(0);}
.mob-close{
  align-self:flex-end;
  background:none;border:none;cursor:pointer;
  color:var(--white);font-size:1.8rem;line-height:1;
  padding:4px;margin-bottom:32px;
  font-weight:300;
}
.mob-nav{flex:1;}
.mob-item{
  display:block;
  font-size:clamp(2rem,7vw,2.8rem);
  font-weight:700;
  color:var(--white);
  text-decoration:none;
  line-height:1.25;
  letter-spacing:-0.02em;
  transition:color .2s;
  cursor:pointer;
}
.mob-item:hover,.mob-item.active{color:var(--red);}
.mob-item.red{color:var(--red);}
/* Sublinks under Программы */
.mob-sub{
  display:none;
  flex-direction:column;
  gap:2px;
  margin:8px 0 16px 0;
}
.mob-sub.show{display:flex;}
.mob-subitem{
  display:flex;align-items:center;gap:10px;
  font-size:1rem;font-weight:400;
  color:var(--white);text-decoration:none;
  padding:6px 0;
  transition:color .2s;
  line-height:1.4;
}
.mob-subitem:hover{color:rgba(255,255,255,.6);}
.mob-dash{color:var(--red);font-size:1rem;flex-shrink:0;}
/* Bottom contacts */
.mob-bottom{margin-top:auto;padding-top:24px;}
.mob-contacts{
  border-top:1px solid #2a2a2a;
  padding:18px 0;
}
.mob-phone,.mob-email{
  display:block;
  font-size:0.9rem;color:var(--white);
  text-decoration:none;line-height:1.7;
}
.mob-socials{
  border-top:1px solid #2a2a2a;
  padding-top:18px;
  display:flex;gap:20px;align-items:center;
}
.mob-social{
  display:flex;align-items:center;justify-content:center;
  color:var(--white);text-decoration:none;
  opacity:.85;
  transition:opacity .2s;flex-shrink:0;
  width:40px;height:40px;
}
.mob-social:hover{opacity:1;}
.mob-social svg{width:40px;height:40px;}

/* ── FOOTER ── */
.footer{
  background:var(--black);
  position:relative;overflow:hidden;
  padding:40px 40px 0;
  min-height:480px;
  display:flex;flex-direction:column;
}
/* Huge watermark spanning full width */
.footer-watermark{
  position:absolute;
  top:50%;left:50%;
  transform:translate(-50%,-54%);
  font-size:clamp(6rem,18vw,18rem);
  font-weight:900;letter-spacing:.04em;
  color:rgba(255,255,255,.038);
  white-space:nowrap;pointer-events:none;
  text-transform:uppercase;line-height:1;
  z-index:0;
}
/* Top row: logo left, icon right */
.footer-top{
  display:flex;justify-content:space-between;align-items:center;
  position:relative;z-index:1;margin-bottom:auto;
}
.footer-logo-row{display:flex;align-items:center;gap:10px;}
.footer-icon{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.footer-icon svg{width:24px;height:24px;}
.footer-logo-txt{font-size:0.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--white);}
.footer-hamburger{cursor:pointer;display:flex;align-items:center;justify-content:center;}
/* Bottom area: tagline left, contacts right */
.footer-bottom-area{
  display:flex;justify-content:space-between;align-items:flex-end;
  padding-bottom:40px;
  position:relative;z-index:1;
  margin-top:auto;
  flex-wrap:wrap;gap:2rem;
}
.footer-tagline{
  font-size:clamp(1.6rem,3.2vw,3rem);
  font-weight:700;color:var(--white);
  line-height:1.2;max-width:440px;
}
.footer-right{text-align:right;}
.footer-contacts{
  display:flex;align-items:center;gap:14px;
  margin-bottom:14px;justify-content:flex-end;flex-wrap:wrap;
}
.footer-link{font-size:0.78rem;color:rgba(255,255,255,.6);text-decoration:none;transition:color .2s;}
.footer-link:hover{color:var(--white);}
.footer-sep{color:rgba(255,255,255,.2);font-size:0.75rem;}
.footer-ctas{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;}
/* Copyright bar */
.footer-bottom{
  border-top:1px solid var(--border);
  padding:14px 0;
  display:flex;justify-content:center;align-items:center;
  font-size:0.62rem;color:rgba(255,255,255,.22);
  position:relative;z-index:1;flex-wrap:wrap;gap:6px;text-align:center;
  letter-spacing:.04em;text-transform:uppercase;
}
.footer-bottom a{color:rgba(255,255,255,.22);text-decoration:underline;}

/* ── FADE ── */
.f{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease;}
.f.v{opacity:1;transform:none;}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .cases-grid{grid-template-columns:repeat(2,1fr);}
  .service-row{grid-template-columns:1fr 1fr;}
  .journal-grid{grid-template-columns:repeat(2,1fr);}
  .author-inner{grid-template-columns:1fr;gap:3rem;}
  .author-photo{max-width:340px;}
}
@media(max-width:768px){
  .nav-links{display:none;} .nav-burger{display:flex;}
  .cases-grid{grid-template-columns:1fr;}
  .service-row{grid-template-columns:1fr;}
  .school-grid{grid-template-columns:1fr;}
  .journal-grid{grid-template-columns:1fr 1fr;}
  .value-row{grid-template-columns:1fr;gap:3px;}
  .vr-arrow{display:none;}
  .author-stats{gap:2rem;}
  .footer-right{text-align:left;}
  .footer-contacts,.footer-ctas{justify-content:flex-start;}
}

@media(max-width:500px){
    .author-stats{grid-template-columns:1fr 1fr;}
    .author-stats>div{
        text-align: center;
    }
    
    .stat-label{
        margin-left: auto;
        margin-right: auto;
    }
    
    .journal-grid{grid-template-columns: 1fr;}
}
/* === About Page === */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}html{scroll-behavior:smooth;}
:root{--black:#0c0c0c;--white:#ffffff;--green:#3df23d;--red:#e8291a;--gray:#888;--border:#2a2a2a;--border-light:#e0e0e0;--cream:#eeeae0;--font:'Inter',sans-serif;--serif:'EB Garamond',Georgia,serif;}
body{background:var(--white);color:var(--black);font-family:var(--font);font-weight:400;line-height:1.5;overflow-x:hidden;}
.nav{position:absolute;/*position:fixed;*/top:0;left:0;right:0;z-index:200;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:rgba(12,12,12,0.96);backdrop-filter:blur(16px);}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.nav-icon{width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}.nav-icon svg{width:22px;height:22px;}
.nav-logo-text{font-size:0.75rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--white);}
.nav-links{display:flex;gap:24px;list-style:none;align-items:center;}
.nav-links a{font-size:0.75rem;color:rgba(255,255,255,.55);text-decoration:none;transition:color .2s;}
.nav-links a:hover,.nav-links a.active{color:var(--white);}
.nav-burger{display:none;cursor:pointer;align-items:center;justify-content:center;}
.btn{display:inline-flex;align-items:center;gap:6px;height:46px;padding:0 24px;border-radius:999px;font-family:var(--font);font-size:0.82rem;font-weight:500;cursor:pointer;text-decoration:none;white-space:nowrap;transition:all .22s;}
.btn-green{background:#32CD33;color:var(--black);border:none;font-weight:700;}
.bio .btn-green{
    color: #fff;
} 
.btn-green:hover{opacity:.88;}
.btn-outline-b{border:1.5px solid rgba(0,0,0,.25);color:var(--black);background:transparent;}.btn-outline-b:hover{border-color:var(--black);}
.bio .btn-outline-b{
    border:1.5px solid #32CD33;
    color: #32CD33;
}
.bio .btn-outline-g:hover{background:rgba(61,242,61,.08);}
.btn-outline-g{border:1.5px solid #32CD33;color:#32CD33;background:transparent;}.btn-outline-g:hover{background:rgba(61,242,61,.08);}
.about-hero{background:var(--cream);padding:100px 32px 80px;min-height:75vh;display:flex;align-items:center;}
.about-hero-inner{/*max-width:1100px;*/

/*display:grid;grid-template-columns:360px 1fr;gap:80px;align-items:center;*/
width:100%;
    max-width: 85%;
    margin:0 auto;

    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.about-photo-wrap{
    /*display:flex;align-items:flex-end;justify-content:center/*;min-height:480px;overflow:hidden;*/
    
    position:relative;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    width: 37.4%;
}

.about-info{
    width: 60%;
}

.about-letter{
    display: none;
    position:absolute;
    bottom:0;
    /*left:50%;*/
    left:0;
    /*transform:translateX(-50%);*/
    z-index:0;
    pointer-events:none;
    width:925px;
    height:925px;
    background:url(images/Sign.png);
    background-size: cover; 
    background-repeat: no-repeat; 
    background-position: center;/*border-radius:50%;opacity:.9;*/
    
}
.about-photo{
    position:relative;z-index:1;/*width:320px;height:440px;*/border-radius:0;overflow:hidden;/*background:linear-gradient(180deg,#c0c0c0 0%,#d8d8d8 50%,#c4c4c4 100%);*/flex-shrink:0;
    
}

.about-photo .abs-img{
    width:100%;height:auto;display: block; position: absolute; z-index: 8; bottom: 140px;
}

.about-name{font-size:clamp(2.2rem,3.8vw,3.8rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;color:var(--black);margin-bottom:.6rem;}
.about-role{font-size:0.88rem;color:#666;margin-bottom:1.4rem;}
.about-tagline{
    margin-bottom:1.6rem;
    color: #32CD33;
    font-family: "Inter";
font-weight: 400;
font-style: Regular;
font-size: 22px;

line-height: 1.20;
letter-spacing: -1%;

}
.about-bio-text{
    /*font-size:0.9rem;color:#333;line-height:1.85;margin-bottom:2.5rem;max-width:580px;*/
    margin-bottom:2.5rem;
    font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 24px;
leading-trim: NONE;
line-height: 1.20;
letter-spacing: -1%;

}
.about-stats{font-family:Prata;display:grid;grid-template-columns:repeat(4,auto);gap:0 44px;justify-content:start;/*border-top:1px solid rgba(0,0,0,.12);*/padding-top:2rem;}
.stat-num{
    /*font-family:var(--serif);/*font-family:'Prata';font-size:clamp(2.4rem,3.8vw,4rem);font-weight:500;line-height:1;*/
    
    color:var(--black);
    
    font-family: Prata;
font-weight: 400;
font-style: Regular;
font-size: 70px;
line-height: 1;
letter-spacing: -1px;
text-align: right;
text-transform: uppercase;
}
.stat-label{
max-width:150px;
 margin-left: auto;
 color:#777;margin-top:5px; 
font-weight: 400;
font-style: Regular;
font-size: 18px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: -1px;
text-align: right;

    
    
}
.creator{background:var(--white);padding:100px 32px;}
.creator-inner{max-width:1100px;margin:0 auto;/*padding-left:calc(360px + 80px);*/padding-left:34%;padding-right:0;}
.creator-title{
    
    margin-bottom: 40px;
    font-family: Inter;
font-weight: 600;
font-style: Semi Bold;
font-size: 80px;
line-height: 1;
letter-spacing: -5px;

}
.creator-text p{font-size:0.95rem;color:#333;line-height:1.85;margin-bottom:1.2rem;}
.bio{background:var(--white);padding:80px 32px 100px;/*border-top:1px solid var(--border-light);*/}
.bio-inner{/*max-width:1100px;*/max-width:85%;margin:0 auto;/*padding-left:calc(360px + 80px);*/padding-left:34%;padding-right:0;}
.bio-title{font-size:clamp(1.6rem,2.8vw,2.4rem);font-weight:800;letter-spacing:-.025em;color:var(--black);margin-bottom:2rem;}
.bio-lead{font-size:0.78rem;text-transform:uppercase;letter-spacing:.12em;color:#999;margin-bottom:1.2rem;font-weight:600;}
.bio-block p, .creator-text p{
    /*font-size:0.9rem;color:#333;line-height:1.85;margin-bottom:.7rem;*/
    
    font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 30px;
line-height: 1.20;
letter-spacing: 0%;

}

.creator-inner{
    max-width: 85%;
}
@media(max-width: 1439px){
    
  .about-photo .abs-img{
    bottom: 0px;
}  
    
.bio-block p, .creator-text p{
    font-size: 22px;
}

.creator-title{
    font-size:clamp(1.8rem,3.2vw,2.8rem);font-weight:800;letter-spacing:-.025em;line-height:1.1;color:var(--black);margin-bottom:2rem;
}

.about-bio-text{
    font-size:22px;
}

.stat-num{
    font-size:clamp(2.4rem,3.8vw,4rem);
}

.about-tagline{
    font-size:1rem;line-height:1.2;}
    
    .stat-label{font-size:12px/*font-size:0.68rem;*/max-width:90px;}
}

@media(max-width: 1030px){
.bio-block p, .creator-text p{
    font-size: 18px;
}

.creator-title{
    font-size:22px;
}

.about-bio-text{
    font-size:18px;
}

.about-hero-inner, .creator-inner, .bio-inner{
    max-width: 100%;
}


}
.bio-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:2.5rem;}
.footer{background:var(--black);position:relative;overflow:hidden;padding:40px 40px 0;min-height:380px;display:flex;flex-direction:column;}
.footer-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-54%);font-size:clamp(5rem,14vw,14rem);font-weight:900;letter-spacing:.04em;color:rgba(255,255,255,.038);white-space:nowrap;pointer-events:none;text-transform:uppercase;line-height:1;z-index:0;}
.footer-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1;}
.footer-logo-row{display:flex;align-items:center;gap:10px;}
.footer-icon{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}.footer-icon svg{width:24px;height:24px;}
.footer-logo-txt{font-size:0.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--white);}
.footer-hamburger{cursor:pointer;display:flex;align-items:center;justify-content:center;}
.footer-tagline{
    font-size:36px;
font-weight: 300;
line-height: 1.2;
letter-spacing: -1px;
color:var(--white);
}
@media(max-width: 1439px){
    .footer-tagline{
    font-size:clamp(1.4rem,2.8vw,2.4rem);font-weight:700;color:var(--white);line-height:1.2;max-width:440px;margin-top:2rem;position:relative;z-index:1;
}
}

.footer-bottom-area{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:40px;position:relative;z-index:1;margin-top:auto;flex-wrap:wrap;gap:2rem;}
.footer-right{text-align:right;}
.footer-contacts{display:flex;align-items:center;gap:14px;margin-bottom:14px;justify-content:flex-end;flex-wrap:wrap;}
.footer-link{font-size:0.78rem;color:rgba(255,255,255,.6);text-decoration:none;transition:color .2s;}.footer-link:hover{color:var(--white);}
.footer-sep{color:rgba(255,255,255,.2);font-size:0.75rem;}
.footer-ctas{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;}
.footer-bottom{border-top:1px solid var(--border);padding:14px 0;display:flex;justify-content:center;font-size:0.62rem;color:rgba(255,255,255,.22);position:relative;z-index:1;flex-wrap:wrap;gap:6px;text-align:center;letter-spacing:.04em;text-transform:uppercase;}
.footer-bottom span{
    font-size:12px;
font-weight: 400;
line-height: 1.2;
text-transform: uppercase;

}

.footer-bottom a{color:rgba(255,255,255,.22);text-decoration:underline;}
.mob-menu{position:fixed;inset:0;z-index:300;background:var(--black);display:flex;flex-direction:column;padding:28px 32px 40px;transform:translateX(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);overflow-y:auto;}
.mob-menu.open{transform:translateX(0);}
.mob-close{align-self:flex-end;background:none;border:none;cursor:pointer;color:var(--white);font-size:1.8rem;line-height:1;padding:4px;margin-bottom:32px;}
.mob-nav{flex:1;}
.mob-item{display:block;font-size:clamp(2rem,7vw,2.8rem);font-weight:700;color:var(--white);text-decoration:none;line-height:1.25;letter-spacing:-.02em;transition:color .2s;cursor:pointer;}
.mob-item:hover,.mob-item.red{color:var(--red);}
.mob-sub{display:none;flex-direction:column;gap:2px;margin:8px 0 16px 0;}.mob-sub.show{display:flex;}
.mob-subitem{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:400;color:var(--white);text-decoration:none;padding:6px 0;}
.mob-dash{color:var(--red);font-size:1rem;flex-shrink:0;}
.mob-bottom{margin-top:auto;padding-top:24px;}
.mob-contacts{border-top:1px solid #2a2a2a;padding:18px 0;}
.mob-phone,.mob-email{display:block;font-size:0.9rem;color:var(--white);text-decoration:none;line-height:1.7;}
.mob-socials{border-top:1px solid #2a2a2a;padding-top:18px;display:flex;gap:20px;align-items:center;}
.mob-social{display:flex;align-items:center;justify-content:center;opacity:.85;transition:opacity .2s;flex-shrink:0;width:40px;height:40px;}.mob-social:hover{opacity:1;}.mob-social svg{width:40px;height:40px;}
.f{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease;}.f.v{opacity:1;transform:none;}

.about-hero{
    padding-bottom: 0;
}

@media(max-width:1030px){
    .about-hero-inner{/*grid-template-columns:1fr;gap:40px;*/}
.about-photo-wrap{/*height:300px;*/ margin-left: auto;
    margin-right: auto;
}

.about-stats{grid-template-columns:repeat(2,auto);gap:1.5rem 3rem;}
    
    .creator-inner, .bio-inner{
        padding-left: 0;
    }
    
    .bio{
        padding-top: 20px;
    }
    
    .creator{
        padding-bottom: 20px;
    }
}
@media(max-width:768px){
    .nav-links{display:none;}.nav-burger{display:flex;}.about-hero{padding:80px 20px 60px;}.creator,.bio{padding:60px 20px;}.creator-inner,.bio-inner{padding-left:0;}.footer-right{text-align:left;}.footer-contacts,.footer-ctas{justify-content:flex-start;}
    
    
    .creator, .bio{
    padding-top: 40px;
    padding-bottom: 20px;
    padding: 10px 15px;
}

.bio{
    padding-bottom: 50px;
}

.footer{
    padding: 40px 20px 0;
}

.about-photo-wrap{
    width: 100%;
}

}

/* About page nav override */
.nav{background:rgba(238,234,224,0.97);backdrop-filter:blur(16px);}
.nav-logo-text{color:var(--black);}
.nav-links a{color:rgba(0,0,0,0.5);}
.nav-links a:hover,.nav-links a.active{color:var(--black);}
.nav-burger svg rect{fill:var(--black);}

@media(max-width:1030px){
    .author-photo, .about-photo{
        width: 100%;
        max-width: 100%;
        text-align: center;
    }
    .author-photo img, .bout-photo img{
        max-width: 340px;
        margin-left: auto;
        margin-right: auto;
    }
    .author-info, .about-info{
        width: 100%;
    }
    
    .about-info{
        padding-bottom: 20px;
    }
}

/*programs*/
.programs{
    padding-top: 80px;
    padding-bottom: 90px;
}

.container{
    width: calc(100% - 80px);
    margin-left: auto;
    margin-right: auto;
}

.inner{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.programs .d-flex{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.programs .p-title{
    width: 100%;
    font-family: 'Inter';
font-weight: 600;
font-style: Semi Bold;
font-size: 100px;
line-height: 1;
letter-spacing: -5px;
color: #000;
margin-bottom: 40px;
text-align: center;
}
.programs .ps-title{
   width: 100%; 
   font-family: 'Inter';
font-weight: 400;
font-style: Regular;
font-size: 38px;
line-height: 1.20;
letter-spacing: -1%;
color: #32CD33;
margin-bottom: 30px;
text-align: center;
}

.programs .item{
    width: 49%;
    margin-bottom: 28px;
    border: 1px solid #C8C8C8;
    background: transparent;
    transition: all 0.3s linear;
    border-radius: 40px;
    padding-top: 38px;
    padding-left: 49px;
    padding-right: 49px;
    padding-bottom: 68px;
    min-height: 340px;
    align-content: space-between;
    display: flex;
    flex-wrap: wrap;
}

.programs .item:first-child, .programs .item:nth-child(2), .programs .item:nth-child(3), .programs .item:nth-child(4), .programs .item:nth-child(5), .programs .item:nth-child(6){
    width: 32%;
}

.programs .item:hover{
    transition: all 0.3s linear;
    background: #000;
}

.programs .item .title_block{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}

.programs .item .title_block .title{
    font-family: 'Inter';
font-weight: 600;
font-style: Semi Bold;
font-size: 38px;
line-height: 1;
letter-spacing: -2px;
color: #000;
width: 60%;
transition: all 0.3s linear;
}

@media(max-width: 1500px){
    .programs .item .title_block .title{
        font-size: 30px;
    }
    
    .programs .item{
        padding: 25px;
    }
}

.programs .item .title_block .title a{
    text-decoration: none;
    transition: all 0.3s linear;
    color: #000;
}

.programs .item:hover .title_block .title a{
    color: #fff;
    transition: all 0.3s linear;
}

.programs .item:hover .title_block .title{
    color: #fff;  
}

.programs .item .title_block .s-title{
    font-family: 'Inter';
font-weight: 400;
font-style: Regular;
font-size: 18px;
line-height: 1.30;
letter-spacing: 0;
text-align: right;
color: #000;
}

.programs .item:hover .title_block .s-title{
    color: #fff; 
}

.programs .item .s-btn{
    position: relative;
    font-size: 0;
    text-decoration: none;
    color: #fff;
    transition: all 0.3s linear;
}

.programs .item .s-btn svg{
    /*position: absolute;
    top: 5px;
    left: -35px;*/
    position: relative;
    top: 5px;
}

.programs .item:hover .s-btn{

    transition: all 0.3s linear;
    font-family: 'Inter';
font-weight: 400;
font-size: 24px;
leading-trim: NONE;
line-height: 1.30;
letter-spacing: 0;
vertical-align: middle;
}


.db-form{
    background-position: center;
    /*background-repeat: no-repeat;
    background-size: cover;*/
    background: url(../../images/derko-bg.png);
    min-height: 900px;
        background-size: cover;
        background-repeat: no-repeat;
        padding-top: 210px;
}

.db-form form{
    margin-right: 0;
    margin-left: auto;
    width: 100%;
    max-width: 800px;
    backdrop-filter: blur(30px);
    background: #FFFFFF99;
    padding-top: 40px;
    padding-bottom: 50px;
    padding-left: 40px;
    padding-bottom: 40px;
    border-radius: 50px;
    padding-right: 40px;
    text-align: center;
}

.db-form form svg{
    margin-left: auto;
    margin-right: auto;
}

.db-form form .form-ttl{
    font-family: 'Inter';
font-weight: 600;
font-style: Semi Bold;
font-size: 41px;
leading-trim: NONE;
line-height: 1.20;
letter-spacing: -2px;
text-align: center;
vertical-align: middle;
/*text-decoration: underline;
text-decoration-style: solid;
text-decoration-offset: 0%;
text-decoration-thickness: 0%;*/
margin-bottom: 20px;
}


.db-form form .row{
    background: #fff;
    
    border-radius: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding: 10px;
    
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    
    width: 100%;
    height: 66px;
}

.db-form form .row input{
    
    border: 0;
    outline: none;
    background: transparent;
    font-family: 'Inter';
font-weight: 400;
font-style: Regular;

leading-trim: NONE;
line-height: 1.20;
letter-spacing: 0;
/*text-align: center;*/
vertical-align: middle;

padding-top: 12px;
padding-bottom: 12px;
padding-left: 25px;
width: calc(100% - 360px);
    height: 46px;
    font-size: 24px;
}

.db-form form .row button{
    
    font-family: 'Inter';
font-weight: 400;
font-style: Regular;

line-height: 1;
letter-spacing: -3%;
text-align: center;
vertical-align: middle;
color: #fff;
background: #28A32A;
border-radius: 60px;
border: 0;
outline: 0;

width: 350px;
    height: 46px;
    font-size: 24px;
}

.db-form form .row input[type="checkbox"]{
  display: inline-block;
  top: 8px;
  padding-right: 3px;
  position: relative;
  width: 16px;
  height: 16px;
  box-shadow: inset 0 0 5px rgb(0 0 0 / 0.2);
  border-radius: 4px;
  border: 1px solid #32CD33;
    background: transparent;
  transition: 500ms;
   /*appearance: none;*/
   /*top: 15px;*/
}

.db-form form input[type="checkbox"]::after {
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='30' viewBox='0 -960 960 960' width='30' stroke='%23FFFFFF' stroke-width='30' fill='%23FFFFFF'%3E%3Cpath d='M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  transition: 500ms;
}

.db-form form .checbox-row{
    margin-top: 20px;
    background: transparent;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 0;
}

.db-form form .checbox-row p{
    width: calc(100% - 25px);
}

.db-form form p{
font-family: 'Inter';
font-weight: 400;
font-style: Regular;
font-size: 12px;
line-height: 1.40;
letter-spacing: 10%;
/*text-align: center;*/
text-align: left;
/*margin-left: 20px;*/
vertical-align: middle;
text-transform: uppercase;
color: #000;

}

.db-form form p a{
  text-decoration: underline;
text-decoration-style: solid;
text-decoration-offset: 0%;
text-decoration-thickness: 0%;  
color: #000;
}

/**programs detail**/
.programs_detail{
    padding-top: 80px;
    padding-bottom: 90px;
}

.programs_detail .p-title{
    width: 100%;
    font-family: 'Inter';
font-weight: 600;
font-style: Semi Bold;
font-size: 100px;
line-height: 1;
letter-spacing: -5px;
color: #000;
margin-bottom: 40px;
text-align: center;
}
.programs_detail .ps-title{
   width: 100%; 
   font-family: 'Inter';
font-weight: 400;
font-style: Regular;
font-size: 38px;
line-height: 1.20;
letter-spacing: -1%;
color: #32CD33;
margin-bottom: 30px;
text-align: center;
}

.programs_detail .d-flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.programs_detail .img{
    width: 40%;
}

.programs_detail .img img{
    width: 100%;
    height: auto;
    border-radius: 50px;
}

.programs_detail .text{
    width: 56%;
}

.programs_detail .text p{
    font-family: 'Inter';
font-weight: 400;
font-style: Regular;
font-size: 30px;
line-height: 1.20;
letter-spacing: -1%;
color: #000;
margin-bottom: 20px;
}

.programs_detail .text h2{
    font-family: 'Inter';
font-weight: 600;
font-style: Semi Bold;
font-size: 60px;
line-height: 1.00;
letter-spacing: -5px;
color: #000;
margin-bottom: 30px;
margin-top: 20px;
}

.programs_detail .text ul{
    padding-left: 25px;
}

.programs_detail .text ul li{
     font-family: 'Inter';
font-weight: 400;
font-style: Regular;
font-size: 30px;
line-height: 1.20;
letter-spacing: 0%;
color: #000;
}


/**cases**/
.cases-titleblock{
    padding-top: 90px;
    padding-bottom: 90px;
    background: #000;
}

.cases-titleblock .title{
    font-family: 'Inter';
font-weight: 600;
font-style: Semi Bold;
font-size: 100px;
line-height: 1;
letter-spacing: -5px;
color: #fff;
}

.journal_detail{
    /*padding-top: 90px;*/
    padding-top: 30px;
    padding-bottom: 90px;
}

.journal_detail .author{
    width: 20%;
    padding-top: 170px;
}

.journal_detail .author .auth-title{
    font-family: 'Inter';
font-weight: 600;
font-style: Semi Bold;
font-size: 41px;
line-height: 1.20;
letter-spacing: -2px;
color: #000;
margin-bottom: 15px;
}

@media(max-width: 1439px){
    .cases-titleblock .title{
        font-size: 48px;
        letter-spacing: 1px;
        margin-bottom: 0px;
    }
    
    .cases-titleblock{
        padding-bottom: 50px;
    }
}

@media(max-width: 1030px){
    .db-form form{
        margin-left: auto;
        margin-right: auto;
        border-radius: 20px;
    }
    
    .db-form form .form-ttl{
        font-size: 24px;
    }
    
    .db-form form .row input{
        font-size: 16px;
        width: calc(100% - 240px);
    }
    .db-form form .row button{
        font-size: 16px;
        width: 240px;
    }
    
    .db-form form p{
        font-size: 10px;
    }
    
    .cases-titleblock .title{
        font-size: 26px;
        letter-spacing: 1px;
    }
    
    .cases-titleblock{
        padding-bottom: 50px;
    }
}

.journal_detail .author .date{
    font-family: 'Inter';
font-weight: 400;
font-style: Regular;
font-size: 30px;
leading-trim: NONE;
line-height: 1.20;
letter-spacing: 0;
color: #000;
}

.journal_detail .author img{
    width: 100%;
    height: auto;
    margin-bottom: 40px;
}

.journal_detail .text{
    width: 78%;
}

.journal_detail .text{
    
}

.journal_detail .text .title{
    font-family: 'Inter';
font-weight: 600;
font-style: Semi Bold;
/*font-size: 100px;*/
font-size: 64px;
line-height: 1;
letter-spacing: -5px;
color: #000;
margin-bottom: 25px;
}

.journal_detail .text p{
    font-family: 'Inter';
font-weight: 400;
font-style: Regular;
font-size: 26px;
leading-trim: NONE;
line-height: 1.20;
letter-spacing: -1%;
color: #000;
margin-bottom: 20px;
}

.journal_detail .text img{
    width: 100%;
    height: auto;
    margin-bottom: 100px;
}

.journal_detail .text h2{
    font-family: 'Inter';
font-weight: 600;
font-style: Semi Bold;
/*font-size: 80px;*/
font-size: 50px;
line-height: 1;
letter-spacing: -5px;
color: #000;
margin-bottom: 35px;
}

.journal_detail .img{
    width: 100%;
    margin-top: 100px;
    margin-bottom: 90px;
}

.journal_detail .img img{
    width: 100%;
    height: auto;
}


@media(max-width: 1470px){
    .journal_detail .author .auth-title{
        font-size: 22px;
    }
    
    .journal_detail .author .date{
        font-size: 20px;
    }
    
    .journal_detail .text p{
        font-size: 18px;
    }
    
    .journal_detail .text .title{
        font-size: 28px;
        letter-spacing: 1px;
    }
    
    .journal_detail .text h2{
        font-size: 24px;
        letter-spacing: 1px;
    }
    
    .journal_detail .text img{
        margin-bottom: 25px;
    }
    
    .journal_detail .img{
        margin-bottom: 25px;
        margin-top: 25px;
    }
    
    .journal_detail{
        padding-bottom: 25px;
    }
}

@media(max-width: 1370px){
    .journal_detail .author{
        display: none;
    }
    
    .journal_detail .text{
        width: 100%;
    }
}


@media(max-width: 1130px){
    .programs .item, .programs .item:first-child, .programs .item:nth-child(2), .programs .item:nth-child(3), .programs .item:nth-child(4), .programs .item:nth-child(5), .programs .item:nth-child(6){
        width: 49%;
        padding: 20px;
    }
    
    .programs .item .title_block .title{
        font-size: 24px;
    }
    
    .programs .p-title{
        font-size: 32px;
        letter-spacing: 1px;
    }
    
    .programs .ps-title{
        font-size: 24px;
    }
    
    .container{
        width: calc(100% - 20px);
    }
    
    .programs_detail .p-title{
        font-size: 24px;
        letter-spacing: 1px;
    }
    
    .programs_detail .ps-title{
        font-size: 20px;
        letter-spacing: 1px;
    }
    
    .programs_detail .text p, .programs_detail .text ul li{
        font-size: 18px;
    }
    
    .programs_detail .text h2{
        font-size: 24px;
        letter-spacing: 1px;
    }
    
    .programs_detail .img{
        width: 100%;
        margin-bottom: 10px;
    }
    
    .programs_detail .text{
        width: 100%;
    }
    
    .programs_detail{
        padding-bottom: 25px;
    }
}


@media(max-width: 770px){
    .programs .item, .programs .item:first-child, .programs .item:nth-child(2), .programs .item:nth-child(3), .programs .item:nth-child(4), .programs .item:nth-child(5), .programs .item:nth-child(6){
        width: 100%;
        padding: 20px;
    }
}

.contacts_page{
    padding-top: 90px;
    padding-bottom: 90px;
    background: #000;
    min-height: 60vh;
}

.contacts_page .title{
    width: 100%;
    margin-bottom: 40px;
    font-family: 'Inter';
font-weight: 600;
font-style: Semi Bold;
font-size: 62px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 2px;
text-align: center;
color: #fff;
}

.contacts_page .stitle{
   font-family: 'Inter';
font-weight: 400;
font-style: Regular;
font-size: 30px;
leading-trim: NONE;
line-height: 120%;
letter-spacing: 1px;
text-align: center;
/*text-decoration: underline;
text-decoration-style: solid;
text-decoration-offset: 0%;
text-decoration-thickness: 0%;*/
color: #32CD33;
width: 100%;
}

.contacts_page form{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; 
}

.contacts_page form .row{
    width: 48%;
    margin-bottom: 25px;
    text-align: center;
}

.contacts_page form .row input[type="text"], .contacts_page form .row input[type="email"]{
    border: 0;
    background: transparent;
    border-bottom: 1px solid #1A1A1A;
    width: 100%;
    /*height: 30px;*/
    padding-left: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'Inter';
font-weight: 400;
font-style: Regular;
font-size: 30px;
line-height: 1.20;
letter-spacing: 0%;
color: #979797;
outline: none;
}

.contacts_page form .row .ttl{
    height: 42px;
}

.contacts_page form .row.full{
    width: 100%;
}

.contacts_page form .row textarea{
    border: 0;
    background: transparent;
    border-bottom: 1px solid #1A1A1A;
    width: 100%;
    /*height: 30px;*/
    padding-left: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'Inter';
font-weight: 400;
font-style: Regular;
font-size: 30px;
line-height: 1.20;
letter-spacing: 0%;
color: #979797;
outline: none;
resize:  none;
}

.contacts_page form .row p{
    font-family: 'Inter';
font-weight: 400;
font-style: Regular;
font-size: 30px;
leading-trim: NONE;
line-height: 1.20;
letter-spacing: 0;
color: #fff;
}

.contacts_page form .row p span{
   font-family: 'Inter';
font-weight: 400;
font-style: Regular;
font-size: 24px;
leading-trim: NONE;
line-height: 130%;
letter-spacing: 0%;
text-align: center;
/*text-decoration: underline;
text-decoration-style: solid;
text-decoration-offset: 0%;
text-decoration-thickness: 0%;*/
 
}

.contacts_page form .row p a{
    color: #fff;
}

.contacts_page form .row button{
    width: 100%;
    max-width: 250px;
    /*height: 80px;*/
    height: 52px;
    margin-left: auto;
    border-radius: 40px;
    background: #28A32A;
    cursor: pointer;
    font-family: 'Inter';
font-weight: 600;
font-style: Regular;
/*font-size: 32px;*/
    font-size: .9rem;
leading-trim: NONE;
line-height: 100%;
letter-spacing: -3%;
text-align: center;
vertical-align: middle;
/*color: #fff;*/
color: #0c0c0c;
border: 0;
}

.contacts_page form .row button:hover{opacity:.88;}

.contacts_page form .row input[type="file"]{
	font-family: 'Inter';
font-size: 24px;
font-weight: 400;
line-height: 19px;
letter-spacing: 0.20px;
	width: 100%;
	color: #fff;
	background: transparent;

}

.contacts_page form .row input[type="file"]::file-selector-button {
  margin-right: 20px;
  border: none;
  background: transparent;
  padding: 10px 20px;  
  color: #fff;
  cursor: pointer;
  transition: background .2s ease-in-out;
	font-family: 'Inter';
	font-size: 22px;
	border: 1px solid #1A1A1A;
}

.contacts_page form .row label{
    display: inline-block;
    width: calc(100% - 30px);
    text-align: left;
}

.contacts_page form .row input[type="checkbox"]{
  display: inline-block;
  top: 5px;
  padding-right: 3px;
  position: relative;
  width: 24px;
  height: 24px;
  box-shadow: inset 0 0 5px rgb(0 0 0 / 0.2);
  border-radius: 4px;
  border: 1px solid #32CD33;
    background: transparent;
  transition: 500ms;
   /*appearance: none;*/
}

.contacts_page form .row input[type="checkbox"]::after {
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='30' viewBox='0 -960 960 960' width='30' stroke='%23FFFFFF' stroke-width='30' fill='%23FFFFFF'%3E%3Cpath d='M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  transition: 500ms;
}

@media(max-width: 1450px){
    .contacts_page form .row p{
        font-size: 18px;
    }
    
    .contacts_page form .row input[type="text"], .contacts_page form .row textarea, .contacts_page form .row input[type="email"]{
        font-size: 18px;
    }
    
    .contacts_page .title{
        font-size: 28px;
        margin-bottom: 20px;
    }
    
    .contacts_page .stitle{
        font-size: 20px;
    }
    
    .contacts_page form .row p span{
        font-size: 18px;
    }
    
    .contacts_page form .row button{
        font-size: 18px;
        height: 44px;
    }
}

@media(max-width: 1030px){
    .contacts_page form .row{
        width: 100%;
    }
}


/*tabs*/
.tabs{
   width: 100%;
}
.tabs .tabs_head{
   display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    -ms-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: center;
    -ms-align-items: flex-start;
    -moz-align-items: flex-start;
    -webkit-align-items: flex-start;
	flex-wrap: wrap;
	overflow-x: visible;
	/*overflow-x: scroll;*/
}


.tabs .tabs_head{
        /*overflow-x: scroll;*/
	}


.tabs .tabs_head .tab_link{
    margin-bottom: 10px;
   white-space: nowrap;
   display: inline-block;
   border-radius: 30px;
font-family: 'Inter';

font-size: 18px;
font-weight: 400;
line-height: 26px;
letter-spacing: 0em;
text-align: center;
color: #000;
border: 1px solid #32CD33;
padding: 9px 30px 10px 30px;
/*border: 0px 0px 3px 0px;*/
gap: 10px;
text-decoration: none;
margin-left: 3px;
margin-right: 3px;
}

.tabs .tabs_head .tab_link:first-child{
   margin-left: 0;
}
.tabs .tabs_head .tab_link:last-child{
   margin-right: 0;
}
.tabs .tabs_head .tab_link.active{
   /*background: #7D878B;*/
   background:#32CD33;
   color: #FFFFFF;
}
.tabs .tabs_body{
   padding-top: 30px;
}
.tabs .tabs_body .tab_content{
   display: none;
}
.tabs .tabs_body .tab_content p{
    margin-bottom: 20px;
}
.tabs .tabs_body .tab_content.active{
   /*display: -ms-block;
    display: -o-block;
    display: -webkit-box;*/
    /*display: -ms-flexbox;*/
    display: block;
    justify-content: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -ms-align-items: flex-start;
    -moz-align-items: flex-start;
    -webkit-align-items: flex-start;
	flex-wrap: wrap;
}
.tabs .tabs_body .tab_content::before{
    content: '';
    width: 23%; /*указывается ширина псевдоэлемента*/
    order: 1;
}
.tabs .tabs_body .tab_content::after{
    content: '';
    width: 23%; /*указывается ширина псевдоэлемента*/
    order: 9999;
}

@media(max-width: 992px){
     .tabs .tabs_head .tab_link{
         width: 32%;
         margin-bottom: 10px;
     }
}

@media(max-width: 770px){
     .tabs .tabs_head .tab_link{
         width: 48%;
     }
}

@media(max-width: 500px){
     .tabs .tabs_head .tab_link{
         width: 48%;
         font-size: 14px;
         padding: 5px 30px 5px 30px;
     }
     
     .db-form form .row button{
         width: 140px;
     }
     
     .db-form form .row input{
         width: calc(100% - 145px);     
         
     }
     
     .db-form form{
         padding-left: 10px;
         padding-right: 10px;
     }
     
     .db-form form .row input{
         padding-left: 10px;
     }
}
/*tabs*/

/*case-titleblock*/
.case-titleblock{
    padding-top: 350px;
    padding-bottom: 450px;
    /*background: #001429;*/
}

.case-titleblock .title{
    font-family: 'Inter';
font-weight: 700;
font-style: Bold;
font-size: 100px;
line-height: 1;
letter-spacing: -5px;
color: #fff;
width: 100%;

display: block;
}

.case-titleblock .stitle{
    font-family: 'Inter';
font-weight: 400;
font-style: Roman;
font-size: 60px;
line-height: 1;
letter-spacing: -3px;
color: #FE0008;
width: 100%;
display: block;
margin-bottom: 40px;
}

.cs{
    background: #001429;
}

.cs1{
    background: #FFEC00;
}

.cs.block-display-none{
    display: none;
}

.case_block_1{
    padding-top: 350px;
    padding-bottom: 450px;
}

.case_block_1 .cb_stitle{
    font-family: 'Inter';
font-weight: 400;
font-style: Roman;
font-size: 60px;
leading-trim: NONE;
line-height: 1;
letter-spacing: -3px;
text-align: center;
color: #FE0008;
max-width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 60px;
}

.case_block_1 .cb_title{
    font-family: 'Inter';
font-weight: 400;
font-style: Roman;
font-size: 80px;
line-height: 1;
letter-spacing: -3px;
text-align: center;
color: #fff;
max-width: 80%;
margin-left: auto;
margin-right: auto;
}

.case_block_2{
    padding-top: 350px;
    padding-bottom: 450px;
}

.case_block_2 .cb_stitle{
    font-family: 'Inter';
font-weight: 400;
font-style: Roman;
font-size: 60px;
leading-trim: NONE;
line-height: 1;
letter-spacing: -3px;
text-align: center;
color: #FE0008;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}

.case_block_2 .cb_title{
    font-family: 'Inter';
font-weight: 400;
font-style: Roman;
font-size: 80px;
line-height: 1;
letter-spacing: -3px;
text-align: center;
color: #fff;
max-width: 80%;
margin-left: auto;
margin-right: auto;
margin-bottom: 60px;
}

.case_block_3{
    padding-top: 350px;
    padding-bottom: 450px;
}


.case_block_3 .cb_text{
    font-family: 'Inter';
font-weight: 400;
font-style: Roman;
font-size: 32px;
leading-trim: NONE;
line-height: 1.20;
letter-spacing: -0.5px;
text-align: center;
color: #fff;
max-width: 60%;
margin-left: auto;
margin-right: auto;
}

.case_block_5{
    display: flex;
}

.case_block_5 .img, .case_block_5 img{
   width: 100%;
   height: auto;
}

.case_block_6{
   padding: 2%;
   display: flex;
}

.case_block_6 .bg-inn{
    width: 100%;
}

.case_block_6 .img, .case_block_6 img{
    width: 100%;
   height: auto;
}

.case_block_7{
    display: flex;
}

.case_block_7 .item{
   width: 49.9%;
   height: auto;
}

.case_block_7 .item img{
    width: 100%;
   height: auto;
}

.case_block_8{
   padding: 2%;
   display: flex;
}

.case_block_8 .bg-inn{
    width: 100%;
    display: flex;
}

.case_block_8 .item{
    width: 49.9%;
   height: auto;
}

.case_block_8 .item img{
    width: 100%;
   height: auto;
}

.case_block_4{
    
}
    
.case_block_4 .item{
    display: flex;
    justify-content: space-between;
}

.case_block_4 .item:nth-child(2n+1) .text{
    order: 1;
}

.case_block_4 .item:nth-child(2n) .text{
    order: 2;
}

.case_block_4 .item:nth-child(2n+1) .img{
    order: 2;
}

.case_block_4 .item:nth-child(2n) .img{
    order: 1;
}

.case_block_4 .item .text{
    width: 49.99%;
    padding-top: 250px;
}
.case_block_4 .item .img{
    width: 49.99%;
}

.case_block_4 .item .text .sttl{
    font-family: 'Inter';
font-weight: 400;
font-style: Roman;
font-size: 60px;
leading-trim: NONE;
line-height: 1;
letter-spacing: -3px;
text-align: center;
color: #FE0008;
max-width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 60px;
}
.case_block_4 .item .text .ttl{
    font-family: 'Inter';
font-weight: 400;
font-style: Roman;
font-size: 80px;
line-height: 1;
letter-spacing: -3px;
text-align: left;
color: #fff;
max-width: 80%;
margin-left: auto;
margin-right: auto;
}
.case_block_4 .item .text .img{
    width: 49.9%;
}

.case_block_4 .item .img img{
    width: 100%;
    height: auto;
    display: block;
}

.content{
    width: 100%;
}

 .textpage table{
        font-size: 24px;
        line-height: 1.1;
    }

@media(max-width: 1450px){
    .textpage table{
        font-size: 14px;
    }
    
    /*.content,*/ .table{
        overflow-x: scroll;
    }
    
    
    .case-titleblock .title{
        font-size: 42px;
    }
    
    .case-titleblock .stitle{
        font-size: 30px;
    }
    
    .case_block_1 .cb_stitle{
        font-size: 30px;
    }
    
    .case_block_1 .cb_title{
        font-size: 42px;
    }
    
    .case_block_2 .cb_stitle{
        font-size: 30px;
    }
    
    .case_block_2 .cb_title{
        font-size: 42px;
    }
    
    .case_block_4 .item .text .sttl{
        font-size: 24px;
    }
    
    .case_block_4 .item .text .ttl{
        font-size: 28px;
        padding-bottom: 100px;
    }
    
    .case_block_4 .item{
        flex-wrap: wrap;
    }
    
    .case_block_4 .item .text, .case_block_4 .item:nth-child(2n+1) .text, .case_block_4 .item:nth-child(2n) .text{
        width: 100%;
        order: 1;
    }
    
    .case_block_4 .item .img, .case_block_4 .item:nth-child(2n+1) .img, .case_block_4 .item:nth-child(2n) .img{
        width: 100%;
        order: 2;
    }
    
    .case_block_7, .case_block_8{
        flex-wrap: wrap;
    }
    
    .case_block_8 .bg-inn{
        flex-wrap: wrap;
    }
    
    .case_block_7 .item{
        width: 100%;
    }
    
    .case_block_8 .item{
        width: 100%;
    }
    
    .case_block_4 .item .text{
        padding-top: 100px;
    }
    
    .case_block_3{
        padding-top: 70px;
       padding-bottom: 70px;
    }
    
    .case_block_2{
    padding-top: 70px;
    padding-bottom: 70px;
}

    .case_block_1{
    padding-top: 70px;
    padding-bottom: 70px;
}

.case-titleblock{
    padding-top: 70px;
    padding-bottom: 90px;
}


    .case-titleblock .title{
        font-size: 28px;
        letter-spacing: 1px;
    }
    
    .case-titleblock .stitle{
        font-size: 30px;
        letter-spacing: 1px;
    }
    
    .case_block_1 .cb_stitle{
        font-size: 18px;
        letter-spacing: 1px;
    }
    
    .case_block_1 .cb_title{
        font-size: 26px;
        letter-spacing: 1px;
    }
    
    .case_block_2 .cb_stitle{
        font-size: 18px;
        letter-spacing: 1px;
    }
    
    .case_block_2 .cb_title{
        font-size: 26px;
        letter-spacing: 1px;
    }
    
    .case_block_4 .item .text .sttl{
        font-size: 18px;
        letter-spacing: 1px;
    }
    
    .case_block_4 .item .text .ttl{
        font-size: 20px;
        letter-spacing: 1px;
    }
    
    .case_block_3 .cb_text{
        font-size: 26px;
        max-width: 95%;
    }
    
}

.textpage{
    padding-top: 100px;
    padding-bottom: 60px;
}
.textpage h1{ 
    font-size:70px;color:var(--black);
font-weight: 600;
letter-spacing: -3px;
line-height: 1;
margin-bottom: 30px;
}

.textpage p{
    font-size:24px;
font-weight: 400;
line-height: 1.3;
}

.textpage a{
    font-size:24px;
font-weight: 400;
line-height: 1.3;
text-decoration: none;
color: var(--black);
} 

.textpage ul li{
    font-size:24px;
font-weight: 400;
line-height: 1.3;
}

.textpage table{
    margin-top: 20px;
    margin-bottom: 20px;
}

.textpage ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    padding-inline-start: 20px;
    unicode-bidi: isolate;
}

@media(max-width: 1439px){
.textpage h1{
  font-size:clamp(2.2rem,5.5vw,4.8rem);font-weight:700;
  letter-spacing:-0.025em;line-height:1.06;color:var(--black);/*margin-bottom:4.4rem;*/
}

.textpage p, .textpage ul li, .textpage a {
  font-size:clamp(0.85rem,1.4vw,1rem);
  line-height:1.8;margin-bottom:1rem;margin-top: 1rem;
}
    
}

@media(max-width: 500px){
    .journal-inner{
        padding-top: 60px;
    }
    
    .programs .item .title_block .title{
        width: 100%;
        order: 2;
    }
    
    .programs .item .title_block .s-title{
        width: 100%;
        order: 1;
        margin-bottom: 10px;
        text-align: left;
        font-size: 16px;
    } 
    
    .programs .item:hover .s-btn span{
        font-size: 14px;
    }
    .programs .item .s-btn svg{
        width: 16px;
        height: 14px;
        top: 2px;
    }
    
    .programs .item .title_block .title{
        font-size: 20px;
    }
    
    .author-inner{
        max-width: 100%;
    }
    
    .author {
       background: var(--white);
       color: var(--black);
       padding: 20px 15px 50px;
    }
    
    .journal{
        padding: 20px 15px 50px;
    }
    
    .school{
        padding: 20px 15px 50px;
    }
    
    .how{
        padding: 20px 15px 50px;
    }
    
    .value{
        padding: 20px 15px 10px;
    }
    
    .manifest{
        padding: 20px 15px 30px;
    }
    
    .hero{
        padding: 20px 15px 50px;
    }
    
    .author-photo img{
        max-width: 100%;
    }
    
    .btn{
        margin-left: auto;
        margin-right: auto;
    }
    
    .marquee-wrap, .hero-sub{
        margin-bottom: 1rem;margin-top: 1rem;
    }
    
    .hero h1{
        margin-top: 2rem;
    }
    
    .case-title{
        font-size: 20px;
        margin-top: 5px;
    }
    
    .case-cat-badge, .case-cat{
        font-size: 12px;
    }
    
    .footer{
        padding: 20px 15px 0;
    }
    
    .footer-ctas{
        display: block;
    }
    
    .footer .btn-outline-g{
                margin-left: 0;
        margin-right: auto;
        margin-bottom: 5px;
        display: flex;
        max-width: 115px;
        text-align: center;
        justify-content: center;
    }
    
}

.fade-in {
  opacity: 0;
  transform: translateY(20px);
  animation: css-animation-fadeInUp 0.6s ease-out forwards;
}
 
@keyframes css-animation-fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


.logos_page{
    padding-top: 90px;
    padding-bottom: 90px;
    background: #000;
    min-height: 60vh;
}

.logos_page .title{
    width: 100%;
    margin-bottom: 40px;
    font-family: 'Inter';
font-weight: 600;
font-style: Semi Bold;
font-size: 62px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 2px;
text-align: left;
color: #fff;
}

.logos_page .d-flex{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.logos_page .item{
    width: 19.5%;
    text-align: center;
    margin-bottom: 20px;
}

.logos_page .item img{
    width: 100%;
    height: auto;
}

@media(max-width: 1450px){
   .logos_page .item{
       width: 32%;
    } 
    
    .logos_page .title{
       font-size: 36px; 
       margin-bottom: 35px;
    }
}

@media(max-width: 1030px){
   .logos_page .item{
       width: 48%;
    } 
    
    .logos_page .title{
       font-size: 24px; 
    }
    
    .table table{
        width: 100%;
    }
}


/**cookies**/
#cookie_note{
    display: none;
    position: fixed;
    bottom: 15px;
    left: 50%;
    max-width: 90%;
    transform: translateX(-50%);
    padding: 20px;
    background-color: #000;
    border-radius: 4px;
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
	z-index: 9999;
}

#cookie_note p{
    margin: 0;
    font-size: 0.7rem;
    text-align: left;
    color: #fff;
    width: 70%;
}
#cookie_note p a{
       color: #fff;
    text-decoration: none;
}
.cookie_accept{
    width:100%;
	background: #32CD33;
    border: 0;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    display: block;
}

@media (min-width: 780px){
   #cookie_note p{
       width: 100%;
       margin-bottom: 20px;
   } 
   
   .cookie_accept{
       width: 100%;
   }
}

@media (min-width: 576px){
    #cookie_note.show{
        display: flex;
		flex-wrap: wrap;
    }
	.cookie_accept{
        width: 100%;
		margin-top: 10px;
		height: 30px;
		max-width: 250px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media (max-width: 575px){
    #cookie_note.show{
        display: block;
        text-align: left;
    }
}
/**cookies**/


/**breadcrumbs**/
.breadcrumbs{
    padding-top: 90px;
	/*padding-top: 225px;*/
	background: #FFF;
}
.breadcrumbs.active a, .breadcrumbs.active span{
    opacity: 0;
}
.breadcrumbs .wrapper{
    padding: 0 15px;
}
.breadcrumbs .bread_link{
    font-family: 'Inter';
font-size: 15px;
font-weight: 400;
line-height: 18px;
letter-spacing: 0em;
text-align: left;
color: #0c0c0c;
margin-right: 25px;
text-decoration: none;
position: relative;
z-index: 98;
}
.breadcrumbs a.bread_link::after{
    position: absolute;
	top: 0px;
	right: -18px;
	content: '>';
}
.breadcrumbs .bread_link:last-child::after{
    display: none;
}


@media(max-width: 1130px){
    .breadcrumbs .wrapper{
        padding-left: 0;
        padding-right: 0;
    }
}