/* Amantra black + gold theme */
:root {
  --amantra-black: #050505;
  --amantra-ink: #0b0a07;
  --amantra-panel: #12100a;
  --amantra-gold: #d6a21e;
  --amantra-gold-light: #ffe08a;
  --amantra-cream: #fff7dc;
  --amantra-muted: #d9c68d;
  --amantra-line: rgba(214, 162, 30, 0.34);
  --amantra-accent: #d9c68d;
  --text-xs: 0.8125rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: clamp(1.25rem, 2vw, 1.5rem);
  --text-2xl: clamp(1.5rem, 3vw, 2rem);
  --text-hero: clamp(2rem, 5vw, 3.25rem);
  --leading-tight: 1.15;
  --leading-body: 1.7;
  --section-gap: clamp(3rem, 6vw, 5rem);
  /* Desktop floating CTAs — sit above footer copyright strip */
  --amantra-copyright-bar: 92px;
  --amantra-float-gap: 20px;
  --amantra-whatsapp-float-h: 56px;
  --amantra-mobile-action-bar: 56px;
  --primary-color: var(--amantra-gold);
  --secondary-color: var(--amantra-gold-light);
  --tertiary-color: var(--amantra-muted);
  --dark-green-color: var(--amantra-ink);
  --brown-color: var(--amantra-panel);
  --grey-color: #1a1810;
  --dark-color: var(--amantra-black);
  --white-color: var(--amantra-cream);
  --heading-color: var(--amantra-gold-light);
  --text-color: var(--amantra-muted);
}

img {
  max-width: 100%;
  height: auto;
}

html {
        scroll-behavior:smooth;
      }

      body{
        padding-top:88px!important;
        background:var(--amantra-black)!important;
        color:var(--amantra-cream)!important;
      }

      body:before{
        content:"";
        position:fixed;
        inset:0;
        pointer-events:none;
        z-index:-1;
        background:
          radial-gradient(circle at 15% 10%,rgba(214,162,30,.16),transparent 26%),
          linear-gradient(180deg,#050505,#100d07 50%,#050505);
      }

      /* HEADER / NAVBAR */
      .main-header{
        position:fixed!important;
        top:0!important;
        left:0!important;
        right:0!important;
        z-index:9999!important;
        background:rgba(5,5,5,.96)!important;
        border-bottom:1px solid var(--amantra-line)!important;
        box-shadow:0 12px 35px rgba(0,0,0,.65)!important;
      }

      .main-header a,
      .menu li a,
      .main-navigation a{
        color:var(--amantra-cream)!important;
        background:transparent!important;
        font-weight:600!important;
        text-shadow:none!important;
        transition:.25s ease!important;
      }

      .main-header a:hover,
      .main-header a:focus,
      .menu li:hover > a,
      .menu li a:hover,
      .main-navigation a:hover,
      .main-navigation a:focus{
        color:var(--amantra-gold-light)!important;
        background:transparent!important;
        text-shadow:0 0 12px rgba(214,162,30,.55)!important;
      }

      .hvr-underline-from-left:before,
      .hvr-underline-from-left:after,
      .menu li a:before,
      .menu li a:after{
        background:var(--amantra-gold)!important;
      }

      /* DROPDOWN MENU */
      .submenu,
      .menu .submenu,
      .has-submenu .submenu{
        background:linear-gradient(180deg,#0a0906,#151106)!important;
        border:1px solid var(--amantra-line)!important;
        border-radius:16px!important;
        box-shadow:0 18px 40px rgba(0,0,0,.45)!important;
        padding:10px!important;
      }

      .submenu li a,
      .menu .submenu li a{
        color:var(--amantra-cream)!important;
        background:transparent!important;
        border-radius:10px!important;
      }

      .submenu li a:hover,
      .menu .submenu li a:hover{
        color:#050505!important;
        background:linear-gradient(135deg,var(--amantra-gold-light),var(--amantra-gold))!important;
        text-shadow:none!important;
      }

      /* LOGO */
      .logo-widget img{
        max-height:78px!important;
        width:auto!important;
        object-fit:contain!important;
        padding:8px 14px!important;
        border-radius:18px!important;
        background:linear-gradient(145deg,#050505,#151106)!important;
        border:1px solid var(--amantra-line)!important;
        box-shadow:0 0 22px rgba(214,162,30,.28)!important;
      }

      /* TRANSLATE BUTTON */
      .language-btn{
        min-height:32px!important;
        display:flex!important;
        align-items:center!important;
        gap:6px!important;
        padding:4px 8px 4px 6px!important;
        border-radius:999px!important;
        background:linear-gradient(145deg,rgba(255,224,138,.12),rgba(255,255,255,.025))!important;
        border:1px solid var(--amantra-line)!important;
        box-shadow:0 6px 16px rgba(0,0,0,.28)!important;
      }

      .language-btn:hover{
        border-color:var(--amantra-gold-light)!important;
        box-shadow:0 8px 20px rgba(214,162,30,.22)!important;
      }

      .language-btn svg{
        width:16px!important;
        height:16px!important;
        flex-shrink:0!important;
      }

      .language-btn svg path{
        fill:var(--amantra-gold-light)!important;
        stroke:var(--amantra-gold-light)!important;
      }

      #google_translate_element,
      .goog-te-gadget{
        color:var(--amantra-cream)!important;
      }

      .goog-te-gadget > span{
        display:none!important;
      }

      .goog-te-combo{
        background:#0b0a07!important;
        border:1px solid var(--amantra-line)!important;
        border-radius:999px!important;
        padding:3px 24px 3px 8px!important;
        font-size:11px!important;
        line-height:1.2!important;
        height:26px!important;
        min-width:72px!important;
        max-width:96px!important;
        color:var(--amantra-cream)!important;
      }

      .goog-te-combo:hover,
      .goog-te-combo:focus{
        background:#151106!important;
        border-color:var(--amantra-gold-light)!important;
        color:var(--amantra-gold-light)!important;
        outline:none!important;
      }

      /* GLOBAL TEXT */
      section{
        background:linear-gradient(180deg,var(--amantra-black),var(--amantra-ink))!important;
        color:var(--amantra-cream)!important;
      }

      h1,h2,h3,h4,h5,h6{
        color:var(--amantra-gold-light)!important;
        text-shadow:0 0 18px rgba(214,162,30,.16)!important;
      }

      p,li,span,div,strong,a{
        color:inherit;
      }

      section h2:after{
        content:"";
        display:block;
        width:82px;
        height:2px;
        background:linear-gradient(90deg,transparent,var(--amantra-gold),transparent);
        margin:16px auto 0;
      }

      /* BUTTONS */
      button,
      .btn,
      .btn-outline,
      .btn-white,
      .theme-btn,
      .default-btn,
      .read-more,
      .freeSample,
      input[type="submit"],
      input[type="button"]{
        color:var(--amantra-cream)!important;
        background:linear-gradient(135deg,rgba(214,162,30,.12),rgba(214,162,30,.02))!important;
        border:1px solid var(--amantra-gold)!important;
        border-radius:999px!important;
        transition:.25s ease!important;
        text-shadow:none!important;
      }

      button:hover,
      button:focus,
      .btn:hover,
      .btn:focus,
      .btn-outline:hover,
      .btn-outline:focus,
      .btn-white:hover,
      .btn-white:focus,
      .theme-btn:hover,
      .theme-btn:focus,
      .default-btn:hover,
      .default-btn:focus,
      .read-more:hover,
      .read-more:focus,
      .freeSample:hover,
      .freeSample:focus,
      input[type="submit"]:hover,
      input[type="submit"]:focus,
      input[type="button"]:hover,
      input[type="button"]:focus{
        color:#050505!important;
        background:linear-gradient(135deg,var(--amantra-gold-light),var(--amantra-gold))!important;
        border-color:var(--amantra-gold-light)!important;
        transform:translateY(-2px);
        box-shadow:0 14px 34px rgba(214,162,30,.30)!important;
        text-shadow:none!important;
      }

      button:hover *,
      button:focus *,
      .btn:hover *,
      .btn:focus *,
      .btn-outline:hover *,
      .btn-outline:focus *,
      .btn-white:hover *,
      .btn-white:focus *,
      .freeSample:hover *,
      .freeSample:focus *{
        color:#050505!important;
      }

      /* Sample kit CTA — static colors only, no motion/shadow effects */
      .floating-btn-right-sec .freeSample,
      .floating-btn-right-sec .freeSample:visited,
      .floating-btn-right-sec .samplekit-btn .btn,
      .floating-btn-right-sec .samplekit-btn .btn:visited{
        transition:none!important;
        transform:none!important;
        box-shadow:none!important;
        text-shadow:none!important;
      }

      .floating-btn-right-sec .freeSample:hover,
      .floating-btn-right-sec .freeSample:focus,
      .floating-btn-right-sec .freeSample:active,
      .floating-btn-right-sec .samplekit-btn .btn:hover,
      .floating-btn-right-sec .samplekit-btn .btn:focus,
      .floating-btn-right-sec .samplekit-btn .btn:active{
        transform:none!important;
        box-shadow:none!important;
      }

      /* HERO */
      .amantra-hero-content{
        position:relative!important;
        width:min(92%,680px)!important;
        margin:0 auto!important;
        z-index:2!important;
        text-align:center!important;
        padding:34px 32px!important;
        border-radius:30px!important;
        background:rgba(5,5,5,.62)!important;
        border:1px solid rgba(214,162,30,.42)!important;
        backdrop-filter:blur(12px)!important;
        box-shadow:0 28px 80px rgba(0,0,0,.62)!important;
      }

      .amantra-hero-content img{
        max-width:128px!important;
        margin-bottom:18px!important;
        padding:10px!important;
        border-radius:22px!important;
        background:#050505!important;
        border:1px solid var(--amantra-line)!important;
        box-shadow:0 0 26px rgba(214,162,30,.28)!important;
      }

      .amantra-hero-content h1{
        font-size:clamp(34px,5vw,58px)!important;
        line-height:1.05!important;
        margin-bottom:12px!important;
        letter-spacing:-.03em!important;
      }

      .amantra-hero-tagline{
        color:var(--amantra-gold-light)!important;
        font-size:clamp(14px,1.8vw,18px)!important;
        letter-spacing:.22em!important;
        text-transform:uppercase!important;
        margin-bottom:10px!important;
      }

      .amantra-hero-subtitle{
        color:var(--amantra-cream)!important;
        font-size:clamp(17px,2.2vw,22px)!important;
        letter-spacing:.04em!important;
        text-transform:none!important;
        font-weight:600!important;
        line-height:1.45!important;
        margin-bottom:18px!important;
        max-width:36ch!important;
        margin-left:auto!important;
        margin-right:auto!important;
      }

      .amantra-hero-copy{
        text-align:left!important;
        margin-bottom:22px!important;
      }

      .amantra-hero-copy p{
        color:var(--amantra-muted)!important;
        font-size:clamp(14px,1.6vw,16px)!important;
        letter-spacing:normal!important;
        text-transform:none!important;
        line-height:1.7!important;
        margin-bottom:12px!important;
      }

      .amantra-hero-copy p:last-child{
        margin-bottom:0!important;
      }

      .amantra-hero-actions{
        display:flex!important;
        flex-wrap:wrap!important;
        gap:12px!important;
        justify-content:center!important;
        align-items:center!important;
      }

      .amantra-cta-secondary{
        background:rgba(255,255,255,.04)!important;
      }

      /* Outline / secondary CTAs only — primary uses .btn-primary below */
      .amantra-cta:not(.btn-primary):not(.amantra-cta-primary),
      .amantra-cta:not(.btn-primary):not(.amantra-cta-primary):visited,
      .get-quote a.btn:not(.btn-primary):not(.amantra-cta-primary),
      .get-quote a.btn:not(.btn-primary):not(.amantra-cta-primary):visited,
      .quoater a.btn:not(.btn-primary):not(.amantra-cta-primary),
      .quoater a.btn:not(.btn-primary):not(.amantra-cta-primary):visited,
      a.btn.btn-outline:not(.btn-primary),
      a.btn.btn-outline:not(.btn-primary):visited{
        background:linear-gradient(135deg,rgba(214,162,30,.12),rgba(214,162,30,.03))!important;
        color:var(--amantra-cream)!important;
        border:1px solid var(--amantra-gold)!important;
        box-shadow:none!important;
      }

      .amantra-cta:not(.btn-primary):not(.amantra-cta-primary):hover,
      .amantra-cta:not(.btn-primary):not(.amantra-cta-primary):focus,
      .amantra-cta:not(.btn-primary):not(.amantra-cta-primary):active,
      .get-quote a.btn:not(.btn-primary):not(.amantra-cta-primary):hover,
      .get-quote a.btn:not(.btn-primary):not(.amantra-cta-primary):focus,
      .get-quote a.btn:not(.btn-primary):not(.amantra-cta-primary):active,
      .quoater a.btn:not(.btn-primary):not(.amantra-cta-primary):hover,
      .quoater a.btn:not(.btn-primary):not(.amantra-cta-primary):focus,
      .quoater a.btn:not(.btn-primary):not(.amantra-cta-primary):active,
      a.btn.btn-outline:not(.btn-primary):hover,
      a.btn.btn-outline:not(.btn-primary):focus,
      a.btn.btn-outline:not(.btn-primary):active{
        background:linear-gradient(135deg,var(--amantra-gold-light),var(--amantra-gold))!important;
        color:#050505!important;
        border-color:var(--amantra-gold-light)!important;
        text-shadow:none!important;
        transform:translateY(-2px);
        box-shadow:0 14px 34px rgba(214,162,30,.30)!important;
      }

      .amantra-cta:not(.btn-primary):not(.amantra-cta-primary):hover span,
      .amantra-cta:not(.btn-primary):not(.amantra-cta-primary):focus span,
      .get-quote a.btn:not(.btn-primary):not(.amantra-cta-primary):hover span,
      .get-quote a.btn:not(.btn-primary):not(.amantra-cta-primary):focus span,
      .quoater a.btn:not(.btn-primary):not(.amantra-cta-primary):hover span,
      .quoater a.btn:not(.btn-primary):not(.amantra-cta-primary):focus span,
      a.btn.btn-outline:not(.btn-primary):hover span,
      a.btn.btn-outline:not(.btn-primary):focus span{
        color:#050505!important;
      }

      /* Primary CTA — gold fill, dark text for contrast */
      .btn.btn-primary,
      .btn.amantra-cta-primary,
      .get-quote a.btn.btn-primary,
      .get-quote a.btn.amantra-cta-primary,
      .amantra-hero-actions .btn-primary,
      .amantra-inline-cta .btn-primary,
      .have-projects-sec .btn-primary,
      a.btn-primary.amantra-cta{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        text-align:center!important;
        line-height:1.25!important;
        padding:12px 24px!important;
        background:linear-gradient(135deg,var(--amantra-gold-light),var(--amantra-gold))!important;
        color:#050505!important;
        border:1px solid var(--amantra-gold-light)!important;
        box-shadow:0 12px 32px rgba(214,162,30,.28)!important;
        font-weight:700!important;
      }

      .btn.btn-primary span,
      .btn.amantra-cta-primary span,
      .get-quote a.btn.btn-primary span,
      .get-quote a.btn.amantra-cta-primary span,
      .amantra-hero-actions .btn-primary span,
      .amantra-inline-cta .btn-primary span,
      .have-projects-sec .btn-primary span,
      a.btn-primary.amantra-cta span{
        display:inline!important;
        position:static!important;
        color:#050505!important;
        line-height:inherit!important;
      }

      .btn.btn-primary:hover,
      .btn.btn-primary:focus,
      .btn.amantra-cta-primary:hover,
      .btn.amantra-cta-primary:focus,
      .get-quote a.btn.btn-primary:hover,
      .get-quote a.btn.amantra-cta-primary:hover,
      .amantra-inline-cta .btn-primary:hover,
      .have-projects-sec .btn-primary:hover{
        background:linear-gradient(135deg,var(--amantra-gold-light),var(--amantra-gold))!important;
        color:#050505!important;
        border-color:var(--amantra-gold-light)!important;
      }

      .btn.btn-primary:hover span,
      .btn.btn-primary:focus span,
      .btn.amantra-cta-primary:hover span,
      .btn.amantra-cta-primary:focus span,
      .get-quote a.btn.btn-primary:hover span,
      .amantra-inline-cta .btn-primary:hover span,
      .have-projects-sec .btn-primary:hover span{
        color:#050505!important;
      }

      /* OVERVIEW SECTION */
      .home-overview{
        background:
          radial-gradient(circle at center,rgba(214,162,30,.13),transparent 42%),
          linear-gradient(180deg,#050505,#0b0a07)!important;
      }

      .home-overview .overview-con{
        max-width:980px!important;
        margin:0 auto!important;
        padding:44px 48px!important;
        border-radius:30px!important;
        background:linear-gradient(145deg,rgba(255,224,138,.09),rgba(255,255,255,.025))!important;
        border:1px solid var(--amantra-line)!important;
        box-shadow:0 22px 64px rgba(0,0,0,.42)!important;
      }

      .home-overview h2{
        margin-bottom:28px!important;
      }

      .home-overview .overview-con p{
        color:var(--amantra-cream)!important;
        font-size:clamp(16px,1.8vw,19px)!important;
        line-height:1.75!important;
        margin-bottom:16px!important;
      }

      .home-overview .overview-closer{
        color:var(--amantra-gold-light)!important;
        font-weight:600!important;
        margin-bottom:0!important;
        padding-top:8px!important;
        border-top:1px solid var(--amantra-line)!important;
      }

      .sustainability-sec .sustainability-intro{
        max-width:760px!important;
        margin-left:auto!important;
        margin-right:auto!important;
        margin-bottom:12px!important;
        line-height:1.7!important;
      }

      .have-projects-sec{
        background:transparent!important;
      }

      .have-projects-sec h2,
      .have-projects-sec p{
        color:var(--amantra-cream)!important;
      }

      .have-projects-sec .have-projects-tagline{
        margin-top:14px!important;
        color:var(--amantra-gold-light)!important;
      }

      .have-projects-sec .have-projects-tagline strong{
        color:var(--amantra-gold-light)!important;
      }

      .have-projects-sec .quoater{
        display:flex!important;
        justify-content:center!important;
        align-items:center!important;
      }

      /* PORTFOLIO TABS */
      .resp-tabs-list li,
      .portfolioParent li{
        color:var(--amantra-cream)!important;
        background:rgba(214,162,30,.08)!important;
        border:1px solid var(--amantra-line)!important;
        border-radius:999px!important;
        padding:12px 22px!important;
        margin:8px!important;
        transition:.25s ease!important;
        text-shadow:none!important;
      }

      .resp-tabs-list li:hover,
      .resp-tabs-list li.resp-tab-active,
      .portfolioParent li:hover,
      .portfolioParent li.resp-tab-active{
        color:#050505!important;
        background:linear-gradient(135deg,var(--amantra-gold-light),var(--amantra-gold))!important;
        border-color:var(--amantra-gold-light)!important;
        box-shadow:0 12px 28px rgba(214,162,30,.28)!important;
        text-shadow:none!important;
      }

      /* PORTFOLIO CARDS */
      .our-portfolio-logo{
        background:linear-gradient(145deg,rgba(255,224,138,.08),rgba(255,255,255,.025))!important;
        border:1px solid var(--amantra-line)!important;
        border-radius:24px!important;
        box-shadow:0 16px 50px rgba(0,0,0,.32)!important;
        margin:16px!important;
        padding:28px!important;
        min-height:190px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        overflow:hidden!important;
      }

      .our-portfolio-logo:before,
      .our-portfolio-logo:after,
      .portfolio-sec:before,
      .portfolio-sec:after{
        display:none!important;
        content:none!important;
        background:none!important;
      }

      .our-portfolio-logo{
        padding:0!important;
        min-height:220px!important;
      }

      .our-portfolio-logo a{
        display:block!important;
        width:100%!important;
        height:100%!important;
      }

      .our-portfolio-logo img,
      .our-portfolio-logo .portfolio-card-img{
        width:100%!important;
        max-width:100%!important;
        height:220px!important;
        max-height:none!important;
        object-fit:contain!important;
        object-position:center!important;
        background:rgba(5,5,5,.35)!important;
        border-radius:16px!important;
        filter:none!important;
        transition:transform .35s ease!important;
      }

      .our-portfolio-tab .item{
        max-width:100%!important;
      }

      .portfolio-tab-container .owl-carousel .owl-nav{
        display:block!important;
        margin-top:20px!important;
      }

      .portfolio-tab-container .owl-carousel .owl-nav button.owl-prev,
      .portfolio-tab-container .owl-carousel .owl-nav button.owl-next{
        position:absolute!important;
        top:50%!important;
        transform:translateY(-50%)!important;
        margin:0!important;
        z-index:5!important;
        opacity:1!important;
      }

      .portfolio-tab-container .owl-carousel .owl-nav button.owl-prev{
        left:-8px!important;
      }

      .portfolio-tab-container .owl-carousel .owl-nav button.owl-next{
        right:-8px!important;
      }

      @media (min-width:768px){
        .portfolio-tab-container .owl-carousel .owl-nav button.owl-prev{left:-20px!important;}
        .portfolio-tab-container .owl-carousel .owl-nav button.owl-next{right:-20px!important;}
      }

      .portfolio-tab-container .owl-carousel{
        position:relative!important;
        padding:0 36px!important;
      }

      .our-portfolio-logo:hover img{
        transform:scale(1.04)!important;
      }

      /* What We Do — uniform card grid */
      .services-sec .service-carousel.row-md{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:28px 24px!important;
        margin-top:28px!important;
        margin-left:0!important;
        margin-right:0!important;
      }

      .services-sec .service-carousel > .item,
      .services-sec .bottom-wiget .col-md-6{
        display:flex!important;
        width:100%!important;
        max-width:100%!important;
        flex:none!important;
        margin-top:0!important;
        margin-bottom:0!important;
        padding-left:0!important;
        padding-right:0!important;
      }

      .services-sec .service-carousel .bottom-box{
        display:flex!important;
        flex-direction:column!important;
        width:100%!important;
        height:100%!important;
        min-height:400px!important;
        border-radius:16px!important;
        overflow:hidden!important;
      }

      .services-sec .bottom-box .service-card-img{
        position:absolute!important;
        inset:0!important;
        display:block!important;
        width:100%!important;
        height:100%!important;
        min-height:0!important;
        max-height:none!important;
        object-fit:cover!important;
        object-position:center!important;
      }

      .services-sec .bottom-wiget .bottom-box{
        position:relative!important;
        border-radius:16px!important;
        overflow:hidden!important;
      }

      .services-sec .bottom-wiget .bottom-box::before{
        height:58%!important;
      }

      .services-sec .bottom-wiget .bottom-box .caption-info{
        position:absolute!important;
        left:0!important;
        right:0!important;
        bottom:0!important;
        width:100%!important;
        min-height:148px!important;
        display:flex!important;
        flex-direction:column!important;
        justify-content:flex-end!important;
        box-sizing:border-box!important;
      }

      .services-sec .bottom-wiget .bottom-box .caption-info h3{
        min-height:2.5em!important;
        line-height:1.25!important;
      }

      .services-sec .bottom-wiget .bottom-box .caption-info .info{
        margin:0!important;
        line-height:1.55!important;
        min-height:3.1em!important;
      }

      .our-awards-logo .award-placeholder-img{
        width:100px!important;
        height:auto!important;
        max-width:100px!important;
        opacity:.9!important;
      }

      /* CARDS */
      .sust-indi,
      .bottom-box,
      .our-satisfied-es,
      .our-awards-logo,
      .amantra-contact-card{
        background:linear-gradient(145deg,rgba(255,224,138,.08),rgba(255,255,255,.025))!important;
        border:1px solid var(--amantra-line)!important;
        border-radius:24px!important;
        color:var(--amantra-cream)!important;
        box-shadow:0 16px 50px rgba(0,0,0,.32)!important;
        transition:.25s ease!important;
      }

      .sust-indi:hover,
      .bottom-box:hover,
      .our-satisfied-es:hover,
      .our-awards-logo:hover,
      .amantra-contact-card:hover{
        transform:translateY(-6px);
        border-color:var(--amantra-gold-light)!important;
      }

      /* REMOVE GREEN ICONS */
      i,
      svg,
      .fa,
      .fas,
      .far,
      .fab,
      .icon,
      .quote,
      .quote-icon,
      .testimonial-icon{
        color:var(--amantra-gold-light)!important;
        fill:var(--amantra-gold-light)!important;
        stroke:var(--amantra-gold-light)!important;
      }

      .quote-icon{
        filter:sepia(1) saturate(4) hue-rotate(350deg) brightness(1.3)!important;
      }

      /* ARROWS */
      .prev-btn,
      .next-btn,
      .owl-prev,
      .owl-next,
      .slick-prev,
      .slick-next{
        width:48px!important;
        height:48px!important;
        border-radius:50%!important;
        background:linear-gradient(135deg,var(--amantra-gold-light),var(--amantra-gold))!important;
        color:#050505!important;
        border:1px solid var(--amantra-gold-light)!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        font-size:0!important;
      }

      .prev-btn:before,
      .owl-prev:before,
      .slick-prev:before{
        content:"‹"!important;
        color:#050505!important;
        font-size:34px!important;
        line-height:1!important;
      }

      .next-btn:before,
      .owl-next:before,
      .slick-next:before{
        content:"›"!important;
        color:#050505!important;
        font-size:34px!important;
        line-height:1!important;
      }

      /* AWARDS */
      .our-awards-logo img{
        display:block!important;
        max-width:120px!important;
        margin:0 auto!important;
      }

      .our-awards-logo{
        min-height:170px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        padding:28px!important;
      }

      /* NEWSLETTER */
      .footer .subscribe-newsletter,
      .subscribe-newsletter{
        background:
          radial-gradient(circle at top right,rgba(214,162,30,.25),transparent 34%),
          linear-gradient(145deg,#080703,#151106)!important;
        border:1px solid var(--amantra-line)!important;
        border-radius:24px!important;
        padding:34px!important;
        color:var(--amantra-cream)!important;
        box-shadow:0 16px 50px rgba(0,0,0,.32)!important;
      }

      .footer .subscribe-newsletter h5,
      .subscribe-newsletter h5{
        background:none!important;
        background-color:transparent!important;
        color:var(--amantra-gold-light)!important;
        font-family:var(--primary-font,Poppins,sans-serif)!important;
        font-size:1.125rem!important;
        font-weight:600!important;
        line-height:1.35!important;
        margin:0 0 1rem!important;
        padding:0!important;
      }

      .subscribe-newsletter .alert:empty{
        display:none!important;
        height:0!important;
        min-height:0!important;
        padding:0!important;
        margin:0!important;
        border:0!important;
      }

      .subscribe-newsletter .alert.print-error-msg,
      .subscribe-newsletter .alert.print-success-msg{
        margin:0 0 16px!important;
        padding:12px 18px!important;
        border-radius:12px!important;
        font-size:.9rem!important;
        font-weight:500!important;
        line-height:1.5!important;
        text-align:left!important;
        box-shadow:none!important;
      }

      .subscribe-newsletter .alert.print-error-msg{
        background:rgba(160,45,35,.14)!important;
        border:1px solid rgba(220,90,70,.45)!important;
        color:#ffc9bf!important;
      }

      .subscribe-newsletter .alert.print-success-msg{
        background:rgba(214,162,30,.12)!important;
        border:1px solid var(--amantra-line)!important;
        color:var(--amantra-gold-light)!important;
      }

      input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not(#subscriptionemail),
      textarea,
      .goog-te-combo{
        background:#050505!important;
        color:var(--amantra-cream)!important;
        border:1px solid var(--amantra-line)!important;
        border-radius:999px!important;
      }

      input[type="checkbox"].visually-hidden,
      input[type="checkbox"][name="botcheck"]{
        position:absolute!important;
        width:1px!important;
        height:1px!important;
        padding:0!important;
        margin:-1px!important;
        overflow:hidden!important;
        clip:rect(0,0,0,0)!important;
        white-space:nowrap!important;
        border:0!important;
        opacity:0!important;
        pointer-events:none!important;
        background:transparent!important;
        appearance:none!important;
        -webkit-appearance:none!important;
      }

      textarea{
        border-radius:18px!important;
      }

      input:focus:not(#subscriptionemail),
      textarea:focus,
      .goog-te-combo:focus{
        border-color:var(--amantra-gold-light)!important;
        box-shadow:0 0 0 4px rgba(214,162,30,.20)!important;
        outline:none!important;
      }

      /* CONTACT SECTION */
      .amantra-card-section{
        padding:90px 0!important;
        text-align:center!important;
        background:linear-gradient(180deg,#0c0a06,#050505)!important;
      }

      .amantra-card-section img,
      .amantra-contact-card img{
        display:none!important;
      }

      .amantra-contact-intro{
        max-width:780px;
        margin:0 auto;
        color:var(--amantra-cream)!important;
      }

      .amantra-contact-grid{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:22px;
        margin-top:34px;
        text-align:left;
      }

      .amantra-contact-card{
        padding:26px;
        min-height:160px;
        position:relative;
        overflow:hidden;
      }

      .amantra-contact-card:before{
        content:"";
        position:absolute;
        width:110px;
        height:110px;
        right:-42px;
        top:-42px;
        border-radius:50%;
        background:radial-gradient(circle,rgba(214,162,30,.26),transparent 68%);
      }

      .amantra-contact-card .label{
        display:block;
        color:var(--amantra-muted)!important;
        text-transform:uppercase;
        letter-spacing:.12em;
        font-size:13px;
        margin-bottom:10px;
      }

      .amantra-contact-card strong{
        display:block;
        color:var(--amantra-gold-light)!important;
        font-size:24px;
        margin-bottom:8px;
      }

      .amantra-contact-card a,
      .amantra-contact-card p{
        color:var(--amantra-cream)!important;
        font-size:18px;
        margin:0;
        word-break:break-word;
      }

      .amantra-contact-card a:hover,
      .amantra-contact-card a:focus{
        color:#050505!important;
        background:var(--amantra-gold-light)!important;
        padding:2px 6px;
        border-radius:8px;
        text-shadow:none!important;
      }

      /* BACK TO TOP */
      #button,
      .scroll-top,
      .scrollToTop,
      .back-to-top,
      .go-top{
        background:linear-gradient(135deg,var(--amantra-gold-light),var(--amantra-gold))!important;
        color:#050505!important;
        border:1px solid var(--amantra-gold-light)!important;
        border-radius:50%!important;
        box-shadow:0 10px 24px rgba(214,162,30,.28)!important;
      }

      #button i,
      .scroll-top i,
      .scrollToTop i,
      .back-to-top i,
      .go-top i{
        color:#050505!important;
      }

      /* FOOTER */
      .footer,
      .footer-top,
      .footer-bottom{
        background:#050505!important;
        color:var(--amantra-cream)!important;
        border-color:var(--amantra-line)!important;
      }

      .footer a:hover{
        color:var(--amantra-gold-light)!important;
        background:transparent!important;
      }

      /* WHATSAPP */
      .whatsapp a{
        background:linear-gradient(135deg,var(--amantra-gold-light),var(--amantra-gold))!important;
        color:#050505!important;
        border-radius:16px!important;
      }

      .whatsapp a *,
      .whatsapp span,
      .whatsapp p{
        color:#050505!important;
      }

      /* RESPONSIVE */
      @media (max-width: 768px) {
        .home-overview .overview-con {
          max-width: 100% !important;
          padding: 24px 20px !important;
        }
      }

      @media (max-width: 575px) {
        .amantra-contact-grid {
          grid-template-columns: 1fr !important;
        }
      }

      @media (max-width: 767px) {
        body {
          padding-top: 88px !important;
        }

        .amantra-contact-grid {
          grid-template-columns: 1fr;
        }

        .amantra-contact-card {
          padding: 22px;
        }

        .amantra-hero-content {
          padding: 24px 18px !important;
          width: min(94%, 420px) !important;
        }

        .amantra-hero-content h1 {
          font-size: clamp(28px, 8vw, 40px) !important;
        }

        .amantra-hero-tagline {
          letter-spacing: 0.12em !important;
          font-size: 11px !important;
          margin-bottom: 8px !important;
        }

        .amantra-hero-subtitle {
          font-size: 15px !important;
          margin-bottom: 14px !important;
        }

        .amantra-hero-content {
          max-height: calc(100dvh - 120px) !important;
          overflow-y: auto !important;
        }

        .amantra-hero-content img {
          max-width: 96px !important;
        }

        #menu_trigger {
          z-index: 10001 !important;
        }
      }


      /* Mobile navigation drawer — dark theme */
      @media screen and (max-width: 1199px) {
        .main-header nav {
          top: 72px !important;
          height: calc(100% - 72px) !important;
          background-color: var(--amantra-ink) !important;
          border-left: 1px solid var(--amantra-line) !important;
        }

        .main-header nav ul li a {
          color: var(--amantra-cream) !important;
          border-bottom-color: var(--amantra-line) !important;
        }

        .main-header nav ul li a:hover {
          color: var(--amantra-gold-light) !important;
        }

        .main-header nav .submenu .backmenu-row {
          background: var(--amantra-panel) !important;
          color: var(--amantra-cream) !important;
        }

        .main-header nav ul li a .navtrigger:before {
          border-color: var(--amantra-gold) !important;
        }
      }
      .video-banner.home-banner{
        position:relative!important;
        min-height:100vh!important;
        overflow:hidden!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
      }

      .video-banner.home-banner > .video-banner{
        position:absolute!important;
        inset:0!important;
        overflow:hidden!important;
      }

      .video-banner.home-banner video{
        width:100%!important;
        height:100%!important;
        object-fit:cover!important;
        filter:blur(5px)!important;
        transform:scale(1.06)!important;
        transform-origin:center center!important;
      }

/* === Site fixes (nav, translate, floating UI, forms) === */

[id] {
  scroll-margin-top: 88px;
}

@media (max-width: 1199px) {
  body {
    padding-top: 72px !important;
  }

  [id] {
    scroll-margin-top: 72px;
  }

  .main-header .logo-widget img {
    max-height: 44px !important;
    padding: 4px 8px !important;
  }

  .main-header .goog-te-combo {
    min-width: 64px !important;
    max-width: 80px !important;
    font-size: 10px !important;
  }
}

/* Submenu: rounded hover only, no square underline animation */
.submenu .hvr-underline-from-left > a::after,
.submenu li a::after {
  display: none !important;
}

.submenu li a {
  overflow: hidden;
  border-radius: 10px !important;
}

/* Google Translate widget + dropdown */
.language-btn {
  position: relative;
  overflow: visible !important;
  min-height: 32px !important;
  padding: 4px 8px 4px 6px !important;
  gap: 6px !important;
}

.language-btn svg {
  width: 16px !important;
  height: 16px !important;
}

#google_translate_element {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 26px !important;
  line-height: 1 !important;
}

.goog-te-gadget {
  font-family: var(--primary-font, Poppins, sans-serif) !important;
  font-size: 11px !important;
  color: var(--amantra-cream) !important;
  line-height: 1.2 !important;
}

/* Hide "Powered by Google" text only */
.goog-te-gadget .goog-logo-link,
.goog-te-gadget .goog-te-gadget-icon {
  display: none !important;
}

.goog-te-gadget .goog-te-combo {
  margin: 0 !important;
  padding: 3px 24px 3px 8px !important;
  min-width: 72px !important;
  max-width: 96px !important;
  height: 26px !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  color: var(--amantra-cream) !important;
  background: #0b0a07 !important;
  border: 1px solid var(--amantra-line) !important;
  opacity: 1 !important;
  visibility: visible !important;
  appearance: auto !important;
  -webkit-appearance: menulist !important;
  cursor: pointer !important;
}

/* Native select dropdown list (OS menu) */
.goog-te-gadget .goog-te-combo option {
  color: #050505 !important;
  background: #fff7dc !important;
}

/* Hide top banner only — do NOT hide body > .skiptranslate (hides language menu iframe) */
.goog-te-banner-frame,
.goog-te-banner-frame.skiptranslate,
iframe.goog-te-banner-frame,
#goog-gt-tt,
.goog-te-balloon-frame {
  display: none !important;
}

body {
  top: 0 !important;
}

/* Language menu iframe (must stay visible) */
iframe.goog-te-menu-frame,
.skiptranslate iframe.goog-te-menu-frame {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 100001 !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.55) !important;
  border: 1px solid var(--amantra-line) !important;
  border-radius: 14px !important;
}

.goog-te-menu2 {
  background: var(--amantra-ink) !important;
  border: 1px solid var(--amantra-line) !important;
  border-radius: 12px !important;
  padding: 6px !important;
  max-height: 280px !important;
  overflow-y: auto !important;
}

.goog-te-menu2-item div,
.goog-te-menu2-item:link div,
.goog-te-menu2-item:visited div,
.goog-te-menu2-item-selected div {
  color: var(--amantra-cream) !important;
  background: var(--amantra-ink) !important;
  padding: 10px 14px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
}

.goog-te-menu2-item:hover div {
  background: linear-gradient(
    135deg,
    var(--amantra-gold-light),
    var(--amantra-gold)
  ) !important;
  color: #050505 !important;
}

.main-header .language-btn,
.main-header #google_translate_element {
  overflow: visible !important;
}

/* WhatsApp — full gold (no green base) */
.whatsapp {
  background: linear-gradient(
    135deg,
    var(--amantra-gold-light),
    var(--amantra-gold)
  ) !important;
  border: 1px solid var(--amantra-gold-light) !important;
}

.whatsapp a {
  background: transparent !important;
  width: 100%;
  height: 100%;
}

.whatsapp .con {
  margin-right: 14px !important;
  margin-top: 0 !important;
  padding: 6px 10px !important;
  line-height: 1.25 !important;
}

.whatsapp .con span,
.whatsapp .con p {
  color: #050505 !important;
  margin: 0 !important;
}

.whatsapp .con span {
  display: block !important;
  margin-bottom: 2px !important;
}

.whatsapp .con p {
  line-height: 1.2 !important;
}

/* Free sample kit — fixed position, no overlap while scrolling */
@media (min-width: 768px) {
  .floating-btn-right-sec {
    top: auto !important;
    bottom: calc(
      var(--amantra-copyright-bar) + var(--amantra-float-gap) +
        var(--amantra-whatsapp-float-h) + 14px
    ) !important;
    right: 24px !important;
    left: auto !important;
    transform: none !important;
    transform-origin: unset !important;
    width: auto !important;
    margin-top: 0 !important;
    padding: 0 !important;
    position: fixed !important;
    z-index: 10100 !important;
  }

  .floating-btn-right-sec .btn {
    border-radius: 999px !important;
    min-width: 200px;
    box-shadow: none !important;
    white-space: nowrap;
    transition: none !important;
    transform: none !important;
  }

  .floating-btn-right-sec .btn.freeSample,
  .floating-btn-right-sec .btn.freeSample:visited,
  .floating-btn-right-sec .btn.freeSample:hover,
  .floating-btn-right-sec .btn.freeSample:focus,
  .floating-btn-right-sec .btn.freeSample:active {
    color: #050505 !important;
    background: linear-gradient(
      135deg,
      var(--amantra-gold-light),
      var(--amantra-gold)
    ) !important;
    border: 1px solid var(--amantra-gold-light) !important;
    transform: none !important;
    box-shadow: none !important;
  }

  .floating-btn-right-sec .btn.freeSample span,
  .floating-btn-right-sec .btn.freeSample:hover span,
  .floating-btn-right-sec .btn.freeSample:focus span,
  .floating-btn-right-sec .btn.freeSample:active span {
    color: #050505 !important;
  }

  .whatsapp {
    bottom: calc(var(--amantra-copyright-bar) + var(--amantra-float-gap)) !important;
    right: 24px !important;
    border-radius: 999px !important;
    padding: 10px 18px 10px 14px !important;
    position: fixed !important;
    z-index: 10100 !important;
  }

  .whatsapp a {
    gap: 12px !important;
  }

  .footer,
  .footer .footer-bottom {
    position: relative !important;
    z-index: 1 !important;
  }
}

/* Desktop/tablet landscape: keep floats above copyright (override ≤1199px bottom bar) */
@media (min-width: 992px) {
  .floating-btn-right-sec {
    position: fixed !important;
    top: auto !important;
    left: auto !important;
    right: 24px !important;
    bottom: calc(
      var(--amantra-copyright-bar) + var(--amantra-float-gap) +
        var(--amantra-whatsapp-float-h) + 14px
    ) !important;
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    transform: none !important;
    -webkit-transform: none !important;
    writing-mode: horizontal-tb !important;
    overflow: visible !important;
    z-index: 10100 !important;
  }

  .whatsapp {
    position: fixed !important;
    bottom: calc(var(--amantra-copyright-bar) + var(--amantra-float-gap)) !important;
    right: 24px !important;
    z-index: 10100 !important;
  }
}

@media (max-width: 767px) {
  /* 50 / 50 fixed bottom bar: Sample Kit (left) + WhatsApp (right) */
  .floating-btn-right-sec,
  .whatsapp.d-md-none {
    position: fixed !important;
    top: auto !important;
    bottom: 0 !important;
    width: 50% !important;
    max-width: 50% !important;
    min-width: 0 !important;
    height: var(--amantra-mobile-action-bar) !important;
    min-height: var(--amantra-mobile-action-bar) !important;
    max-height: var(--amantra-mobile-action-bar) !important;
    margin: 0 !important;
    padding: 0 !important;
    padding-bottom: env(safe-area-inset-bottom, 0) !important;
    box-sizing: border-box !important;
    z-index: 10050 !important;
    display: flex !important;
    flex: 0 0 50% !important;
    align-items: stretch !important;
    justify-content: center !important;
    box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.45) !important;
    transform: none !important;
    -webkit-transform: none !important;
    rotate: none !important;
    writing-mode: horizontal-tb !important;
    transform-origin: center !important;
    overflow: hidden !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .floating-btn-right-sec {
    left: 0 !important;
    right: 50% !important;
    background: #0b0a07 !important;
    border-top: 2px solid var(--amantra-gold) !important;
    border-right: 1px solid var(--amantra-line) !important;
  }

  .whatsapp.d-md-none {
    left: 50% !important;
    right: 0 !important;
    border-radius: 0 !important;
    border-top: 2px solid var(--amantra-gold-light) !important;
    background: linear-gradient(
      135deg,
      var(--amantra-gold-light),
      var(--amantra-gold)
    ) !important;
  }

  .whatsapp.d-md-none a {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    gap: 8px !important;
    justify-content: center !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
  }

  .whatsapp.d-md-none .con {
    margin: 0 !important;
    margin-right: 6px !important;
    padding: 0 !important;
  }

  .whatsapp.d-md-none img {
    width: 32px !important;
    height: 32px !important;
    flex-shrink: 0 !important;
  }

  .floating-btn-right-sec .samplekit-btn {
    flex: 1 1 auto !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: stretch !important;
    overflow: hidden !important;
  }

  .floating-btn-right-sec .samplekit-btn .btn,
  .floating-btn-right-sec .btn.freeSample {
    flex: 1 1 auto !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 6px 8px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    text-align: center !important;
    overflow: hidden !important;
    white-space: normal !important;
    line-height: 1.15 !important;
    transform: none !important;
    -webkit-transform: none !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--amantra-gold-light) !important;
  }

  .floating-btn-right-sec .freeSample-text-mobile,
  .floating-btn-right-sec .btn.freeSample span {
    color: var(--amantra-gold-light) !important;
  }

  /* Kill legacy .btn white slide pseudo-elements (stick on mobile tap) */
  .floating-btn-right-sec .btn.freeSample::before,
  .floating-btn-right-sec .btn.freeSample::after,
  .floating-btn-right-sec .samplekit-btn .btn::before,
  .floating-btn-right-sec .samplekit-btn .btn::after {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .floating-btn-right-sec .btn.freeSample:hover,
  .floating-btn-right-sec .btn.freeSample:focus,
  .floating-btn-right-sec .btn.freeSample:active,
  .floating-btn-right-sec .samplekit-btn .btn:hover,
  .floating-btn-right-sec .samplekit-btn .btn:focus,
  .floating-btn-right-sec .samplekit-btn .btn:active {
    background: rgba(214, 162, 30, 0.12) !important;
    background-color: rgba(214, 162, 30, 0.12) !important;
    color: var(--amantra-cream) !important;
    border: none !important;
    transform: none !important;
    box-shadow: none !important;
    outline: none !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  .floating-btn-right-sec .btn.freeSample:hover::before,
  .floating-btn-right-sec .btn.freeSample:hover::after,
  .floating-btn-right-sec .btn.freeSample:focus::before,
  .floating-btn-right-sec .btn.freeSample:focus::after,
  .floating-btn-right-sec .samplekit-btn .btn:hover::before,
  .floating-btn-right-sec .samplekit-btn .btn:hover::after,
  .floating-btn-right-sec .samplekit-btn .btn:focus::before,
  .floating-btn-right-sec .samplekit-btn .btn:focus::after {
    top: -100% !important;
    display: none !important;
  }

  .floating-btn-right-sec .btn.freeSample:hover span,
  .floating-btn-right-sec .btn.freeSample:focus span,
  .floating-btn-right-sec .btn.freeSample:active span {
    color: var(--amantra-cream) !important;
  }

  #button {
    left: auto !important;
    right: 12px !important;
    bottom: calc(var(--amantra-mobile-action-bar) + 12px + env(safe-area-inset-bottom, 0)) !important;
    transform: none !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    padding: 0 !important;
    line-height: 40px !important;
    overflow: hidden !important;
    z-index: 10040 !important;
  }

  #button i {
    line-height: 40px !important;
    font-size: 14px !important;
  }

  main {
    padding-bottom: 64px;
  }
}

/* Newsletter spacing above footer */
.footer .footer-top {
  padding-top: 48px !important;
  padding-bottom: 56px !important;
}

.subscribe-newsletter {
  margin-bottom: 32px !important;
  padding-bottom: 56px !important;
}

/* Sample kit modal (Fancybox) */
.sample-kit-modal,
#sampleKit {
  background: linear-gradient(145deg, #080703, #151106) !important;
  border: 1px solid var(--amantra-line) !important;
  border-radius: 24px !important;
  padding: 36px 32px 32px !important;
  max-width: 480px !important;
  width: 95% !important;
  color: var(--amantra-cream) !important;
}

.sample-kit-modal h4,
#sampleKit h4 {
  color: var(--amantra-gold-light) !important;
  margin-bottom: 24px !important;
  font-weight: 600 !important;
}

.sample-kit-modal h4 small,
#sampleKit h4 small {
  color: var(--amantra-muted) !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.sample-kit-modal .form-group,
#sampleKit .form-group {
  margin-bottom: 16px !important;
}

.sample-kit-modal .form-control,
#sampleKit .form-control {
  display: block !important;
  width: 100% !important;
  background: #050505 !important;
  color: var(--amantra-cream) !important;
  border: 1px solid var(--amantra-line) !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  font-size: 15px !important;
}

.sample-kit-modal .form-control::placeholder,
#sampleKit .form-control::placeholder {
  color: var(--amantra-muted) !important;
  opacity: 0.85;
}

.sample-kit-modal textarea.form-control,
#sampleKit textarea.form-control {
  border-radius: 14px !important;
  min-height: 100px;
  resize: vertical;
}

.sample-kit-modal .btn,
#sampleKit .btn {
  width: 100% !important;
  margin-top: 8px !important;
  border-radius: 999px !important;
}

.sample-kit-modal .order-success,
#sampleKit .order-success {
  margin-bottom: 16px;
  border-radius: 12px;
}

.fancybox-slide--html .fancybox-content {
  background: transparent !important;
  padding: 0 !important;
}

.fancybox-bg {
  background: rgba(5, 5, 5, 0.88) !important;
}

.portfolio-placeholder {
  min-height: 160px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
}

.portfolio-placeholder p {
  color: var(--amantra-cream) !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  max-width: 320px;
  text-align: center;
}

/* Free sample kit labels */
.freeSample-text-mobile {
  display: none;
}

.freeSample-text-desktop,
.freeSample-text-desktop * {
  display: inline;
}

/* Tablet only: same 50/50 bottom bar as phone */
@media (min-width: 768px) and (max-width: 991px) {
  .floating-btn-right-sec,
  .whatsapp.d-md-none {
    top: auto !important;
    bottom: 0 !important;
    width: 50% !important;
    max-width: 50% !important;
    min-width: 0 !important;
    height: var(--amantra-mobile-action-bar) !important;
    max-height: var(--amantra-mobile-action-bar) !important;
    min-height: var(--amantra-mobile-action-bar) !important;
    transform: none !important;
    -webkit-transform: none !important;
    rotate: none !important;
    writing-mode: horizontal-tb !important;
    transform-origin: center !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    z-index: 10050 !important;
  }

  .floating-btn-right-sec {
    left: 0 !important;
    right: 50% !important;
  }

  .whatsapp.d-md-none {
    left: 50% !important;
    right: 0 !important;
  }
}

@media (max-width: 767px) {
  .freeSample-text-desktop,
  .freeSample-text-desktop * {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
  }

  .freeSample-text-mobile {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    text-transform: uppercase !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 4px !important;
    box-sizing: border-box !important;
  }

  .freeSample-icon {
    display: block !important;
    font-size: 11px !important;
    line-height: 1 !important;
    color: var(--amantra-gold) !important;
  }
}

@media (min-width: 768px) {
  .freeSample-text-mobile {
    display: none !important;
  }
}

/* === Mobile & small-tablet layout === */
@media (max-width: 1199px) {
  .main-header {
    padding: 8px 12px !important;
  }

  .main-header .container-fluid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
  }

  .main-header .logo-widget {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: 42% !important;
  }

  .main-header .header-widget {
    flex: 0 0 auto !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
  }

  .main-header .main-navigation {
    position: fixed !important;
    top: 72px !important;
    right: -290px !important;
    width: 290px !important;
    height: calc(100% - 72px) !important;
    margin: 0 !important;
    z-index: 10000 !important;
  }

  .main-header .main-navigation.open {
    right: 0 !important;
  }

  .main-header .other-btn .get-quote {
    display: none !important;
  }

  .main-header .other-widget {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    gap: 6px !important;
    order: 1 !important;
  }

  .main-header .language-btn {
    flex-shrink: 0 !important;
  }

  .main-header #menu_trigger,
  .main-header .nav-togl {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    flex: 0 0 auto !important;
    order: 2 !important;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: linear-gradient(145deg, #12100a, #0b0a07) !important;
    border: 1px solid var(--amantra-line) !important;
    border-radius: 12px !important;
    z-index: 10001 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 5px !important;
    box-sizing: border-box !important;
  }

  .nav-togl::after,
  #menu_trigger.nav-togl::after {
    display: none !important;
    content: none !important;
  }

  .nav-togl span,
  #menu_trigger.nav-togl span {
    display: block !important;
    width: 22px !important;
    height: 2px !important;
    margin: 0 !important;
    border-radius: 1px !important;
    background: var(--amantra-gold) !important;
    flex-shrink: 0 !important;
    transition: transform 0.25s ease, opacity 0.25s ease !important;
  }

  .nav-togl span:nth-of-type(1),
  .nav-togl span:nth-of-type(2),
  .nav-togl span:nth-of-type(3),
  #menu_trigger.nav-togl span:nth-of-type(1),
  #menu_trigger.nav-togl span:nth-of-type(2),
  #menu_trigger.nav-togl span:nth-of-type(3) {
    width: 22px !important;
  }

  .nav-togl.active,
  #menu_trigger.nav-togl.active {
    gap: 0 !important;
    justify-content: center !important;
  }

  .nav-togl.active span:nth-of-type(1),
  #menu_trigger.nav-togl.active span:nth-of-type(1) {
    transform: translateY(7px) rotate(45deg) !important;
    width: 22px !important;
  }

  .nav-togl.active span:nth-of-type(2),
  #menu_trigger.nav-togl.active span:nth-of-type(2) {
    opacity: 0 !important;
    transform: scaleX(0) !important;
    width: 22px !important;
  }

  .nav-togl.active span:nth-of-type(3),
  #menu_trigger.nav-togl.active span:nth-of-type(3) {
    transform: translateY(-7px) rotate(-45deg) !important;
    width: 22px !important;
  }
}

@media (max-width: 991px) {
  .have-projects-sec .have-projects-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    flex-direction: column !important;
    text-align: center !important;
    gap: 12px !important;
  }

  .have-projects-sec .col-left,
  .have-projects-sec .col-right {
    padding-left: 16px !important;
    padding-right: 16px !important;
    width: 100% !important;
  }

  .have-projects-sec .quoater {
    justify-content: center !important;
  }

  .sustainability-carousel .item {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-bottom: 20px !important;
  }

  .services-sec .service-carousel > .item {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    margin-bottom: 0 !important;
  }

  .resp-tabs-list.portfolioParent {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 0 8px !important;
  }

  .resp-tabs-list.portfolioParent li {
    display: inline-block !important;
    font-size: 13px !important;
    padding: 10px 14px !important;
    margin: 4px !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.3 !important;
    max-width: calc(50% - 12px) !important;
  }
}

@media (max-width: 768px) {
  html,
  body {
    overflow-x: hidden !important;
  }

  .container,
  .container-fluid {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  section {
    overflow-x: hidden;
  }

  .video-banner.home-banner {
    min-height: calc(100vh - 88px) !important;
    min-height: calc(100dvh - 88px) !important;
  }

  /* Portfolio: accordion on small screens (do not force tab list visible) */
  ul.resp-tabs-list.portfolioParent {
    display: none !important;
  }

  h2.resp-accordion {
    display: block !important;
    margin: 10px 0 0 !important;
    padding: 14px 16px !important;
    font-size: 0.95rem !important;
    line-height: 1.35 !important;
    color: var(--amantra-cream) !important;
    background: rgba(214, 162, 30, 0.08) !important;
    border: 1px solid var(--amantra-line) !important;
    border-radius: 14px !important;
  }

  h2.resp-tab-active {
    color: #050505 !important;
    background: linear-gradient(
      135deg,
      var(--amantra-gold-light),
      var(--amantra-gold)
    ) !important;
    border-color: var(--amantra-gold-light) !important;
  }

  .portfolio-tab-container {
    margin-top: 16px !important;
    margin-bottom: 28px !important;
  }

  .portfolio-tab-container .owl-carousel {
    padding: 0 8px !important;
  }

  .our-portfolio-logo {
    margin: 10px 0 !important;
    min-height: 0 !important;
    padding: 12px !important;
  }

  .our-portfolio-logo img,
  .our-portfolio-logo .portfolio-card-img {
    height: auto !important;
    max-height: 200px !important;
    min-height: 140px !important;
  }

  .portfolio-tab-container .owl-carousel .owl-nav button.owl-prev {
    left: 0 !important;
  }

  .portfolio-tab-container .owl-carousel .owl-nav button.owl-next {
    right: 0 !important;
  }

  .services-sec .service-carousel.row-md {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  .services-sec .service-carousel .bottom-box {
    min-height: 360px !important;
  }

  .services-sec .bottom-wiget .bottom-box .caption-info {
    min-height: 140px !important;
    padding: 16px 20px !important;
  }

  .services-sec .bottom-wiget .bottom-box .caption-info h3 {
    min-height: 2.4em !important;
    font-size: 1.05rem !important;
  }

  .services-sec .bottom-wiget .bottom-box .caption-info .info {
    min-height: 2.9em !important;
    font-size: 0.92rem !important;
  }

  .satisfied-sec .container-fluid {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .satisfied-sec .testimonials-head__nav,
  .satisfied-sec .btn-wrap {
    margin: 0 !important;
    padding-left: 0 !important;
  }

  .stay-conn-gap {
    padding-bottom: 48px !important;
  }

  .amantra-card-section {
    padding: 56px 0 !important;
  }

  .amantra-contact-card strong {
    font-size: 20px !important;
  }

  .amantra-contact-card a,
  .amantra-contact-card p {
    font-size: 16px !important;
  }

  .footer .footer-bottom {
    padding-bottom: 72px !important;
  }
}

@media (max-width: 400px) {
  .resp-tabs-list.portfolioParent li {
    max-width: 100% !important;
  }

  .floating-btn-right-sec .btn.freeSample {
    padding: 4px 6px !important;
  }

  .freeSample-text-mobile {
    font-size: 9px !important;
    letter-spacing: 0.04em !important;
  }

  .whatsapp.d-md-none .con span,
  .whatsapp.d-md-none .con p {
    font-size: 10px !important;
  }

  .whatsapp.d-md-none img {
    width: 28px !important;
    height: 28px !important;
  }
}

/* Newsletter — desktop pill layout */
@media (min-width: 768px) {
  .footer .subscribe-newsletter > .newsletter-form-field,
  .subscribe-newsletter > .newsletter-form-field,
  .footer .subscribe-newsletter > .form-control,
  .subscribe-newsletter > .form-control {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 5px !important;
    background: #2a2628 !important;
    background-color: #2a2628 !important;
    border: 1px solid var(--amantra-line) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    color: var(--amantra-cream) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  }

  .subscribe-newsletter .newsletter-form-field:focus-within,
  .subscribe-newsletter > .form-control:focus-within {
    border-color: var(--amantra-gold-light) !important;
    box-shadow: 0 0 0 4px rgba(214, 162, 30, 0.2) !important;
  }

  .subscribe-newsletter .newsletter-form-field form,
  .subscribe-newsletter .form-control form {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    min-height: 52px !important;
    background: transparent !important;
  }

  .subscribe-newsletter .newsletter-form-field .input,
  .subscribe-newsletter .form-control .input,
  .subscribe-newsletter input.input[type="email"],
  .subscribe-newsletter #subscriptionemail {
    display: block !important;
    width: calc(100% - 155px) !important;
    max-width: calc(100% - 155px) !important;
    padding: 14px 12px 14px 22px !important;
    margin: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    color: var(--amantra-cream) !important;
    -webkit-text-fill-color: var(--amantra-cream) !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  .subscribe-newsletter .newsletter-form-field .input:focus,
  .subscribe-newsletter .form-control .input:focus,
  .subscribe-newsletter input.input[type="email"]:focus,
  .subscribe-newsletter #subscriptionemail:focus {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
  }

  .subscribe-newsletter .newsletter-form-field .input:-webkit-autofill,
  .subscribe-newsletter .newsletter-form-field .input:-webkit-autofill:hover,
  .subscribe-newsletter .newsletter-form-field .input:-webkit-autofill:focus,
  .subscribe-newsletter #subscriptionemail:-webkit-autofill,
  .subscribe-newsletter #subscriptionemail:-webkit-autofill:hover,
  .subscribe-newsletter #subscriptionemail:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--amantra-cream) !important;
    caret-color: var(--amantra-cream) !important;
    -webkit-box-shadow: 0 0 0 1000px #2a2628 inset !important;
    box-shadow: 0 0 0 1000px #2a2628 inset !important;
    transition: background-color 9999s ease-out 0s !important;
  }

  .subscribe-newsletter .newsletter-form-field .input::placeholder,
  .subscribe-newsletter .form-control .input::placeholder {
    color: var(--amantra-muted) !important;
    opacity: 0.9;
  }

  .subscribe-newsletter .newsletter-form-field .btn,
  .subscribe-newsletter .form-control .btn,
  .subscribe-newsletter #GetSubscriptionForm.btn {
    position: absolute !important;
    top: 5px !important;
    right: 5px !important;
    width: auto !important;
    height: calc(100% - 10px) !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 10px 24px !important;
    border-radius: 999px !important;
  }
}

/* Newsletter — mobile: compact accent card + inline email row */
@media (max-width: 767px) {
  .footer .subscribe-newsletter,
  .subscribe-newsletter {
    background: #0b0a07 !important;
    border: 1px solid var(--amantra-line) !important;
    border-left: 4px solid var(--amantra-gold-light) !important;
    border-radius: 16px !important;
    padding: 20px 18px 22px !important;
    max-width: 100% !important;
    box-shadow: none !important;
  }

  .footer .subscribe-newsletter h5,
  .subscribe-newsletter h5 {
    font-size: 1rem !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    margin: 0 0 14px !important;
  }

  .footer .subscribe-newsletter > .newsletter-form-field,
  .subscribe-newsletter > .newsletter-form-field,
  .footer .subscribe-newsletter > .form-control,
  .subscribe-newsletter > .form-control {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    color: inherit !important;
  }

  .subscribe-newsletter .newsletter-form-field form,
  .subscribe-newsletter .form-control form {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 10px !important;
    align-items: stretch !important;
    position: relative !important;
    background: transparent !important;
    min-height: 0 !important;
  }

  .subscribe-newsletter .newsletter-form-field .input,
  .subscribe-newsletter .form-control .input,
  .subscribe-newsletter input.input[type="email"],
  .subscribe-newsletter #subscriptionemail {
    display: block !important;
    grid-column: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 12px 14px !important;
    margin: 0 !important;
    background: rgba(5, 5, 5, 0.55) !important;
    background-color: rgba(5, 5, 5, 0.55) !important;
    border: none !important;
    border-bottom: 2px solid var(--amantra-line) !important;
    border-radius: 10px 10px 0 0 !important;
    color: var(--amantra-cream) !important;
    -webkit-text-fill-color: var(--amantra-cream) !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    box-shadow: none !important;
    font-size: 0.95rem !important;
  }

  .subscribe-newsletter .newsletter-form-field .input:focus,
  .subscribe-newsletter .form-control .input:focus,
  .subscribe-newsletter input.input[type="email"]:focus,
  .subscribe-newsletter #subscriptionemail:focus {
    background: rgba(5, 5, 5, 0.7) !important;
    background-color: rgba(5, 5, 5, 0.7) !important;
    border-bottom-color: var(--amantra-gold-light) !important;
    outline: none !important;
    box-shadow: none !important;
  }

  .subscribe-newsletter .newsletter-form-field .input:-webkit-autofill,
  .subscribe-newsletter .newsletter-form-field .input:-webkit-autofill:hover,
  .subscribe-newsletter .newsletter-form-field .input:-webkit-autofill:focus,
  .subscribe-newsletter #subscriptionemail:-webkit-autofill,
  .subscribe-newsletter #subscriptionemail:-webkit-autofill:hover,
  .subscribe-newsletter #subscriptionemail:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--amantra-cream) !important;
    caret-color: var(--amantra-cream) !important;
    border-bottom: 2px solid var(--amantra-line) !important;
    -webkit-box-shadow: 0 0 0 1000px rgba(5, 5, 5, 0.55) inset !important;
    box-shadow: 0 0 0 1000px rgba(5, 5, 5, 0.55) inset !important;
    transition: background-color 9999s ease-out 0s !important;
  }

  .subscribe-newsletter .newsletter-form-field .btn,
  .subscribe-newsletter .form-control .btn,
  .subscribe-newsletter #GetSubscriptionForm.btn {
    position: static !important;
    grid-column: 2 !important;
    align-self: end !important;
    width: auto !important;
    min-width: 96px !important;
    height: auto !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 10px 16px !important;
    border-radius: 10px !important;
    border: 2px dashed var(--amantra-gold) !important;
    background: transparent !important;
    background-color: transparent !important;
    color: var(--amantra-gold-light) !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    overflow: visible !important;
    -webkit-tap-highlight-color: transparent !important;
    touch-action: manipulation !important;
    cursor: pointer !important;
    z-index: 2 !important;
    box-shadow: none !important;
    outline: none !important;
    transform: none !important;
  }

  .subscribe-newsletter #GetSubscriptionForm.btn::before,
  .subscribe-newsletter #GetSubscriptionForm.btn::after {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .subscribe-newsletter #GetSubscriptionForm.btn:hover,
  .subscribe-newsletter #GetSubscriptionForm.btn:focus,
  .subscribe-newsletter #GetSubscriptionForm.btn:active,
  .subscribe-newsletter #GetSubscriptionForm.btn:focus-visible {
    color: var(--amantra-gold-light) !important;
    background: rgba(214, 162, 30, 0.14) !important;
    background-color: rgba(214, 162, 30, 0.14) !important;
    border: 2px dashed var(--amantra-gold-light) !important;
    border-style: dashed !important;
    transform: none !important;
    box-shadow: none !important;
    outline: none !important;
  }

  .subscribe-newsletter #GetSubscriptionForm.btn:hover::before,
  .subscribe-newsletter #GetSubscriptionForm.btn:hover::after,
  .subscribe-newsletter #GetSubscriptionForm.btn:focus::before,
  .subscribe-newsletter #GetSubscriptionForm.btn:focus::after {
    top: -100% !important;
    display: none !important;
  }
}

@media (max-width: 380px) {
  .subscribe-newsletter .newsletter-form-field form,
  .subscribe-newsletter .form-control form {
    grid-template-columns: 1fr !important;
  }

  .subscribe-newsletter .newsletter-form-field .btn,
  .subscribe-newsletter .form-control .btn,
  .subscribe-newsletter #GetSubscriptionForm.btn {
    grid-column: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* Sustainability cards — room for long copy */
.sustainability-sec .sustainability-carousel {
  margin-top: 32px !important;
}

.sustainability-sec .sust-indi {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 28px 22px 32px !important;
  text-align: left !important;
}

.sustainability-sec .sust-indi:hover {
  transform: none !important;
}

.sustainability-sec .sust-indi p {
  margin: 0 !important;
  line-height: 1.65 !important;
  font-size: clamp(0.9rem, 2.2vw, 1rem) !important;
  color: var(--amantra-cream) !important;
}

.sustainability-sec .sust-indi .icon {
  display: block !important;
  margin: 0 auto 20px !important;
  text-align: center !important;
}

.sustainability-sec .sust-indi .icon img {
  width: 64px !important;
  height: auto !important;
  max-height: 72px !important;
  object-fit: contain !important;
  margin: 0 auto !important;
}

@media (min-width: 768px) {
  .sustainability-sec .sustainability-carousel {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 24px !important;
    justify-content: center !important;
  }

  .sustainability-sec .sustainability-carousel > .item {
    flex: 1 1 calc(33.333% - 16px) !important;
    max-width: calc(33.333% - 16px) !important;
    min-width: 260px !important;
    display: flex !important;
    margin-bottom: 0 !important;
  }

  .sustainability-sec .sustainability-carousel > .item .sust-indi {
    flex: 1 1 auto !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
  }
}

@media (max-width: 767px) {
  .sustainability-sec .sustainability-carousel {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 18px !important;
    margin-top: 24px !important;
  }

  .sustainability-sec .sustainability-carousel.owl-carousel {
    display: flex !important;
  }

  .sustainability-sec .sustainability-carousel.owl-carousel .owl-stage-outer,
  .sustainability-sec .sustainability-carousel.owl-carousel .owl-stage {
    display: contents !important;
    overflow: visible !important;
    transform: none !important;
    width: 100% !important;
  }

  .sustainability-sec .sustainability-carousel .owl-item,
  .sustainability-sec .sustainability-carousel > .item {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin-bottom: 0 !important;
    float: none !important;
  }

  .sustainability-sec .sust-indi {
    height: auto !important;
    min-height: 0 !important;
    margin-bottom: 0 !important;
    padding: 22px 20px 24px 24px !important;
    border-radius: 16px !important;
    border-left-width: 4px !important;
    border-left-style: solid !important;
    text-align: left !important;
    align-items: flex-start !important;
    transform: none !important;
  }

  .sustainability-sec .sust-indi:hover {
    transform: none !important;
  }

  .sustainability-sec .sustainability-carousel > .item:nth-child(1) .sust-indi {
    border-left-color: var(--amantra-gold-light) !important;
    background: linear-gradient(
      135deg,
      rgba(255, 224, 138, 0.12),
      rgba(255, 255, 255, 0.03)
    ) !important;
  }

  .sustainability-sec .sustainability-carousel > .item:nth-child(2) .sust-indi {
    border-left-color: var(--amantra-gold) !important;
    background: linear-gradient(
      145deg,
      rgba(214, 162, 30, 0.1),
      rgba(5, 5, 5, 0.2)
    ) !important;
  }

  .sustainability-sec .sustainability-carousel > .item:nth-child(3) .sust-indi {
    border-left-color: var(--amantra-muted) !important;
    background: linear-gradient(
      160deg,
      rgba(217, 198, 141, 0.08),
      rgba(255, 255, 255, 0.02)
    ) !important;
  }

  .sustainability-sec .sust-indi .icon {
    margin: 0 0 14px !important;
    text-align: left !important;
  }

  .sustainability-sec .sust-indi .icon img {
    width: 52px !important;
    max-height: 56px !important;
    margin: 0 !important;
  }

  .sustainability-sec .sust-indi p {
    font-size: 0.92rem !important;
    line-height: 1.6 !important;
  }
}

/* Testimonials — section header */
.section-eyebrow {
  display: inline-block !important;
  color: var(--amantra-gold) !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  margin-bottom: 12px !important;
  padding: 6px 14px !important;
  border-radius: 999px !important;
  border: 1px solid var(--amantra-line) !important;
  background: rgba(214, 162, 30, 0.08) !important;
}

.satisfied-sec .headings,
.satisfied-sec .testimonials-head {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 24px 32px !important;
  padding: 28px 32px 24px !important;
  margin-bottom: 8px !important;
  border-radius: 24px !important;
  border: 1px solid var(--amantra-line) !important;
  background: linear-gradient(
    135deg,
    rgba(255, 224, 138, 0.09),
    rgba(255, 255, 255, 0.02)
  ) !important;
  box-shadow: 0 22px 56px rgba(0, 0, 0, 0.38) !important;
  overflow: hidden !important;
}

.satisfied-sec .headings::before,
.satisfied-sec .testimonials-head::before {
  content: "\201C" !important;
  position: absolute !important;
  top: -8px !important;
  right: 24px !important;
  left: auto !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(96px, 14vw, 140px) !important;
  line-height: 1 !important;
  color: var(--amantra-gold) !important;
  opacity: 0.12 !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

.satisfied-sec .testimonials-head__copy {
  position: relative !important;
  z-index: 2 !important;
  flex: 1 1 280px !important;
  max-width: 640px !important;
}

.satisfied-sec .testimonials-head__title {
  position: relative !important;
  z-index: 2 !important;
  padding: 0 !important;
  margin: 0 0 12px !important;
  line-height: 1.05 !important;
  font-size: clamp(32px, 4.5vw, 52px) !important;
  letter-spacing: -0.03em !important;
  text-align: left !important;
}

.satisfied-sec .testimonials-head__title::after {
  display: none !important;
}

.satisfied-sec .testimonials-head__line {
  display: block !important;
}

.satisfied-sec .testimonials-head__accent {
  background: linear-gradient(
    90deg,
    var(--amantra-gold-light),
    var(--amantra-gold)
  ) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  text-shadow: none !important;
}

.satisfied-sec .testimonials-head__lead {
  margin: 0 !important;
  max-width: 52ch !important;
  color: var(--amantra-muted) !important;
  font-size: clamp(14px, 1.5vw, 16px) !important;
  line-height: 1.65 !important;
  text-align: left !important;
}

.satisfied-sec .testimonials-head__nav,
.satisfied-sec .headings .btn-wrap {
  position: relative !important;
  z-index: 2 !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.satisfied-sec .quote-con {
  position: relative !important;
  z-index: 1 !important;
  margin-bottom: 4px !important;
}

.satisfied-sec .quote-con .quote-icon {
  width: 36px !important;
  height: auto !important;
  max-height: 32px !important;
  opacity: 0.85 !important;
}

.satisfied-sec .our-satisfied-es .top-con,
.satisfied-sec .our-satisfied-es .btm-con {
  position: relative !important;
  z-index: 2 !important;
}

.satisfied-sec .our-satisfied-es .btm-con .content p {
  line-height: 1.6 !important;
}

@media (min-width: 992px) {
  .satisfied-sec .testimonials-head {
    padding: 36px 40px 30px !important;
  }

  .satisfied-sec .testimonials-head::before {
    right: 40px !important;
    top: -12px !important;
  }
}

@media (max-width: 767px) {
  .amantra-hero-actions {
    flex-direction: column !important;
    width: 100% !important;
  }

  .amantra-hero-actions .btn {
    width: 100% !important;
    justify-content: center !important;
  }

  .amantra-hero-copy {
    text-align: center !important;
  }

  .satisfied-sec .testimonials-head {
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 22px 18px 18px !important;
    gap: 18px !important;
  }

  .satisfied-sec .testimonials-head__title {
    font-size: clamp(28px, 7.5vw, 38px) !important;
    text-align: left !important;
  }

  .satisfied-sec .testimonials-head__nav {
    justify-content: flex-start !important;
    padding-top: 4px !important;
    border-top: 1px solid var(--amantra-line) !important;
  }

  .satisfied-sec .headings::before,
  .satisfied-sec .testimonials-head::before {
    font-size: 88px !important;
    right: 12px !important;
    top: 4px !important;
    opacity: 0.1 !important;
  }
}

/* Touch devices: prevent sticky :hover white .btn pseudo slide */
@media (hover: none) and (pointer: coarse) {
  .floating-btn-right-sec .btn.freeSample::before,
  .floating-btn-right-sec .btn.freeSample::after,
  .floating-btn-right-sec .samplekit-btn .btn::before,
  .floating-btn-right-sec .samplekit-btn .btn::after,
  .subscribe-newsletter #GetSubscriptionForm.btn::before,
  .subscribe-newsletter #GetSubscriptionForm.btn::after {
    display: none !important;
    content: none !important;
    top: -100% !important;
  }

  .floating-btn-right-sec .btn.freeSample:hover,
  .floating-btn-right-sec .btn.freeSample:focus,
  .subscribe-newsletter #GetSubscriptionForm.btn:hover,
  .subscribe-newsletter #GetSubscriptionForm.btn:focus {
    transform: none !important;
    box-shadow: none !important;
  }
}

/* Footer social icon title popups — spacing + theme */
.footer-widget-social {
  margin-top: 36px !important;
  padding-top: 40px !important;
  overflow: visible !important;
}

.footer-widget-social ul.footer-social-links {
  overflow: visible !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

.footer-social-links li {
  margin: 0 8px !important;
  overflow: visible !important;
}

.footer-social-links li a::after {
  top: 0 !important;
  padding: 8px 16px !important;
  white-space: nowrap !important;
  background: linear-gradient(145deg, #151106, #080703) !important;
  color: var(--amantra-cream) !important;
  border: 1px solid var(--amantra-line) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45) !important;
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

.footer-social-links li a::before {
  border-top-color: var(--amantra-gold-light) !important;
}

.footer-social-links li:hover a::before {
  top: -10px !important;
}

.footer-social-links li:hover a::after {
  top: -48px !important;
}

/* === UX conversion layer (tokens, layout, a11y, motion) === */

.section-lead {
  max-width: 42rem;
  margin: 0 auto 1.75rem;
  color: var(--amantra-muted) !important;
  font-size: var(--text-base);
  line-height: var(--leading-body);
}

/* Primary buttons — reinforced (see also header/hero block above) */
.btn.btn-primary,
.btn.amantra-cta-primary,
.get-quote .btn.btn-primary,
.amantra-inline-cta .btn.btn-primary,
.have-projects-sec .btn.btn-primary,
.amantra-hero-actions .btn.btn-primary,
a.btn-primary.amantra-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  background: linear-gradient(
    135deg,
    var(--amantra-gold-light),
    var(--amantra-gold)
  ) !important;
  color: #050505 !important;
  border: 1px solid var(--amantra-gold-light) !important;
  font-weight: 700 !important;
  box-shadow: 0 12px 32px rgba(214, 162, 30, 0.28) !important;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.amantra-cta-primary:hover,
.btn.amantra-cta-primary:focus,
.get-quote .btn.btn-primary:hover,
.get-quote .btn.btn-primary:focus,
.amantra-inline-cta .btn.btn-primary:hover,
.have-projects-sec .btn.btn-primary:hover {
  color: #050505 !important;
  transform: translateY(-2px);
  box-shadow: 0 16px 40px rgba(214, 162, 30, 0.36) !important;
}

.btn.btn-primary span,
.btn.amantra-cta-primary span,
.get-quote .btn.btn-primary span,
.amantra-inline-cta .btn.btn-primary span,
.have-projects-sec .btn.btn-primary span,
.amantra-hero-actions .btn.btn-primary span,
a.btn-primary.amantra-cta span {
  display: inline !important;
  position: static !important;
  color: #050505 !important;
  line-height: inherit !important;
}

/* Disable legacy white slide pseudo-elements on filled primary buttons */
.btn.btn-primary::before,
.btn.btn-primary::after,
.btn.amantra-cta-primary::before,
.btn.amantra-cta-primary::after,
.get-quote .btn.btn-primary::before,
.get-quote .btn.btn-primary::after {
  display: none !important;
  content: none !important;
}

/* Hero — value-first hierarchy */
.amantra-hero-eyebrow {
  margin: 0 0 10px;
  color: var(--amantra-muted) !important;
  font-size: var(--text-sm) !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
}

.amantra-hero-content h1 {
  font-size: var(--text-hero) !important;
  line-height: var(--leading-tight) !important;
  color: var(--amantra-gold-light) !important;
  margin-bottom: 10px !important;
}

.amantra-hero-tagline {
  font-size: clamp(13px, 1.5vw, 16px) !important;
  letter-spacing: 0.18em !important;
  margin-bottom: 16px !important;
}

.video-banner.home-banner {
  min-height: min(100vh, 900px) !important;
}

@media (max-width: 767px) {
  .video-banner.home-banner {
    min-height: min(85svh, 720px) !important;
  }

  .amantra-hero-logo {
    display: none !important;
  }

  .amantra-hero-content {
    padding: 24px 20px !important;
    width: min(94%, 520px) !important;
  }

  .amantra-hero-copy p {
    font-size: var(--text-sm) !important;
  }
}

html.hero-video-off .hero-video-wrap,
html.reduce-motion .hero-video-wrap {
  background: linear-gradient(180deg, #050505 0%, #100d07 50%, #050505 100%);
}

html.hero-video-off .hero-video,
html.reduce-motion .hero-video {
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Trust strip */
.trust-strip {
  padding: clamp(1.25rem, 3vw, 2rem) 0;
  background: linear-gradient(
    180deg,
    rgba(214, 162, 30, 0.08),
    transparent
  );
  border-bottom: 1px solid var(--amantra-line);
}

.trust-strip__list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px 20px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.trust-strip__item {
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--amantra-line);
  text-align: center;
}

.trust-strip__label {
  display: block;
  color: var(--amantra-cream) !important;
  font-size: var(--text-sm);
  line-height: 1.45;
  font-weight: 500;
}

@media (max-width: 991px) {
  .trust-strip__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575px) {
  .trust-strip__list {
    grid-template-columns: 1fr;
  }
}

/* Why Amantra cards */
.why-amantra-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin-top: 28px;
  text-align: left;
}

.why-amantra-card {
  padding: 24px 26px;
  border-radius: 20px;
  background: linear-gradient(
    145deg,
    rgba(255, 224, 138, 0.08),
    rgba(255, 255, 255, 0.02)
  );
  border: 1px solid var(--amantra-line);
}

.why-amantra-card p {
  margin: 0;
  color: var(--amantra-cream) !important;
  font-size: var(--text-base);
  line-height: var(--leading-body);
}

.why-amantra-card--accent {
  border-color: var(--amantra-gold-light);
}

.why-amantra-card--accent p {
  color: var(--amantra-gold-light) !important;
  font-weight: 600;
}

@media (max-width: 767px) {
  .why-amantra-grid {
    grid-template-columns: 1fr;
  }
}

/* Capabilities */
.capabilities-panel {
  max-width: 820px;
  margin: 28px auto 0;
  padding: 32px 36px;
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(255, 224, 138, 0.09), rgba(5, 5, 5, 0.4));
  border: 1px solid var(--amantra-line);
  text-align: left;
}

.capabilities-panel p {
  margin: 16px 0 0;
  color: var(--amantra-cream) !important;
  line-height: var(--leading-body);
}

.capabilities-panel .icon img {
  max-height: 72px;
  width: auto;
}

.sustainability-carousel--two .item {
  flex: 0 0 50%;
  max-width: 50%;
}

@media (max-width: 767px) {
  .sustainability-carousel--two {
    flex-direction: column;
  }

  .sustainability-carousel--two .item {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Recognition — static grid */
.recognition-grid {
  margin-top: 32px;
  align-items: flex-start;
}

.recognition-grid .our-awards-logo {
  margin-bottom: 12px;
}

.recognition-grid p {
  color: var(--amantra-cream) !important;
  font-weight: 600;
}

/* Inline CTA — button only, no full-width color band */
.amantra-inline-cta {
  background: transparent !important;
  border: none !important;
}

.amantra-inline-cta .container {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100%;
}

.amantra-inline-cta .btn.btn-primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
  min-height: 48px;
  padding: 14px 28px !important;
}

.amantra-inline-cta .btn.btn-primary span {
  display: inline !important;
  position: static !important;
  white-space: nowrap;
}

/* Header Get A Quote — centered in fixed width */
.get-quote a.btn.btn-primary {
  width: auto !important;
  min-width: 148px !important;
  max-width: 100% !important;
  padding: 10px 18px !important;
  font-size: 14px !important;
}

.get-quote a.btn.btn-primary span {
  display: inline !important;
  position: static !important;
}

.services-sec__head {
  margin-bottom: 8px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }

  .animated,
  .animatedParent .animated {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .animatedParent .animated.go {
    animation: none !important;
  }

  .our-portfolio-logo:hover img {
    transform: none !important;
  }
}

html.reduce-motion .animated,
html.reduce-motion .animatedParent .animated {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
}

html.reduce-motion {
  scroll-behavior: auto !important;
}

#button {
  min-width: 44px;
  min-height: 44px;
}

/* Primary CTAs — pill only, never full-width gold strip */
.btn.btn-primary,
.btn.amantra-cta-primary,
.get-quote a.btn.btn-primary,
.amantra-inline-cta a.btn.btn-primary,
.have-projects-sec a.btn.btn-primary,
.amantra-hero-actions a.btn.btn-primary,
a.btn.btn-primary.amantra-cta {
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
  align-self: center !important;
}

.amantra-hero-actions {
  justify-content: center !important;
  align-items: center !important;
}

.amantra-hero-actions .btn {
  flex: 0 0 auto !important;
  width: auto !important;
}

.have-projects-sec .quoater a.btn {
  width: auto !important;
}
