/* ============================================================ */
  /* ===== DESKTOP (base) CSS ===== */
  /* ============================================================ */
  @font-face{font-family:"Host Grotesk";src:url("./fonts/HostGrotesk-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap;}
  @font-face{font-family:"Host Grotesk";src:url("./fonts/HostGrotesk-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap;}
  @font-face{font-family:"Host Grotesk";src:url("./fonts/HostGrotesk-ExtraBold.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap;}
  @font-face{font-family:"Helvetica Neue PV";src:url("./fonts/HelveticaNeueRoman.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap;}
  @font-face{font-family:"Helvetica Neue PV";src:url("./fonts/HelveticaNeueMedium.otf") format("opentype");font-weight:500;font-style:normal;font-display:swap;}
  @font-face{font-family:"Helvetica Neue PV";src:url("./fonts/HelveticaNeueBold.otf") format("opentype");font-weight:700;font-style:normal;font-display:swap;}

  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;background:#FAFAFA;}
  body{font-family:"Helvetica Neue PV",-apple-system,sans-serif;color:#0A2540;-webkit-font-smoothing:antialiased;}
  a{color:#2180E6;text-decoration:none;}
  input::placeholder{color:#9AA7B4;}

  @keyframes pvpop{0%{opacity:0;transform:scale(.94) translateY(8px);}100%{opacity:1;transform:none;}}
  @keyframes pvfade{0%{opacity:0;}100%{opacity:1;}}

  /* .pv-input{width:100%;padding:12px 14px;border:1px solid #D5DBE1;border-radius:8px;font-size:15px;font-family:"Helvetica Neue PV",sans-serif;color:#0A2540;outline:none;transition:border-color .15s ease;}
  .pv-input:focus{border-color:#2180E6;} */
  .pv-btn{display:inline-flex;align-items:center;gap:8px;background:#0A2540;color:#fff;border:0;border-radius:8px;font-family:"Helvetica Neue PV",sans-serif;font-weight:700;font-size:14px;padding:13px 24px;cursor:pointer;transition:background .15s ease;}
  .pv-btn:hover{background:#11304F;}
  .pv-err{    position: absolute;
    right: 0;
    margin-top: 4px;
    font-size: 12px;
    white-space: nowrap;
    font-family: "Helvetica Neue" !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    color: #F03 !important;}
  .is-hidden{display:none !important;}
  /* .pv-input.is-danger{border-color:#E0523F;} */

  /* Thank-you popup */
  .pv-overlay{position:absolute;inset:0;background:rgba(10,37,64,0.55);display:none;align-items:center;justify-content:center;z-index:5;padding:0;border-radius:20px;animation:pvfade .2s ease both;}
  .pv-overlay.active{display:flex;}
  .pv-modal{position:relative;background:#fff;border-radius:20px;box-shadow:0 4px 60px 10px rgba(0,0,0,0.25);padding:40px 36px;max-width:100%;height:100%;width:100%;text-align:center;animation:pvpop .35s ease both;display:flex;flex-direction:column;justify-content:center;}
  .pv-modal-close:hover{background:#E6E9ED;}

  .pv-tag{font-family:'Host Grotesk',sans-serif;font-weight:700;font-size:10.5px;letter-spacing:0.12em;text-transform:uppercase;color:#2180E6;background:rgba(33,128,230,0.08);border:1px solid rgba(33,128,230,0.28);border-radius:999px;padding:6px 14px;text-decoration:none;transition:background 150ms ease, color 150ms ease;white-space:nowrap;flex-shrink:0;}
  .pv-tag:hover{background:#2180E6;color:#fff;}
  .rr-card{transition:box-shadow 160ms ease, transform 160ms ease;}
  .rr-card:hover{box-shadow:0 4px 50px 10px rgba(0,0,0,0.12);transform:translateY(-3px);}

  /* Mobile centered slider — hidden by default, enabled at max-width:767px (see media block below) */
  .pv-rr-slider{display:none;}
  .pv-metrics-slider{display:none;}
  .pv-metrics-first {
    padding-right: 20px;
  }
  .pv-metrics-second {
    padding: 0 20px;
  }
  .pv-metrics-third {
    padding-left: 20px;
  }

  /* ===== Converted inline styles ===== */
  .provakil-section{position:relative;background:#FFFFFF;overflow:hidden;}
  .provakil-block{position:relative;padding-bottom:6%;margin-bottom:0;max-width: 1440px;margin: 0 auto;}
  .provakil-block-1{position:absolute;top:0;bottom:0;left:-60%;right:-60%;background:#0A2540;}
  .provakil-block-2{position:relative;z-index:1;padding:6% 8.33%;display:flex;flex-wrap:nowrap;gap:56px;align-items:center;}
  .provakil-block-2 > *{flex:1 1 0;min-width:0;max-width:561px}
  .provakil-block-2 > .pv-hero-right{flex:1.1 1 0;}
  .provakil-h1{font-family:'Host Grotesk',sans-serif;font-weight:700;font-size:34px;line-height:1.2;color:#0A2540;margin:0;letter-spacing:-0.019em;}
  .provakil-p{font-family:'Helvetica Neue PV',sans-serif;font-size:18px;line-height:1.45;color:#ADBCCB;margin:18px 0 0;}
  .provakil-block-3{margin-left:auto;width:100%;box-sizing:border-box;max-width:508px !important; padding:0 22px 22px 0; display:flex;flex-direction:column;gap:24px;}
  .provakil-block-4{position:relative;max-width:486px;}
  .provakil-block-5{position:absolute;inset:0;transform:translate(22px,22px);border-radius:24px;background:linear-gradient(135deg,#A853A5 0%,#2180E6 37%,#68B6B2 68%,#D0FEF5 100%);z-index:0;}
  .provakil-block-6{position:relative;z-index:1;background:#fff;border-radius:20px;box-shadow:0 4px 50px 10px rgba(0,0,0,0.16);padding:36px;}
  .provakil-h2{font-family:'Host Grotesk',sans-serif;font-weight:800;font-size:24px;line-height:1.2;color:#0A2540;margin:0 0 22px;}
  .provakil-label{font-family: "Helvetica Neue";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    color: var(--PV_Website_2025-PV_Black, #0a2540);
    display: block;
    padding-bottom: .5em;
    margin-bottom: 0 !important;
  }
  .provakil-icon{display:block;}
  .provakil-block-8{position:relative;z-index:1;padding:44px 8.33%;}
  .provakil-block-9{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);text-align:center;}
  .provakil-block-10{font-family:'Host Grotesk',sans-serif;font-weight:800;font-size:50px;line-height:1;color:#D0FEF5;letter-spacing:-0.01em;}
  .provakil-inline-1{font-size:36px;font-weight:700;}
  .provakil-block-11{font-size:15px;color:#ADBCCB;margin-top:14px;line-height:1.4;}
  .provakil-block-12{position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:80px;background:rgba(208,254,245,0.5);}
  .provakil-block-13{padding:8% 8.33%; max-width:1440px;margin:0 auto;}
  .provakil-block-14{background:#fff;border-radius:16px;padding:44px 48px;box-shadow:0 4px 50px 10px rgba(0,0,0,0.16);padding-top:52px;padding-bottom:52px;}
  .provakil-block-15{max-width:800px;margin:0 auto;text-align:center;}
  .provakil-inline-2{display:inline-block;font-family:'Host Grotesk',sans-serif;font-weight:800;font-size:52px;line-height:0.7;color:#86D0CA;}
  .provakil-block-16{height:1px;background:#86D0CA;margin:14px 0 0;}
  .provakil-p-2{font-family:'Host Grotesk',sans-serif;font-weight:400;font-size:19px;line-height:1.5;color:#5B6B7B;margin:20px 0;}
  .provakil-block-17{height:1px;background:#86D0CA;}
  .provakil-block-18{font-size:13px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:#5B6B7B;margin-top:16px;line-height:1.5;}
  .provakil-section-1{background:#f6f6f6;}
  .provakil-block-19{padding:8% 8.33%;display:grid;grid-template-columns:0.7fr 2fr;column-gap:56px;align-items:start;max-width:1440px; margin: 0 auto;}
  .provakil-block-20{font-family:'Host Grotesk',sans-serif;font-weight:700;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:#2180E6;}
  .provakil-h2-2{font-family:'Host Grotesk',sans-serif;font-weight:700;font-size:34px;line-height:1.2;color:#0A2540;margin:16px 0 0;letter-spacing:-0.019em;}
  .provakil-block-21{display:flex;flex-wrap:wrap;gap:10px;margin:24px auto;}
  .provakil-block-22{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .provakil-link{background:#fff;border:1px solid #E6E6E6;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;cursor: pointer;}
  .provakil-block-23{position:relative;height:190px;}
  .provakil-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter 300ms ease;}
  .rr-card:hover .provakil-image{filter:grayscale(0);}
  .provakil-block-24{padding:22px;display:flex;flex-direction:column;gap:12px;flex:1;}
  .provakil-block-25{font-family:'Host Grotesk',sans-serif;font-weight:600;font-size:16px;line-height:1.32;color:#0A2540;}
  .provakil-block-26{font-family:'Host Grotesk',sans-serif;font-weight:800;font-size:30px;line-height:1;color:#2180E6;letter-spacing:-0.02em;}
  .provakil-block-27{font-family:'Helvetica Neue PV',sans-serif;font-size:14.5px;color:#314A62;line-height: 120%;}
  .rr-metric{margin-top:auto;}
  .provakil-inline-4{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#2180E6;}
  .provakil-block-28{width:60px;height:60px;border-radius:50%;background:#E7F6EE;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;}
  .provakil-h2-1{font-family:'Host Grotesk',sans-serif;font-weight:800;font-size:26px;color:#0A2540;margin:0 0 10px;}
  .provakil-p-1{font-size:15px;color:#5B6B7B;line-height:1.55;margin:0 auto 24px;}
  .provakil-button-1{justify-content:center;width:100%;}

  /* input */
  input, .input {
  font-style: normal;
  width: 100%;
  max-width: 100%;
  border: 1px solid #ADBCCB;
  background-color: rgb(255, 255, 255);
  height: 40px;
  color: #0A2540;
  border-radius: 8px;
  max-width: 100%;
  font-family: "Helvetica Neue";
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0;
  padding: 15px !important;
  outline: 0 !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
}

input:focus, .input:focus {
  border: 1px solid #2180E6 !important;
  box-shadow: none !important;
}

input:not(:placeholder-shown), .input:not(:placeholder-shown) {
  color: rgb(108, 114, 144);
}

input::-webkit-input-placeholder, .input::-webkit-input-placeholder {
  color: #ADBCCB;
  opacity: 1;
}

input::-moz-placeholder, .input::-moz-placeholder {
  color: #ADBCCB;
  opacity: 1;
}

input:-ms-input-placeholder, .input:-ms-input-placeholder {
  color: #ADBCCB;
}

input::placeholder, .input::placeholder {
  color: #ADBCCB;
  opacity: 1;
}

input[type=email]::placeholder, .input[type=email]::placeholder {
  color: #ADBCCB !important;
  font-family: "Helvetica Neue";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

input:-webkit-autofill, .input:-webkit-autofill,
input:-webkit-autofill:hover, .input:-webkit-autofill:hover,
input:-webkit-autofill:focus, .input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
  -webkit-text-fill-color: #363636;
}
.control {
    box-sizing: border-box;
    clear: both;
    font-size: 1rem;
    position: relative;
    text-align: inherit;
}
.padding-bottom-35 {
  padding-bottom: 35px;
}

 /* ============================================================ */
  /* ===== DESKTOP-ONLY DESIGN REFRESH — Axis Bank (>1024px)  ==== */
  /* Everything above (tablet/mobile media queries) is untouched. */
  /* pv-hero-right (the download form) is not targeted below.    */
  /* ============================================================ */

  /* New elements are hidden by default so tablet/mobile keep today's look with zero layout impact */
  .pv-rr-logo-row{display:none;}

  /* ============================================================ */
  /* ===== HERO + METRICS BAND — now applied on ALL breakpoints ==*/
  /* (per explicit request; everything else stays desktop-only)  */
  /* ============================================================ */

  /* Hero goes light on every breakpoint (RHP pattern: dedicated wrapper class, no shared curtain div needed) */
  .pv-hero-light{position:relative;background:#FFFFFF;overflow:hidden;}
  .pv-hero-light.provakil-block{padding-bottom:0;}
  .provakil-p{color:#314A62;}

  /* Axis Bank logo above the heading, with the dot-ring "ripple" behind it (RHP's exact classes/values) */
  .pv-hero-logo-wrap{position:relative;height:64px;margin:0 0 20px;display:flex;align-items:flex-end;}
  .pv-hero-logo-ripple-wrap{position:relative;z-index:1;}
  .pv-hero-logo-ripple{position:absolute;left:50%;top:50%;width:1180px;height:1180px;transform:translate(-50%,-50%);pointer-events:none;
    -webkit-mask-image:radial-gradient(closest-side, rgba(0,0,0,0.9) 8%, rgba(0,0,0,0.4) 42%, transparent 74%);
    mask-image:radial-gradient(closest-side, rgba(0,0,0,0.9) 8%, rgba(0,0,0,0.4) 42%, transparent 74%), radial-gradient(ellipse 330px 175px at 64% 55%, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 76%, transparent 100%);
    mask-composite:subtract;
  }
  .pv-hero-logo-ripple-dots{width:100%;height:100%;border-radius:50%;opacity:0.6;background:#C6CDD5;
    -webkit-mask-image:repeating-radial-gradient(circle, #000 0 1.3px, transparent 1.3px 58px);
    mask-image:repeating-radial-gradient(circle, #000 0 1.3px, transparent 1.3px 58px);
  }
  .pv-hero-logo-isolate{position:relative;display:inline-block;background:#FFFFFF;isolation:isolate;}
  .pv-hero-logo-isolate img{height:52px;width:auto;max-width:260px;display:block;}

  /* Metrics band keeps its own full-bleed navy background, independent of the (now light) hero above it */
  .provakil-block-8::before{content:"";position:absolute;top:0;bottom:0;left:-60%;right:-60%;background:#0A2540;z-index:0;}
  .provakil-block-9{position:relative;z-index:1;gap:32px;}
  .pv-metrics-first,.pv-metrics-second,.pv-metrics-third{padding:0;position:relative;}
  .pv-metrics-slider{position:relative;z-index:1;}
  .provakil-block-10{line-height:1.2;}
  .provakil-inline-1{font-size:50px;}
  .provakil-block-11{font-size:14px;line-height:1.5;}
  .provakil-block-12{left:-16px;}

  /* Replace the quote card with the zip's plain "About This Case Study" section, on every breakpoint */
  .pv-testimonial-wrap{display:none;}
  .pv-cs-about-wrap{display:block;background:#fff;padding:88px 8.33%;}
  .pv-cs-about-inner{max-width:800px;margin:0 auto;text-align:center;}
  .pv-cs-about-eyebrow{font-family:'Host Grotesk',sans-serif;font-weight:700;font-size:14px;letter-spacing:0.18em;text-transform:uppercase;color:#2180E6;}
  .pv-cs-about-body{font-family:'Helvetica Neue PV',sans-serif;font-weight:400;font-size:18px;line-height:1.5;color:#314A62;margin:16px 0 0;}

  /* Desktop-only heading size (34px on all screens per RHP; tablet/mobile keep their own centered/max-width rules) */

    /* Recommended Reads: match the zip exactly */
    .provakil-section-1{background:#f6f6f6;}
    .provakil-block-19{padding:88px 120px;column-gap:48px;grid-template-columns:300px 853px;}
    /* .provakil-block-19{width:100%;max-width:none;padding:88px max(24px, calc((100% - 1200px) / 2));column-gap:48px;} */
    .provakil-block-20{font-size:14px;letter-spacing:0.18em;}
    .provakil-h2-2{letter-spacing:normal;}
    .provakil-block-21{display:none;}
    .provakil-link{border-radius:20px;}
    /* .rr-card{box-shadow:0 1px 2px rgba(10,37,64,0.04);} */
    .provakil-block-23{height:168px;}
    .provakil-block-24{padding:20px;}
    .provakil-block-25{font-size:14px;line-height:1.2;text-wrap:pretty;}
    .rr-metric{display:none;}
    .pv-rr-logo-row{display:flex;align-items:center;justify-content:flex-start;height:32px;flex:none;padding-bottom:12px;box-sizing:content-box;border-bottom:1px solid #E6E6E6;}
    .provakil-inline-4{margin-top:auto;}
    .pv-rr-logo-row img{width:auto;object-fit:contain;object-position:left center;display:block;}


  /* 1439px */
  @media (max-width:1439px) {
    .provakil-block-19 {
      padding: 88px 8.33%;
      grid-template-columns: 0.7fr 2fr;
    }
  }
  /* ============================================================ */
  /* ===== TABLET CSS ===== */
  /* ============================================================ */
  /* ===== Tablet (large): iPad landscape / small laptops ===== */
  @media (max-width: 1024px){

    /* ===== Hero section ===== */

    .pv-hero-grid{flex-direction:column !important;}
    .pv-hero-grid > *{flex:1 1 auto !important;max-width:100%;}
    /* ===== Related Resources section ===== */

    .pv-rr-wrap{grid-template-columns:1fr !important;gap:32px !important;}
    .pv-rr-grid{grid-template-columns:repeat(3,1fr) !important;gap:20px !important;max-width: 80%; margin: 0 auto !important;}
    .provakil-block-19 {
      padding: 88px 0;
    }
    /* ===== Hero section ===== */

    h1.pv-heading{text-align:center;max-width:80%;margin:0 auto;}
    .provakil-p {max-width:100% !important; margin: 18px auto 0 !important;text-align: center !important;max-width: 80% !important;}
    .pv-hero-logo-wrap{justify-content:center;}
    .pv-hero-logo-ripple{display:none;}
    .pv-form-decor{transform:translate(14px,14px) !important;}
    .provakil-block-3 {
      margin: 0 auto;
      min-width: 250px;
      box-sizing: border-box;
      padding: 0 14px 14px 0 !important;
    }
    .provakil-block-2 {
      padding: 6% 0 !important;
    }

     /* ===== Metrics section ===== */

    .provakil-block-8 {
      padding: 44px 0;
    }
    .provakil-block-9 {
      max-width: 80%;
    }

    /* casestudy section */
    .pv-cs-about-wrap {
      padding: 88px 0;
    }
    .pv-cs-about-inner {
      max-width: 80%;
    }
    /* ===== Recommended section ===== */

    .provakil-block-20, .provakil-h2-2 {
      text-align: center;
    }
    .provakil-block-21 {
      display: flex !important;
      flex-wrap: wrap;
      justify-content: center;
      text-align: center;
    }
   
  }

  /* ============================================================ */
  /* ===== MOBILE CSS ===== */
  /* ============================================================ */
  /* ===== Phones ===== */
  @media (max-width: 767px){

    /* ===== Related Resources section ===== */

    .pv-rr-grid{display:none !important;}
    .pv-rr-slider{display:block !important;}
    /* ===== Hero section ===== */

    h1.pv-heading{padding-bottom:4%;max-width:90%;font-size:34px;}
    .pv-hero-logo-wrap{margin:0 0 2%;}
    .provakil-p{max-width:90% !important;margin:0 auto !important;padding-bottom:4%;}
    .provakil-block-3 {
      box-sizing: border-box;
      padding: 0 14px 14px 0 !important;
    }
    .provakil-block-2 {
      gap: inherit;
    }
    .provakil-block-6 {
      box-shadow: 0 4px 30px 4px rgba(0, 0, 0, 0.12);
    }
    .pv-hero-sub{font-size:16px !important;}
    .pv-form-card{padding:28px 24px !important;}
    .pv-form-title{font-size:24px !important;}
     .provakil-block-4 {
      max-width: 100%;
    }
    /* ===== Metrics section ===== */

    .provakil-block-8{padding:6% 0 !important;}
    .provakil-block-9{max-width:90%;}

    .pv-metrics-grid{display:none !important;}
    .pv-metrics-slider{display:block !important;}
    .pv-metrics-slider{overflow:hidden;width:100%;max-width:90%;margin:0 auto;}
    .pv-metrics-track{display:flex;transition:transform 0.5s ease;}
    .pv-metrics-slide{flex:0 0 100%;width:100%;text-align:center;}
    .pv-metrics-dots{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:24px;}
    .pv-metrics-dot{width:10px;height:10px;border-radius:50%;background:transparent;border:1.5px solid rgba(208,254,245,0.5);cursor:pointer;padding:0;transition:background 200ms ease, transform 200ms ease;}
    .pv-metrics-dot.active{background:#D0FEF5;border-color:#D0FEF5;transform:scale(1.15);}
    .pv-metrics-band{padding-top:44px !important;}
    .pv-metrics-grid{grid-template-columns:1fr !important;gap:26px !important;}
    .pv-divider{display:none !important;}
    .pv-metric-num{font-size:50px !important;}
    /* casestudy quote section */
    .pv-cs-about-inner {
      max-width: 90%;
    }
    /* ===== Recommended section ===== */


    .recommended-slider-wrapper {
      position: relative;
      width: 100%;
      max-width: 1000px;
      margin: 0px auto 0px;
      overflow: hidden;
      padding: 8% 0 10% 0;
    }

    .recommended-slider {
      display: flex;
      align-items: stretch;
      justify-content: center;
      transition: transform 0.5s ease;
    }

    .recommneded-slide {
      width: 320px;
      height: auto;
      background: rgba(255, 255, 255, 0.4);
      border-radius: 24px;
      margin: 0 10px;
      flex-shrink: 0;
      opacity: 0.4;
      transform: scale(0.9);
      transition: transform 0.45s ease, opacity 0.45s ease;
      display: flex;
      align-items: stretch;
      justify-content: center;
      font-size: 20px;
      will-change: transform;
    }
    .provakil-block-21 {
      margin: 2% auto 12%;
    }
    .provakil-block-20 {
      font-size: 12px;
      padding-bottom: 2%;
    }
    .pv-rr-heading{        
      font-size: 28px !important;
      margin: 0;
    }

    .pv-rr-section-pad{padding:8% 0}
    .pv-testimonial-wrap{padding-top:48px !important;padding-bottom:56px !important;}
    .pv-testimonial-card{padding:32px 24px !important;}
    .pv-quote{font-size:17px !important;}


    /* Base card structure — not in the reference snippet, added so the box/image/badge render correctly */
    .recommend-blog-casestudy-col{width:100%;height:100%;border-radius:24px;overflow:hidden;background:#fff;}
    .recommend-blog-casestudy-col a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;}
    .recommend-blog-image-wrap{position:relative;overflow:hidden;height:170px;}
    .recommend-blog-image-wrap img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1);transition:filter 300ms ease;}
    .recommneded-slide.active .recommend-blog-image-wrap img{filter:grayscale(0);}
    .blog-casestudy-highlight-box{display:inline-block;background:rgba(33,128,230,0.1);color:#2180E6;border-radius:999px;font-weight:700;text-transform:uppercase;margin:0;}

    .recommend-blog-casestudy-col:hover {
      transform: none !important;
      box-shadow: none !important;
    }

    .recommneded-slide:active, .recommneded-slide:focus {
      transform: none !important;
      width: 78vw !important;
      transition: none !important;
    }

    .recommneded-slide .recommend-blog-casestudy-col {
      width: 100% !important;
      transition: none !important;
    }

    .recommend-blog-casestudy-col:hover .recommend-blog-image-wrap img {
      height: inherit !important;
    }

    .recommned-blog-casestudy-bottom-part {
      padding: 22px;
      display: flex;
      flex-direction: column;
      gap: 8px;
      flex: 1;
    }

    .recommneded-slide .recommend-blog-casestudy-col .recommned-blog-casestudy-bottom-part h3 {
      font-size: 16px;
      font-weight: 600;
      text-align: left;
      line-height: 1.32;
      margin: 0;
    }

    .recommneded-slide.active {
      opacity: 1;
      transform: scale(1);
      background: #fff;
      box-shadow: 0 4px 50px 10px rgba(0, 0, 0, 0.12);
    }

    .recommneded-slide a {
      pointer-events: none;
    }

    .recommneded-slide.active a {
      pointer-events: auto;
    }

    .recommneded-slide {
      cursor: default;
    }

    .recommneded-slide.active {
      cursor: pointer;
      box-shadow: 0 4px 50px 4px rgba(0, 0, 0, 0.12);
    }

    .recommneded-nav {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: white;
      border: none;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      cursor: pointer;
      z-index: 1;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
    }

    .recommneded-nav-prev-btn {
      left: 10px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

    .recommneded-nav-next-btn {
      right: 10px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

    .recommneded-dots {
      display: flex;
      justify-content: center;
      gap: 10px;
    }

    .recommended-dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.5);
      border: 1px solid #0A2540;
      cursor: pointer;
      transition: all 0.3s ease;
    }

    .recommended-dot.active {
      background: #0A2540;
      transform: scale(1.4);
    }

    .provakil-block-19 {
      gap: 0 !important;
    }
    .pv-rr-section-pad-heading {
      max-width: 90%;
      margin: 0 auto;
    }
    /* ===== Hero section ===== */

  
    .provakil-block-3 {
      box-sizing: border-box;
      padding: 0 14px 14px 0 !important;
    }
    .provakil-block-3 {
      max-width: 508px !important;
      margin: 0 auto;
      min-width: 240px;
    }
    .provakil-block-4 {
      max-width: 100%;
    }
  }

  @media (max-width: 640px){

    /* ===== Related Resources section ===== */

    .pv-rr-grid{grid-template-columns:1fr !important;}
    /* ===== Testimonial section ===== */

    .pv-testimonial-card{padding:26px 18px !important;}
    /* ===== Thank-you popup section ===== */

    .pv-modal{padding:32px 24px !important;}
  }

  @media (max-width: 600px){
    /* ===== Hero section ===== */

    .provakil-block-3 {
      max-width: 90% !important;
      margin: 0 auto !important
    }
  }

  @media screen and (max-width:430px) {

    /* ===== Hero section ===== */

  h1.pv-heading {
    font-size: 26px !important;
  }
  .provakil-p {
    font-size: 14px;
  }
  .provakil-block-2 {
    padding: 8% 0 !important;
  }
   .pv-form-card{padding:22px 18px !important;}
    .pv-form-decor{transform:translate(10px,10px) !important;}
    .provakil-block-3 {
      box-sizing: border-box;
      padding: 0 10px 10px 0 !important;
    }
    .pv-form-title{font-size:21px !important;}
    .pv-btn{width:100% !important;justify-content:center !important;}

    /* ===== Metrics section ===== */

  .provakil-block-8 {
    padding: 8% 0 !important;
  }
    .pv-metric-num{font-size:34px !important;}
    .pv-metric-num .pv-metric-suf{font-size:24px !important;}

  /* casestudy section */
  
    .pv-cs-about-inner {
      max-width: 90%;
    }

    /* ===== Recommended section ===== */

  .provakil-block-26 {
    font-size: 26px;
  }
  .recommneded-slide {
      width: 280px;
  }
  .pv-rr-section-pad {
    padding: 16% 0;
  }
    .pv-rr-heading{font-size:24px !important;}
    .rr-card > div:first-child{height:160px !important;}
    .provakil-block-21{gap:6px !important;}
    .pv-tag{font-size:9.5px !important;padding:5px 10px !important;}
    .recommneded-slide.active {
    box-shadow: 0 4px 40px 2px rgba(0, 0, 0, 0.12);
  }
  }