/* =====================================================================
   policy-pages.css · Privacy Policy + Cookies Policy pages
   Mirrors the goinmyway.in/Goinmywaynewpage/cookies-policy.php layout
   (banner, centred title, accordion with blue arrow and grey answer box).
   Scoped to .gmw-policy so nothing else on the landing page changes.
   ===================================================================== */
.gmw-policy{background:#fff;color:#212529;font-family:"Poppins",sans-serif;font-size:16px;line-height:1.5}
.gmw-policy *,.gmw-policy *::before,.gmw-policy *::after{box-sizing:border-box}

/* Banner: full width, natural height (same as the reference .abtbanner) */
.gmw-policy .abtbanner{margin-top:0}
.gmw-policy .abtbanner img{display:block;width:100%;height:auto}

/* Bootstrap-equivalent container used by the reference page */
.gmw-policy .container{width:100%;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}
@media (min-width:576px){.gmw-policy .container{max-width:540px}}
@media (min-width:768px){.gmw-policy .container{max-width:720px}}
@media (min-width:992px){.gmw-policy .container{max-width:960px}}
@media (min-width:1200px){.gmw-policy .container{max-width:1140px}}
@media (min-width:1400px){.gmw-policy .container{max-width:1320px}}

.gmw-policy .contentabt{margin-bottom:40px}
.gmw-policy .contentabt h1{text-align:center;margin:50px 0 40px;font-family:"Poppins",sans-serif;font-weight:700;font-size:30px;line-height:1.2;color:#212529;overflow-wrap:anywhere}
.gmw-policy .contentabt p{font-size:15px;margin:0}

/* Accordion */
.gmw-policy .gmw-faq{max-width:1300px;margin:auto}
.gmw-policy .gmw-item{border-bottom:2px solid #d8d8d8}
.gmw-policy .gmw-question{display:flex;align-items:center;gap:18px;cursor:pointer;padding:18px 0;user-select:none}
.gmw-policy .gmw-question:focus-visible{outline:2px solid #1657b5;outline-offset:2px}
.gmw-policy .gmw-arrow{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:12px solid #1657b5;transition:.35s;flex:0 0 auto;position:relative;top:1px}
.gmw-policy .gmw-question h3{font-family:"Poppins",sans-serif;font-size:18px;font-weight:500;color:#282828;line-height:1.5;margin:0;letter-spacing:0;text-transform:none}
.gmw-policy .gmw-answer{max-height:0;overflow:hidden;transition:max-height .45s,padding .45s;padding:0}
.gmw-policy .gmw-answer-box{background:#f9f9f9;border-radius:10px;box-shadow:0 3px 12px rgba(0,0,0,.12);padding:20px;margin:5px 5px 28px}
.gmw-policy .gmw-answer-box p{font-size:16px;line-height:1.7;color:#3d3d3d;font-style:italic;font-weight:400;margin-bottom:0;overflow-wrap:anywhere}
.gmw-policy .gmw-item.active .gmw-arrow{transform:rotate(90deg)}
.gmw-policy .gmw-item.active .gmw-answer{max-height:fit-content}

.gmw-policy .terms-list{margin:0;padding-left:20px}
.gmw-policy .terms-list li{font-size:14px;line-height:1.45;margin-bottom:6px;color:#000;overflow-wrap:anywhere}

@media (max-width:768px){
  .gmw-policy .gmw-question h3{font-size:18px}
  .gmw-policy .gmw-answer-box{padding:20px}
  .gmw-policy .gmw-answer-box p{font-size:16px;line-height:1.8}
  .gmw-policy .gmw-arrow{border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid #1657b5}
}
/* Small phones: keep the answer box inside the screen with a little more room for text */
@media (max-width:400px){
  .gmw-policy .contentabt h1{margin:36px 0 28px;font-size:26px}
  .gmw-policy .gmw-question{gap:14px;padding:16px 0}
  .gmw-policy .gmw-question h3{font-size:16px}
  .gmw-policy .gmw-answer-box{padding:16px;margin:5px 0 24px}
  .gmw-policy .gmw-answer-box p{font-size:15px}
}
