@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Lora:ital,wght@0,400..700;1,400..700&family=Quicksand:wght@300..700&display=swap');

:root {
    /* ===== Colors ===== */
    --body-bg: #FFFBF4;
    --bg-light: #FFF5E0;

    --primary-color: #AF3120;
    --secondary-color: #FFD275;

    --black-color: #222725;
    --white-color: #FAFAFA;
    --subtitle-color: #64748B;

    --primary-light-color: #EEECF5;
    --secondary-light-color: #FEF2F3;

    --gray-light-color: #D1D5DB;
    --lighter-gray-color: #F8FAFC;
    --lighter-color: #FAFAFA;

    --green-color: #D7FAD9;
    --green-dark-color: #09543D;

    --purple-color: #D8C4FB;
    --purple-dark-color: #3D285F;

    --orange-color: #FFE0CA;
    --orange-dark-color: #B84C1A;

    --pink-color: #FFDDE8;
    --pink-dark-color: #AA4C78;

    --site-border: rgba(0,0,0,.15);
    --frame-shadow:  2px 3px 6px rgba(0, 0, 0, 0.08), 5px 8px 12px rgba(0, 0, 0, 0.12);


    --bg:#FAFAFA;
    --text:#222725;
    --accent:#AF3120;
    --line:#EFE8DA;
    --card:#fff;
    --bp:1080px;

    /* ===== Typography ===== */
    --font-main: "Quicksand", sans-serif;
    --heading-font: "Lora", serif;
    --script-font: "Caveat", cursive;

    --h1: 50px;
    --h2: 44px;
    --h3: 28px;
    --text-base: 16px;
    --text-small: 14px;

    /* ===== 8px Spacing System ===== */
    --space-0-5: 4px;
    --space-1: 8px;
    --space-2: 16px;
    --space-3: 24px;
    --space-4: 32px;
    --space-5: 40px;
    --space-6: 48px;
    --space-7: 56px;
    --space-8: 64px;
    --space-9: 72px;
    --space-10: 80px;
    --space-11: 88px;
    --space-12: 96px;

    --header-height: 100px;
}

*{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;margin: 0;padding: 0}
html {scroll-behavior: smooth;}
html,body,div,span,h1,h2,h3,h4,h5,h6,p,img,ul,li,form,label,nav,ul,button,input {margin: 0;padding: 0;border: 0;outline: 0;}
body{background: var(--body-bg); font-family: var(--font-main); font-size: var(--text-base);overflow-x: hidden; line-height: var(--line-height); color: var(--white-color);width: 100%;overflow-x: hidden;}
h1, h2, h3, h4, h5, h6 {font-family: var(--heading-font); font-weight: 400;}
a,a:focus,a:hover{outline: none !important;text-decoration: none;}
img {max-width: 100%;}
.site-section {padding-block: var(--section-block-space);}
.site-section-medium {padding-block: var(--section-block-space-medium);}
ul{list-style-type: none;}
.site-divider{margin-block: var(--space-2);width: 100%;height: 1px;}
.index-1{position: relative;z-index: 1;}
.index-2{position: relative;z-index: 2;}
.index-5{position: relative;z-index: 5;}
.img-full{width: 100%; display: block;}
.text-center-desk{text-align: center;}

/* Typography */
h1, h2, h3, h4, h5, h6 {font-family: var(--heading-font);font-weight: 500;}
.site-title-h1 { font-size: var(--h1); line-height: 1.2; letter-spacing: -2px;}
.site-title-h2 { font-size: var(--h2); line-height: 1.14; letter-spacing: -2px;font-weight: 600;}
.site-title-h3 { font-size: var(--h3);}
.body-text {font-size: var(--text-base);line-height: 1.6;font-weight: 500;}
.small-text {font-size: var(--text-small);}
h1 span, h2 span, h3 span{font-style: italic; color: var(--primary-color);}
/* Typography */


.site-section {padding-block: var(--space-12);}
.site-section-medium {padding-block: var(--space-8);}
.site-container {width: 100%;max-width: calc(1080px + var(--space-4));margin-inline: auto;padding-inline: var(--space-2);}

/* Site grid system */
.grid{display:grid;}
.cols-1{grid-template-columns:repeat(1,1fr);}
.cols-2{grid-template-columns:repeat(2,1fr);}
.cols-3{grid-template-columns:repeat(3,1fr);}
.cols-4{grid-template-columns:repeat(4,1fr);}
.cols-5{grid-template-columns:repeat(5,1fr);}
.cols-6{grid-template-columns:repeat(6,1fr);}
.span-2{grid-column:span 2;}
.span-3{grid-column:span 3;}
.span-4{grid-column:span 4;}
/* Site grid system */


/* Flex classes */
.flex{display:flex;}
.flex-col{display:flex;flex-direction: column;}
.inline-flex{display:inline-flex;}
.flex-row{flex-direction:row;}
.flex-row-reverse{flex-direction:row-reverse;}
.flex-col-reverse{flex-direction:column-reverse;}
.flex-wrap{flex-wrap:wrap;}
.flex-nowrap{flex-wrap:nowrap;}
.flex-wrap-reverse{flex-wrap:wrap-reverse;}
.items-start{align-items:flex-start;}
.items-center{align-items:center;}
.items-end{align-items:flex-end;}
.items-stretch{align-items:stretch;}
.items-baseline{align-items:baseline;}
.justify-start{justify-content:flex-start;}
.justify-center{justify-content:center;}
.justify-end{justify-content:flex-end;}
.justify-between{justify-content:space-between;}
.justify-around{justify-content:space-around;}
.justify-evenly{justify-content:space-evenly;}
.self-start{align-self:flex-start;}
.self-center{align-self:center;}
.self-end{align-self:flex-end;}
.self-stretch{align-self:stretch;}
.gap-1{gap:8px;}
.gap-2{gap:16px;}
.gap-3{gap:24px;}
.gap-4{gap:32px;}
.gap-5{gap:40px;}
.gap-6{gap:48px;}
.gap-8{gap:64px;}
.gap-10{gap:80px;}
.gap-12{gap:96px;}
.flex-1{flex: 1;}
.flex-2{flex: 2;}
.flex-3{flex: 3;}
.flex-4{flex: 4;}
.flex-5{flex: 5;}
.flex-6{flex: 6;}
.flex-7{flex: 7;}
.flex-8{flex: 8;}
/* Flex classes */

/* Base zig-zag layout */
.zig-wrapper{}
.zig-zag{display:flex;align-items:center;gap:var(--space-6);padding-block: 30px;}

/* Column roles */
.zig-media{flex:1;}
.zig-content{flex:1;}

/* Auto alternate for dynamic loop content */
.zig-wrapper>.zig-zag:nth-child(even){flex-direction:row-reverse;}
.zig-wrapper>.zig-zag.not-zig-zag:nth-child(even){flex-direction:initial;}

/* Image styling */
.zig-img{width:100%;border-radius:var(--space-2);}

/* Mobile behavior */
@media(max-width:767px){
  .zig-zag, .zig-wrapper>.zig-zag:nth-child(even){flex-direction:column;gap: 0;}
  .zig-wrapper>.zig-zag.not-zig-zag:nth-child(even){flex-direction:column;}
  .zig-zag{padding-block: 10px;}
  .zig-media{order:1;flex:unset;width:100%;}
  .zig-content{order:2;flex:unset;width:100%;}
  .flex-col-m{flex-direction: column;}

  .cols-m-1{grid-template-columns:repeat(1,1fr);}
  .cols-m-2{grid-template-columns:repeat(2,1fr);}
  .cols-m-3{grid-template-columns:repeat(3,1fr);}
  .m-wrap{flex-wrap: wrap;}
  .gap-m-1{gap:8px;}
  .gap-m-2{gap:16px;}
  .gap-m-3{gap:24px;}
  .gap-m-4{gap:32px;}
  .gap-m-5{gap:40px;}
  .gap-m-6{gap:48px;}
  .gap-m-8{gap:64px;}
  .gap-m-10{gap:80px;}
}

@media(min-width:768px) and (max-width:1023px){
    .cols-t-2{grid-template-columns:repeat(2,1fr);}
    .cols-t-3{grid-template-columns:repeat(3,1fr);}
}

/* Site spacings Margin & Padding */
.m-0{margin:0;}.m-1{margin:8px;}.m-2{margin:16px;}.m-3{margin:24px;}.m-4{margin:32px;}.m-5{margin:40px;}.m-6{margin:48px;}.m-7{margin:56px;}.m-8{margin:64px;}.m-9{margin:72px;}.m-10{margin:80px;}.mt-0{margin-top:0;}.mt-1{margin-top:8px;}.mt-2{margin-top:16px;}.mt-3{margin-top:24px;}.mt-4{margin-top:32px;}.mt-5{margin-top:40px;}.mt-6{margin-top:48px;}.mt-7{margin-top:56px;}.mt-8{margin-top:64px;}.mt-9{margin-top:72px;}.mt-10{margin-top:80px;}.mb-0{margin-bottom:0;}.mb-1{margin-bottom:8px;}.mb-2{margin-bottom:16px;}.mb-3{margin-bottom:24px;}.mb-4{margin-bottom:32px;}.mb-5{margin-bottom:40px;}.mb-6{margin-bottom:48px;}.mb-7{margin-bottom:56px;}.mb-8{margin-bottom:64px;}.mb-9{margin-bottom:72px;}.mb-10{margin-bottom:80px;}.m-auto{margin:auto;}.mx-auto{margin-inline:auto;}.mx-0{margin-inline:0;}.mx-1{margin-inline:8px;}.mx-2{margin-inline:16px;}.mx-3{margin-inline:24px;}.mx-4{margin-inline:32px;}.mx-5{margin-inline:40px;}.mx-6{margin-inline:48px;}.mx-7{margin-inline:56px;}.mx-8{margin-inline:64px;}.mx-9{margin-inline:72px;}.mx-10{margin-inline:80px;}.my-0{margin-block:0;}.my-1{margin-block:8px;}.my-2{margin-block:16px;}.my-3{margin-block:24px;}.my-4{margin-block:32px;}.my-5{margin-block:40px;}.my-6{margin-block:48px;}.my-7{margin-block:56px;}.my-8{margin-block:64px;}.my-9{margin-block:72px;}.my-10{margin-block:80px;}.p-0{padding:0;}.p-1{padding:8px;}.p-2{padding:16px;}.p-3{padding:24px;}.p-4{padding:32px;}.p-5{padding:40px;}.p-6{padding:48px;}.p-7{padding:56px;}.p-8{padding:64px;}.p-9{padding:72px;}.p-10{padding:80px;}.pt-0{padding-top:0;}.pt-1{padding-top:8px;}.pt-2{padding-top:16px;}.pt-3{padding-top:24px;}.pt-4{padding-top:32px;}.pt-5{padding-top:40px;}.pt-6{padding-top:48px;}.pt-7{padding-top:56px;}.pt-8{padding-top:64px;}.pt-9{padding-top:72px;}.pt-10{padding-top:80px;}.pb-0{padding-bottom:0;}.pb-1{padding-bottom:8px;}.pb-2{padding-bottom:16px;}.pb-3{padding-bottom:24px;}.pb-4{padding-bottom:32px;}.pb-5{padding-bottom:40px;}.pb-6{padding-bottom:48px;}.pb-7{padding-bottom:56px;}.pb-8{padding-bottom:64px;}.pb-9{padding-bottom:72px;}.pb-10{padding-bottom:80px;}.px-0{padding-inline:0;}.px-1{padding-inline:8px;}.px-2{padding-inline:16px;}.px-3{padding-inline:24px;}.px-4{padding-inline:32px;}.px-5{padding-inline:40px;}.px-6{padding-inline:48px;}.px-7{padding-inline:56px;}.px-8{padding-inline:64px;}.px-9{padding-inline:72px;}.px-10{padding-inline:80px;}.py-0{padding-block:0;}.py-1{padding-block:8px;}.py-2{padding-block:16px;}.py-3{padding-block:24px;}.py-4{padding-block:32px;}.py-5{padding-block:40px;}.py-6{padding-block:48px;}.py-7{padding-block:56px;}.py-8{padding-block:64px;}.py-9{padding-block:72px;}.py-10{padding-block:80px;}

@media(max-width:767px){.m-m-0{margin:0;}.m-m-1{margin:8px;}.m-m-2{margin:16px;}.m-m-3{margin:24px;}.m-m-4{margin:32px;}.m-m-5{margin:40px;}.mt-m-0{margin-top:0;}.mt-m-1{margin-top:8px;}.mt-m-2{margin-top:16px;}.mt-m-3{margin-top:24px;}.mt-m-4{margin-top:32px;}.mt-m-5{margin-top:40px;}.mb-m-0{margin-bottom:0;}.mb-m-1{margin-bottom:8px;}.mb-m-2{margin-bottom:16px;}.mb-m-3{margin-bottom:24px;}.mb-m-4{margin-bottom:32px;}.mb-m-5{margin-bottom:40px;}.mx-m-0{margin-inline:0;}.mx-m-1{margin-inline:8px;}.mx-m-2{margin-inline:16px;}.mx-m-3{margin-inline:24px;}.mx-m-4{margin-inline:32px;}.mx-m-5{margin-inline:40px;}.my-m-0{margin-block:0;}.my-m-1{margin-block:8px;}.my-m-2{margin-block:16px;}.my-m-3{margin-block:24px;}.my-m-4{margin-block:32px;}.my-m-5{margin-block:40px;}.p-m-0{padding:0;}.p-m-1{padding:8px;}.p-m-2{padding:16px;}.p-m-3{padding:24px;}.p-m-4{padding:32px;}.p-m-5{padding:40px;}.pt-m-0{padding-top:0;}.pt-m-1{padding-top:8px;}.pt-m-2{padding-top:16px;}.pt-m-3{padding-top:24px;}.pt-m-4{padding-top:32px;}.pt-m-5{padding-top:40px;}.pb-m-0{padding-bottom:0;}.pb-m-1{padding-bottom:8px;}.pb-m-2{padding-bottom:16px;}.pb-m-3{padding-bottom:24px;}.pb-m-4{padding-bottom:32px;}.pb-m-5{padding-bottom:40px;}.px-m-0{padding-inline:0;}.px-m-1{padding-inline:8px;}.px-m-2{padding-inline:16px;}.px-m-3{padding-inline:24px;}.px-m-4{padding-inline:32px;}.px-m-5{padding-inline:40px;}.py-m-0{padding-block:0;}.py-m-1{padding-block:8px;}.py-m-2{padding-block:16px;}.py-m-3{padding-block:24px;}.py-m-4{padding-block:32px;}.py-m-5{padding-block:40px;}}
/* Site spacings Margin & Padding */

/* Site borders and radius */
.border-0{border:0;}.border-1{border:1px solid var(--site-border);}.border-2{border:2px solid var(--site-border);}
.radius-0{border-radius:0;}
.radius-0-5{border-radius:var(--space-0-5);}
.radius-1{border-radius:var(--space-1);}
.radius-2{border-radius:var(--space-2);}
.radius-3{border-radius:var(--space-3);}
.radius-4{border-radius:var(--space-4);}
.radius-5{border-radius:var(--space-5);}
.radius-6{border-radius:var(--space-6);}
.radius-7{border-radius:var(--space-7);}
.radius-8{border-radius:var(--space-8);}
.radius-9{border-radius:var(--space-9);}
.radius-10{border-radius:var(--space-10);}
.radius-11{border-radius:var(--space-11);}
.radius-12{border-radius:var(--space-12);}
.radius-full{border-radius: 100vmax;}
@media(max-width:767px){.radius-m-0{border-radius:0;}.radius-m-0-5{border-radius:var(--space-0-5);}.radius-m-1{border-radius:var(--space-1);}.radius-m-2{border-radius:var(--space-2);}.radius-m-3{border-radius:var(--space-3);}.radius-m-4{border-radius:var(--space-4);}.radius-m-5{border-radius:var(--space-5);}.radius-m-6{border-radius:var(--space-6);}.radius-m-7{border-radius:var(--space-7);}.radius-m-8{border-radius:var(--space-8);}.radius-m-9{border-radius:var(--space-9);}.radius-m-10{border-radius:var(--space-10);}.radius-m-11{border-radius:var(--space-11);}.radius-m-12{border-radius:var(--space-12);}}
/* Site borders and radius */


/* Site Colors */
.bg-primary{background:var(--primary-color);}.bg-secondary{background:var(--secondary-color);}.bg-black{background:var(--black-color);}.bg-white{background:var(--white-color);}.bg-primary-light{background:var(--primary-light-color);}.bg-secondary-light{background:var(--secondary-light-color);}.bg-gray-light{background:var(--gray-light-color);}.bg-gray-lighter{background:var(--lighter-gray-color);}.bg-lighter{background:var(--lighter-color);}.bg-green{background:var(--green-color);}.bg-green-dark{background:var(--green-dark-color);}.bg-purple{background:var(--purple-color);}.bg-purple-dark{background:var(--purple-dark-color);}.bg-orange{background:var(--orange-color);}.bg-orange-dark{background:var(--orange-dark-color);}.bg-pink{background:var(--pink-color);}.bg-pink-dark{background:var(--pink-dark-color);}.bg-none{background: transparent;}.bg-light{background: var(--bg-light);}.body-bg{background: var(--body-bg);}

.text-primary{color:var(--primary-color);}.text-secondary{color:var(--secondary-color);}.text-black{color:var(--black-color);}.text-white{color:var(--white-color);}.text-primary-light{color:var(--primary-light-color);}.text-secondary-light{color:var(--secondary-light-color);}.text-gray-light{color:var(--gray-light-color);}.text-gray-lighter{color:var(--lighter-gray-color);}.text-green{color:var(--green-color);}.text-green-dark{color:var(--green-dark-color);}.text-purple{color:var(--purple-color);}.text-purple-dark{color:var(--purple-dark-color);}.text-orange{color:var(--orange-color);}.text-orange-dark{color:var(--orange-dark-color);}.text-pink{color:var(--pink-color);}.text-pink-dark{color:var(--pink-dark-color);}

.border-default{border-color:var(--site-border);}.border-primary{border-color:var(--primary-color);}.border-secondary{border-color:var(--secondary-color);}.border-green{border-color:var(--green-dark-color);}.border-purple{border-color:var(--purple-dark-color);}.border-orange{border-color:var(--orange-dark-color);}.border-pink{border-color:var(--pink-dark-color);}

.purple-lebel{background: var(--purple-color);color: var(--purple-dark-color);}
.main-text-gradient{background: #523B96; background: linear-gradient(to right, var(--secondary-color) 0%, var(--primary-color) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.orange{background: var(--orange-color);color: var(--orange-dark-color);border: 1px solid var(--orange-dark-color);}
.green{background: var(--green-color);color: var(--green-dark-color);border: 1px solid var(--green-dark-color);}
.pink{background: var(--pink-color);color: var(--pink-dark-color);border: 1px solid var(--pink-dark-color);}
.purple{background: var(--purple-color);color: var(--purple-dark-color);border: 1px solid var(--purple-dark-color);}
/* Site Colors */


/* ================== CSS Re-usable STYLE ================== */
.site-common-content{display: flex; flex-direction: column;gap: var(--space-3);}
.site-common-content .subtitle-text{margin-bottom: -15px;}
.site-list{display: flex;flex-direction: column;gap: var(--space-2); list-style-type: disc;padding-left: 20px;}
.site-common-content .site-list{margin-top: -10px;}

.site-common-content .site-btn{align-self: flex-start;}

.site-btn{font-size: 16px;padding: 16px 36px; border-radius: 8px; transition: all .5s; cursor: pointer; color: var(--white-color);display: inline-flex;align-items: center;gap: 5px;font-family: var(--font-main);background: var(--black-color);font-weight: 500;text-transform: uppercase;justify-content: center;}
.site-btn:hover{background: var(--primary-color);color: var(--white-color);}

.text-center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left;}


.site-card-wrap{display: flex;gap: 16px;}
.site-card{border-radius: 8px;padding: 12px;flex: 1; position: relative;}
.site-card .site-common-content{gap: 12px;}
.site-card .site-common-content h3{margin-bottom: -5px;line-height: 1.2;}
.site-card .card-img{border-radius: 8px; width: 100%;}
.site-card .card-btn{display: flex;gap: 5px;border-bottom: 2px solid var(--primary-color);color: var(--primary-color);font-size: 14px;font-weight: 700; font-family: var(--heading-font); display: inline-flex;align-self: flex-start;position: absolute;bottom: 12px; left: 12px;}
.site-card:has(.card-btn){padding-bottom: 100px;}
.site-tag{display: inline-flex;border: 1px solid var(--primary-color);border-radius: 100vmax; padding: 6px 24px;align-self: flex-start; font-size: 18px; font-weight: 500; font-family: var(--heading-font); color: var(--primary-color);}
.text-center .site-tag, .text-center .site-btn{align-self: center;}
/* ================== CSS Re-usable STYLE ================== */




/* ---------- Header ---------- */
.site-header{background: var(--body-bg);position:relative;z-index:100;padding-block: 24px;}
.header-inner{max-width:1080px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;}
.logo{display:block;line-height:0}
.logo img{display:block}

/* ---------- Nav (desktop base) ---------- */
.nav-menu{list-style:none;display:flex;align-items:center;gap:24px}
.nav-menu > li{position:relative}
.nav-menu a, .sub-toggle{font-size: 16px; font-weight: 500;color:var(--text);text-decoration:none;background:none;border:0;cursor:pointer;display:flex;align-items:center;gap:8px;padding:14px 0;transition:color .2s;}
.nav-menu a:hover,
.sub-toggle:hover,
.nav-menu a[aria-current="page"]{color:var(--accent)}
.caret{width:0;height:0;flex:none;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 7px solid currentColor;transition:all .25s ease;}

/* Dropdown */
.submenu{
  list-style:none;
  position:absolute;top:100%;left:50%;
  min-width:240px;
  background:var(--card);border-radius:10px;
  padding:14px 12px;
  box-shadow:0 12px 32px rgba(0,0,0,.12);
  opacity:0;visibility:hidden;
  transform:translate(-50%,8px);
  transition:opacity .2s,transform .2s,visibility .2s;
}
.submenu::before{ /* pointer tip */
  content:"";position:absolute;top:-9px;left: 50%;transform: translateX(-50%);
  width:22px;height:22px;background:var(--card);
  border-radius:4px;transform:rotate(45deg);
  clip-path:polygon(0 0,100% 0,0 100%);
}
.submenu a{font-size:16px;font-weight:500;padding:12px 14px;border-radius:6px;white-space:nowrap;}
.submenu a:hover{background:var(--bg)}

@media (min-width:1024px){
  .menu-toggle{display:none}
  /* hover + keyboard focus */
  .has-sub:hover > .submenu,
  .has-sub:focus-within > .submenu{
    opacity:1;visibility:visible;transform:translate(-50%,0);
  }
  .has-sub:hover > .sub-toggle .caret,
  .has-sub:focus-within > .sub-toggle .caret{transform:rotate(180deg)}
  /* hover bridge so the menu doesn't close crossing the gap */
  .has-sub::after{content:"";position:absolute;left:0;right:0;top:100%;height:14px}
}

/* ---------- Mobile ---------- */
@media (max-width:1023px){
  .header-inner{padding:0}
  .site-header{padding: 16px;}

  .menu-toggle{
    width:44px;height:44px;border:1.5px solid var(--text);border-radius:8px;
    background:transparent;cursor:pointer;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  }
  .menu-toggle span{width:18px;height:2px;background:var(--text);border-radius:2px;transition:transform .25s,opacity .2s}
  .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

  .main-nav{
    position:absolute;left:0;right:0;top:100%;
    background:var(--body-bg);
    max-height:0;overflow:hidden;
    transition:max-height .35s ease;
    box-shadow:0 18px 30px rgba(0,0,0,.08);
  }
  .main-nav.open{max-height:calc(100vh - 90px);overflow-y:auto}

  .nav-menu{flex-direction:column;align-items:stretch;gap:0;padding:12px 24px 28px}
  .nav-menu > li{border-bottom:1px solid var(--line)}
  .nav-menu > li:last-child{border-bottom:0}
  .nav-menu a,.sub-toggle{
    font-size:17px;width:100%;justify-content:space-between;padding:16px 0;
  }
  .caret{border-left-width:5px;border-right-width:5px;border-top-width:8px}
  .has-sub.open > .sub-toggle .caret{transform:rotate(180deg)}

  .submenu{
    position:static;transform:none;min-width:0;
    opacity:1;visibility:visible;
    max-height:0;overflow:hidden;
    padding:0 0 0 16px;background:transparent;box-shadow:none;border-radius:0;
    transition:max-height .3s ease;
  }
  .submenu::before{display:none}
  .has-sub.open > .submenu{max-height:300px;padding-bottom:10px}
  .submenu a{font-size:16px;padding:14px 0;border-radius:0}
  .submenu a:hover{background:none}
}

@media (prefers-reduced-motion:reduce){*{transition:none!important}}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
/* ------------------- Header end here ------------------- */






.site-hero{position: relative;display: flex;flex-direction: row-reverse;}
.site-hero .site-container{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.site-hero .site-container .site-common-content{width: 45vw;}
.hero-img{align-self: flex-end;}
.head-subtitle{font-size: 22px;font-weight: bold;color: var(--subtitle-color);margin-top: 6px;}
.site-keypoints .section-head{max-width: 605px;}
.site-container + .site-container {margin-top: 40px;}
/* p.body-text + p.body-text{margin-top: 16px;} */

.section-devider{background: var(--green-color);}
.devider-title{font-size: 24px;font-family: var(--script-font);font-weight: 500;color: var(--text);display: flex;align-items: center;gap: 5px;display:inline-block;transform:rotate(-5deg);transform-origin:center;white-space: nowrap;flex: none;}
.devider-title span{color: var(--primary-color);}
.d-bot, .d-top{display: block;width: 100%;}
.section-devider .site-container{display: flex;align-items: center;gap: 20px;}

.head-caption{font-weight: 500;font-family: var(--script-font); font-size: 24px;margin-bottom: 6px;}

.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start;margin-top: 45px;}
.review-grid.is-masonry{display:flex;align-items:flex-start;gap:24px;}
.review-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:24px;}

.review-card{padding: 24px 20px;background: #2D3230;display: flex;flex-direction: column;gap: 20px;}
.review-card .site-title-h3{font-size: 22px;line-height: 1.4;}
.review-footer{display: flex;align-items: center;gap: 16px;}
.c-position{font-size: 14px;margin-top: 4px;}


.book-worked .section-head{display: flex;align-items: center;justify-content: space-between;}
.text-btn{display: flex;align-items: center;gap: 5px;border-bottom: 2px solid var(--black-color);font-weight: 500;color: var(--black-color);transition: all .4s;}
.text-btn:hover{border-color: var(--primary-color);}

.book-card img{border-radius: 8px;margin-bottom: 10px;display: block;}
.book-card h3{font-weight: bold;font-size: 16px;}
.book-card p{font-size: 14px;}
.section-graphic{width: 100%;display: block;}

.about-section .site-container{display: flex;align-items: center;gap: 46px;}
.about-section .site-container>*{flex: 1;}
.heart-icon{display:inline-block;vertical-align:-.4em;}


@media (max-width:1199px){
.review-card .site-title-h3{font-size:25px;}
}
@media (max-width:1023px){
.review-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:767px){
.review-grid{grid-template-columns:1fr;gap:20px;}
.review-grid.is-masonry,.review-col{gap:20px;}
.review-card{padding:20px 16px;}
.review-card .site-title-h3{font-size:22px;margin-bottom:20px;}
.review-footer{gap:16px;margin-top:0;}
.client-media{width:56px;height:56px;}
.client-info .c-name{font-size:15px;}
.client-info .c-position{font-size:15px;}
.book-worked .section-head{flex-direction: column;}
.about-section .site-container{flex-direction: column;gap: 24px;}
}




/* ================= BOOK SLIDER (copy from here) ================= */
.book-slider{--card-w:316px;--card-gap:24px;--speed:60;width:100%;overflow:hidden;margin-top: 40px;}
.book-track{display:flex;width:max-content;animation:book-marquee var(--marquee-duration,40s) linear infinite;will-change:transform;}
.book-slider:hover .book-track{animation-play-state:paused;}
.book-group{display:flex;flex:none;gap:var(--card-gap);padding-right:var(--card-gap);}
.book-slider .book-card{flex:none;width:var(--card-w);}
.book-slider .book-card img{width:100%;height:auto;display:block;}
@keyframes book-marquee{to{transform:translateX(-50%);}}

@media (max-width:1023px){
.book-slider{--card-w:260px;--card-gap:24px;}
}
@media (max-width:639px){
.book-slider{--card-w:200px;--card-gap:16px;}
}
/* reduced motion: no animation, swipe/scroll manually */
@media (prefers-reduced-motion:reduce){
.book-slider{overflow-x:auto;}
.book-track{animation:none;}
}
/* ================= /BOOK SLIDER ================= */



/* ---------- Counters ---------- */
.counters{background:var(--card);padding:40px 0;}
.counters-grid{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.counter-item{text-align:center;}
.counter-number{display:block;font-family:'Lora',serif;font-weight:600;font-size:44px;line-height:1.1;color:var(--accent);font-variant-numeric:lining-nums tabular-nums;}
.counter-label{display:block;margin-top:6px;font-size:var(--text-base);font-weight:500;line-height:1.3;color:var(--text);}

/* ---------- Responsive ---------- */
@media (max-width:1199px){
.counter-number{font-size:54px;}
.counter-label{font-size:19px;}
}
@media (max-width:1023px){
  .counters{padding:56px 0;}
.counters-grid{grid-template-columns:repeat(2,1fr);gap:40px 16px;}
.counter-number{font-size:35px;}
.counter-label{font-size:var(--text-base);}
}
@media (max-width:480px){
.counters{padding:44px 0;}
.counters-grid{gap:32px 12px;}
}
/* ---------- Counters ---------- */



/* ---------- Key points ---------- */
.key-points{padding:72px 0;}
.kp-list{list-style:none;}
.kp-item{border-bottom:1px solid var(--subtitle-color);}
.kp-head{width:100%;display:grid;grid-template-columns:104px 1fr 52px;align-items:start;column-gap:0;padding:28px 0;background:none;border:0;cursor:pointer;text-align:left;font:inherit;color:inherit;}
.kp-item.is-open .kp-head{padding-bottom:0;}
.kp-num{font-family:var(--script-font);font-size:40px;line-height:1;color:var(--primary-color);padding-top:6px;font-weight: 500;}
.kp-title{display:block;font-family:var(--heading-font);font-weight:500;font-size:28px;line-height:1.25;letter-spacing:-1px;color:var(--text);}
.kp-sub{display:block;margin-top:10px;font-size:var(--text-base);font-weight:500;letter-spacing:1px;text-transform:uppercase;color:var(--subtitle-color);}
.kp-icon{position:relative;width:50px;height:50px;border-radius:50%;background:var(--body-bg);border:1px solid #E5E5E5;justify-self:end;transition:background .2s,border-color .2s;font-weight: bold;}
.kp-icon::before,.kp-icon::after{content:"";position:absolute;top:50%;left:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:var(--text);border-radius:2px;transition:transform .25s;}
.kp-icon::after{transform:rotate(90deg);}
.kp-item.is-open .kp-icon::after{transform:rotate(0deg);}
.kp-head:hover .kp-icon{background:var(--secondary-color);border-color:var(--secondary-color);}

.kp-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease;}
.kp-item.is-open .kp-panel{grid-template-rows:1fr;}
.kp-panel-inner{overflow:hidden;padding-left:104px;visibility:hidden;transition:visibility .3s;}
.kp-item.is-open .kp-panel-inner{visibility:visible;}
.kp-panel p{max-width:800px;padding:18px 0 32px;font-size:17px;line-height:1.75;color:var(--text);}

:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}

/* ---------- Responsive ---------- */
@media (max-width:1199px){
.kp-title{font-size:27px;}
}
@media (max-width:767px){
.key-points{padding:48px 0;}
.kp-head{grid-template-columns:48px 1fr 44px;padding:24px 0;}
.kp-num{font-size:24px;padding-top:4px;}
.kp-title{font-size:20px;}
.kp-sub{font-size:14px;margin-top:8px;}
.kp-icon{width:40px;height:40px;}
.kp-panel-inner{padding-left:48px;}
.kp-panel p{font-size:16px;line-height:1.7;padding:14px 44px 26px 0;}
}
@media (max-width:480px){
.kp-head{grid-template-columns:40px 1fr 40px;}
.kp-panel-inner{padding-left:40px;}
.kp-panel p{padding-right:0;}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
/* ---------- Key points ---------- */




/* ---------- Footer ---------- */
.site-footer{background:var(--black-color);color:var(--bg);font-weight:500}
.footer-inner{max-width:1280px;margin:0 auto;padding:64px 100px 0}
.footer-top{display:flex;gap:60px;padding-bottom:48px;justify-content: space-between;}

.footer-brand .logo{display:inline-block;line-height:0;margin-bottom:24px}
.footer-brand .logo img{height:66px;width:auto;display:block}
.footer-brand p{font-size:16px;line-height:1.75;max-width:300px;color:var(--bg)}

.socials{display:flex;gap:6px;margin-top:38px;list-style:none}
.socials a{width:48px;height:48px;border-radius:6px;background:var(--secondary-color);color:var(--dark);display:grid;place-items:center;transition:background .2s,color .2s;}
.socials a:hover{background:var(--bg)}
.socials svg{width:22px;height:22px;fill:currentColor}

.footer-col h3{font:500 16px/1 'Quicksand',sans-serif;color:var(--secondary-color);text-transform:uppercase;margin-bottom:28px;}
.footer-col ul{list-style:none;display:grid;gap:18px}
.footer-col a{color:var(--bg);text-decoration:none;font-size:16px;line-height:1.3;transition:color .2s;}
.footer-col a:hover{color:var(--secondary-color)}

/* Pages list flows into two columns */
.footer-pages ul{grid-auto-flow:column;grid-template-rows:repeat(5,auto);column-gap:40px;justify-content:start;}

/* ---------- Bottom bar ---------- */
.footer-bottom{border-top:1px solid var(--bg);display:flex;justify-content:space-between;align-items:center;gap:12px 24px;flex-wrap:wrap;padding:20px 0 24px;font-size:16px;}
.footer-bottom a{color:var(--secondary-color);text-decoration:none}
.footer-bottom a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--secondary-color);outline-offset:3px}
.footer-top-graphic{display: block;width: 100%;}

/* ---------- Responsive ---------- */
@media (max-width:1199px){
  .footer-inner{padding:56px 48px 0}
  .footer-top{gap:40px}
}

@media (max-width:1023px){
  .footer-top{gap:44px 40px; flex-direction: column;}
  .footer-brand{grid-column:1 / -1}
  .footer-brand p{max-width:420px}
}

@media (max-width:767px){
  .footer-inner{padding:48px 24px 0}
  .footer-top{gap:40px}
  .footer-brand .logo img{height:58px}
  .socials{margin-top:28px; justify-content: center;}
  .footer-pages ul{grid-template-rows:none;grid-auto-flow:row;grid-template-columns:1fr 1fr;column-gap:24px}
  .footer-bottom{flex-direction:column;align-items:center;padding:20px 0 28px}
  .footer-brand{text-align: center;}
  .footer-col a{font-size: 14px;}
  .footer-col h3{font-size: 14px;}
  .footer-col h3{margin-bottom: 16px;}
  
}






/* ================= ZIG NAV (copy from here) ================= */
.zig-nav{position:sticky;top:var(--zig-nav-offset);z-index:50;background:var(--body-bg);padding-top:40px;}
.zig-nav-list{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(100,116,139,.5);}
.zig-nav-list li{display:flex;}
.zig-nav-link{position:relative;flex:1;display:block;text-align:center;padding:16px 0;font-family:var(--font-main);font-size:15px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--subtitle-color);transition:color .25s;}
.zig-nav-link::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:4px;background:var(--primary-color);transform:scaleX(0);transform-origin:left center;transition:transform .3s ease;}
.zig-nav-link:hover{color:var(--primary-color);}
.zig-nav-link.is-active{color:var(--primary-color);}
.zig-nav-link.is-active::after{transform:scaleX(1);}

.zig-zag .site-btn:hover{background: var(--primary-color); color: var(--white-color);}

.zig-zag{scroll-margin-top:calc(var(--zig-nav-offset) + 120px);}

@media (max-width:1199px){
.zig-nav-link{font-size:15px;letter-spacing:.1em;}
}

/* Mobile: horizontally scrollable pills */
@media (max-width:1023px){
.zig-nav{padding:20px 0;}
.zig-nav .site-container{padding:0;}
.zig-nav-list{display:flex;gap:12px;overflow-x:auto;padding:4px 20px;border-bottom:0;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
.zig-nav-list::-webkit-scrollbar{display:none;}
.zig-nav-list li{flex:none;scroll-snap-align:center;}
.zig-nav-link{flex:none;padding:18px 28px;border:1px solid var(--text);border-radius:999px;font-size:15px;font-weight:500;letter-spacing:.08em;color:var(--text);white-space:nowrap;transition:background .25s,color .25s;}
.zig-nav-link::after{display:none;}
.zig-nav-link:hover{color:var(--text);}
.zig-nav-link.is-active{background:var(--text);color:#fff;}
.zig-zag{scroll-margin-top:calc(var(--zig-nav-offset) + 100px);}
}
@media (max-width:480px){
.zig-nav-link{padding:16px 22px;font-size:14px;}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}






/* ================= NEWSLETTER (copy from here) ================= */
.newsletter-box{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--text);}

.newsletter-content{background:var(--green-color);padding:40px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--text);}
.newsletter-content .body-text{margin-top: 20px;font-size: 15px;}
.newsletter-content .body-text span{font-style:italic;}

.newsletter-form{padding:36px 24px;display:flex;flex-direction:column;justify-content:center;gap:20px;}
.nl-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.nl-field input{width:100%;background:transparent;border:0;border-bottom:1px solid var(--text);border-radius:0;padding:18px 12px;font-family:var(--font-main);font-size:17px;color:var(--text);outline:0;transition:border-color .2s,box-shadow .2s;}
.nl-field input::placeholder{color:var(--text);opacity:1;}
.nl-field input:focus{border-bottom-color:var(--primary-color);box-shadow:0 1px 0 var(--primary-color);}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

.newsletter-box .site-btn:hover{background:var(--primary-color); color: var(--white-color);}
.nl-note{font-size:16px;line-height:1.75;margin-top:-4px;}
.newsletter-box :focus-visible{outline:2px solid var(--primary-color);outline-offset:3px;}

@media (max-width:1199px){
.newsletter-content{padding:44px 40px;}
.newsletter-box .site-title-h2{font-size:40px;}
}
@media (max-width:1023px){
.newsletter-box{grid-template-columns:1fr;background:var(--body-bg);}
.newsletter-content{border-right:0;border-bottom:1px solid var(--text);padding:40px 48px;}
.newsletter-form{padding:36px 48px 40px;}
.newsletter-box .site-title-h2{font-size:34px;}
}
@media (max-width:639px){
.newsletter-content{padding: 24px;}
.newsletter-box .head-caption{font-size:22px;}
.newsletter-box .site-title-h2{font-size:24px;margin-bottom:0;}
.newsletter-content .body-text{margin-top: 10px;}
.newsletter-box .body-text{font-size:14px;line-height:1.6;}
.newsletter-form{padding:24px;gap:16px;}
.nl-row{gap:16px;}
.nl-field input{padding:20px 12px;font-size:18px;}
/* .newsletter-box .site-btn{padding:22px 24px;font-size:20px;} */
.nl-note{font-size:15px;}
}
@media (max-width:379px){
.nl-row{grid-template-columns:1fr;gap:16px;}
}
/* ================= /NEWSLETTER ================= */

.social-section .section-head{display: flex;justify-content: space-between; align-items: flex-end;}
.innter-page-title{font-size: 60px;font-weight: 500;}
.about-big{display: block;width: 100%; border-radius: 8px;margin-top: 20px;}
.abt-heart{margin: auto;}




.media-frame{padding: 16px;background: #fff;border-radius: 10px;padding-bottom: 32px;position: relative;}
.media-frame .frame-img{border-radius: 8px;width: 100%;}
.media-frame .tape{position: absolute;bottom: -70px;left: -70px;}
.story-slider .media-frame:nth-child(even) .tape,
.circle-slider .circle-card:nth-child(even) .tape
{top: -70px;right: -70px;left: auto;}




/* ================= STORY SLIDER CSS ================= */
.story-slider{padding:40px 0 0;overflow:hidden;}

.story-slider .story-track{--start:max(48px,calc((100% - 1180px)/2 + 48px));--card-w:532px;--gap:40px;display:flex;gap:var(--gap);overflow-x:auto;padding:70px var(--start) 80px;margin:-70px 0 -80px;scroll-snap-type:x mandatory;scroll-padding-inline:var(--start);scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;}
.story-slider .story-track::-webkit-scrollbar{display:none;}
.story-slider .story-track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none;}
.story-slider .story-track:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px;}

.story-slider .media-frame{position:relative;flex:none;width:var(--card-w);background:#fff;padding:16px;border-radius:10px;box-shadow:6px 8px 14px rgba(0,0,0,.18);scroll-snap-align:start;padding-bottom: 32px;}
.story-slider .frame-img{display:block;width:100%;aspect-ratio:9/10;object-fit:cover;border-radius:6px;-webkit-user-drag:none;user-select:none;}

/* tape is now an <img>: no clip-path, PNG carries its own edge */
.story-slider .tape{position:absolute;width:230px;height:auto;pointer-events:none;filter:drop-shadow(2px 4px 3px rgba(0,0,0,.22));z-index:2;-webkit-user-drag:none;user-select:none;}
/* .story-slider .media-frame:nth-child(odd) .tape{left:0;bottom:0;transform:translate(-46%,46%) rotate(45deg);} */
/* .story-slider .media-frame:nth-child(even) .tape{right:0;top:0;transform:translate(46%,-46%) rotate(45deg);} */

/* pagination */
.story-slider .story-dots{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:48px;}
.story-slider .story-dot{width:14px;height:14px;padding:0;border:0;border-radius:999px;background:#fff;cursor:pointer;transition:width .3s,background .3s;}
.story-slider .story-dot.is-active{width:34px;background:var(--primary-color);}
.story-slider .story-dot:focus-visible{outline:2px solid var(--text);outline-offset:3px;}

@media (max-width:1199px){
.story-slider .story-track{--start:32px;--card-w:460px;--gap:32px;}
}
@media (max-width:767px){
.story-slider{padding:24px 0 56px;}
.story-slider .story-track{--start:20px;--card-w:min(315px,80vw);--gap:24px;padding:50px var(--start) 60px;margin:-50px 0 -60px;}
.story-slider .media-frame{padding:12px;box-shadow:4px 6px 10px rgba(0,0,0,.18);}
.story-slider .frame-img{aspect-ratio:291/335;border-radius:4px;}
.story-slider .tape{width:125px;}
.story-slider .story-dots{gap:10px;margin-top:36px;}
.story-slider .story-dot{width:12px;height:12px;}
.story-slider .story-dot.is-active{width:30px;}
.media-frame .tape {bottom: -40px;left: -40px;}
.story-slider .media-frame:nth-child(even) .tape {top: -40px;right: -40px;}
}
@media (prefers-reduced-motion:reduce){.story-slider .story-dot{transition:none}}

.about-custom-wrap{box-shadow: 3px 5px 40px 0 rgba(0, 0, 0, 0.3);padding: 64px;background: url(../images/custom-bg.jpg) no-repeat;background-size: cover;position: relative;display: flex;flex-direction: column;gap: 40px;}
.pinn{position: absolute;right: -28px;top: -46px;}
.body-text strong{color: var(--primary-color);}

.hang-pin{position: absolute;left: 30px;top: -28px;}
.fix-pin{position: absolute;right: -25px;top: -28px;}

.about-custom-wrap h3{letter-spacing: -2px;}




/* ================= VALUES TABS CSS ================= */
/* Desktop: .vtab is display:contents so buttons stack in col 1 and the active panel sits in col 2 */
.vtabs{--n:4;--muted:#5F7089;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,5fr);grid-template-rows:repeat(var(--n),auto);column-gap:88px;align-items:start;}
.vtabs .vtab{display:contents;}

.vtabs .vtab-btn{grid-column:1;display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;min-height:82px;padding:0 23px 0 20px;border:0;border-bottom:1px solid var(--secondary-color);background:transparent;color:var(--text);font:600 22px/1.3 var(--font-heading);text-align:left;cursor:pointer;transition:background .25s;}
.vtabs .vtab-btn::after{content:"";flex:none;width:24px;height:14px;opacity:0;transition:opacity .25s;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 14' fill='none' stroke='%23222725' stroke-width='1.4'%3E%3Cpath d='M0 7h22M16 1l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;}
.vtabs .vtab.is-active .vtab-btn{background:var(--secondary-color);}
.vtabs .vtab.is-active .vtab-btn::after{opacity:1;}
.vtabs .vtab-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px;}
@media (hover:hover){
.vtabs .vtab:not(.is-active) .vtab-btn:hover{background:rgba(255,210,117,.28);}
}

.vtabs .vtab-panel{grid-column:2;grid-row:1 / span var(--n);padding-top:4px;font-size:20px;line-height:1.35;font-weight:400;}
.vtabs .vtab-panel[hidden]{display:none;}
.vtabs .vtab-panel p + p{margin-top:20px;}


/* beat theme overrides */
.vtabs .vtab-panel,
.vtabs .vtab-panel p{color:var(--text);opacity:1;visibility:visible;}
.vtabs .vtab-panel p{font:inherit;margin:0;font-size: 16px;line-height: 1.6;}
.vtabs .vtab-panel p + p{margin-top:20px;}

.vtabs .vtab .vtab-btn{font-family:var(--heading-font);font-weight:600;color:var(--text); font-size: 22px;line-height: 1.4;}

@media (max-width:1199px){
.vtabs{column-gap:48px;}
.vtabs .vtab-btn{font-size:20px;padding-left:28px;}
.vtabs .vtab-panel{font-size:18px;}
}

/* Mobile: accordion, panel opens directly under its button */
@media (max-width:767px){
.vtabs{display:block;}
.vtabs .vtab{display:block;margin-bottom:16px;}
.vtabs .vtab-btn{min-height:0;padding:16px 20px;border:0;border-left:2px solid var(--primary-color);background:#fff;color:var(--muted);font:700 16px/1.5 var(--font-main);letter-spacing:.16em;text-transform:uppercase;}
.vtabs .vtab.is-active{margin-bottom:28px;}
.vtabs .vtab.is-active .vtab-btn{color:var(--text);}
.vtabs .vtab-btn::after{width:26px;}
.vtabs .vtab-panel{padding:20px 0 0;font-size:17px;line-height:1.4;}
}
@media (prefers-reduced-motion:reduce){.vtabs .vtab-btn,.vtabs .vtab-btn::after{transition:none}}
/* ================= /VALUES TABS CSS ================= */

.no-flex{flex: none;}
.note-wrap{position: relative;}
.note-tape{position: absolute;left: -10%;top: 50%;transform: translateY(-50%);}
.note-page{padding: 60px 60px 60px 100px;background: url(../images/note-page.png) no-repeat;background-position: center left;position: relative;gap: 32px;background-size: 100% 100%;}
.note-title{font-size: 20px;color: var(--black-color);font-weight: bold;}

.note-under-tape, .gpin{position: absolute;}
.gpin{ top: 0;right: 0;}
.note-under-tape{bottom: -7%;left: -11%;}

.about-notes .site-container{display: flex;flex-direction: column;gap: 40px;}
.about-notes .site-container .site-btn:hover{background: var(--primary-color);color: var(--white-color);}
.block{display: block;}
.portfolio-content{padding: 40px;background: #fff;flex: 1;display: flex;flex-direction: column;gap: 16px;}
.portfolio-content .text-btn{align-self: flex-start;line-height: 1.6;}
.portfolio-row{display: flex;}
.portfolio-media{flex: none;}
.bold{font-weight: bold;}
.medium{font-weight: 500;}
.semibold{font-weight: 600;}

.site-tags{display: flex;gap: 6px;}
.site-tags li{white-space: nowrap;display: flex;align-items: flex-start;}
.site-tags li a{padding: 6px 16px;border-radius: 100vmax;background: var(--bg-light);color: var(--black-color);pointer-events: none;}
.site-tags li.active a{background: var(--secondary-color);}
.portfolio-head{display: flex;justify-content: space-between;gap: 20px;}
.port-review{background: var(--bg-light);padding: 24px;border-left: 3px solid var(--primary-color);background: color-mix(in srgb, var(--secondary-color) 20%, transparent);}
.portfolio-services{display: flex;flex-wrap: wrap;gap: 8px;}
.portfolio-services li{padding: 10px 16px;background-color: var(--green-color);color: var(--black-color);font-weight: 500;border-radius: 8px;}
.portfolio-head .body-text{margin-top: 4px;}

.portfolio-wrapper{display: flex;flex-direction: column;gap: 40px;}
.portfolio-wrapper .portfolio-row:nth-child(even){flex-direction: row-reverse;}






/* ================= CIRCLE SLIDER CSS (all classes prefixed circle-) ================= */
.circle-slider{container-type:inline-size;background:var(--secondary-color);padding:40px 0 0;overflow:hidden;}

/* --start = left edge of .site-container content | --visible = cards in view (3.3) | --gaps = full gaps between them */
.circle-track{--start:max(48px,calc((100cqw - 1080px)/2 + 48px));--gap:32px;--visible:3.3;--gaps:3;position:relative;display:flex;align-items:flex-start;gap:var(--gap);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding:70px var(--start) 80px;margin:-70px 0 -80px;scroll-snap-type:x mandatory;scroll-padding-inline:var(--start);scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;}
.circle-track::-webkit-scrollbar{display:none;}
.circle-track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none;}
.circle-track:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px;}
.circle-track img{-webkit-user-drag:none;user-select:none;}

/* width = (visible area − gaps) ÷ visible */
.circle-card{flex:none;width:calc((100cqw - var(--start) - var(--gap) * var(--gaps)) / var(--visible));scroll-snap-align:start;}

.circle-frame{position:relative;background:#fff;padding:19px;border-radius:6px;box-shadow:5px 7px 12px rgba(0,0,0,.18);}
.circle-img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:6px;}
.circle-caption{margin-top:16px;font-family:var(--heading-font);font-weight:500;font-size:28px;line-height:1.3;letter-spacing:-1px;color:var(--text);}

/* tape image: default top-left; every 3rd-from-2nd card (2, 5, 8…) bottom-right. If tape.png is a straight strip, set rotate on .circle-tape */
.circle-tape{position:absolute;height:auto;pointer-events:none;z-index:2;}
/* .circle-card .circle-tape{width:175px;left:-70px;top:-43px;} */
/* .circle-card:nth-child(3n+2) .circle-tape{width:115px;left:auto;top:auto;right:-26px;bottom:-18px;} */

/* pagination */
.circle-dots{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:48px;position: relative;z-index: 99;}
.circle-dot{width:10px;height:10px;padding:0;border:0;border-radius:999px;background:#fff;cursor:pointer;transition:width .3s,background .3s;}
.circle-dot.is-active{width:32px;background:var(--primary-color);}
.circle-dot:focus-visible{outline:2px solid var(--text);outline-offset:3px;}

@media (max-width:1199px){
.circle-track{--start:32px;--gap:28px;--visible:2.3;--gaps:2;}
.circle-caption{font-size:24px;}
/* .circle-card .circle-tape{width:140px;left:-54px;top:-34px;} */
/* .circle-card:nth-child(3n+2) .circle-tape{width:95px;right:-20px;bottom:-14px;} */
}
@media (max-width:767px){
.circle-slider{padding:24px 0 56px;}
.circle-track{--start:20px;--gap:20px;--visible:1.3;--gaps:1;padding:50px var(--start) 60px;margin:-50px 0 -60px;}
.circle-frame{padding:12px;box-shadow:4px 6px 10px rgba(0,0,0,.18);}
.circle-img{border-radius:4px;}
.circle-caption{font-size:20px;margin-top:12px;}
/* .circle-card .circle-tape{width:100px;left:-36px;top:-24px;} */
/* .circle-card:nth-child(3n+2) .circle-tape{width:70px;right:-14px;bottom:-10px;} */
.circle-dots{margin-top:36px;}
}
@media (prefers-reduced-motion:reduce){.circle-dot{transition:none}}






/* ================= BOOK FILTER CSS ================= */
.book-filter{--bf-bg:#D6F8D6;--bf-line:#6B6FA8;--bf-chip-border:#E2E2E2;background:var(--bf-bg);border-radius:20px;padding:24px 20px 20px;color:var(--text);font-family:var(--font-main);}

.book-filter .bf-row{display:flex;align-items:center;}
.book-filter .bf-row + .bf-row{margin-top:16px;}
.book-filter .bf-label{flex:none;width:166px;font-size:15px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;}
.book-filter .bf-chips{display:flex;flex-wrap:wrap;gap:12px 16px;}

.book-filter .bf-chip{height:36px;padding:0 16px;border:1px solid var(--bf-chip-border);border-radius:999px;background:#fff;color:var(--text);font:500 16px/1 var(--font-main);white-space:nowrap;cursor:pointer;transition:background .2s,border-color .2s;}
.book-filter .bf-chip[aria-pressed="true"]{background:var(--secondary-color);border-color:var(--secondary-color);}
.book-filter .bf-chip:focus-visible,
.book-filter .bf-clear:focus-visible{outline:2px solid var(--text);outline-offset:3px;}
@media (hover:hover){
.book-filter .bf-chip:not([aria-pressed="true"]):hover{border-color:var(--secondary-color);}
}

.book-filter .bf-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;padding:12px 8px 0;border-top:1px solid var(--bf-line);}
.book-filter .bf-count{font-size:15px;font-weight:500;}
.book-filter .bf-clear{padding:0;border:0;background:none;color:var(--text);font:700 15px/1.2 var(--font-main);letter-spacing:.01em;text-transform:uppercase;cursor:pointer;transition:opacity .2s;}
.book-filter .bf-clear:disabled{opacity:.4;cursor:default;}

@media (max-width:767px){
.book-filter{padding:20px 16px 16px;border-radius:16px;}
.book-filter .bf-row{flex-direction:column;align-items:flex-start;gap:10px;}
.book-filter .bf-row + .bf-row{margin-top:20px;}
.book-filter .bf-label{width:auto;}
.book-filter .bf-chips{gap:10px;}
.book-filter .bf-chip{height:34px;padding:0 14px;font-size:15px;}
.book-filter .bf-foot{margin-top:20px;padding:12px 0 0;}
}
@media (prefers-reduced-motion:reduce){.book-filter .bf-chip,.book-filter .bf-clear{transition:none}}
/* ================= /BOOK FILTER CSS ================= */

/* demo-only results grid */
.demo-grid .book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;}
.book-item{background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,.08);}
.book-item[hidden]{display:none;}
.book-item h3{font-size:18px;margin-bottom:6px;}
.book-item p{font-size:14px;opacity:.7;text-transform:capitalize;}
@media (max-width:767px){.demo-grid{grid-template-columns:1fr}}





/* ================= BOOK GRID + CARD CSS ================= */
.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 28px;list-style:none;}

.book-grid .book-item{--bk-border:#7B8AB0;--bk-muted:#5F7089;display:flex;flex-direction:column;background:#fff;border:1px solid var(--bk-border);border-radius:14px;padding:16px;transition:box-shadow .3s;position: relative;padding-bottom: 75px;}
.book-grid .book-item[hidden]{display:none;} /* keep: display:flex would otherwise beat [hidden] (filter) */
@media (hover:hover){
.book-grid .book-item:hover{box-shadow:3px 5px 24px rgba(0,0,0,.12);}
}

.book-grid .bk-cover{display:block;border-radius:4px;overflow:hidden;background:linear-gradient(160deg,#5EE0C4,#7A5CD6);}
.book-grid .bk-cover img{display:block;width:100%;border-radius: 8px;}

.book-grid .bk-body{display:flex;flex-direction:column;flex:1;padding:20px 0 0;}
.book-grid .bk-title{color: var(--black-color);font-size: 22px;font-weight: 600;font-family: var(--heading-font);}
.book-grid .bk-series{color:var(--subtitle-color);font-size: var(--text-base);font-family: var(--heading-font);}

.book-grid .bk-tags{display:flex;flex-direction:column;gap:8px;margin-top:20px;}
.book-grid .bk-tags ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;}
.book-grid .bk-tags li{padding:6px 16px;border-radius:999px;background:#FFF0DA;font:500 15px/1.3 var(--font-main);white-space:nowrap;color: var(--black-color);}
.book-grid .bk-tags .is-service li{background:#D6F8D6;}
.book-grid .bk-tags .is-category li{background:var(--secondary-color);}

.book-grid .bk-link{align-self:flex-start;margin-top:auto;display:inline-flex;align-items:center;gap:22px;padding:8px 10px;border-bottom:2px solid var(--text);color:var(--text);font:500 17px/1.2 var(--font-main);text-decoration:none; position: absolute;bottom: 16px;left: 16px;}
.book-grid .bk-body .bk-tags + .bk-link{margin-top:24px;}
.book-grid .bk-link svg{flex:none;width:14px;height:14px;transition:transform .25s;}
@media (hover:hover){
.book-grid .bk-link:hover svg{transform:translate(2px,-2px);}
}
.book-grid .bk-link:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px;}

@media (max-width:1023px){
.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:767px){
.book-grid{grid-template-columns:1fr;gap:24px;}
.book-grid .bk-title{font-size:14px;}
.book-grid .bk-link{font-size: 14px;}
.book-grid .bk-series{font-size: 12px;}
.book-grid .book-item{padding: 8px;padding-bottom: 60px;}
.demo-grid .book-grid{gap: 12px;}
.book-grid .bk-body{padding-top: 10px;}
.book-grid .bk-tags ul{gap: 4px;}
.book-grid .bk-tags{margin-top: 10px;}
}
@media (prefers-reduced-motion:reduce){.book-grid .book-item,.book-grid .bk-link svg{transition:none}}
/* ================= /BOOK GRID + CARD CSS ================= */




.library-cards-wrap{display: flex;gap: 16px;}
.library-card{display: flex;flex-direction: column;gap: 16px;padding: 40px; background: #fff;flex: 1;}
.library-card h3{color: var(--black-color);font-size: 22px;font-weight: 600;}
.library-card p{height: 100%;}
.library-card .site-btn:hover{background: var(--primary-color); color: var(--white-color);}

.section-head h3{font-size: 22px;font-weight: 600;letter-spacing: -1px;}

.lm-wraper h3{font-weight: 500;letter-spacing: -1px;}
.lm-form-card{padding: 40px;background: #fff;display: flex;flex-direction: column;gap: 40px;}
.lm-form-card .newsletter-form{padding: 0;}

.inside-list {display: flex;flex-direction: column;gap: 24px;}
.inside-list li h3{font-size: 22px;letter-spacing: -1px;font-weight: 600;color: var(--black-color);margin-bottom: 6px;}
.inside-list li{padding-left: 40px;background-image: url(../images/list-pin.png);background-repeat: no-repeat;}

.lm-inside-wrap .site-common-content{max-width: 483px;}

.site-number-list{display: flex;gap: 28px;flex-direction: column;}
.site-number-list li{display: flex;gap: 40px;border-bottom: 1px solid var(--subtitle-color);padding-bottom: 28px;align-items: center;}
.site-number-list h3{font-family: var(--script-font);color: var(--secondary-color);font-size: 40px;}
.site-number-list p{color: var(--white-color);}

.book-is-for-you h2{max-width: 260px;}
.script{font-family: var(--script-font);font-weight: normal;}

.heading-small{font-size: 22px;font-weight: 600;letter-spacing: -1px;line-height: 1.4;}
.w-700{max-width: 705px;margin: auto;}
.w-820{max-width: 820px;margin: auto;}
.w-900{max-width: 900px;margin: auto;}

.contact-wrap .newsletter-form{background: #fff;max-width: 750px;margin: auto;padding: 40px;gap: 30px;}
.contact-wrap .newsletter-form .site-btn{width: 100%;}
.contact-wrap .newsletter-form .site-btn:hover{background: var(--primary-color); color: var(--white-color);}






.policy-wrap{display:grid;grid-template-columns:290px minmax(0,1fr);gap:56px;align-items:start;color:var(--text);font:500 var(--text-base)/1.7 var(--font-main);box-sizing:border-box}
.policy-wrap *,.policy-wrap *::before,.policy-wrap *::after{box-sizing:inherit}
.policy-wrap .side{position:sticky;top:40px;align-self:start;max-height:calc(100vh - 80px);overflow:auto; width: 290px;}
.policy-wrap .side h6{margin:0 0 18px;text-transform:uppercase;color: var(--black-color);font-weight: 600;font-size: 16px;font-family: var(--font-main);}
.policy-wrap .side a{display:flex;gap:14px;padding:4px 0;color:var(--text);text-decoration:none;font-size:var(--text-base);line-height:1.35;transition:all .3s; font-weight: 500;align-items: center;}
.policy-wrap .side a i{font:italic 600 18px/1.6 var(--script-font);color:var(--accent);flex:none;width:20px}
.policy-wrap .side a:hover,.policy-wrap .side a.on{color: var(--primary-color);}
.policy-wrap .side a.on{font-weight:600}
.policy-wrap .dd{display:none}
.policy-wrap main section{scroll-margin-top:40px;margin-bottom:48px}
.policy-wrap h2{margin:0 0 18px;display:flex;align-items:baseline;gap:14px;font:500 var(--h3)/1.2 var(--heading-font)}
.policy-wrap h2 i{font:600 28px/1 var(--script-font);color:var(--accent)}
.policy-wrap h3, .policy-wrap h4{font:600 22px/1.4 var(--heading-font);margin-top: 10px;}
.policy-wrap p{margin:0 0 16px}
.policy-wrap a.l{color:var(--accent);text-decoration:underline;text-underline-offset:3px;font-weight:600}
.policy-wrap ul{list-style:none;margin:0 0 18px;padding:0}
.policy-wrap ul li{position:relative;padding-left:22px;margin-bottom:8px}
.policy-wrap ul li::before{content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;background:var(--accent);border-radius: 100%;}
.policy-wrap ol{margin:0 0 18px;padding-left:22px}
.policy-wrap ol li{margin-bottom:10px;padding-left:4px}
.policy-wrap .tag{display:inline-block;background:var(--green-color);color:var(--green-colort);font:600 13px/1.4 var(--font-main);padding:8px 12px;border-radius:6px;margin:0 0 14px}
.policy-wrap .addr{display:inline-block;background:var(--green-color);color:var(--text);padding:18px 22px;border-radius:10px;margin:6px 0 18px;font-weight:600}
.notice{background: var(--green-color);padding: 24px;}
@media (max-width:1080px){
.policy-wrap{display:block;}
.policy-wrap .side{display:none}
.policy-wrap .dd{display:block;position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--bg);padding:12px 0;margin-bottom:20px}
.policy-wrap .dd-btn{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--card);color:var(--text);border:1px solid var(--text);border-radius:12px;padding:16px 20px;font:500 var(--text-base)/1.3 var(--font-main);text-align:left;cursor:pointer}
.policy-wrap .dd-btn svg{flex:none;transition:transform .2s}
.policy-wrap .dd.open .dd-btn svg{transform:rotate(180deg)}
.policy-wrap .dd-list{display:none;position:absolute;left:0;right:0;top:calc(100% - 4px);background:var(--card);border:1px solid var(--line);border-radius:12px;max-height:60vh;overflow:auto;padding:6px;box-shadow:0 12px 32px rgba(0,0,0,.14)}
.policy-wrap .dd.open .dd-list{display:block}
.policy-wrap .dd-list a{display:flex;gap:12px;padding:12px;border-radius:8px;color:var(--text);text-decoration:none;font-size:15px;line-height:1.35}
.policy-wrap .dd-list a i{font:italic 400 13px/1.6 var(--heading-font);color:var(--accent);width:22px;flex:none}
.policy-wrap .dd-list a.on{background:var(--bg);font-weight:600}
.policy-wrap main section{scroll-margin-top:84px;margin-bottom:40px}
.policy-wrap h2{font-size:24px}
}



.policy-header{padding-top: 40px;padding-bottom: 10px;}


.sales-hero {
  background-color: var(--body-bg);
    background-image:
        url("../images/d-top.svg"),
        url("../images/sale-hero-bg1.jpg");
    background-repeat: no-repeat, no-repeat;
    background-position: center bottom, center center;
    background-size: 100%, cover;
}

.sales-hero-bg-2 {
  background-color: var(--body-bg);
    background-image:
        url("../images/d-top.svg"),
        url("../images/sale-hero-bg2.jpg");
    background-repeat: no-repeat, no-repeat;
    background-position: center bottom, center center;
    background-size: 100%, cover;
}
.sales-hero .site-container{padding: 64px;display: flex;flex-direction: column;gap: 40px;background: var(--body-bg);}
.sales-hero .site-container .heading-small{max-width: 670px; margin: auto;}
.sales-hero .site-container h2{max-width: 612px; margin: auto;}
.sales-hero-list{display: flex;flex-direction: column;max-width: 540px;margin: auto;}
.sales-hero-list li{color: var(--black-color);text-align: left;font-weight: 600;padding-left: 40px;background: url(../images/green-pin.png) no-repeat;background-size: 28px;padding-block: 10px; background-position: left top 10px;line-height: 1.6;}

.sales-greenarea{background: var(--green-color);padding-top: 0px;padding-bottom: 30px;}

.sales-apply{padding: 20px 0;text-align: center;}
.sales-apply h3{font-family: var(--font-main);font-weight: 600;}
.sales-apply h3 a{color: var(--secondary-color);}

.sales-emojy-list li{padding-block: 20px;padding-left: 46px;font-size: var(--text-base);color: var(--black-color);border-bottom: 1px solid var(--subtitle-color);background: url(../images/emojy.png) no-repeat;background-position: left top 22px;font-weight: 500; line-height: 1.6;}
.paper-wrap{display: flex;flex-direction: column;gap: 16px; background: url(../images/paper-bg.jpg) no-repeat;background-size: cover;padding: 64px;box-shadow: 2px 10px 40px 0 rgba(120, 120, 120, 0.2);}
.paper-bold{background: #fff;padding: 24px 20px;border-left: 3px solid var(--primary-color);max-width: 650px;margin: auto;}
.paper-bold h3{font-weight: 400;letter-spacing: -1px;}
.sales-big-green .site-common-content{max-width: 720px; margin: auto;}

.sales-media-content .media-frame {
  padding: 12px;padding-bottom: 24px;
    box-sizing: border-box;
    box-shadow:
        2px 3px 6px rgba(0, 0, 0, 0.08),
        5px 8px 12px rgba(0, 0, 0, 0.12);
}

.sales-media-content .media-frame .tape{top: -70px;left: -70px;bottom: auto;}
.sales-media-content .media-frame .frame-img{width: 100%;}
.sales-why .site-title-h2 {max-width: 700px; margin: auto;}

.saleswhy-card{padding: 24px;border-radius: 8px;background: var(--body-bg);display: flex;flex-direction: column;gap: 16px;}
.saleswhy-card .head-caption{font-size: 40px;color: var(--primary-color);letter-spacing: -2px;font-weight: 600;line-height: 1;margin-bottom: -3px;}

.sales-feel-table{flex: 1;margin-top: 24px;}
.list-wrapper{display: flex;gap: 4px;}
.table-head{background: var(--black-color);padding: 24px;color: var(--white-color);font-weight: bold;text-align: center;}

.to-go li{background: url(../images/list-cross.png) no-repeat; color: var(--subtitle-color);}
.to-this li{background: var(--body-bg) url(../images/list-check.png) no-repeat;color: var(--black-color);}

.to-go li, .to-this li{padding: 20px;padding-left: 55px;background-position: left 15px top 20px;border-bottom: 1px solid #E5E5E5;font-weight: 500;line-height: 1.6;}

.size-36{font-size: 36px;}
.sales-invite .body-text{max-width: 740px;margin-inline: auto;margin-top: 16px;}

.sales-invite{background: url(../images/sl-bg-invite.jpg) no-repeat;background-size: cover;}
.sales-invite-2{background: url(../images/sales-invite2.jpg) no-repeat;background-size: cover;}
.sales-invite .site-container{max-width: 914px;}

.site-btn.hover-primary:hover{background: var(--primary-color);color: var(--white-color);}
.zig-zag.items-start{align-items: flex-start;}

/* .what-you-get .zig-media{flex: none;} */
.what-you-get .sales-hero-list{max-width: initial;}




/* ===== sales-tabs ===== */
.sales-tabs{--st-line:#b7c0cb}
.sales-tabs__nav{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--st-line);border-bottom:1px solid var(--st-line)}
.sales-tabs__tab{position:relative;display:block;text-align:left;background:none;border:0;border-right:1px solid var(--st-line);padding:24px 16px;color:var(--text);font-family:var(--font-main);cursor:pointer;transition:color .2s}
.sales-tabs__tab:last-child{border-right:0}
.sales-tabs__tab::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.sales-tabs__tab.is-active{color:var(--accent)}
.sales-tabs__tab.is-active::after{transform:scaleX(1)}
.sales-tabs__num{display:block;margin-bottom:5px;font-size: 40px;font-weight: 600;font-family: var(--script-font);}
.sales-tabs__label{display:block;letter-spacing:.10em;text-transform:uppercase;font-size: var(--text-base);font-weight: bold;white-space: nowrap;line-height: 1.6;}
.sales-tabs__panel{display:none;padding:40px 0}
.sales-tabs__panel.is-active{display:block}
.sales-tabs__panel h3{margin:0 0 12px;font:500 var(--h3)/1.2 var(--heading-font)}
.sales-tabs__panel p{margin:0;max-width:640px}
.sales-tabs__panel .zig-zag{padding-block: 0;}
.sales-tabs__panel .zig-content .body-text{color: var(--subtitle-color);}
@media (hover:hover) and (min-width:1081px){
.sales-tabs__tab:hover{color:var(--accent)}
}
@media (max-width:1080px){
.sales-tabs__nav{grid-template-columns:repeat(2,1fr);gap:14px;border:0}
.sales-tabs__tab{border:1.5px solid var(--text);border-radius:14px;padding:18px 20px 20px;min-height:96px}
.sales-tabs__tab:last-child{border:1.5px solid var(--text)}
.sales-tabs__tab::after{display:none}
.sales-tabs__tab.is-active{background:var(--text);color:var(--bg)}
.sales-tabs__num{margin-bottom:10px;font-size:24px}
.sales-tabs__label{font-size:var(--text-base);font-weight:700;letter-spacing:.1em}
.sales-tabs__panel{padding:28px 0}
}


.bonus-card{padding: 24px;background: #fff;border: 1px solid var(--black-color);display: flex;flex-direction: column;gap: 24px;}
.bonus-card .body-text{color: var(--subtitle-color);}
.bonus-tag{background: var(--black-color);border-radius: 100vmax;color: var(--secondary-color);font-size: var(--text-base);font-weight: bold;padding: 3px 16px;margin-bottom: 4px;display: inline-block;}

.center-content{max-width: 650px;margin: auto;}
.custom-bg-sales {max-width: 780px;margin: auto;background: var(--bg-light);padding: 24px;border-left: 3px solid var(--primary-color);}
.custom-bg-sales .heading-small{letter-spacing: -1px;color: var(--black-color);text-align: left;line-height: 1.4;}



.sale-apply-dots{display:none}
@media (max-width:1080px){
.sale-apply{overflow: hidden;}
.sale-apply .grid.sale-apply-track{position:relative;display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.sale-apply .sale-apply-track::-webkit-scrollbar{display:none}
.sale-apply .sale-apply-card{flex:0 0 80%;max-width:460px;scroll-snap-align:start}
.sale-apply-dots{display:flex;justify-content:center;gap:10px;margin:28px 0 8px}
.sale-apply-dot{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:#cdd5df;cursor:pointer;transition:width .25s,background .25s}
.sale-apply-dot.is-active{width:28px;background:var(--accent)}
}

.sales-greenarea.pb-0{padding-bottom: 0;}


.sales-before-apply-tab{gap: 40px;grid-template-columns: minmax(0, 5fr) minmax(0, 5fr);row-gap: 0;}
.sales-before-apply-tab .vtab-btn{padding-block: 30px;}
.fab-frame{border-radius: 10px;padding: 20px;background: #fff;box-shadow:
        2px 3px 8px rgba(0, 0, 0, 0.05),
        6px 8px 16px rgba(0, 0, 0, 0.10);}
.fab-frame img{border-radius: 8px; display: block;}


.overthinking-list{padding: 64px;border: 1px solid var(--black-color);display: flex;flex-wrap: wrap;justify-content: space-between;}
.overthinking-list li{flex: 0 0 49%;color: var(--black-color);font-size: var(--text-base);line-height: 1.6;padding: 10px;background: url(../images/list-check.png) no-repeat;background-position: left top 10px;padding-left: 36px;background-size: 20px;font-weight: 500;}

.love-list{display: flex;flex-direction: column;gap: 6px;}
.love-list li{padding-left: 24px;background: url(../images/love-list.png) no-repeat;font-size: var(--text-base);color: var(--black-color); line-height: 1.6; font-weight: 500;background-position: left top 6px;}

.script-40{font-size: 40px;font-family: var(--script-font);letter-spacing: -1px;font-weight: 500;}

.sales-last-list-card{padding: 40px;border: 2px solid var(--black-color);display: flex;gap: 96px;}
.sales-cta-wrap{padding: 40px;background: var(--secondary-color);}







.multi-faq-tabs{background:var(--card);color:var(--text);font-family:var(--font-main)}
.multi-faq-tabs *{box-sizing:border-box}
.multi-faq-tabs__wrap{display:grid;grid-template-columns:357px 1fr;gap:60px;align-items:start}

/* Tabs */
.multi-faq-tabs__nav{display:flex;flex-direction:column}
.multi-faq-tabs__tab{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:20px 18px;background:transparent;border:0;border-left:2px solid transparent;border-bottom:1px solid var(--subtitle-color);font-family:var(--font-main);font-size:var(--text-base);font-weight:bold;letter-spacing:.12em;text-transform:uppercase;color:var(--subtitle-color);text-align:left;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.multi-faq-tabs__tab:first-child{border-top:0}
.multi-faq-tabs__tab-count{font-weight:700;color:var(--text);letter-spacing:0}
.multi-faq-tabs__tab:hover{color:var(--text)}
.multi-faq-tabs__tab.is-active{background:var(--green-color);border-left-color:var(--accent);color:var(--text)}
.multi-faq-tabs__tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Panels */
.multi-faq-tabs__panel[hidden]{display:none}
.multi-faq-tabs__panel.is-active{animation:mftFade .35s ease}
@keyframes mftFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Item */
.multi-faq-tabs__item{border-bottom:1px solid var(--subtitle-color)}
.multi-faq-tabs__question{display:flex;justify-content:space-between;align-items:center;gap:40px;width:100%;padding:20px 0;background:transparent;border:0;text-align:left;cursor:pointer;color:var(--text)}
.multi-faq-tabs__question-text{font-family:var(--heading-font);font-size:22px;font-weight:600;line-height:1.45;max-width:640px}
.multi-faq-tabs__question:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Icon */
.multi-faq-tabs__icon{position:relative;flex:0 0 55px;width:55px;height:55px;border-radius:50%;background:var(--body-bg);border:1px solid #E5E5E5;transition:background .25s}
.multi-faq-tabs__icon::before,.multi-faq-tabs__icon::after{content:"";position:absolute;top:50%;left:50%;width:14px;height:2px;background:var(--text);transform:translate(-50%,-50%);transition:transform .3s}
.multi-faq-tabs__icon::after{transform:translate(-50%,-50%) rotate(90deg)}
.multi-faq-tabs__item.is-open .multi-faq-tabs__icon::after{transform:translate(-50%,-50%) rotate(0)}
.multi-faq-tabs__question:hover .multi-faq-tabs__icon{background:var(--line)}

/* Answer */
.multi-faq-tabs__answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}
.multi-faq-tabs__item.is-open .multi-faq-tabs__answer{grid-template-rows:1fr}
.multi-faq-tabs__answer-inner{overflow:hidden}
.multi-faq-tabs__answer p{margin:0;padding:0 95px 28px 0;max-width:680px;font-size:var(--text-base);line-height:1.6;color:var(--text)}

/* Responsive */
@media(max-width:1080px){
.multi-faq-tabs__wrap{grid-template-columns:1fr;gap:32px}
.multi-faq-tabs__nav{flex-direction:row;overflow-x:auto;gap:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.multi-faq-tabs__nav::-webkit-scrollbar{display:none}
.multi-faq-tabs__tab{width:auto;flex:0 0 auto;white-space:nowrap;border:1px solid var(--subtitle-color);border-radius:999px;padding:12px 18px;font-size:var(--text-small)}
.multi-faq-tabs__tab.is-active{border-color:var(--accent)}
.multi-faq-tabs__question-text{font-size:20px}
.multi-faq-tabs__icon{flex-basis:44px;width:44px;height:44px}
.multi-faq-tabs__answer p{padding-right:0}
}

.sales-white-card{padding: 64px;background: #fff;display: flex;flex-direction: column;gap: 16px;}

.heading-20{font-size: 20px;font-family: var(--heading-font);}
.zig-media-center{max-width: 720px; margin: auto;width: 100%;}
.list-cross li{background: url(../images/list-cross.png) no-repeat;background-position: left top 15px;}

.blog-cate-tag{border-radius: 100vmax;background: var(--secondary-color);padding: 3px 16px;display: inline-block;margin-bottom: 6px;font-weight: bold;}
.blog-content .body-text, .blog-head .body-text{color: var(--subtitle-color);}

.blog-footer ul{display: flex;align-items: center;gap: 24px;}
.blog-footer{display: flex;align-items: center;gap: 10px;margin-top: 10px;}
.blog-footer ul li{color: var(--black-color);font-size: var(--text-base);font-weight: 500;position: relative;}
.blog-footer ul li::after{content: " ";width: 5px;height: 5px;border-radius: 50%;background: var(--black-color);position: absolute;right: -16px;top: 50%;transform: translateY(-50%);}
.blog-footer ul li:last-child:after{display: none;}

.the-content-area{color: var(--black-color);padding-top: 0;}
.the-content-area h2{color: var(--black-color);font-weight: bold;font-size: 36px;margin-top: 20px;}
.the-content-area h3{color: var(--primary-color);font-size: var(--h3);line-height: 1.4;margin-bottom: 10px;margin-top: 16px;}
.the-content-area p, .the-content-area ul li, .the-content-area ol li{color: var(--black-color);font-size: var(--text-base);line-height: 1.6;margin-bottom: 10px;font-weight: 500;}
.the-content-area ul, .the-content-area ol{padding-left: 20px;}
.the-content-area blockquote{padding: 16px;font-size: var(--text-base);color: var(--black-color);border-left: 2px solid var(--primary-color);font-style: italic;line-height: 1.6;font-weight: 500;background: #fff;margin-top: 16px;}
.the-content-area ul li{list-style: disc;}
.the-content-area a{color: var(--primary-color);text-decoration: underline;}
.the-content-area img{margin: auto;display: block;margin-block: 16px;}
.the-content-area iframe{width: 100%;height: 600px;margin-top: 16px;}


.author {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
}

.blog-head .blog-footer{margin-top: 0;}

.the-content-area blockquote p{margin-bottom: 0;}
p a{color: var(--primary-color);}


.client-media {width: 50px;height: 50px;min-width: 50px;min-height: 50px;border-radius: 50%;overflow: hidden;}

.home-feature-blog .blog-cate-tag{background: transparent;padding: 0;color: var(--subtitle-color);font-size: 16px; font-weight: 600;text-transform: uppercase;letter-spacing: 1px;}
.home-feature-blog .blog-content.p-2{padding-inline: 0;}
a.text-primary{text-decoration: underline;}

form.wpcf7-form.invalid .wpcf7-response-output {
    color: #ffb800;
}
form.wpcf7-form.sent .wpcf7-response-output {
    color: green;
}