/* =========================================
   E-SWAP CASH - MOBILE HORIZONTAL OVERFLOW FIX
   ========================================= */

html,
body {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden !important;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

img,
video,
iframe,
svg {
    max-width: 100%;
    height: auto;
}

.container,
.container-fluid {
    width: 100%;
    max-width: 100%;
}

.row {
    --bs-gutter-x: 1.5rem;
    margin-left: 0;
    margin-right: 0;
}

/* Prevent fixed/floating elements from creating overflow */
.fixed,
.fixed-bottom,
.fixed-top {
    max-width: 100vw;
}

/* Forms */
input,
select,
textarea,
button {
    max-width: 100%;
}

/* Mobile */
@media (max-width: 767.98px) {

    html,
    body {
        overflow-x: hidden !important;
    }

    section,
    header,
    footer,
    nav,
    main {
        max-width: 100%;
        overflow-x: hidden;
    }

    .container,
    .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }

    img {
        max-width: 100%;
    }
}













:root {
   --ec-green: #08a66b;
   --ec-green-dark: #00875d;
   --ec-mint: #e8f8f1;
   --ec-ink: #10252b;
   --ec-muted: #607178;
   --ec-teal: #003c3b;
   --ec-line: #e5eeea;
   --ec-white: #fff;
   --ec-shadow: 0 18px 55px rgba(9, 61, 48, 0.1);
}
* {
   box-sizing: border-box;
}
html {
   scroll-behavior: smooth;
   scroll-padding-top: 90px;
}
body {
   margin: 0;
   font-family: "Poppins", sans-serif;
   color: var(--ec-ink);
   background: #fff;
   overflow-x: hidden;
}
img {
   max-width: 100%;
   display: block;
}
a {
   text-decoration: none;
}
.container {
   max-width: 1180px;
}
.section-pad {
   padding: 88px 0;
}
.eyebrow {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   background: var(--ec-mint);
   color: var(--ec-green-dark);
   padding: 8px 14px;
   border-radius: 50px;
   font-size: 0.78rem;
   font-weight: 600;
}
.section-title {
   font-size: clamp(1.8rem, 3vw, 2.65rem);
   font-weight: 600;
   letter-spacing: -1.1px;
   line-height: 1.2;
}
.section-copy {
   color: var(--ec-muted);
   line-height: 1.8;
}
.btn-ec {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
   padding: 13px 20px;
   border-radius: 12px;
   background: linear-gradient(135deg, var(--ec-green), var(--ec-green-dark));
   color: #fff;
   font-weight: 700;
   border: 0;
   box-shadow: 0 9px 22px rgba(0, 143, 104, 0.19);
   transition: transform 0.25s, box-shadow 0.25s;
}
.btn-ec:hover {
   color: #fff;
   transform: translateY(-3px);
   box-shadow: 0 14px 26px rgba(0, 143, 104, 0.25);
}
.btn-outline-ec {
   display: inline-flex;
   align-items: center;
   gap: 9px;
   padding: 12px 17px;
   border-radius: 12px;
   border: 1px solid #b8dfd0;
   color: var(--ec-green-dark);
   font-weight: 600;
   background: #fff;
}
/* Sticky navigation */

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
}


.navbar {
   background: rgba(255, 255, 255, 0.94);
   backdrop-filter: blur(16px);
   border-bottom: 1px solid rgba(16, 37, 43, 0.06);
   padding: 13px 0;
   transition: box-shadow 0.25s;
}
.navbar.scrolled {
   box-shadow: 0 8px 28px rgba(16, 37, 43, 0.08);
}
.navbar-brand {
   display: flex;
   align-items: center;
   gap: 10px;
   font-size: 1.35rem;
   font-weight: 800;
   color: var(--ec-ink);
   letter-spacing: -0.7px;
}
.brand-mark {
    width: 100%;
    height: auto;
    border-radius: 0px;
    display: contents;
    place-items: center;
    background: #fff;
    color: inherit;
    font-size: inherit;
    box-shadow: 0 7px 15px #08a66b63;
}
.navbar .nav-link {
   color: #30434a;
   font-size: 0.86rem;
   font-weight: 600;
   padding: 12px 13px !important;
}
.navbar .nav-link:hover,
.navbar .nav-link:focus {
   color: var(--ec-green-dark);
}
.navbar .dropdown-menu {
   border: 1px solid var(--ec-line);
   border-radius: 15px;
   padding: 10px;
   box-shadow: var(--ec-shadow);
}
.dropdown-item {
   padding: 10px 12px;
   border-radius: 9px;
   font-size: 0.86rem;
   text-transform: capitalize;
}
.dropdown-item:hover {
   background: var(--ec-mint);
   color: var(--ec-green-dark);
}
.nav-cta {
   padding: 10px 17px;
   font-size: 0.84rem;
}
/* Hero */
.hero {
   position: relative;
   padding: 70px 0 62px;
   isolation: isolate;
   background: radial-gradient(circle at 78% 30%, #e7fbf3 0, transparent 31%),
      linear-gradient(180deg, #fff 0%, #fbfefc 100%);
}
.hero:before {
   content: "";
   position: absolute;
   z-index: -1;
   width: 370px;
   height: 370px;
   border: 1px dashed #b8e9d5;
   border-radius: 50%;
   right: 4%;
   top: 9%;
   animation: orbit 38s linear infinite;
}
.hero:after {
   content: "";
   position: absolute;
   z-index: -1;
   width: 240px;
   height: 240px;
   border: 1px dashed #c9e8de;
   border-radius: 50%;
   right: 12%;
   top: 18%;
   animation: orbit 28s linear infinite reverse;
}
.hero h1 {
   font-size: 46px;
   font-weight: 700;
   line-height: 58px;
   letter-spacing: -2px;
   margin: 21px 0;
}
.hero h1 span {
   color: var(--ec-green);
   position: relative;
   white-space: nowrap;
}
.hero-copy {
   font-size: 1.03rem;
   line-height: 1.8;
   color: var(--ec-muted);
   max-width: 510px;
}
.hero-actions {
   display: flex;
   flex-wrap: wrap;
   gap: 12px;
   margin: 26px 0;
}
.hero-points {
   display: flex;
   flex-wrap: wrap;
   gap: 19px;
   margin: 26px 0 23px;
}
.hero-point {
   display: flex;
   align-items: center;
   gap: 9px;
   font-size: 0.78rem;
   font-weight: 600;
}
.hero-point i {
   width: 38px;
   height: 38px;
   display: grid;
   place-items: center;
   background: var(--ec-mint);
   color: var(--ec-green-dark);
   border-radius: 12px;
   font-size: 1rem;
}
.quote-form {
   display: flex;
   max-width: 475px;
   gap: 8px;
   padding: 7px;
   background: #fff;
   border: 1px solid #dcebe4;
   border-radius: 14px;
   box-shadow: 0 12px 30px rgba(0, 55, 43, 0.08);
   display: none;
}
.quote-form .form-control {
   border: 0;
   box-shadow: none;
   min-width: 0;
   padding: 11px 12px;
   font-size: 0.84rem;
   display: none;
}
.quote-form .btn-ec {
   white-space: nowrap;
   padding: 12px 16px;
   border-radius: 10px;
   font-size: 0.82rem;
}
.hero-proof {
   display: flex;
   align-items: center;
   gap: 12px;
   margin-top: 22px;
   font-size: 0.78rem;
   color: var(--ec-muted);
   flex-wrap: wrap;
}
.avatar-stack {
   display: flex;
   padding-left: 5px;
}
.avatar-stack img {
   width: 30px;
   height: 30px;
   object-fit: cover;
   border-radius: 50%;
   border: 2px solid white;
   margin-left: -6px;
}
.stars {
   color: #f6ac31;
   letter-spacing: 1px;
}
.hero-visual {
   position: relative;
   min-height: 470px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.hero-image-wrap {
   width: 100%;
   max-width: 570px;
   position: relative;
   animation: float 5s ease-in-out infinite;
}
.hero-image {
    width: 100%;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 28px 24px rgba(0, 48, 38, 0.13));
    border-radius: 50px;
}
.float-card {
   position: absolute;
   display: flex;
   align-items: center;
   gap: 11px;
   background: #fff;
   border: 1px solid #edf4f0;
   border-radius: 16px;
   padding: 13px 16px;
   box-shadow: 0 14px 35px rgba(0, 48, 38, 0.1);
   font-size: 0.78rem;
   font-weight: 700;
   animation: float 4s ease-in-out infinite;
}
.float-card small {
   display: block;
   color: var(--ec-muted);
   font-weight: 400;
   margin-top: 3px;
}
.float-icon {
   height: 39px;
   width: 39px;
   border-radius: 12px;
   background: var(--ec-mint);
   color: var(--ec-green-dark);
   display: grid;
   place-items: center;
   font-size: 1.1rem;
}
.float-one {
   top: 7%;
   right: 0;
}
.float-two {
   left: -1%;
   top: 45%;
   animation-delay: -1.5s;
}
.float-three {
   bottom: 5%;
   right: 2%;
   animation-delay: -2.5s;
}
/* Device categories */
.device-strip {
   padding: 33px 0 45px;
   border-top: 1px solid var(--ec-line);
   border-bottom: 1px solid var(--ec-line);
   background: #fff;
}
.device-card {
   height: 100%;
   text-align: center;
   padding: 16px 8px;
   border-radius: 17px;
   transition: transform 0.25s, background 0.25s;
}
.device-card:hover {
   transform: translateY(-7px);
   background: #f7fcf9;
}
.device-icon {
   width: 86px;
   height: 76px;
   object-fit: contain;
   margin: 0 auto 13px;
   transition: transform 0.3s;
}
.device-card:hover .device-icon {
   transform: scale(1.07);
}
.device-card h3 {
   font-size: 0.9rem;
   font-weight: 700;
   margin-bottom: 5px;
}
.device-card p {
   font-size: 0.75rem;
   color: var(--ec-muted);
   margin: 0;
}
/* Stats */
.stats-band {
   background: linear-gradient(120deg, #003d3a, #00564b 58%, #00302f);
   color: #fff;
   border-radius: 24px;
   padding: 30px 20px;
   position: relative;
   overflow: hidden;
}
.stats-band:before {
   content: "";
   position: absolute;
   width: 300px;
   height: 300px;
   border-radius: 50%;
   border: 1px solid #ffffff18;
   right: -60px;
   top: -200px;
}
.stat {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 14px;
   padding: 13px;
}
.stat-icon {
   width: 54px;
   height: 54px;
   flex-shrink: 0;
   border-radius: 17px;
   display: grid;
   place-items: center;
   background: #ffffff15;
   border: 1px solid #ffffff20;
   font-size: 1.25rem;
   color: #a5f4d4;
}
.stat strong {
   font-size: 1.65rem;
   line-height: 1.2;
   display: block;
}
.stat span {
   display: block;
   font-size: 0.76rem;
   color: #d3e9e3;
   margin-top: 5px;
}
/* Steps */
.step-card {
   height: 100%;
   padding: 28px 22px;
   text-align: center;
   border: 1px solid var(--ec-line);
   border-radius: 20px;
   background: #fff;
   transition: transform 0.3s, box-shadow 0.3s;
}
.step-card:hover {
   transform: translateY(-7px);
   box-shadow: var(--ec-shadow);
}
.step-image {
   width: 110px;
   height: 100px;
   object-fit: contain;
   margin: 0 auto 20px;
}
.step-number {
   width: 35px;
   height: 35px;
   display: grid;
   place-items: center;
   background: var(--ec-green);
   color: #fff;
   border-radius: 50%;
   font-weight: 800;
   margin: 0 auto 15px;
   box-shadow: 0 0 0 6px var(--ec-mint);
}
.step-card h3 {
   font-size: 1.05rem;
   font-weight: 700;
   margin-bottom: 10px;
}
.step-card p {
   color: var(--ec-muted);
   font-size: 0.83rem;
   line-height: 1.7;
   margin: 0;
}
/* Services */
.services-section {
   background: #f7fbf9;
}
.service-card {
   height: 100%;
   padding: 25px;
   border-radius: 20px;
   background: #fff;
   border: 1px solid #e7f0eb;
   transition: transform 0.25s, box-shadow 0.25s;
}
.service-card:hover {
   transform: translateY(-6px);
   box-shadow: var(--ec-shadow);
}
.service-card .service-icon {
   width: 53px;
   height: 53px;
   display: grid;
   place-items: center;
   border-radius: 15px;
   background: var(--ec-mint);
   color: var(--ec-green-dark);
   font-size: 1.35rem;
   margin-bottom: 18px;
}
.service-card h3 {
   font-size: 1.02rem;
   font-weight: 700;
}
.service-card p {
   font-size: 0.83rem;
   line-height: 1.75;
   color: var(--ec-muted);
   margin: 0;
}
/* Why us */
.why-visual {
   height: 100%;
   min-height: 420px;
   border-radius: 26px;
   overflow: hidden;
   background: linear-gradient(145deg, #e7f8f0, #f7fcf9);
   position: relative;
   display: flex;
   align-items: end;
   justify-content: center;
}
.why-visual img {
   height: 420px;
   width: 100%;
   object-fit: cover;
   object-position: center 28%;
   mix-blend-mode: multiply;
}
.why-badge {
   position: absolute;
   top: 22px;
   left: 22px;
   background: #fff;
   padding: 14px 16px;
   border-radius: 15px;
   box-shadow: var(--ec-shadow);
   font-size: 0.78rem;
   font-weight: 700;
}
.why-list {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 18px;
   margin-top: 27px;
}
.why-item {
   display: flex;
   gap: 12px;
   align-items: flex-start;
}
.why-item i {
   color: var(--ec-green);
   font-size: 1.05rem;
   margin-top: 4px;
}
.why-item strong {
   display: block;
   font-size: 0.88rem;
   margin-bottom: 4px;
}
.why-item span {
   font-size: 0.76rem;
   color: var(--ec-muted);
   line-height: 1.6;
}
/* CTA */
.reward-banner {
   position: relative;
   overflow: hidden;
   border-radius: 24px;
   padding: 32px 36px;
   color: #fff;
   background: linear-gradient(110deg, #003a38, #006653);
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 22px;
}
.reward-banner:after {
   content: "";
   position: absolute;
   right: 23%;
   top: -100px;
   width: 230px;
   height: 230px;
   border-radius: 50%;
   border: 1px solid #ffffff20;
}
.reward-content {
   display: flex;
   align-items: center;
   gap: 18px;
   position: relative;
   z-index: 1;
}
.reward-icon {
   height: 62px;
   width: 62px;
   display: grid;
   place-items: center;
   flex-shrink: 0;
   background: #ffffff16;
   border-radius: 18px;
   color: #baf5d9;
   font-size: 1.8rem;
}
.reward-content h3 {
   font-size: 1.15rem;
   font-weight: 700;
   margin-bottom: 7px;
}
.reward-content p {
   font-size: 0.82rem;
   color: #d7ebe5;
   margin: 0;
}
.reward-banner .btn-ec {
   background: #fff;
   color: var(--ec-green-dark);
   box-shadow: none;
   position: relative;
   z-index: 1;
}
/* FAQ and footer */
.accordion-item {
   border: 1px solid var(--ec-line) !important;
   border-radius: 13px !important;
   overflow: hidden;
   margin-bottom: 12px;
}
.accordion-button {
   font-weight: 600;
   font-size: 0.9rem;
   padding: 18px 20px;
   box-shadow: none !important;
}
.accordion-button:not(.collapsed) {
   background: var(--ec-mint);
   color: var(--ec-green-dark);
}
.accordion-body {
   font-size: 0.84rem;
   line-height: 1.8;
   color: var(--ec-muted);
}









    .eswap-enquiry-section {
      position: relative;
      overflow: hidden;
      padding: 75px 15px;
      min-height: 100vh;
      display: flex;
      align-items: center;
    }

    .eswap-enquiry-section::before,
    .eswap-enquiry-section::after {
      content: "";
      position: absolute;
      border-radius: 50%;
      pointer-events: none;
      z-index: 0;
    }

    .eswap-enquiry-section::before {
      width: 330px;
      height: 330px;
      background: #08a66b12;
      top: -100px;
      left: -100px;
    }

    .eswap-enquiry-section::after {
      width: 280px;
      height: 280px;
      background: #003c3b0d;
      bottom: -100px;
      right: -70px;
    }

    .eswap-enquiry-container {
      position: relative;
      z-index: 1;
      width: 100%;
      max-width: 1060px;
      margin: auto;
    }

    .eswap-enquiry-card {
      background: #fff;
      border: 1px solid #e3efe8;
      border-radius: 26px;
      overflow: hidden;
      box-shadow: 0 25px 75px rgba(0, 60, 45, 0.10);
    }

    .eswap-enquiry-info {
      position: relative;
      height: 100%;
      min-height: 100%;
      padding: 48px 36px;
      color: #fff;
      background: linear-gradient(145deg, #003c3b, #00634f 65%, #08a66b);
      overflow: hidden;
    }

    .eswap-enquiry-info::after {
      content: "";
      position: absolute;
      width: 230px;
      height: 230px;
      right: -95px;
      bottom: -80px;
      border: 1px solid #ffffff30;
      border-radius: 50%;
      box-shadow: 0 0 0 35px #ffffff08,
                  0 0 0 70px #ffffff05;
    }

    .eswap-enquiry-logo {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      max-width: 100%;
      margin-bottom: 48px;
    }

    .eswap-enquiry-logo img {
      display: block;
      max-width: 190px;
      max-height: 65px;
      width: auto;
      height: auto;
      object-fit: contain;
    }

    .eswap-enquiry-logo-text {
      color: #fff;
      font-size: 23px;
      font-weight: 700;
      letter-spacing: -0.7px;
    }

    .eswap-enquiry-info h2 {
      font-size: clamp(26px, 3vw, 35px);
      line-height: 1.35;
      font-weight: 700;
      margin-bottom: 18px;
    }

    .eswap-enquiry-info h2 span {
      color: #7df0bb;
    }

    .eswap-enquiry-info > p {
      font-size: 13px;
      line-height: 1.9;
      color: #d1e8df;
      margin-bottom: 30px;
    }

    .eswap-enquiry-benefit {
      display: flex;
      align-items: center;
      gap: 13px;
      margin-top: 22px;
      position: relative;
      z-index: 1;
    }

    .eswap-enquiry-benefit-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      width: 43px;
      height: 43px;
      border-radius: 13px;
      background: #ffffff18;
      color: #9af3c9;
      font-size: 17px;
    }

    .eswap-enquiry-benefit strong {
      display: block;
      font-size: 13px;
      font-weight: 600;
    }

    .eswap-enquiry-benefit small {
      display: block;
      font-size: 11px;
      line-height: 1.6;
      color: #c9e4d9;
      margin-top: 3px;
    }

    .eswap-enquiry-form-area {
      padding: 48px 42px;
    }

    .eswap-enquiry-heading {
      margin-bottom: 30px;
    }

    .eswap-enquiry-label {
      display: inline-block;
      padding: 7px 12px;
      background: var(--ec-light);
      color: var(--ec-dark-green);
      border-radius: 50px;
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 1px;
      text-transform: uppercase;
      margin-bottom: 13px;
    }

    .eswap-enquiry-heading h1 {
      font-size: clamp(26px, 3vw, 33px);
      font-weight: 800;
      letter-spacing: -1px;
      margin-bottom: 10px;
    }

    .eswap-enquiry-heading p {
      font-size: 12px;
      color: var(--ec-muted);
      line-height: 1.8;
      margin: 0;
    }

    .eswap-enquiry-field {
      margin-bottom: 21px;
    }

    .eswap-enquiry-field label {
      display: block;
      font-size: 12px;
      font-weight: 600;
      margin-bottom: 9px;
    }

    .eswap-enquiry-field label span {
      color: #e34848;
    }

    .eswap-enquiry-input-wrap {
      position: relative;
    }

    .eswap-enquiry-input-wrap > i {
      position: absolute;
      left: 16px;
      top: 50%;
      transform: translateY(-50%);
      color: #81938c;
      font-size: 14px;
      pointer-events: none;
    }

    .eswap-enquiry-input {
      width: 100%;
      min-height: 52px;
      padding: 13px 15px 13px 43px;
      background: #fbfdfc;
      border: 1px solid #dfeae4;
      border-radius: 12px;
      outline: none;
      color: var(--ec-text);
      font-family: inherit;
      font-size: 12px;
      transition: border-color .25s, box-shadow .25s, background .25s;
    }

    .eswap-enquiry-input::placeholder {
      color: #a0ada7;
    }

    .eswap-enquiry-input:focus {
      background: #fff;
      border-color: var(--ec-green);
      box-shadow: 0 0 0 4px #08a66b15;
    }

    textarea.eswap-enquiry-input {
      min-height: 100px;
      resize: vertical;
    }

    .eswap-enquiry-textarea-icon {
      top: 19px !important;
      transform: none !important;
    }

    .eswap-enquiry-submit {
      width: 100%;
      min-height: 54px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 11px;
      border: none;
      border-radius: 12px;
      background: #027356;
      color: #fff;
      font-family: inherit;
      font-size: 13px;
      font-weight: 700;
      box-shadow: 0 10px 23px #08a66b2b;
      cursor: pointer;
      transition: transform .25s, box-shadow .25s;
    }

    .eswap-enquiry-submit:hover {
      transform: translateY(-3px);
      box-shadow: 0 14px 28px #08a66b40;
    }

    .eswap-enquiry-submit:focus-visible {
      outline: 3px solid #08a66b55;
      outline-offset: 3px;
    }

    .eswap-enquiry-submit .fa-whatsapp {
      font-size: 19px;
    }

    .eswap-enquiry-note {
      display: flex;
      align-items: flex-start;
      gap: 8px;
      margin-top: 17px;
      color: var(--ec-muted);
      font-size: 10px;
      line-height: 1.7;
    }

    .eswap-enquiry-note i {
      color: var(--ec-green);
      margin-top: 3px;
    }

    @media (max-width: 767.98px) {
      .eswap-enquiry-section {
        padding: 35px 12px;
      }

      .eswap-enquiry-card {
        border-radius: 20px;
      }

      .eswap-enquiry-info {
        padding: 30px 25px;
      }

      .eswap-enquiry-logo {
        margin-bottom: 25px;
      }

      .eswap-enquiry-info h2 {
        font-size: 27px;
      }

      .eswap-enquiry-info > p {
        margin-bottom: 20px;
      }

      .eswap-enquiry-benefit {
        margin-top: 15px;
      }

      .eswap-enquiry-form-area {
        padding: 32px 23px;
      }

      .eswap-enquiry-heading {
        margin-bottom: 25px;
      }
    }

    @media (max-width: 360px) {
      .eswap-enquiry-form-area {
        padding: 27px 17px;
      }

      .eswap-enquiry-info {
        padding: 27px 20px;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after {
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        scroll-behavior: auto !important;
      }
    }





footer {
   background: #062e30;
   color: #e8f4f0;
   padding: 70px 0 20px;
   margin-top: 0px;
}
.footer-brand {
   color: #fff;
}
.footer-copy {
   font-size: 0.79rem;
   line-height: 1.8;
   color: #b8d0c9;
   max-width: 290px;
   margin-top: 17px;
}
.footer-title {
   font-size: 0.9rem;
   font-weight: 700;
   color: #fff;
   margin-bottom: 18px;
}
.footer-links {
   list-style: none;
   padding: 0;
   margin: 0;
}
.footer-links li {
   margin: 0 0 12px;
}
.footer-links a {
   font-size: 0.79rem;
   color: #b8d0c9;
   transition: color 0.2s;
}
.footer-links a:hover {
   color: #7fe6bd;
}
.socials {
   display: flex;
   gap: 9px;
   margin-top: 20px;
}
.socials a {
   width: 34px;
   height: 34px;
   display: grid;
   place-items: center;
   border-radius: 50%;
   background: #ffffff14;
   color: #fff;
}
.footer-bottom {
   border-top: 1px solid #ffffff1c;
   margin-top: 40px;
   padding-top: 20px;
   display: flex;
   justify-content: space-between;
   gap: 15px;
   color: #a8c4bc;
   font-size: 0.73rem;
}
.whatsapp-float {
   position: fixed;
   right: 22px;
   bottom: 22px;
   z-index: 1040;
   width: 54px;
   height: 54px;
   border-radius: 50%;
   display: grid;
   place-items: center;
   background: #20c56a;
   color: #fff;
   font-size: 1.65rem;
   box-shadow: 0 10px 25px #20c56a55;
   transition: transform 0.2s;
}
.whatsapp-float:hover {
   transform: scale(1.08);
   color: #fff;
}
.reveal {
   opacity: 0;
   transform: translateY(22px);
   transition: opacity 0.7s ease, transform 0.7s ease;
}
.reveal.is-visible {
   opacity: 1;
   transform: translateY(0);
}
@keyframes float {
   0%,
   100% {
      transform: translateY(0);
   }
   50% {
      transform: translateY(-12px);
   }
}
@keyframes orbit {
   to {
      transform: rotate(360deg);
   }
}
@media (max-width: 991.98px) {
   .navbar-collapse {
      padding: 12px 0 6px;
   }
   .navbar .nav-link {
      padding: 10px 3px !important;
   }
   .nav-actions {
      display: none;
      gap: 10px;
      margin-top: 10px;
   }
   .hero {
      padding-top: 45px;
   }
   .hero-visual {
      min-height: 390px;
      margin-top: 18px;
   }
   .hero-image {
      height: 365px;
   }
   .float-one {
      right: 2%;
   }
   .float-two {
      left: 0;
   }
   .section-pad {
      padding: 70px 0;
   }
   .stat {
      justify-content: flex-start;
   }
}
@media (max-width: 575.98px) {
   .section-pad {
      padding: 58px 0;
   }
   .hero {
      padding: 38px 0 32px;
   }
   .hero h1 {
        letter-spacing: -1.4px;
        font-size: 32px;
        line-height: 45px;
    }
   .hero-copy {
      font-size: 0.92rem;
   }
   .hero-points {
      gap: 12px;
   }
   .hero-point {
      font-size: 0.7rem;
   }
   .hero-point i {
      width: 34px;
      height: 34px;
   }
   .quote-form {
      flex-direction: column;
      padding: 9px;
   }
   .quote-form .btn-ec {
      width: 100%;
   }
   .hero-visual {
      min-height: 300px;
   }
   .hero-image {
      height: 290px;
   }
   .hero:before {
      width: 270px;
      height: 270px;
      right: 0;
   }
   .hero:after {
      width: 190px;
      height: 190px;
      right: 12%;
   }
   .float-card {
      padding: 9px 11px;
      font-size: 0.68rem;
   }
   .float-icon {
      width: 31px;
      height: 31px;
   }
   .float-one {
      top: 0;
   }
   .float-two {
      top: 43%;
   }
   .float-three {
      bottom: 0;
   }
   .device-strip {
      padding: 25px 0 30px;
   }
   .device-icon {
      width: 65px;
      height: 60px;
   }
   .device-card h3 {
      font-size: 0.78rem;
   }
   .device-card p {
      font-size: 0.68rem;
   }
   .stats-band {
      border-radius: 18px;
      padding: 15px 10px;
   }
   .stat {
      padding: 12px 5px;
      gap: 10px;
   }
   .stat-icon {
      width: 43px;
      height: 43px;
      border-radius: 13px;
      font-size: 1rem;
   }
   .stat strong {
      font-size: 1.25rem;
   }
   .stat span {
      font-size: 0.68rem;
   }
   .step-card {
      padding: 22px 15px;
   }
   .why-list {
      grid-template-columns: 1fr;
   }
   .why-visual {
      min-height: 330px;
   }
   .why-visual img {
      height: 330px;
   }
   .reward-banner {
      padding: 24px;
      align-items: flex-start;
      flex-direction: column;
   }
   .reward-content {
      align-items: flex-start;
   }
   .reward-content h3 {
      font-size: 1rem;
   }
   .footer-bottom {
      flex-direction: column;
   }
   .section-title {
      letter-spacing: -0.7px;
   }
}
@media (prefers-reduced-motion: reduce) {
   *,
   *::before,
   *::after {
      scroll-behavior: auto !important;
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
   }
   .reveal {
      opacity: 1;
      transform: none;
   }
}












.e-swap-cash-main-slider {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #f4f7f4;
}

.e-swap-cash-slides {
    position: relative;
    width: 100%;
}

.e-swap-cash-slide {
    display: none;
    width: 100%;
}

.e-swap-cash-slide.active {
    display: block;
    animation: eswapFadeIn 0.6s ease;
}

.e-swap-cash-slide img {
    display: block;
    width: 100%;
    height: auto;
    /*aspect-ratio: 1920 / 500;*/
    object-fit: cover;
}

@keyframes eswapFadeIn {
    from { opacity: 0.5; }
    to { opacity: 1; }
}

/* Navigation */
.e-swap-cash-prev,
.e-swap-cash-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    background: rgba(0, 100, 50, 0.8);
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    z-index: 2;
}

.e-swap-cash-prev { left: 15px; }
.e-swap-cash-next { right: 15px; }

.e-swap-cash-prev:hover,
.e-swap-cash-next:hover {
    background: #08783c;
}

/* Dots */
.e-swap-cash-dots {
    position: absolute;
    bottom: 12px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 8px;
    z-index: 2;
}

.e-swap-cash-dots button {
    width: 10px;
    height: 10px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: #c7d8ca;
    cursor: pointer;
}

.e-swap-cash-dots button.active {
    background: #08783c;
}

/* Mobile responsive */
@media (max-width: 576px) {
    .e-swap-cash-prev,
    .e-swap-cash-next {
        width: 28px;
        height: 28px;
        font-size: 14px;
    }

    .e-swap-cash-prev { left: 6px; }
    .e-swap-cash-next { right: 6px; }

    .e-swap-cash-dots {
        bottom: 4px;
        gap: 5px;
    }

    .e-swap-cash-dots button {
        width: 7px;
        height: 7px;
    }
}






.product-slider .item h4 {
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 0px;
    color: #000;
    font-size: 20px;

}

.product-slider .item {
   padding: 0px;
}
.product-slider .item img {
   border-radius: 30px;
   width: 100%;
   height: auto;
}
.product-slider .fa-solid {
    font-size: 21px;
    color: #28a745;
}


.sale-label {
    display: inline-block;
    background-color: #28a745;
    color: #fff;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 4px;
    text-transform: uppercase;
    vertical-align: bottom;
}





    .text-swap-green{color:var(--swap-green)!important}
    
    .btn-swap:hover{background:var(--swap-green);border:1px solid #047c52;color:#047c52;}

    .btn-swap{background:#047c52;border-color:#047c52;color:#fff;transform:translateY(-2px)}

    .btn-outline-swap{border:1.5px solid var(--swap-green);color:var(--swap-green);font-weight:600;border-radius:9px;padding:11px 22px}
    .btn-outline-swap:hover{background:var(--swap-green);color:#fff}

    
    /* Static banner: 1920 x 550 design ratio; scales fluidly on smaller screens */
    .about-hero{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(430px,28.65vw,550px);display:flex;align-items:center;background:linear-gradient(110deg,#f4fbf7 0%,#e9f8f0 58%,#d9f3e6 100%)}
    .about-hero:before{content:"";position:absolute;z-index:-1;width:460px;height:460px;border:1px solid rgba(6,157,103,.15);border-radius:50%;right:8%;top:-190px;box-shadow:0 0 0 35px rgba(6,157,103,.035),0 0 0 75px rgba(6,157,103,.025)}
    .hero-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:30px;background:#fff;color:var(--swap-green);font-size:.82rem;font-weight:600;box-shadow:0 5px 20px rgba(0,0,0,.04)}
    .hero-title{font-size:clamp(2.15rem,4vw,3.35rem);line-height:1.16;letter-spacing:-2px;font-weight:800;color:#050806;margin:20px 0}
    .hero-copy{max-width:590px;color:#59655f;line-height:1.85;font-size:1rem}
    .hero-visual{min-height:370px;display:flex;align-items:center;justify-content:center;position:relative}
    .device-stage{position:relative;width:min(100%,570px);height:365px}
    .device{position:absolute;background:#111;border:7px solid #202523;box-shadow:0 24px 45px rgba(0,0,0,.17);overflow:hidden}
    .device:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.17),transparent 38%,rgba(0,0,0,.16));pointer-events:none}
    .device-phone{width:125px;height:240px;left:5%;top:80px;border-radius:24px;transform:rotate(-8deg);background:linear-gradient(145deg,#151b18,#4b6559)}
    .device-phone:before{content:"";position:absolute;width:45px;height:8px;top:5px;left:calc(50% - 22px);border-radius:10px;background:#050505;z-index:1}
    .device-laptop{width:330px;height:220px;left:26%;top:60px;border-radius:13px 13px 5px 5px;background:#080d0b;padding:9px}
    .laptop-screen{height:100%;border-radius:5px;background:radial-gradient(ellipse at 70% 20%,#0acb83 0%,#075b3c 25%,#081c15 57%,#020604 100%);position:relative;overflow:hidden}
    .laptop-screen:before,.tablet-screen:before{content:"";position:absolute;width:170%;height:55%;left:-25%;top:25%;border:18px solid rgba(6,157,103,.45);border-radius:50%;transform:rotate(-28deg);filter:blur(2px)}
    .laptop-base{position:absolute;left:21%;top:278px;width:365px;height:14px;border-radius:2px 2px 14px 14px;background:linear-gradient(#e3e8e5,#8f9993);box-shadow:0 12px 18px rgba(0,0,0,.13)}
    .device-tablet{width:135px;height:190px;right:1%;top:103px;border-radius:17px;transform:rotate(7deg);background:#222}
    .tablet-screen{position:absolute;inset:8px;border-radius:10px;background:linear-gradient(145deg,#08100c,#0b704b 48%,#050907);overflow:hidden}
    .tablet-screen:before{width:150%;left:-20%;top:35%;height:35%;border-width:12px}
    .float-note{position:absolute;background:#fff;padding:12px 15px;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.08);font-size:.76rem;font-weight:600;display:flex;align-items:center;gap:10px}
    .float-note i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--swap-soft);color:var(--swap-green);font-size:1rem}
    .note-cash{right:3%;top:5px}.note-pickup{left:0;bottom:14px}.note-safe{right:0;bottom:35px}
    .section-pad{padding:30px 0}
    .eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:1.6px;font-weight:700;color:var(--swap-green);margin-bottom:13px}
    .section-title{font-size:clamp(1.8rem,3vw,2.8rem);font-weight:600;line-height:1.22;letter-spacing:-1px;color:#101512}
    .section-copy{color:var(--swap-muted);line-height:1.9;font-size:.95rem}
    .about-photo-wrap{position:relative;padding:0 18px 18px 0}
    .about-photo-wrap:before{content:"";position:absolute;left:18px;right:0;top:18px;bottom:0;background:var(--swap-green);border-radius:18px;opacity:.16}
    .about-photo{position:relative;width:100%;height:390px;object-fit:cover;border-radius:18px;box-shadow:0 15px 40px rgba(0,0,0,.1)}
    .stats-row{border:1px solid #e4f1ea;background:#fbfefc;border-radius:18px;padding:24px 10px;margin-top:35px}
    .stat-item{text-align:center;padding:8px 12px}
    .stat-item strong{display:block;color:var(--swap-green);font-size:1.8rem;font-weight:800}
    .stat-item span{color:#68736e;font-size:.8rem}
    .benefits-section{background:#f6fbf8}
    .benefit-card{height:100%;padding:28px 24px;background:#fff;border:1px solid #e8f2ec;border-radius:16px;transition:transform .25s,box-shadow .25s}
    .benefit-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px rgba(0,0,0,.07)}
    .benefit-icon{display:grid;place-items:center;width:54px;height:54px; background: var(--ec-green);
    color: #fff;border-radius:15px;font-size:1.5rem;margin-bottom:20px}
    .benefit-card h3{font-size:1.05rem;font-weight:700;margin-bottom:10px}
    .benefit-card p{font-size:.86rem;line-height:1.8;color:var(--swap-muted);margin:0}
    .steps-line{position:relative}
    .step-number{display:grid;place-items:center;width:48px;height:48px;background:var(--swap-green);color:#049664;border-radius:50%;font-weight:700;margin:0 auto 18px;box-shadow:0 0 0 7px #e5f7ee}
    .step-card{text-align:center;padding:20px 18px}
    .step-card h3{font-size:1rem;font-weight:700}
    .step-card p{font-size:.84rem;color:var(--swap-muted);line-height:1.8}
    .cta-section{padding:54px 0;background:#050806;color:#fff;position:relative;overflow:hidden}
    .cta-section:after{content:"";position:absolute;right:-80px;top:-150px;width:350px;height:350px;border-radius:50%;border:50px solid rgba(6,157,103,.14)}
    .cta-section .container{position:relative;z-index:1}
    .cta-section h2{font-weight:800;letter-spacing:-.7px}
    

    @media(max-width:991.98px){
      .about-hero{padding:60px 0 35px;min-height:auto}
      .hero-visual{min-height:330px;margin-top:15px}
      .device-stage{transform:scale(.9);transform-origin:center top}
      .section-pad{padding:70px 0}
      .about-photo{height:340px}
    }
    @media(max-width:575.98px){
      .hero-title{letter-spacing:-1.2px;font-size:2.2rem}
      .hero-copy{font-size:.9rem}
      .hero-visual{min-height:260px;overflow:hidden}
      .device-stage{transform:scale(.66);transform-origin:center top;width:570px;max-width:none;left:50%;margin-left:-285px}
      .about-hero .container{padding-left:22px;padding-right:22px}
      .section-pad{padding:56px 0}
      .about-photo{height:280px}
      .stats-row{padding:14px 5px}
      .stat-item strong{font-size:1.4rem}
      .stat-item span{font-size:.7rem}
      .cta-section{text-align:center;padding:42px 0}
    }
    @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}





/* =====================================
   E-SWAP CASH CONTACT US PAGE
   Brand: #069d67 / #000000
===================================== */

.e-swap-contactus-page {
    --e-swap-green: #069d67;
    --e-swap-black: #000000;
    --e-swap-light: #f4fbf7;
    --e-swap-text: #666666;

    font-family: "Poppins", sans-serif;
    color: var(--e-swap-black);
    background: #ffffff;
    overflow: hidden;
}

.e-swap-contactus-page *,
.e-swap-contactus-page *::before,
.e-swap-contactus-page *::after {
    box-sizing: border-box;
}

.e-swap-contactus-page a {
    text-decoration: none;
}

/* HERO SECTION */

.e-swap-contact-hero {
    position: relative;
    overflow: hidden;
    padding: 95px 0 100px;
    color: #ffffff;
    background: linear-gradient(125deg, #000000 35%, #063d2c 100%);
}

.e-swap-contact-hero .container {
    position: relative;
    z-index: 2;
}

.e-swap-contact-hero-content {
    max-width: 760px;
    animation: eSwapContactFadeUp 0.8s ease both;
}

.e-swap-contact-tag {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 18px;
    margin-bottom: 24px;
    border: 1px solid rgba(6, 157, 103, 0.6);
    border-radius: 50px;
    color: #48e6a8;
    background: rgba(6, 157, 103, 0.12);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.5px;
}

.e-swap-contact-hero h1 {
    max-width: 700px;
    margin: 0 0 22px;
    font-size: clamp(36px, 5.2vw, 66px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -1.8px;
}

.e-swap-contact-hero h1 span {
    color: #28d991;
}

.e-swap-contact-hero-content > p {
    max-width: 600px;
    margin-bottom: 30px;
    color: #d1ddd7;
    font-size: 16px;
    line-height: 1.9;
}

.e-swap-contact-hero-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 15px 25px;
    border: 2px solid var(--e-swap-green);
    border-radius: 7px;
    color: #ffffff;
    background: var(--e-swap-green);
    font-size: 14px;
    font-weight: 600;
    transition: background 0.25s ease, transform 0.25s ease;
}

.e-swap-contact-hero-btn:hover {
    color: #ffffff;
    background: #047e53;
    transform: translateY(-3px);
}

.e-swap-contact-hero-decoration {
    position: absolute;
    top: 50%;
    right: 7%;
    width: 250px;
    height: 250px;
    transform: translateY(-50%);
    pointer-events: none;
}

.e-swap-contact-circle {
    position: absolute;
    border: 1px solid rgba(6, 157, 103, 0.35);
    border-radius: 50%;
}

.e-swap-circle-one {
    inset: 0;
    animation: eSwapContactPulse 4s ease-in-out infinite;
}

.e-swap-circle-two {
    inset: 28px;
    background: rgba(6, 157, 103, 0.1);
}

.e-swap-contact-hero-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #31d99a;
    font-size: 85px;
    transform: translate(-50%, -50%);
}

/* MAIN CONTENT */

.e-swap-contact-main {
    padding-top: 85px;
    padding-bottom: 75px;
}

.e-swap-contact-heading {
    max-width: 700px;
    margin: 0 auto 48px;
}

.e-swap-contact-heading > span {
    color: var(--e-swap-green);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

.e-swap-contact-heading h2 {
    margin: 13px 0;
    font-size: clamp(25px, 3vw, 38px);
    font-weight: 500;
    line-height: 1.4;
}

.e-swap-contact-heading h2 strong {
    color: var(--e-swap-green);
    font-weight: 700;
}

.e-swap-contact-heading p {
    margin: 0;
    color: var(--e-swap-text);
    font-size: 14px;
    line-height: 1.8;
}

/* CONTACT CARDS */

.e-swap-contact-cards {
    align-items: stretch;
}

.e-swap-contact-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    min-height: 320px;
    padding: 36px 22px 28px;
    border: 1px solid #e8f0eb;
    border-radius: 14px;
    background: #ffffff;
    text-align: center;
    box-shadow: 0 8px 35px rgba(0, 0, 0, 0.045);
    transition: transform 0.3s ease, border-color 0.3s ease,
                box-shadow 0.3s ease;
}

.e-swap-contact-card:hover {
    transform: translateY(-7px);
    border-color: rgba(6, 157, 103, 0.5);
    box-shadow: 0 18px 40px rgba(6, 157, 103, 0.1);
}

.e-swap-contact-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    margin-bottom: 23px;
    border-radius: 20px;
    color: var(--e-swap-green);
    background: #e9f8f0;
    font-size: 27px;
    transition: transform 0.3s ease;
}

.e-swap-contact-card:hover .e-swap-contact-icon {
    transform: scale(1.07);
}

.e-swap-contact-card h3 {
    margin: 0 0 12px;
    font-size: 21px;
    font-weight: 700;
}

.e-swap-contact-card > p {
    min-height: 48px;
    margin: 0 0 15px;
    color: var(--e-swap-text);
    font-size: 13px;
    line-height: 1.8;
}

.e-swap-contact-link {
    max-width: 100%;
    overflow-wrap: anywhere;
    color: var(--e-swap-green);
    font-size: 15px;
    font-weight: 600;
    transition: color 0.2s ease;
}

.e-swap-contact-link:hover {
    color: #034e34;
}

.e-swap-contact-small {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 7px;
    margin-top: auto;
    padding-top: 23px;
    color: #858585;
    font-size: 11px;
}

.e-swap-contact-small i {
    color: var(--e-swap-green);
}

/* WHATSAPP */

.e-swap-whatsapp-card {
    border-color: rgba(6, 157, 103, 0.25);
    background: linear-gradient(145deg, #ffffff, #f3fcf7);
}

.e-swap-whatsapp-icon {
    color: #ffffff;
    background: var(--e-swap-green);
}

.e-swap-contact-whatsapp-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    max-width: 100%;
    padding: 13px 20px;
    border-radius: 7px;
    color: #ffffff;
    background: var(--e-swap-green);
    font-size: 13px;
    font-weight: 600;
    transition: background 0.25s ease, transform 0.25s ease;
}

.e-swap-contact-whatsapp-btn:hover {
    color: #ffffff;
    background: #047e53;
    transform: translateY(-2px);
}

.e-swap-contact-whatsapp-btn i {
    font-size: 19px;
}

/* SOCIAL MEDIA */

.e-swap-contact-social {
    padding-top: 65px;
    text-align: center;
}

.e-swap-contact-social h3 {
    margin-bottom: 10px;
    font-size: 23px;
    font-weight: 700;
}

.e-swap-contact-social > p {
    margin-bottom: 25px;
    color: var(--e-swap-text);
    font-size: 13px;
    line-height: 1.8;
}

.e-swap-social-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
}

.e-swap-social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 1px solid #e5eee8;
    border-radius: 50%;
    color: #222222;
    background: #ffffff;
    font-size: 18px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.04);
    transition: color 0.25s ease, background 0.25s ease,
                transform 0.25s ease;
}

.e-swap-social-icon:hover {
    color: #ffffff;
    background: var(--e-swap-green);
    border-color: var(--e-swap-green);
    transform: translateY(-5px);
}

/* BOTTOM CTA */

.e-swap-contact-bottom {
    padding: 45px 0;
    color: #ffffff;
    background: var(--e-swap-green);
}

.e-swap-contact-bottom-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.e-swap-contact-bottom h2 {
    margin: 0 0 10px;
    font-size: clamp(21px, 3vw, 29px);
    font-weight: 700;
    line-height: 1.45;
}

.e-swap-contact-bottom p {
    margin: 0;
    color: #e5fff3;
    font-size: 13px;
    line-height: 1.8;
}

.e-swap-bottom-btn {
    display: inline-flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 15px 24px;
    border: 2px solid #ffffff;
    border-radius: 7px;
    color: var(--e-swap-black);
    background: #ffffff;
    font-size: 13px;
    font-weight: 700;
    transition: color 0.25s ease, background 0.25s ease,
                transform 0.25s ease;
}

.e-swap-bottom-btn:hover {
    color: #ffffff;
    background: var(--e-swap-black);
    border-color: var(--e-swap-black);
    transform: translateY(-3px);
}

/* ANIMATIONS */

@keyframes eSwapContactFadeUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes eSwapContactPulse {
    0%, 100% {
        transform: scale(1);
        opacity: 0.6;
    }

    50% {
        transform: scale(1.08);
        opacity: 1;
    }
}

/* TABLET */

@media (max-width: 991.98px) {
    .e-swap-contact-hero {
        padding: 80px 0;
    }

    .e-swap-contact-hero-decoration {
        right: 3%;
        width: 170px;
        height: 170px;
        opacity: 0.55;
    }

    .e-swap-contact-hero-icon {
        font-size: 60px;
    }

    .e-swap-contact-main {
        padding-top: 65px;
        padding-bottom: 60px;
    }

    .e-swap-contact-card {
        min-height: 305px;
    }
}

/* MOBILE */

@media (max-width: 575.98px) {
    .e-swap-contact-hero {
        padding: 65px 0 70px;
    }

    .e-swap-contact-hero h1 {
        font-size: clamp(34px, 9vw, 45px);
        letter-spacing: -1px;
    }

    .e-swap-contact-hero-content > p {
        font-size: 14px;
        line-height: 1.85;
    }

    .e-swap-contact-hero-decoration {
        top: auto;
        right: -50px;
        bottom: -85px;
        width: 145px;
        height: 145px;
        transform: none;
        opacity: 0.25;
    }

    .e-swap-contact-hero-icon {
        font-size: 48px;
    }

    .e-swap-contact-main {
        padding-top: 55px;
        padding-bottom: 50px;
    }

    .e-swap-contact-heading {
        margin-bottom: 32px;
    }

    .e-swap-contact-heading h2 {
        font-size: 27px;
    }

    .e-swap-contact-card {
        min-height: 290px;
        padding: 30px 18px 25px;
    }

    .e-swap-contact-social {
        padding-top: 48px;
    }

    .e-swap-social-links {
        gap: 11px;
    }

    .e-swap-social-icon {
        width: 44px;
        height: 44px;
    }

    .e-swap-contact-bottom {
        padding: 35px 0;
    }

    .e-swap-contact-bottom-content {
        flex-direction: column;
        align-items: flex-start;
        gap: 22px;
    }

    .e-swap-bottom-btn {
        width: 100%;
    }
}

/* ACCESSIBILITY: REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {
    .e-swap-contactus-page *,
    .e-swap-contactus-page *::before,
    .e-swap-contactus-page *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
}






.e-swap-products-list {
    font-family: "Poppins", sans-serif;
    background: #fff;
    padding: 70px 0;
}

.e-swap-products-list .section-title {
    text-align: center;
    margin-bottom: 42px;
}

.e-swap-products-list .section-title h1 {
    margin: 0 auto 12px;
    color: #000;
    font-size: clamp(28px, 3.5vw, 44px);
    font-weight: 700;
    line-height: 1.25;
}

.e-swap-products-list .section-title h1 .highlight {
    color: #069d67;
    position: relative;
    display: inline-block;
}

.e-swap-products-list .section-title h1 .highlight::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 3px;
    background: #069d67;
    border-radius: 20px;
}

.e-swap-products-list .section-title p {
    margin: 0;
    color: #777;
    font-size: 14px;
}


/* PRODUCT GRID */

.e-swap-products-list .products-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}


/* PRODUCT CARD */

.e-swap-products-list .product-card {
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.e-swap-products-list .product-card:hover {
    transform: translateY(-5px);
    border-color: rgba(6, 157, 103, 0.25);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}


/* IMAGE */

.e-swap-products-list .product-image-area {
    height: 205px;
    background: #f8faf9;
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 18px;
}

.e-swap-products-list .product-image-area img {
    width: 100%;
    height: 175px;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.e-swap-products-list .product-card:hover
.product-image-area img {
    transform: scale(1.05);
}


/* GET 5% LABEL */

.e-swap-products-list .bonus-label {
    position: absolute;
    top: 12px;
    left: 12px;

    background: #fff;
    color: #069d67;

    border: 1px solid #069d67;
    border-radius: 30px;

    padding: 5px 12px;

    font-size: 11px;
    font-weight: 500;

    z-index: 2;
}


/* CONTENT */

.e-swap-products-list .product-content {
    padding: 15px 16px 17px;
}

.e-swap-products-list .product-name {
    color: #000;
    font-size: 15px;
    font-weight: 600;

    line-height: 1.45;

    min-height: 34px;
    margin-bottom: 6px;
}

.e-swap-products-list .sold-count {
    color: #069d67;
    font-size: 12px;
    font-weight: 500;
    display: none;
    margin-bottom: 16px;
}

.e-swap-products-list .price-label {
    color: #777;
    font-size: 12px;
    margin-bottom: 1px;
    display: none;
}

.e-swap-products-list .price-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.e-swap-products-list .price {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    display: none;
}


/* SELL BUTTON */

.e-swap-products-list .sell-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #069d67;
    color: #fff;
    padding: 5px 20px;
    border-radius: 9px;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.25s ease;
    text-transform: capitalize;
}

.e-swap-products-list .sell-btn:hover {
    background: #000;
    color: #fff;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991.98px) {

    .e-swap-products-list {
        padding: 55px 0;
    }

    .e-swap-products-list .products-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 575.98px) {

    .e-swap-products-list {
        padding: 45px 0;
    }

    .e-swap-products-list .section-title {
        text-align: left;
        margin-bottom: 30px;
    }

    .e-swap-products-list .section-title h1 {
        font-size: 27px;
    }

    .e-swap-products-list .section-title p {
        font-size: 13px;
        line-height: 1.7;
    }

    .e-swap-products-list .products-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .e-swap-products-list .product-image-area {
        height: 210px;
    }

}


/* SMALL MOBILE */

@media (max-width: 380px) {

    .e-swap-products-list .section-title h1 {
        font-size: 24px;
    }

    .e-swap-products-list .product-image-area {
        height: 190px;
    }

}





.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
   color: #059b66;
}





/* =====================================
   E-SWAP CASH BLOG LANDING
   Brand: #069d67 / #000000
===================================== */

.e-swap-blog-landing {
  --blog-green: #069d67;
  --blog-black: #000000;
  --blog-text: #222222;
  --blog-muted: #707070;
  --blog-light: #f6faf8;

  font-family: "Poppins", sans-serif;
  color: var(--blog-black);
  background: #ffffff;
  overflow: hidden;
}

.e-swap-blog-landing *,
.e-swap-blog-landing *::before,
.e-swap-blog-landing *::after {
  box-sizing: border-box;
}

.e-swap-blog-landing a {
  text-decoration: none;
}

/* HERO SECTION */

.e-swap-blog-hero {
  position: relative;
  padding: 95px 0;
  background:
    radial-gradient(circle at 85% 20%, rgba(6,157,103,.14), transparent 32%),
    linear-gradient(120deg, #f8fcfa 0%, #ffffff 60%, #eaf8f1 100%);
}

.e-swap-blog-hero .container {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 300px;
}

.e-swap-blog-hero-content {
  position: relative;
  z-index: 2;
  max-width: 720px;
}

.e-swap-blog-label {
  display: inline-block;
  margin-bottom: 18px;
  color: var(--blog-green);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
}

.e-swap-blog-hero h1 {
  margin: 0 0 22px;
  color: var(--blog-black);
  font-size: clamp(34px, 4.2vw, 58px);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -1.5px;
}

.e-swap-blog-hero h1 span {
  color: var(--blog-green);
}

.e-swap-blog-hero-content > p {
  max-width: 590px;
  margin-bottom: 30px;
  color: #5c655f;
  font-size: 15px;
  line-height: 1.9;
}

.e-swap-blog-hero-btn {
  display: inline-flex;
  align-items: center;
  gap: 22px;
  padding: 15px 24px;
  border: 2px solid var(--blog-green);
  border-radius: 6px;
  background: var(--blog-green);
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  transition: background .25s ease, color .25s ease,
              transform .25s ease;
}

.e-swap-blog-hero-btn:hover {
  background: var(--blog-black);
  border-color: var(--blog-black);
  color: #ffffff;
  transform: translateY(-3px);
}

/* HERO DECORATION */

.e-swap-blog-hero-decoration {
  position: absolute;
  top: 50%;
  right: 4%;
  width: 300px;
  height: 300px;
  display: grid;
  place-items: center;
  transform: translateY(-50%);
}

.e-swap-circle {
  position: absolute;
  display: block;
  border: 1px solid rgba(6,157,103,.2);
  border-radius: 50%;
}

.e-swap-circle-one {
  width: 280px;
  height: 280px;
}

.e-swap-circle-two {
  width: 220px;
  height: 220px;
  background: rgba(6,157,103,.06);
}

.e-swap-blog-hero-icon {
  position: relative;
  display: grid;
  place-items: center;
  width: 145px;
  height: 145px;
  border-radius: 30px;
  background: var(--blog-green);
  color: #ffffff;
  font-size: 65px;
  box-shadow: 0 25px 60px rgba(6,157,103,.23);
  transform: rotate(-7deg);
}

.e-swap-floating-tag {
  position: absolute;
  right: -5px;
  bottom: 38px;
  padding: 12px 17px;
  border: 1px solid #e6eee9;
  border-radius: 7px;
  background: #ffffff;
  color: var(--blog-black);
  font-size: 12px;
  font-weight: 600;
  box-shadow: 0 8px 25px rgba(0,0,0,.08);
}

/* BLOG LISTING */

.e-swap-blog-listing {
  padding: 85px 0 90px;
}

.e-swap-blog-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 25px;
  margin-bottom: 38px;
}

.e-swap-blog-heading .e-swap-blog-label {
  margin-bottom: 10px;
}

.e-swap-blog-heading h2 {
  margin: 0;
  font-size: clamp(28px, 3vw, 38px);
  font-weight: 700;
  letter-spacing: -1px;
}

.e-swap-blog-heading h2 span {
  color: var(--blog-green);
}

.e-swap-blog-heading > p {
  max-width: 370px;
  margin: 0 0 5px;
  color: var(--blog-muted);
  font-size: 13px;
  line-height: 1.8;
}

/* BLOG CARDS */

.e-swap-blog-card {
  height: 100%;
  overflow: hidden;
  border: 1px solid #e9eee9;
  border-radius: 10px;
  background: #ffffff;
  transition: transform .3s ease, box-shadow .3s ease,
              border-color .3s ease;
}

.e-swap-blog-card:hover {
  transform: translateY(-7px);
  border-color: rgba(6,157,103,.3);
  box-shadow: 0 18px 40px rgba(0,0,0,.08);
}

.e-swap-blog-image {
  position: relative;
  height: 215px;
  overflow: hidden;
  background: #eaf4ee;
}

.e-swap-blog-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .45s ease;
}

.e-swap-blog-card:hover .e-swap-blog-image img {
  transform: scale(1.06);
}

.e-swap-blog-category {
  position: absolute;
  left: 14px;
  bottom: 14px;
  padding: 7px 12px;
  border-radius: 4px;
  background: var(--blog-green);
  color: #ffffff;
  font-size: 10px;
  font-weight: 600;
}

.e-swap-blog-card-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 265px;
  padding: 23px 20px 21px;
}

.e-swap-blog-meta {
  margin-bottom: 12px;
  color: var(--blog-green);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
}

.e-swap-blog-card h3 {
  margin: 0 0 12px;
  color: var(--blog-black);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.55;
  transition: color .2s ease;
}

.e-swap-blog-card:hover h3 {
  color: var(--blog-green);
}

.e-swap-blog-card-content > p {
  margin-bottom: 22px;
  color: var(--blog-muted);
  font-size: 12px;
  line-height: 1.9;
}

.e-swap-blog-readmore {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-top: auto;
  padding: 10px 15px;
  border: 1px solid var(--blog-green);
  border-radius: 4px;
  color: var(--blog-green);
  font-size: 12px;
  font-weight: 600;
  transition: background .25s ease, color .25s ease;
}

.e-swap-blog-readmore:hover {
  background: var(--blog-green);
  color: #ffffff;
}

/* VIEW ALL */

.e-swap-blog-viewall {
  margin-top: 45px;
  text-align: center;
}

.e-swap-blog-viewall-btn {
  display: inline-block;
  padding: 14px 25px;
  border: 1px solid var(--blog-black);
  border-radius: 5px;
  color: var(--blog-black);
  font-size: 13px;
  font-weight: 600;
  transition: background .25s ease, color .25s ease;
}

.e-swap-blog-viewall-btn:hover {
  border-color: var(--blog-green);
  background: var(--blog-green);
  color: #ffffff;
}

/* TABLETS */

@media (max-width: 991.98px) {
  .e-swap-blog-hero {
    padding: 75px 0;
  }

  .e-swap-blog-hero-decoration {
    right: 0;
    width: 220px;
    height: 220px;
    opacity: .75;
  }

  .e-swap-circle-one {
    width: 210px;
    height: 210px;
  }

  .e-swap-circle-two {
    width: 165px;
    height: 165px;
  }

  .e-swap-blog-hero-icon {
    width: 110px;
    height: 110px;
    border-radius: 23px;
    font-size: 48px;
  }

  .e-swap-floating-tag {
    right: -5px;
    bottom: 15px;
  }

  .e-swap-blog-hero-content {
    max-width: 65%;
  }

  .e-swap-blog-image {
    height: 190px;
  }

  .e-swap-blog-card-content {
    padding: 20px 16px;
  }

  .e-swap-blog-card h3 {
    font-size: 15px;
  }
}

/* MOBILE */

@media (max-width: 575.98px) {
  .e-swap-blog-hero {
    padding: 65px 0 55px;
  }

  .e-swap-blog-hero .container {
    min-height: auto;
  }

  .e-swap-blog-hero-content {
    max-width: 100%;
  }

  .e-swap-blog-hero h1 {
    font-size: clamp(32px, 8vw, 42px);
    letter-spacing: -1px;
  }

  .e-swap-blog-hero-content > p {
    font-size: 13px;
  }

  .e-swap-blog-hero-decoration {
    display: none;
  }

  .e-swap-blog-listing {
    padding: 60px 0;
  }

  .e-swap-blog-heading {
    display: block;
    margin-bottom: 28px;
  }

  .e-swap-blog-heading h2 {
    font-size: 30px;
  }

  .e-swap-blog-heading > p {
    margin-top: 12px;
  }

  .e-swap-blog-image {
    height: 230px;
  }

  .e-swap-blog-card-content {
    min-height: 240px;
    padding: 23px 20px;
  }

  .e-swap-blog-card h3 {
    font-size: 17px;
  }

  .e-swap-blog-card-content > p {
    font-size: 13px;
  }
}

/* ACCESSIBILITY: REDUCE MOTION */

@media (prefers-reduced-motion: reduce) {
  .e-swap-blog-landing *,
  .e-swap-blog-landing *::before,
  .e-swap-blog-landing *::after {
    scroll-behavior: auto !important;
    transition: none !important;
    animation: none !important;
  }
}











/* ==========================================
   E-SWAP CASH BLOG DETAIL PAGE
   Main class: e-swap-blog-landing
   Colors: #069d67 / #000000
========================================== */

.e-swap-blog-landing {
  --bd-green: #069d67;
  --bd-black: #000;
  --bd-text: #303630;
  --bd-muted: #727a74;
  --bd-light: #f5faf7;

  font-family: "Poppins", sans-serif;
  color: var(--bd-black);
  background: #fff;
  overflow: hidden;
}

.e-swap-blog-landing *,
.e-swap-blog-landing *::before,
.e-swap-blog-landing *::after {
  box-sizing: border-box;
}

.e-swap-blog-landing img {
  max-width: 100%;
}

.e-swap-blog-landing a {
  text-decoration: none;
}

/* HERO */

.e-swap-detail-hero {
  position: relative;
  padding: 32px 0 65px;
  background:
    radial-gradient(circle at 90% 15%, rgba(6,157,103,.13), transparent 32%),
    linear-gradient(130deg, #f5fbf7, #fff 60%, #eaf7f0);
  border-bottom: 1px solid #e9f0eb;
}

.e-swap-detail-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 45px;
  color: var(--bd-muted);
  font-size: 12px;
}

.e-swap-detail-breadcrumb a {
  color: var(--bd-green);
  transition: color .2s ease;
}

.e-swap-detail-breadcrumb a:hover {
  color: var(--bd-black);
}

.e-swap-detail-hero-content {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.e-swap-detail-category {
  display: inline-block;
  margin-bottom: 20px;
  padding: 8px 15px;
  border-radius: 4px;
  background: rgba(6,157,103,.1);
  color: var(--bd-green);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.5px;
}

.e-swap-detail-hero h1 {
  margin: 0 auto 22px;
  color: var(--bd-black);
  font-size: clamp(32px, 4.5vw, 54px);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -1.4px;
}

.e-swap-detail-intro {
  max-width: 690px;
  margin: 0 auto 27px;
  color: #626b65;
  font-size: 15px;
  line-height: 1.9;
}

.e-swap-detail-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px 25px;
  color: #69716b;
  font-size: 12px;
}

.e-swap-detail-meta span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.e-swap-detail-meta span span {
  color: var(--bd-green);
  font-size: 15px;
}

/* MAIN CONTENT */

.e-swap-detail-main {
  padding: 70px 0 85px;
}

.e-swap-detail-article {
  min-width: 0;
}

.e-swap-detail-featured-image {
  width: 100%;
  height: 440px;
  margin-bottom: 35px;
  overflow: hidden;
  border-radius: 12px;
  background: var(--bd-light);
}

.e-swap-detail-featured-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ARTICLE TYPOGRAPHY */

.e-swap-detail-body {
  color: var(--bd-text);
  font-size: 14px;
  line-height: 2;
  overflow-wrap: anywhere;
}

.e-swap-detail-body p {
  margin: 0 0 23px;
}

.e-swap-detail-body .e-swap-detail-lead {
  margin-bottom: 32px;
  color: #505a53;
  font-size: 16px;
  line-height: 2;
}

.e-swap-detail-body h2 {
  position: relative;
  margin: 38px 0 17px;
  padding-left: 17px;
  color: var(--bd-black);
  font-size: clamp(20px, 2.3vw, 25px);
  font-weight: 700;
  line-height: 1.5;
}

.e-swap-detail-body h2::before {
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 0;
  width: 4px;
  border-radius: 5px;
  background: var(--bd-green);
  content: "";
}

/* TIP BOX */

.e-swap-detail-tip {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin: 30px 0;
  padding: 24px;
  border: 1px solid #dcefe4;
  border-left: 4px solid var(--bd-green);
  border-radius: 7px;
  background: #f5faf7;
}

.e-swap-detail-tip-icon {
  display: grid;
  flex: 0 0 43px;
  width: 43px;
  height: 43px;
  place-items: center;
  border-radius: 50%;
  background: var(--bd-green);
  color: #fff;
  font-size: 20px;
}

.e-swap-detail-tip h3 {
  margin: 0 0 6px;
  color: var(--bd-black);
  font-size: 16px;
  font-weight: 700;
}

.e-swap-detail-tip p {
  margin: 0;
  color: #5c655f;
  font-size: 13px;
  line-height: 1.9;
}

/* TAGS */

.e-swap-detail-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 35px;
  padding: 23px 0;
  border-top: 1px solid #e8eee9;
  border-bottom: 1px solid #e8eee9;
  font-size: 12px;
}

.e-swap-detail-tags strong {
  font-size: 13px;
}

.e-swap-detail-tags a {
  padding: 7px 12px;
  border-radius: 4px;
  background: #f1f6f3;
  color: #4c5850;
  transition: background .2s ease, color .2s ease;
}

.e-swap-detail-tags a:hover {
  background: var(--bd-green);
  color: #fff;
}

/* SHARE */

.e-swap-detail-share {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 22px 0;
}

.e-swap-detail-share > span {
  font-size: 13px;
  font-weight: 700;
}

.e-swap-detail-share-links {
  display: flex;
  gap: 10px;
}

.e-swap-detail-share-links a {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 1px solid #dce7df;
  border-radius: 50%;
  color: var(--bd-green);
  font-size: 13px;
  font-weight: 700;
  transition: background .2s ease, color .2s ease;
}

.e-swap-detail-share-links a:hover {
  border-color: var(--bd-green);
  background: var(--bd-green);
  color: #fff;
}

/* BACK TO BLOG */

.e-swap-detail-back {
  margin-top: 15px;
}

.e-swap-detail-back a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--bd-green);
  font-size: 13px;
  font-weight: 600;
}

.e-swap-detail-back a:hover {
  color: var(--bd-black);
}

/* SIDEBAR */

.e-swap-detail-sidebar {
  position: sticky;
  top: 25px;
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.e-swap-detail-cta {
  padding: 30px 25px;
  border-radius: 10px;
  background: var(--bd-black);
  color: #fff;
}

.e-swap-detail-cta-icon {
  display: grid;
  width: 55px;
  height: 55px;
  margin-bottom: 20px;
  place-items: center;
  border-radius: 10px;
  background: var(--bd-green);
  font-size: 26px;
}

.e-swap-detail-cta h3 {
  margin: 0 0 14px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
}

.e-swap-detail-cta p {
  margin-bottom: 23px;
  color: #c6ccc8;
  font-size: 12px;
  line-height: 1.9;
}

.e-swap-detail-cta-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 13px 16px;
  border: 1px solid var(--bd-green);
  border-radius: 5px;
  background: var(--bd-green);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  transition: background .2s ease, border-color .2s ease;
}

.e-swap-detail-cta-btn:hover {
  border-color: #fff;
  background: #fff;
  color: var(--bd-black);
}

/* RELATED POSTS */

.e-swap-detail-related {
  padding: 25px 20px;
  border: 1px solid #e6ece8;
  border-radius: 9px;
  background: #fff;
}

.e-swap-detail-related > h3 {
  margin: 0 0 23px;
  padding-bottom: 15px;
  border-bottom: 2px solid var(--bd-green);
  color: var(--bd-black);
  font-size: 19px;
  font-weight: 700;
}

.e-swap-related-card {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  margin-bottom: 20px;
}

.e-swap-related-card img {
  flex: 0 0 92px;
  width: 92px;
  height: 78px;
  border-radius: 5px;
  object-fit: cover;
}

.e-swap-related-card > span {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.e-swap-related-card small {
  color: var(--bd-green);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1px;
}

.e-swap-related-card strong {
  color: var(--bd-black);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.7;
  transition: color .2s ease;
}

.e-swap-related-card:hover strong {
  color: var(--bd-green);
}

.e-swap-detail-related .e-swap-related-all {
  display: block;
  margin-top: 6px;
  padding-top: 17px;
  border-top: 1px solid #e8eee9;
  color: var(--bd-green);
  font-size: 12px;
  font-weight: 700;
}

.e-swap-detail-related .e-swap-related-all:hover {
  color: var(--bd-black);
}

/* TABLETS */

@media (max-width: 991.98px) {
  .e-swap-detail-main {
    padding: 50px 0 65px;
  }

  .e-swap-detail-featured-image {
    height: 370px;
  }

  .e-swap-detail-sidebar {
    position: static;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
  }

  .e-swap-detail-cta,
  .e-swap-detail-related {
    height: 100%;
  }
}

/* MOBILE */

@media (max-width: 575.98px) {
  .e-swap-detail-hero {
    padding: 25px 0 45px;
  }
  #home h6 {
         font-size: 24px;
        }

  .e-swap-detail-breadcrumb {
    gap: 7px;
    margin-bottom: 30px;
    font-size: 10px;
  }

  .e-swap-detail-category {
    margin-bottom: 15px;
  }

  .e-swap-detail-hero h1 {
    font-size: 32px;
    letter-spacing: -.8px;
  }

  .e-swap-detail-intro {
    font-size: 13px;
    line-height: 1.9;
  }

  .e-swap-detail-meta {
    gap: 10px 16px;
    font-size: 10px;
  }

  .e-swap-detail-main {
    padding: 35px 0 50px;
  }

  .e-swap-detail-featured-image {
    height: 250px;
    margin-bottom: 25px;
    border-radius: 7px;
  }

  .e-swap-detail-body {
    font-size: 13px;
    line-height: 1.95;
  }

  .e-swap-detail-body .e-swap-detail-lead {
    font-size: 14px;
  }

  .e-swap-detail-body h2 {
    margin-top: 30px;
    font-size: 21px;
  }

  .e-swap-detail-tip {
    gap: 12px;
    padding: 18px 15px;
  }

  .e-swap-detail-share {
    align-items: flex-start;
    flex-direction: column;
  }

  .e-swap-detail-sidebar {
    display: flex;
    flex-direction: column;
    gap: 22px;
  }

  .e-swap-detail-cta,
  .e-swap-detail-related {
    width: 100%;
  }

  .e-swap-detail-related {
    padding: 22px 16px;
  }
}

/* REDUCE MOTION */

@media (prefers-reduced-motion: reduce) {
  .e-swap-blog-landing *,
  .e-swap-blog-landing *::before,
  .e-swap-blog-landing *::after {
    transition: none !important;
    animation: none !important;
  }
}







/* ======================================
   E-SWAP TESTIMONIAL SLIDER
   Class: e-swap-blog-testimonial
====================================== */

.e-swap-blog-testimonial {
  --testimonial-green: #069d67;
  --testimonial-black: #000000;

  padding: 85px 0 90px;
  background: #f7faf8;
  color: var(--testimonial-black);
  font-family: "Poppins", sans-serif;
  overflow: hidden;
}

.e-swap-blog-testimonial *,
.e-swap-blog-testimonial *::before,
.e-swap-blog-testimonial *::after {
  box-sizing: border-box;
}

.e-swap-blog-testimonial .container {
  max-width: 1320px;
}

/* HEADING */

.e-swap-testimonial-heading {
  max-width: 700px;
  margin: 0 auto 45px;
  text-align: center;
}

.e-swap-testimonial-label {
  display: inline-block;
  margin-bottom: 12px;
  color: var(--testimonial-green);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
}

.e-swap-testimonial-heading h2 {
  margin: 0 0 16px;
  color: var(--testimonial-black);
  font-size: clamp(28px, 3.5vw, 42px);
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: -1px;
}

.e-swap-testimonial-heading h2 span {
  color: var(--testimonial-green);
}

.e-swap-testimonial-heading p {
  max-width: 580px;
  margin: 0 auto;
  color: #6b736e;
  font-size: 14px;
  line-height: 1.9;
}

/* TESTIMONIAL CARD */

.e-swap-testimonial-carousel .item {
  height: 100%;
  padding: 5px 2px 18px;
}

.e-swap-testimonial-card {
  display: flex;
  flex-direction: column;
  min-height: 285px;
  height: 100%;
  padding: 28px 25px;
  border: 1px solid #e6eee8;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, .025);
  transition: transform .3s ease, box-shadow .3s ease,
              border-color .3s ease;
}

.e-swap-testimonial-card:hover {
  transform: translateY(-5px);
  border-color: rgba(6, 157, 103, .35);
  box-shadow: 0 15px 35px rgba(0, 0, 0, .07);
}

/* TOP ROW */

.e-swap-testimonial-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 17px;
}

.e-swap-testimonial-quote {
  height: 45px;
  color: var(--testimonial-green);
  font-family: Georgia, serif;
  font-size: 65px;
  font-weight: 700;
  line-height: 1;
}

.e-swap-testimonial-stars {
  color: #f4b400;
  font-size: 16px;
  letter-spacing: 2px;
}

/* REVIEW TEXT */

.e-swap-testimonial-text {
  flex-grow: 1;
  margin: 0 0 25px;
  color: #606861;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.95;
}

/* CUSTOMER INFO */

.e-swap-testimonial-user {
  display: flex;
  align-items: center;
  gap: 13px;
  padding-top: 19px;
  border-top: 1px solid #edf1ee;
}

.e-swap-testimonial-avatar {
  display: grid;
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  place-items: center;
  border-radius: 50%;
  background: #e6f6ed;
  color: var(--testimonial-green);
  font-size: 13px;
  font-weight: 700;
}

.e-swap-testimonial-user > div:nth-child(2) {
  flex: 1;
  min-width: 0;
}

.e-swap-testimonial-user h3 {
  margin: 0 0 4px;
  color: var(--testimonial-black);
  font-size: 14px;
  font-weight: 700;
}

.e-swap-testimonial-user span {
  display: block;
  color: #8a928c;
  font-size: 11px;
}

.e-swap-testimonial-check {
  display: grid;
  flex: 0 0 23px;
  width: 23px;
  height: 23px;
  place-items: center;
  border-radius: 50%;
  background: var(--testimonial-green);
  color: #ffffff;
  font-size: 12px;
}

/* OWL DOTS */

.e-swap-blog-testimonial .owl-theme .owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  margin-top: 25px;
}

.e-swap-blog-testimonial .owl-theme .owl-dots .owl-dot {
  padding: 5px !important;
}

.e-swap-blog-testimonial .owl-theme .owl-dots .owl-dot span {
  display: block;
  width: 8px;
  height: 8px;
  margin: 0;
  border-radius: 20px;
  background: #cbd9d0;
  transition: width .25s ease, background .25s ease;
}

.e-swap-blog-testimonial .owl-theme .owl-dots .owl-dot.active span {
  width: 25px;
  background: var(--testimonial-green);
}

/* OWL NAVIGATION */

.e-swap-blog-testimonial .owl-theme .owl-nav {
  margin-top: 0;
}

.e-swap-blog-testimonial .owl-theme .owl-nav button.owl-prev,
.e-swap-blog-testimonial .owl-theme .owl-nav button.owl-next {
  position: absolute;
  top: 43%;
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid #dce8df;
  border-radius: 50%;
  background: #ffffff;
  color: var(--testimonial-green);
  font-size: 22px;
  line-height: 1;
  box-shadow: 0 4px 15px rgba(0, 0, 0, .04);
  transition: background .25s ease, color .25s ease;
}

.e-swap-blog-testimonial .owl-theme .owl-nav button.owl-prev {
  left: -50px;
}

.e-swap-blog-testimonial .owl-theme .owl-nav button.owl-next {
  right: -50px;
}

.e-swap-blog-testimonial .owl-theme .owl-nav button.owl-prev:hover,
.e-swap-blog-testimonial .owl-theme .owl-nav button.owl-next:hover {
  background: var(--testimonial-green);
  color: #ffffff;
}

.e-swap-blog-testimonial .owl-theme .owl-nav button:focus-visible,
.e-swap-blog-testimonial .owl-theme .owl-dots .owl-dot:focus-visible {
  outline: 2px solid var(--testimonial-green);
  outline-offset: 3px;
}

/* TABLET */

@media (max-width: 1199.98px) {
  .e-swap-blog-testimonial .owl-theme .owl-nav button.owl-prev {
    left: -12px;
  }

  .e-swap-blog-testimonial .owl-theme .owl-nav button.owl-next {
    right: -12px;
  }
}

/* MOBILE */

@media (max-width: 575.98px) {
  .e-swap-blog-testimonial {
    padding: 60px 0;
  }
  #home h6 {
         font-size: 24px;
        }

  .e-swap-testimonial-heading {
    margin-bottom: 30px;
  }

  .e-swap-testimonial-heading h2 {
    font-size: 29px;
  }

  .e-swap-testimonial-heading p {
    font-size: 13px;
  }

  .e-swap-testimonial-card {
    min-height: 260px;
    padding: 24px 21px;
  }

  .e-swap-testimonial-text {
    font-size: 13px;
  }

  .e-swap-blog-testimonial .owl-theme .owl-dots {
    margin-top: 15px;
  }
}

/* REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {
  .e-swap-blog-testimonial *,
  .e-swap-blog-testimonial *::before,
  .e-swap-blog-testimonial *::after {
    scroll-behavior: auto !important;
    animation: none !important;
    transition: none !important;
  }
}











.e-swap-cash-coimbatore {
    --eswap-green: #168447;
    --eswap-green-dark: #106638;
    --eswap-black: #111111;
    --eswap-light: #f2efeb;
    --eswap-white: #ffffff;
    --eswap-text: #555555;

    width: 100%;
    padding: 55px 20px 60px;
    background: var(--eswap-white);
    font-family: "Poppins", sans-serif;
    box-sizing: border-box;
    overflow: hidden;
}

.e-swap-cash-coimbatore *,
.e-swap-cash-coimbatore *::before,
.e-swap-cash-coimbatore *::after {
    box-sizing: border-box;
}

.e-swap-container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

/* Heading */

.e-swap-heading {
    max-width: 850px;
    margin: 0 auto 38px;
    text-align: center;
}

.e-swap-subtitle {
    display: inline-block;
    margin-bottom: 13px;
    color: var(--eswap-green);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.e-swap-heading h2 {
    margin: 0 0 15px;
    color: var(--eswap-black);
    font-size: clamp(27px, 3.2vw, 43px);
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -1px;
}

.e-swap-heading h2 span {
    /*display: block;*/
    color: #00875d;
}

.e-swap-heading p {
    max-width: 700px;
    margin: 0 auto;
    color: var(--eswap-text);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.9;
}

/* Product Grid */

.e-swap-category-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

/* Product Card */

.e-swap-category-card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: center;
    padding: 15px 12px 18px;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 16px;
    background: var(--eswap-light);
    text-align: center;
    text-decoration: none;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        background 0.3s ease,
        border-color 0.3s ease;
}

.e-swap-category-card:hover {
    transform: translateY(-7px);
    border-color: rgba(22, 132, 71, 0.2);
    background: var(--eswap-white);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.09);
}

/* Product Image */

.e-swap-product-image {
    display: flex;
    width: 100%;
    height: 155px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.e-swap-product-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.e-swap-category-card:hover .e-swap-product-image img {
    transform: scale(1.07);
}

/* Product Title */

.e-swap-category-card h3 {
    margin: 12px 0 5px;
    color: var(--eswap-black);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}

.e-swap-card-link {
    margin-top: 4px;
    color: var(--eswap-green);
    font-size: 12px;
    font-weight: 600;
    transition: color 0.3s ease;
}

.e-swap-category-card:hover .e-swap-card-link {
    color: var(--eswap-black);
}

/* View All Button */

.e-swap-view-all {
    display: flex;
    justify-content: center;
    margin-top: 35px;
}

.e-swap-main-button {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 12px 28px;
    border: 1px solid var(--eswap-green);
    border-radius: 8px;
    background: var(--eswap-green);
    color: var(--eswap-white);
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    box-shadow: 0 6px 16px rgba(22, 132, 71, 0.18);
    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}

.e-swap-main-button:hover {
    transform: translateY(-2px);
    background: var(--eswap-black);
    border-color: var(--eswap-black);
    color: var(--eswap-white);
}

/* Doorstep Pickup Highlight */

.e-swap-pickup-highlight {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 40px;
    padding: 24px 28px;
    border: 1px solid #e7e7e7;
    border-radius: 14px;
    background: #fafafa;
}

.e-swap-pickup-icon {
    display: flex;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--eswap-green);
    color: var(--eswap-white);
    font-size: 24px;
    font-weight: 600;
}

.e-swap-pickup-text {
    flex: 1;
}

.e-swap-pickup-text h3 {
    margin: 0 0 5px;
    color: var(--eswap-black);
    font-size: 17px;
    font-weight: 600;
}

.e-swap-pickup-text p {
    margin: 0;
    color: var(--eswap-text);
    font-size: 13px;
    line-height: 1.8;
}

.e-swap-contact-button {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 11px 24px;
    flex-shrink: 0;
    border: 1px solid var(--eswap-black);
    border-radius: 7px;
    background: var(--eswap-black);
    color: var(--eswap-white);
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
}

.e-swap-contact-button:hover {
    border-color: var(--eswap-green);
    background: var(--eswap-green);
    color: var(--eswap-white);
}

/* =====================================
   RESPONSIVE DESIGN
===================================== */

/* Small Desktop and Laptops */

@media (max-width: 1100px) {

    .e-swap-category-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
    }

    .e-swap-product-image {
        height: 165px;
    }

}

/* Tablets */

@media (max-width: 768px) {

    .e-swap-cash-coimbatore {
        padding: 45px 18px;
    }
    #home h6 {
         font-size: 24px;
        }

    .e-swap-heading {
        margin-bottom: 28px;
    }

    .e-swap-heading h2 {
        font-size: 30px;
        letter-spacing: -0.5px;
    }

    .e-swap-heading p {
        font-size: 13px;
    }

    .e-swap-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .e-swap-product-image {
        height: 145px;
    }

    .e-swap-category-card {
        padding: 12px 10px 16px;
    }

    .e-swap-category-card h3 {
        font-size: 15px;
    }

    .e-swap-pickup-highlight {
        flex-wrap: wrap;
        padding: 20px;
    }

    .e-swap-pickup-text {
        flex-basis: calc(100% - 70px);
    }

    .e-swap-contact-button {
        width: 100%;
    }

}

/* Mobile Phones */

@media (max-width: 480px) {

    .e-swap-cash-coimbatore {
        padding: 35px 14px;
    }
    #home h6 {
         font-size: 24px;
        }

    .e-swap-subtitle {
        font-size: 10px;
        letter-spacing: 2px;
    }

    .e-swap-heading h2 {
        font-size: 25px;
        line-height: 1.45;
    }

    .e-swap-heading p {
        font-size: 12px;
        line-height: 1.8;
    }

    .e-swap-category-grid {
        gap: 11px;
    }

    .e-swap-category-card {
        padding: 9px 7px 13px;
        border-radius: 12px;
    }

    .e-swap-product-image {
        height: 105px;
    }

    .e-swap-category-card h3 {
        margin-top: 9px;
        font-size: 13px;
    }

    .e-swap-card-link {
        font-size: 11px;
    }

    .e-swap-view-all {
        margin-top: 25px;
    }

    .e-swap-main-button {
        width: 100%;
        max-width: 280px;
        min-height: 46px;
        font-size: 13px;
    }

    .e-swap-pickup-highlight {
        gap: 12px;
        margin-top: 28px;
        padding: 17px 14px;
    }

    .e-swap-pickup-icon {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
        font-size: 20px;
    }

    .e-swap-pickup-text {
        flex-basis: calc(100% - 55px);
    }

    .e-swap-pickup-text h3 {
        font-size: 14px;
    }

    .e-swap-pickup-text p {
        font-size: 12px;
    }

}

/* Accessibility */

@media (prefers-reduced-motion: reduce) {

    .e-swap-cash-coimbatore *,
    .e-swap-cash-coimbatore *::before,
    .e-swap-cash-coimbatore *::after {
        transition: none !important;
        animation: none !important;
    }

}









/* E-SWAP CASH - CHOOSE BRAND SECTION */

.e-swap-cash-choose-brand {
    width: 100%;
    padding: 35px 3.1% 45px;
    background: #ffffff;
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

.e-swap-cash-choose-brand * {
    box-sizing: border-box;
}

.e-swap-brand-heading {
    margin-bottom: 38px;
    text-align: center;
}

.e-swap-brand-heading h2 {
    margin: 0 0 12px;
    color: #171717;
    font-size: clamp(27px, 3vw, 38px);
    font-weight: 600;
    line-height: 1.28;
    letter-spacing: -1.2px;
    text-align: center;

}

.e-swap-brand-browse {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #986000;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    transition: color 0.25s ease;
}

.e-swap-brand-browse span {
    font-size: 20px;
    line-height: 1;
    transition: transform 0.25s ease;
}

.e-swap-brand-browse:hover {
    color: #069d67;
}

.e-swap-brand-browse:hover span {
    transform: translateX(5px);
}

.e-swap-brand-grid {
    margin-top: 0;
}

.e-swap-brand-card {
    display: flex;
    width: 100%;
    height: 112px;
    align-items: center;
    justify-content: center;
    padding: 25px;
    background: #ffffff;
    border: 1px solid #e5e0e7;
    border-radius: 15px;
    text-decoration: none;
    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease,
        background-color 0.25s ease;
}

.e-swap-brand-card img {
    display: block;
    width: 100%;
    max-width: 260px;
    height: auto;
    object-fit: contain;
    transition: transform 0.25s ease;
}

.e-swap-brand-card:hover {
    border-color: #069d67;
    background-color: #fcfffd;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
    transform: translateY(-3px);
}

.e-swap-brand-card:hover img {
    transform: scale(1.06);
}

/* Tablet */
@media (min-width: 768px) and (max-width: 991.98px) {
    .e-swap-cash-choose-brand {
        padding: 30px 3%;
    }
    #home h6 {
         font-size: 24px;
        }

    .e-swap-brand-card {
        height: 100px;
        padding: 20px;
    }
}

/* Mobile */
@media (max-width: 767.98px) {
    .e-swap-cash-choose-brand {
        padding: 28px 16px 35px;
    }
    #home h6 {
         font-size: 24px;
        }

    .e-swap-brand-heading {
        margin-bottom: 25px;
    }

    .e-swap-brand-heading h2 {
        font-size: 27px;
        letter-spacing: -0.7px;
    }

    .e-swap-brand-card {
        height: 88px;
        padding: 18px;
        border-radius: 12px;
    }

    .e-swap-brand-card img {
        max-width: 95px;
        height: 34px;
    }
}

/* Small mobile */
@media (max-width: 380px) {
    .e-swap-brand-heading h2 {
        font-size: 23px;
    }

    .e-swap-brand-card {
        height: 78px;
        padding: 14px;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .e-swap-brand-card,
    .e-swap-brand-card img,
    .e-swap-brand-browse,
    .e-swap-brand-browse span {
        transition: none;
    }
}





/* =========================================
   E-SWAP CASH WHATSAPP MASTER
========================================= */

.eswap-cash-whatsapp-master {
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 99999;
    font-family: "Poppins", sans-serif;
}


/* =========================================
   FLOATING WHATSAPP BUTTON
========================================= */

.eswap-cash-whatsapp-toggle {
    width: 58px;
    height: 58px;
    border: 0;
    border-radius: 50%;
    background: #25D366;
    color: #ffffff;
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 6px 25px rgba(0,0,0,0.20);
    transition: all 0.3s ease;
}

.eswap-cash-whatsapp-toggle:hover {
    transform: scale(1.08);
    background: #20bd5a;
}


/* =========================================
   FORM BOX
========================================= */

.eswap-cash-whatsapp-box {
    position: absolute;
    left: 0;
    bottom: 70px;
    width: 360px;
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 12px 40px rgba(0,0,0,0.20);

    opacity: 0;
    visibility: hidden;
    transform: translateY(15px) scale(0.96);
    transform-origin: bottom left;
    transition: all 0.3s ease;
}

.eswap-cash-whatsapp-box.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}


/* =========================================
   HEADER
========================================= */

.eswap-cash-whatsapp-header {
    background: #111111;
    color: #ffffff;
    padding: 18px 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.eswap-cash-whatsapp-header h5 {
    margin: 0 0 3px;
    font-size: 17px;
    font-weight: 600;
}

.eswap-cash-whatsapp-header p {
    margin: 0;
    color: #d7d7d7;
    font-size: 11px;
}

.eswap-cash-whatsapp-close {
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 50%;
    background: rgba(255,255,255,0.12);
    color: #ffffff;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}


/* =========================================
   FORM
========================================= */

.eswap-cash-whatsapp-box form {
    padding: 18px;
}

.eswap-cash-whatsapp-field {
    margin-bottom: 13px;
}

.eswap-cash-whatsapp-field label {
    display: block;
    margin-bottom: 5px;
    color: #222222;
    font-size: 12px;
    font-weight: 600;
}

.eswap-cash-whatsapp-field label span {
    color: #e53935;
}

.eswap-cash-whatsapp-field input {
    width: 100%;
    height: 43px;
    padding: 0 12px;
    border: 1px solid #dddddd;
    border-radius: 8px;
    outline: none;
    background: #fafafa;
    color: #222222;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    box-sizing: border-box;
    transition: 0.2s ease;
}

.eswap-cash-whatsapp-field input:focus {
    border-color: #25D366;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(37,211,102,0.08);
}

.eswap-cash-whatsapp-field input::placeholder {
    color: #999999;
}


/* =========================================
   SUBMIT BUTTON
========================================= */

.eswap-cash-whatsapp-submit {
    width: 100%;
    min-height: 45px;
    border: 0;
    border-radius: 8px;
    background: #25D366;
    color: #ffffff;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.3s ease;
}

.eswap-cash-whatsapp-submit:hover {
    background: #1ebe5d;
    transform: translateY(-1px);
}


/* =========================================
   MOBILE RESPONSIVE
========================================= */

@media (max-width: 575px) {

    .eswap-cash-whatsapp-master {
        left: 14px;
        bottom: 14px;
    }

    .eswap-cash-whatsapp-toggle {
        width: 54px;
        height: 54px;
        font-size: 27px;
    }

    .eswap-cash-whatsapp-box {
        left: 0;
        bottom: 65px;
        width: calc(100vw - 28px);
        max-width: 350px;
    }

    .eswap-cash-whatsapp-header {
        padding: 16px;
    }

    .eswap-cash-whatsapp-box form {
        padding: 16px;
    }
}







/* Mobile Brands Section */
.mobile-brands {
    width: 100%;
    padding: 35px 15px;
    background: #ffffff;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
}

.mobile-brands *,
.mobile-brands *::before,
.mobile-brands *::after {
    box-sizing: border-box;
}

.mobile-brands-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

/* Six columns on desktop */
.mobile-brands-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px;
}

.mobile-brand-item {
    min-width: 0;
    min-height: 115px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    text-decoration: none;
    overflow: hidden;
    transition: transform 0.3s ease,
                box-shadow 0.3s ease,
                border-color 0.3s ease;
}

.mobile-brand-item img {
    display: block;
    width: 100%;
    max-width: 200px;
    height: auto;
    object-fit: contain;
    transition: transform 0.3s ease;
}

/* Hover effect */
.mobile-brand-item:hover {
    border-color: #069d67;
    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.09);
    transform: translateY(-4px);
}

.mobile-brand-item:hover img {
    transform: scale(1.08);
}

.mobile-brand-item:focus-visible {
    outline: 3px solid #069d67;
    outline-offset: 3px;
}

/* Tablets */
@media (max-width: 991px) {
    .mobile-brands-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
    }

    .mobile-brand-item {
        min-height: 105px;
    }
}

/* Mobile phones */
@media (max-width: 575px) {
    .mobile-brands {
        padding: 20px 10px;
    }

    .mobile-brands-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .mobile-brand-item {
        min-height: 90px;
        padding: 12px;
        border-radius: 8px;
    }

    .mobile-brand-item img {
        max-width: 100px;
        height: 55px;
    }
}

/* Very small phones */
@media (max-width: 350px) {
    .mobile-brands-grid {
        gap: 7px;
    }

    .mobile-brand-item {
        min-height: 78px;
        padding: 8px;
    }

    .mobile-brand-item img {
        height: 45px;
    }
}





.home-master-banner {
   width: 100%;
   height: auto;
   max-width: 100%;
}
.home-master-banner img {
   width: 100%;
   height: auto;
   max-width: 100%;
}











    /* =========================================
       E-SWAP CASH PHONE ENQUIRY FORM
    ========================================= */

    .eswap-cash-phone-form {
        width: 100%;
        padding: 70px 20px;
        background: #f5f7f6;
        font-family: "Poppins", Arial, Helvetica, sans-serif;
        box-sizing: border-box;
    }

    .eswap-cash-phone-form *,
    .eswap-cash-phone-form *::before,
    .eswap-cash-phone-form *::after {
        box-sizing: border-box;
    }

    .eswap-phone-form-container {
        width: 100%;
        max-width: 650px;
        margin: 0 auto;
        padding: 45px;
        background: #ffffff;
        border-radius: 18px;
        box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
    }

    .eswap-phone-form-header {
        text-align: center;
        margin-bottom: 32px;
    }

    .eswap-phone-form-header span {
        display: inline-block;
        margin-bottom: 10px;
        color: #069d67;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 1.5px;
    }

    .eswap-phone-form-header h2 {
        margin: 0 0 10px;
        color: #111111;
        font-size: 30px;
        line-height: 1.3;
        font-weight: 700;
    }

    .eswap-phone-form-header p {
        margin: 0;
        color: #777777;
        font-size: 14px;
        line-height: 1.7;
    }

    .eswap-form-group {
        margin-bottom: 20px;
    }

    .eswap-form-group label {
        display: block;
        margin-bottom: 8px;
        color: #222222;
        font-size: 14px;
        font-weight: 600;
    }

    .eswap-form-group label b {
        color: #e53935;
    }

    .eswap-form-group input,
    .eswap-form-group select,
    .eswap-form-group textarea {
        width: 100%;
        border: 1px solid #dddddd;
        border-radius: 8px;
        outline: none;
        background: #ffffff;
        color: #222222;
        font-family: "Poppins", Arial, Helvetica, sans-serif;
        font-size: 14px;
        transition: 0.3s ease;
    }

    .eswap-form-group input,
    .eswap-form-group select {
        height: 50px;
        padding: 0 15px;
    }

    .eswap-form-group textarea {
        min-height: 125px;
        padding: 13px 15px;
        resize: vertical;
    }

    .eswap-form-group input::placeholder,
    .eswap-form-group textarea::placeholder {
        color: #999999;
    }

    .eswap-form-group input:focus,
    .eswap-form-group select:focus,
    .eswap-form-group textarea:focus {
        border-color: #069d67;
        box-shadow: 0 0 0 3px rgba(6, 157, 103, 0.08);
    }

    .eswap-phone-submit-btn {
        width: 100%;
        min-height: 52px;
        padding: 13px 25px;
        border: 0;
        border-radius: 8px;
        background: #069d67;
        color: #ffffff;
        font-family: "Poppins", Arial, Helvetica, sans-serif;
        font-size: 15px;
        font-weight: 600;
        cursor: pointer;
        transition: 0.3s ease;
    }

    .eswap-phone-submit-btn:hover {
        background: #000000;
        transform: translateY(-1px);
    }

    .eswap-phone-submit-btn:disabled {
        opacity: 0.7;
        cursor: not-allowed;
        transform: none;
    }

    .eswap-phone-form-message {
        display: none;
        margin-top: 15px;
        padding: 12px 15px;
        border-radius: 7px;
        text-align: center;
        font-size: 13px;
    }

    .eswap-phone-form-message.error {
        display: block;
        background: #fff0f0;
        color: #c62828;
    }

    .eswap-phone-form-message.success {
        display: block;
        background: #edf9f4;
        color: #087443;
    }


    /* =========================================
       TABLET
    ========================================= */

    @media (max-width: 768px) {

        .eswap-cash-phone-form {
            padding: 50px 15px;
        }

        .eswap-phone-form-container {
            padding: 35px 25px;
        }

        .eswap-phone-form-header h2 {
            font-size: 26px;
        }
        #home h6 {
         font-size: 24px;
        }
    }


    /* =========================================
       MOBILE
    ========================================= */

    @media (max-width: 480px) {

        .eswap-cash-phone-form {
            padding: 35px 12px;
        }

        .eswap-phone-form-container {
            padding: 28px 18px;
            border-radius: 14px;
        }

        .eswap-phone-form-header {
            margin-bottom: 25px;
        }

        .eswap-phone-form-header h2 {
            font-size: 23px;
        }

        .eswap-phone-form-header p {
            font-size: 13px;
        }

        .eswap-form-group {
            margin-bottom: 17px;
        }

        .eswap-form-group input,
        .eswap-form-group select {
            height: 48px;
        }

        .eswap-phone-submit-btn {
            min-height: 50px;
        }
        #home h6 {
         font-size: 24px;
        }
    }




#home h6 {
    font-size: 26px;
    font-weight: 700;
    color: #08a66b;
    margin-bottom: 0.6em;
}








.eswap-cash-blog-detail {
    width: 100%;
    padding: 80px 0;
    background: #fff;
    color: #111;
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

.eswap-cash-blog-detail *,
.eswap-cash-blog-detail *::before,
.eswap-cash-blog-detail *::after {
    box-sizing: border-box;
}

.eswap-cash-blog-detail img {
    max-width: 100%;
    display: block;
}


/* BLOG HEADER */

.eswap-blog-header {
    max-width: 950px;
    margin: 0 auto 45px;
    text-align: center;
}

.eswap-blog-category {
    display: inline-block;
    margin-bottom: 15px;
    padding: 7px 16px;
    border-radius: 30px;
    background: #069d67;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.2px;
}

.eswap-blog-header h1 {
    margin: 0 0 20px;
    color: #111;
    font-size: clamp(30px, 4vw, 52px);
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -1px;
}

.eswap-blog-intro {
    max-width: 800px;
    margin: 0 auto 20px;
    color: #666;
    font-size: 16px;
    line-height: 1.8;
}

.eswap-blog-meta {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 22px;
    color: #777;
    font-size: 13px;
}

.eswap-blog-meta span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.eswap-blog-meta i {
    color: #069d67;
    font-size: 17px;
}


/* FEATURED IMAGE */

.eswap-blog-featured-image {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 65px;
    overflow: hidden;
    border-radius: 18px;
    background: #f3f3f3;
}

.eswap-blog-featured-image img {
    width: 100%;
    height: auto;
    aspect-ratio: 1200 / 650;
    object-fit: cover;
}


/* CONTENT */

.eswap-blog-content {
    max-width: 850px;
}

.eswap-blog-content p {
    margin: 0 0 20px;
    color: #555;
    font-size: 15px;
    line-height: 1.9;
}

.eswap-blog-content h2 {
    margin: 48px 0 18px;
    color: #111;
    font-size: clamp(24px, 3vw, 34px);
    line-height: 1.3;
    font-weight: 700;
}

.eswap-blog-content h3 {
    margin: 0 0 8px;
    color: #111;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
}


/* LIST */

.eswap-blog-list {
    margin: 15px 0 25px;
    padding: 0;
    list-style: none;
}

.eswap-blog-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 13px;
    color: #555;
    font-size: 15px;
    line-height: 1.7;
}

.eswap-blog-list i {
    flex: 0 0 auto;
    margin-top: 3px;
    color: #069d67;
    font-size: 18px;
}


/* STEP BOX */

.eswap-blog-step {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin: 20px 0;
    padding: 23px;
    border: 1px solid #e9e9e9;
    border-radius: 12px;
    background: #fff;
    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.eswap-blog-step:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0,0,0,.06);
}

.eswap-step-number {
    display: flex;
    flex: 0 0 45px;
    width: 45px;
    height: 45px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #069d67;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
}

.eswap-blog-step p {
    margin-bottom: 0;
}


/* LOCATION / COMPONENT BOX */

.eswap-location-box {
    display: flex;
    align-items: center;
    gap: 18px;
    margin: 28px 0;
    padding: 25px;
    border-radius: 14px;
    background: #f5faf8;
    border-left: 4px solid #069d67;
}

.eswap-location-icon {
    display: flex;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #069d67;
    color: #fff;
    font-size: 23px;
}

.eswap-location-box h3 {
    margin-bottom: 5px;
}

.eswap-location-box p {
    margin-bottom: 0;
}


/* DATA SECURITY NOTE */

.eswap-blog-note {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin: 30px 0;
    padding: 22px;
    border-radius: 12px;
    background: #f8f8f8;
}

.eswap-blog-note > i {
    flex: 0 0 auto;
    color: #069d67;
    font-size: 28px;
}

.eswap-blog-note strong {
    display: block;
    margin-bottom: 5px;
    font-size: 15px;
}

.eswap-blog-note p {
    margin: 0;
    font-size: 14px;
}


/* FAQ */

.eswap-blog-faq {
    margin-top: 25px;
}

.eswap-blog-faq .accordion-item {
    margin-bottom: 10px;
    border: 1px solid #e8e8e8;
    border-radius: 10px !important;
    overflow: hidden;
}

.eswap-blog-faq .accordion-button {
    padding: 18px 20px;
    color: #111;
    background: #fff;
    box-shadow: none;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
}

.eswap-blog-faq .accordion-button:not(.collapsed) {
    color: #069d67;
    background: #f7fbf9;
}

.eswap-blog-faq .accordion-button:focus {
    box-shadow: none;
}

.eswap-blog-faq .accordion-body {
    padding: 0 20px 20px;
    color: #666;
    font-size: 14px;
    line-height: 1.8;
}

.eswap-blog-faq a {
    color: #069d67;
    font-weight: 600;
    text-decoration: none;
}


/* FINAL CTA */

.eswap-blog-final-cta {
    margin-top: 55px;
    padding: 45px 35px;
    border-radius: 18px;
    background: #111;
    text-align: center;
}

.eswap-blog-final-cta > span {
    color: #069d67;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
}

.eswap-blog-final-cta h2 {
    margin: 10px auto 15px;
    max-width: 700px;
    color: #fff;
}

.eswap-blog-final-cta p {
    max-width: 700px;
    margin: 0 auto 18px;
    color: #cfcfcf;
}

.eswap-blog-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 10px;
    padding: 13px 24px;
    border-radius: 30px;
    background: #069d67;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: all .2s ease;
}

.eswap-blog-cta:hover {
    background: #057d54;
    color: #fff;
    transform: translateY(-2px);
}


/* SIDEBAR */

.eswap-blog-sidebar {
    position: sticky;
    top: 100px;
}

.eswap-sidebar-card {
    margin-bottom: 22px;
    padding: 28px;
    border: 1px solid #e8e8e8;
    border-radius: 15px;
    background: #fff;
}

.eswap-sidebar-card h3 {
    margin: 0 0 15px;
    color: #111;
    font-size: 20px;
    font-weight: 700;
}

.eswap-sidebar-card p {
    margin-bottom: 20px;
    color: #666;
    font-size: 13px;
    line-height: 1.8;
}

.eswap-contact-card {
    border: 0;
    background: #069d67;
}

.eswap-contact-card span {
    color: rgba(255,255,255,.8);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.eswap-contact-card h3 {
    margin-top: 8px;
    color: #fff;
}

.eswap-contact-card p {
    color: rgba(255,255,255,.88);
}

.eswap-sidebar-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px 15px;
    border-radius: 8px;
    background: #111;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}

.eswap-sidebar-button:hover {
    color: #fff;
    background: #000;
}


/* SIDEBAR LINKS */

.eswap-sidebar-links {
    margin: 0;
    padding: 0;
    list-style: none;
}

.eswap-sidebar-links li {
    border-bottom: 1px solid #eee;
}

.eswap-sidebar-links li:last-child {
    border-bottom: 0;
}

.eswap-sidebar-links a {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 12px 0;
    color: #555;
    font-size: 13px;
    text-decoration: none;
    transition: all .2s ease;
}

.eswap-sidebar-links a:hover {
    padding-left: 5px;
    color: #069d67;
}

.eswap-sidebar-links i {
    color: #069d67;
}


/* AREA TAGS */

.eswap-area-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.eswap-area-tags span {
    padding: 7px 11px;
    border-radius: 20px;
    background: #f1f7f4;
    color: #444;
    font-size: 11px;
}


/* TABLET */

@media (max-width: 991.98px) {

    .eswap-cash-blog-detail {
        padding: 60px 0;
    }

    .eswap-blog-featured-image {
        margin-bottom: 45px;
        border-radius: 14px;
    }

    .eswap-blog-content {
        max-width: 100%;
    }

    .eswap-blog-sidebar {
        position: static;
        margin-top: 15px;
    }

}


/* MOBILE */

@media (max-width: 575.98px) {

    .eswap-cash-blog-detail {
        padding: 45px 0;
    }

    .eswap-blog-header {
        margin-bottom: 30px;
    }

    .eswap-blog-header h1 {
        font-size: 30px;
        letter-spacing: -.5px;
    }

    .eswap-blog-intro {
        font-size: 14px;
        line-height: 1.75;
    }

    .eswap-blog-meta {
        gap: 8px 15px;
        font-size: 11px;
    }

    .eswap-blog-featured-image {
        margin-bottom: 35px;
        border-radius: 10px;
    }

    .eswap-blog-content p,
    .eswap-blog-list li {
        font-size: 14px;
        line-height: 1.8;
    }

    .eswap-blog-content h2 {
        margin-top: 38px;
        font-size: 24px;
    }

    .eswap-blog-step {
        gap: 13px;
        padding: 17px;
    }

    .eswap-step-number {
        flex-basis: 38px;
        width: 38px;
        height: 38px;
        font-size: 11px;
    }

    .eswap-blog-step h3 {
        font-size: 16px;
    }

    .eswap-location-box {
        align-items: flex-start;
        padding: 18px;
    }

    .eswap-blog-note {
        padding: 18px;
    }

    .eswap-blog-final-cta {
        margin-top: 40px;
        padding: 35px 20px;
        border-radius: 12px;
    }

    .eswap-blog-final-cta h2 {
        font-size: 24px;
    }

    .eswap-sidebar-card {
        padding: 22px;
    }

}