@font-face{
	font-family:AtomsShoppingBold;
	src:	url(../fonts/atomsfont/AtomsShopping-Bold.eot);
	src:	url(../fonts/atomsfont/AtomsShopping-Bold.eot?#iefix) format('embedded-opentype'),
			url(../fonts/atomsfont/AtomsShopping-Bold.woff2) format('woff2'),
			url(../fonts/atomsfont/AtomsShopping-Bold.woff) format('woff'),
			url(../fonts/atomsfont/AtomsShopping-Bold.ttf) format('truetype');
	font-style:normal;
	font-weight:400;
	text-rendering:optimizeLegibility;
	font-display:swap
	}
@font-face{
	font-family:AtomsShoppingLight;
	src:	url(../fonts/atomsfont/AtomsShopping-Light.eot);
	src:	url(../fonts/atomsfont/AtomsShopping-Light.eot?#iefix) format('embedded-opentype'),
			url(../fonts/atomsfont/AtomsShopping-Light.woff2) format('woff2'),
			url(../fonts/atomsfont/AtomsShopping-Light.woff) format('woff'),
			url(../fonts/atomsfont/AtomsShopping-Light.ttf) format('truetype');
	font-style:normal;
	font-weight:400;
	text-rendering:optimizeLegibility;
	font-display:swap
	}
@font-face{
	font-family: AtomsShoppingMedium;
	src:	url(../fonts/atomsfont/AtomsShopping-Medium.eot);
	src:	url(../fonts/atomsfont/AtomsShopping-Medium.eot?#iefix) format('embedded-opentype'),
			url(../fonts/atomsfont/AtomsShopping-Medium.woff2) format('woff2'),
			url(../fonts/atomsfont/AtomsShopping-Medium.woff) format('woff'),
			url(../fonts/atomsfont/AtomsShopping-Medium.ttf) format('truetype');
	font-style:normal;
	font-weight:400;
	text-rendering:optimizeLegibility;
	font-display:swap
	}
@font-face{
	font-family:icons-blank-theme;
	src:	url(../fonts/Blank-Theme-Icons/Blank-Theme-Icons.eot);
	src:	url(../fonts/Blank-Theme-Icons/Blank-Theme-Icons.eot?#iefix) format('embedded-opentype'),
			url(../fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff2) format('woff2'),
			url(../fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff) format('woff'),
			url(../fonts/Blank-Theme-Icons/Blank-Theme-Icons.ttf) format('truetype'),
			url(../fonts/Blank-Theme-Icons/Blank-Theme-Icons.svg#icons-blank-theme) format('svg');
	font-weight:400;
	font-style:normal
	}

@font-face{
	font-family:"snapdeal_font2";
	src:url("../fonts/new-fonts/snapdeal_font77.eot");
	src:url("../fonts/new-fonts/snapdeal_font77.eot?#iefix") format("embedded-opentype"),
	url("../fonts/new-fonts/snapdeal_font77.woff") format("woff"),
	url("../fonts/new-fonts/snapdeal_font77.woff2") format("woff2"),
	url("../fonts/new-fonts/snapdeal_font77.ttf") format("truetype"),
	url("../fonts/new-fonts/snapdeal_font77.svg") format("svg");
	font-weight:normal;
	font-style:normal
	}
@font-face {
	font-family: 'robotoregular';
	src: url('../fonts/roboto-regular/roboto-regular.woff2') format('woff2'),
	url('../fonts/roboto-regular/roboto-regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins.medium.ttf') format('truetype');
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}	
	
	
::-webkit-scrollbar {
    width: 6px;
	height:0px;
    border-radius: 10px;
	-webkit-border-radius: 10px;
}
::-webkit-scrollbar-track {
    background: #f1efef; 
	border-radius: 10px;
	-webkit-border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background:rgba(10, 68, 88, 0.48);
}
::-webkit-scrollbar-thumb{background:#f6831a;} 
::-webkit-scrollbar-thumb:hover {
    background:#f6831a; 
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
a{text-decoration: none !important;}
a:focus{outline:0px; outline-offset:0px;}
a:focus-visible{outline:0px; outline-offset:0px;}

a:hover, a:focus, a:active {
	color: #047ebb;
	text-decoration: none;
	}
h1, h2, h3, h4, h5, h6{
	font-family:Poppins;
	text-decoration:none;
	}

body{background:#fff; /*#f4f7fb;*/    font-family: Poppins;}


    :root {
      --navy: #16213e;
      --blue: #1d63ed;
      --blue-dark: #134fc4;
      --yellow: #f8b400;
      --yellow-dark: #e6a300;
      --cream: #fdf3e8;
      --lightblue: #eaf4fd;
      --gray: #6b7280;
      --footer-navy: #0c1526;
    }

    * {
      box-sizing: border-box;
    }

    .script {
      font-family: 'Pacifico', cursive;
      font-weight: 400;
    }

    .hand {
      font-family: 'Caveat', cursive;
      font-weight: 700;
    }

    a {
      text-decoration: none;
    }

    /* ---------- Top bar ---------- */
    .topbar {
      background: #fff;
      border-bottom: 1px solid #eee;
      font-size: .8rem;
      color: var(--gray);
      padding: .5rem 0;
    }

    .topbar i {
      color: var(--blue);
      margin-right: .3rem;
    }

    .topbar .social-mini a {
      color: var(--navy);
      margin-left: .9rem;
      font-size: .85rem;
    }

    /* ---------- Navbar ---------- */
    .navbar-custom {
      padding: 1.1rem 0;
      background: #fff;
    }

    .brand-sub {
      font-size: .6rem;
      letter-spacing: .25em;
      color: var(--gray);
      font-weight: 600;
      display: block;
      margin-top: -6px;
    }

    .nav-link-custom {
      font-weight: 500;
      color: var(--navy) !important;
      margin: 0 .9rem;
      position: relative;
      padding-bottom: 4px;
    }

    .nav-link-custom.active {
      color: var(--blue) !important;
      border-bottom: 2px solid var(--blue);
    }

    .btn-connect {
      background: var(--yellow);
      border: none;
      color: var(--navy);
      font-weight: 600;
      padding: .65rem 1.4rem;
      border-radius: 50px;
      white-space: nowrap;
    }

    .btn-connect:hover {
      background: var(--yellow-dark);
      color: var(--navy);
    }

    /* ---------- Buttons (shared) ---------- */
    .btn-primary-pill {
      background: var(--blue);
      color: #fff;
      border-radius: 50px;
      font-weight: 600;
      padding: .8rem 1.7rem;
      border: none;
    }

    .btn-primary-pill:hover {
      background: var(--blue-dark);
      color: #fff;
    }

    .btn-outline-pill {
      background: #fff;
      color: var(--navy);
      border: 1px solid #e2e2e2;
      border-radius: 50px;
      font-weight: 600;
      padding: .8rem 1.7rem;
    }

    .btn-outline-pill:hover {
      background: #f7f7f7;
    }

    .eyebrow {
      font-weight: 700;
      font-size: .85rem;
      letter-spacing: .06em;
    }

    .eyebrow-blue {
      color: var(--blue);
    }

    .eyebrow-yellow {
      color: var(--yellow-dark);
    }

    /* ---------- Hero Slider ---------- */
    .hero {
      position: relative;
      overflow: hidden;
    }

    /* Ambient decorative background patterns */
    .hero::before {
      content: '';
      position: absolute;
      width: 460px;
      height: 460px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(29, 99, 237, 0.08) 0%, rgba(29, 99, 237, 0) 70%);
      top: -120px;
      left: -100px;
      pointer-events: none;
      z-index: 0;
    }

    .hero::after {
      content: '';
      position: absolute;
      width: 420px;
      height: 420px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(248, 180, 0, 0.12) 0%, rgba(248, 180, 0, 0) 70%);
      bottom: -80px;
      right: -80px;
      pointer-events: none;
      z-index: 0;
    }

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

    /* .hero-slider-item { */
      /* padding: 1rem 0 2.5rem; */
    /* } */

    .hero h1 {
      font-size: 3.25rem;
      font-weight: 800;
      line-height: 1.15;
      letter-spacing: -0.02em;
    }

    .hero h1 .blue-line {
      color: var(--blue);
      position: relative;
      display: inline-block;
    }

    .hero h1 .script {
      color: var(--yellow-dark);
      font-size: 1.15em;
    }

    .hero p.lead-text {
      color: var(--gray);
      font-size: 1.05rem;
      line-height: 1.7;
      max-width: 500px;
    }

    .together-note {
      color: var(--navy);
      font-family: 'Caveat', cursive;
      font-size: 1.45rem;
      font-weight: 700;
      margin-top: 2rem;
      display: inline-flex;
      align-items: center;
      gap: 0.4rem;
    }

    .hero-art {
      position: relative;
      padding: 24px;
      max-width: 530px;
      margin: 0 auto;
    }

    .hero-blob {
      position: absolute;
      top: 0;
      right: 0;
      width: 88%;
      height: 100%;
      background: var(--yellow);
      border-radius: 62% 38% 55% 45% / 45% 55% 42% 58%;
      z-index: 0;
      transition: all 0.6s ease;
    }

    .hero-blob.blob-blue {
      background: #4ea8de;
      border-radius: 48% 52% 68% 32% / 32% 43% 57% 68%;
    }

    .hero-blob.blob-coral {
      background: #ff9f43;
      border-radius: 56% 44% 42% 58% / 54% 60% 40% 46%;
    }

    .hero-photo {
      position: relative;
      z-index: 1;
      width: 92%;
      max-height: 480px;
      object-fit: cover;
      border-radius: 26px;
      display: block;
      margin: 0 auto;
      box-shadow: 0 25px 50px rgba(20, 30, 60, .18);
      transition: transform 0.4s ease;
    }

    .hero-art:hover .hero-photo {
      transform: translateY(-4px);
    }

    .badge-experience,
    .badge-stat {
      position: absolute;
      top: 6%;
      right: 0%;
      z-index: 3;
      background: #fff;
      border-radius: 18px;
      padding: .85rem 1.2rem;
      box-shadow: 0 16px 36px rgba(20, 30, 60, .15);
      display: flex;
      align-items: center;
      gap: .75rem;
      animation: floatBadge 4s ease-in-out infinite alternate;
    }

    .badge-experience .icon-circle,
    .badge-stat .icon-circle {
      width: 38px;
      height: 38px;
      background: var(--blue);
      color: #fff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: .95rem;
      flex-shrink: 0;
    }

    .badge-stat.badge-stat-green .icon-circle {
      background: #10b981;
    }

    .badge-stat.badge-stat-purple .icon-circle {
      background: #8b5cf6;
    }

    .badge-experience .num,
    .badge-stat .num {
      font-weight: 800;
      font-size: 1.15rem;
      line-height: 1;
      color: var(--navy);
    }

    .badge-experience .lbl,
    .badge-stat .lbl {
      font-size: .74rem;
      color: var(--gray);
      line-height: 1.25;
      font-weight: 500;
    }

    .badge-mug {
      position: absolute;
      bottom: 10%;
      left: -2%;
      z-index: 3;
      background: #fff;
      border-radius: 16px;
      padding: .65rem 1.05rem;
      box-shadow: 0 14px 32px rgba(20, 30, 60, .14);
      display: flex;
      align-items: center;
      gap: .6rem;
      animation: floatBadgeReverse 4.5s ease-in-out infinite alternate;
    }

    .badge-mug i {
      color: var(--yellow-dark);
      font-size: 1.2rem;
    }

    .badge-mug span {
      font-family: 'Caveat', cursive;
      font-weight: 700;
      font-size: 1.1rem;
      color: var(--navy);
    }

    .badge-plant {
      position: absolute;
      bottom: 2%;
      right: 5%;
      z-index: 3;
      width: 48px;
      height: 48px;
      background: var(--yellow);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--navy);
      font-size: 1.2rem;
      box-shadow: 0 10px 22px rgba(20, 30, 60, .15);
    }

    .badge-plant.plant-blue {
      background: var(--lightblue);
      color: var(--blue);
    }

    .badge-plant.plant-green {
      background: #d1fae5;
      color: #059669;
    }

    .doodle-top {
      position: absolute;
      top: -12px;
      right: 18%;
      color: var(--navy);
      font-size: 1.7rem;
      z-index: 3;
      opacity: .8;
      animation: rotateDoodle 6s linear infinite;
    }

    @keyframes floatBadge {
      0% {
        transform: translateY(0px);
      }

      100% {
        transform: translateY(-8px);
      }
    }

    @keyframes floatBadgeReverse {
      0% {
        transform: translateY(0px);
      }

      100% {
        transform: translateY(8px);
      }
    }

    @keyframes rotateDoodle {

      0%,
      100% {
        transform: rotate(0deg) scale(1);
      }

      50% {
        transform: rotate(15deg) scale(1.1);
      }
    }

    /* Slider Controls & Indicators */
    .hero-slider-nav {
      position: absolute;
      bottom: 12px;
      left: 0;
      right: 0;
      z-index: 10;
      pointer-events: none;
    }

    .hero-slider-nav-inner {
      pointer-events: auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .hero-indicators {
      position: static;
      margin: 0;
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .hero-indicators [data-bs-target] {
      width: 12px;
      height: 12px;
      border-radius: 50px;
      background-color: #cbd5e1;
      border: none;
      opacity: 1;
      transition: all 0.35s ease;
      cursor: pointer;
      padding: 0;
    }

    .hero-indicators [data-bs-target].active {
      width: 36px;
      background: var(--blue);
    }

    .hero-carousel-btn {
      width: 46px;
      height: 46px;
      border-radius: 50%;
      background: #ffffff;
      border: 1px solid #e2e8f0;
      color: var(--navy);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 1.1rem;
      box-shadow: 0 8px 20px rgba(20, 30, 60, 0.08);
      cursor: pointer;
      transition: all 0.25s ease;
      text-decoration: none;
    }

    .hero-carousel-btn:hover {
      background: var(--blue);
      color: #fff;
      border-color: var(--blue);
      box-shadow: 0 10px 24px rgba(29, 99, 237, 0.28);
      transform: translateY(-2px);
    }

    .hero-carousel-btn:active {
      transform: translateY(0);
    }

    /* Slide transition animations for text elements */
    .carousel-item.active .eyebrow {
      animation: heroFadeInUp 0.6s ease forwards;
    }

    .carousel-item.active h1 {
      animation: heroFadeInUp 0.7s ease forwards;
    }

    .carousel-item.active .lead-text {
      animation: heroFadeInUp 0.8s ease forwards;
    }

    .carousel-item.active .hero-btn-group {
      animation: heroFadeInUp 0.9s ease forwards;
    }

    .carousel-item.active .together-note {
      animation: heroFadeInUp 1s ease forwards;
    }

    .carousel-item.active .hero-art {
      animation: heroZoomIn 0.8s ease forwards;
    }

    @keyframes heroFadeInUp {
      from {
        opacity: 0;
        transform: translateY(22px);
      }

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

    @keyframes heroZoomIn {
      from {
        opacity: 0;
        transform: scale(0.94);
      }

      to {
        opacity: 1;
        transform: scale(1);
      }
    }

    @media (max-width: 991.98px) {
      .hero {
        padding: 3rem 0 4.5rem;
      }

      .hero h1 {
        font-size: 2.35rem;
      }

      .hero-art {
        margin-top: 1.5rem;
      }

      .hero-slider-nav {
        bottom: 8px;
      }
    }

    @media (max-width: 576px) {
      .hero h1 {
        font-size: 2rem;
      }

      .badge-experience,
      .badge-stat {
        top: 2%;
        right: -6px;
        padding: 0.55rem 0.85rem;
      }

      .badge-mug {
        bottom: 4%;
        left: -6px;
        padding: 0.5rem 0.8rem;
      }

      .badge-plant {
        bottom: 0%;
        right: 2%;
        width: 40px;
        height: 40px;
      }

      .hero-carousel-btn {
        width: 38px;
        height: 38px;
        font-size: 0.95rem;
      }
    }

    /* ---------- Work Section Slider Styling ---------- */
    .work-section {
      background: var(--cream);
      padding: 5.5rem 0;
      position: relative;
      overflow: hidden;
    }

    .work-section .text-highlight {
      color: var(--blue);
    }

    .squiggle {
      color: var(--yellow-dark);
    }

    /* Slider Nav Buttons */
    .work-slider-nav {
      display: inline-flex;
      align-items: center;
      gap: 10px;
    }

    .work-nav-btn {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      background: #ffffff;
      border: 1px solid rgba(22, 33, 62, 0.12);
      color: var(--navy);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 1rem;
      cursor: pointer;
      transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
      box-shadow: 0 4px 14px rgba(22, 33, 62, 0.06);
    }

    .work-nav-btn:hover {
      background: var(--yellow);
      color: var(--navy);
      border-color: var(--yellow);
      transform: translateY(-2px);
      box-shadow: 0 8px 20px rgba(248, 180, 0, 0.35);
    }

    .work-nav-btn:active {
      transform: translateY(0);
    }

    .work-nav-btn.swiper-button-disabled {
      opacity: 0.35;
      cursor: not-allowed;
      transform: none;
      box-shadow: none;
    }

    /* Swiper Container */
    .workSwiper {
      padding: 12px 6px 30px !important;
      overflow: hidden;
    }

    /* Work Card */
    .work-card {
      background: #ffffff;
      border-radius: 20px;
      overflow: hidden;
      box-shadow: 0 10px 30px rgba(20, 30, 60, 0.07);
      height: 100%;
      display: flex;
      flex-direction: column;
      border: 1px solid rgba(22, 33, 62, 0.06);
      transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.35s ease, border-color 0.35s ease;
    }

    .work-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 22px 42px rgba(20, 30, 60, 0.13);
      border-color: rgba(29, 99, 237, 0.2);
    }

    .work-card .thumb-wrap {
      position: relative;
      overflow: hidden;
      aspect-ratio: 16 / 11;
      background: #f1f5f9;
    }

    .work-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
    }

    .work-card:hover img {
      transform: scale(1.08);
    }

    /* Floating category badge */
    .work-tag {
      position: absolute;
      top: 14px;
      left: 14px;
      background: rgba(22, 33, 62, 0.85);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      color: #ffffff;
      font-size: 0.72rem;
      font-weight: 600;
      padding: 0.35rem 0.75rem;
      border-radius: 50px;
      letter-spacing: 0.02em;
      z-index: 2;
    }

    .work-card .thumb-arrow {
      position: absolute;
      bottom: -18px;
      right: 18px;
      width: 44px;
      height: 44px;
      background: var(--yellow);
      color: var(--navy);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.15rem;
      box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16);
      z-index: 3;
      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
      text-decoration: none;
    }

    .work-card:hover .thumb-arrow {
      background: var(--blue);
      color: #ffffff;
      transform: rotate(45deg) scale(1.08);
      box-shadow: 0 10px 22px rgba(29, 99, 237, 0.35);
    }

    .work-card .card-body-custom {
      padding: 1.8rem 1.4rem 1.4rem;
      display: flex;
      flex-direction: column;
      flex-grow: 1;
    }

    .work-card h5 {
      font-weight: 700;
      font-size: 1.15rem;
      margin: 0;
    }

    .work-title-link {
      color: var(--navy);
      transition: color 0.2s ease;
      text-decoration: none;
    }

    .work-title-link:hover {
      color: var(--blue);
    }

    .badge-metric {
      font-size: 0.68rem;
      font-weight: 700;
      background: #ecfdf5;
      color: #059669;
      padding: 0.25rem 0.55rem;
      border-radius: 50px;
      letter-spacing: 0.02em;
      border: 1px solid rgba(5, 150, 105, 0.15);
      white-space: nowrap;
    }

    .work-card .cat {
      color: var(--gray);
      font-size: 0.85rem;
      line-height: 1.45;
    }

    .work-tech-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-top: auto;
      padding-top: 0.85rem;
      border-top: 1px dashed #e2e8f0;
    }

    .work-tech-tags span {
      font-size: 0.72rem;
      font-weight: 500;
      color: #64748b;
      background: #f8fafc;
      padding: 0.2rem 0.55rem;
      border-radius: 6px;
      border: 1px solid #e2e8f0;
    }

    /* Swiper Pagination Bullets */
    .work-pagination {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
    }

    .work-pagination .swiper-pagination-bullet {
      width: 10px;
      height: 10px;
      background: #cbd5e1;
      opacity: 1;
      border-radius: 50px;
      margin: 0 !important;
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      cursor: pointer;
    }

    .work-pagination .swiper-pagination-bullet-active {
      width: 32px;
      background: var(--blue);
      border-radius: 50px;
    }

    /* ---------- Pricing section ---------- */
    .pricing-section {
      background: var(--lightblue);
      padding: 5rem 0;
    }

    .curved-arrow {
      color: var(--navy);
      font-size: 2rem;
      margin-top: 1rem;
    }

    .price-card {
      background: #fff;
      border-radius: 18px;
      padding: 2rem 1.6rem;
      height: 100%;
      position: relative;
      box-shadow: 0 10px 24px rgba(20, 30, 60, .06);
      border: 1px solid #eef1f5;
    }

    .price-card.popular {
      border: 2px solid var(--yellow);
      box-shadow: 0 20px 40px rgba(20, 30, 60, .12);
      transform: translateY(-10px);
    }

    .popular-badge {
      position: absolute;
      top: -16px;
      left: 50%;
      transform: translateX(-50%);
      background: var(--navy);
      color: var(--yellow);
      font-size: .7rem;
      font-weight: 700;
      letter-spacing: .05em;
      padding: .35rem 1rem;
      border-radius: 50px;
      white-space: nowrap;
    }

    .price-icon {
      width: 42px;
      height: 42px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.1rem;
      position: absolute;
      top: 1.6rem;
      right: 1.6rem;
    }

    .price-icon.blue {
      background: #e7f0ff;
      color: var(--blue);
    }

    .price-icon.yellow {
      background: var(--yellow);
      color: var(--navy);
    }

    .price-card .tier {
      font-size: .85rem;
      font-weight: 700;
      letter-spacing: .04em;
    }

    .price-card .tier.blue-tier {
      color: var(--blue);
    }

    .price-card .tier.yellow-tier {
      color: var(--yellow-dark);
    }

    .price-card .amount {
      font-size: 2.1rem;
      font-weight: 800;
      margin: .3rem 0 .2rem;
    }

    .price-card .desc {
      color: var(--gray);
      font-size: .85rem;
      margin-bottom: 1.2rem;
    }

    .price-card ul {
      list-style: none;
      padding: 0;
      margin: 0 0 1.6rem;
    }

    .price-card ul li {
      margin-bottom: .65rem;
      font-size: .92rem;
      display: flex;
      align-items: flex-start;
      gap: .5rem;
    }

    .price-card ul li i {
      color: var(--blue);
      margin-top: .2rem;
    }

    .price-card.popular ul li i {
      color: var(--yellow-dark);
    }

    .price-card .btn-outline-pill,
    .price-card .btn-primary-pill {
      width: 100%;
    }

    .btn-yellow-pill {
      background: var(--yellow);
      color: var(--navy);
      border: none;
      border-radius: 50px;
      font-weight: 600;
      padding: .8rem 1.7rem;
      width: 100%;
    }

    .btn-yellow-pill:hover {
      background: var(--yellow-dark);
    }

    /* ---------- Client logos strip ---------- */
    .logos-strip {
      background: #fff;
      padding: 2.6rem 0;
      border-bottom: 1px solid #f0f0f0;
    }

    .logos-strip .logo-item {
      color: #9aa1ac;
      font-weight: 700;
      font-size: 1.15rem;
      display: flex;
      align-items: center;
      gap: .5rem;
      justify-content: center;
    }

    .logos-strip .logo-item i {
      font-size: 1.2rem;
    }

    /* ---------- Testimonials ---------- */
    .testimonial-section {
      padding: 5.5rem 0;
      background: #fff;
    }

    .heart-doodle {
      color: var(--yellow);
      font-size: 1.6rem;
    }

    .testi-card {
      background: var(--cream);
      border-radius: 18px;
      padding: 1.9rem;
      height: 100%;
    }

    .testi-card i.bi-quote {
      font-size: 1.8rem;
      color: var(--blue);
    }

    .testi-card p.quote {
      font-size: .98rem;
      color: var(--navy);
      margin: .9rem 0 1.3rem;
    }

    .testi-card .avatar {
      width: 46px;
      height: 46px;
      border-radius: 50%;
      object-fit: cover;
    }

    .testi-card .name {
      font-weight: 700;
      font-size: .95rem;
      margin-bottom: 0;
    }

    .testi-card .role {
      color: var(--gray);
      font-size: .8rem;
    }

    .testi-card .stars {
      color: var(--yellow-dark);
      font-size: .8rem;
      margin-top: .2rem;
    }

    .testi-nav .nav-circle {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      background: var(--cream);
      color: var(--navy);
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: .8rem;
    }

    /* ---------- CTA / contact ---------- */
    .cta-section {
      background: linear-gradient(135deg, #2a7bf6, #1d63ed);
      padding: 4.5rem 0;
      color: #fff;
      border-radius: 0;
    }

    .envelope-card {
      background: #fff;
      border-radius: 18px;
      padding: 2rem 1.6rem;
      color: var(--navy);
      max-width: 320px;
      position: relative;
      box-shadow: 0 20px 45px rgba(0, 0, 0, .18);
      transform: rotate(-4deg);
    }

    .envelope-card i {
      color: var(--yellow-dark);
      font-size: 1.8rem;
    }

    .envelope-card p {
      font-family: 'Caveat', cursive;
      font-weight: 700;
      font-size: 1.5rem;
      margin: .6rem 0 0;
    }

    .heart-float {
      position: absolute;
      background: #fff;
      color: #ff6b81;
      width: 34px;
      height: 34px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 8px 18px rgba(0, 0, 0, .15);
    }

    .cta-section .eyebrow-white {
      color: #dbe9ff;
      font-weight: 700;
      letter-spacing: .06em;
      font-size: .85rem;
    }

    .cta-section h2 {
      font-weight: 800;
      font-size: 2rem;
      margin: .4rem 0 .8rem;
    }

    .cta-section p.sub {
      color: #dbe9ff;
      max-width: 480px;
    }

    .contact-form .form-control {
      border-radius: 50px;
      border: none;
      padding: .85rem 1.3rem;
      font-size: .9rem;
    }

    .btn-send {
      background: var(--yellow);
      color: var(--navy);
      border: none;
      border-radius: 50px;
      font-weight: 700;
      padding: .85rem 1.6rem;
      white-space: nowrap;
    }

    .btn-send:hover {
      background: var(--yellow-dark);
    }

    /* ---------- Footer ---------- */
    .footer {
    background: url(../images/footer-bg.png);
    background-size: cover;
    color: #000000;
    position: relative;
    padding: 44px 0 0;
    overflow: hidden;
    background-repeat: no-repeat;
    }

    .footer::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background:linear-gradient(90deg, transparent, #ff9b40 20%, #f67500 50%, #ff9b40 80%, transparent);
	box-shadow: 0 0 15px rgba(29, 99, 237, 0.4);
	}

    .footer-newsletter-banner {
      background: rgba(255, 255, 255, 0.03);
      border: 1px solid rgba(255, 255, 255, 0.07);
      border-radius: 20px;
      padding: 2.2rem 2.5rem;
      backdrop-filter: blur(12px);
      box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25);
    }

    .newsletter-icon-wrap {
      width: 52px;
      height: 52px;
      border-radius: 14px;
      background: linear-gradient(135deg, rgba(248, 180, 0, 0.15), rgba(29, 99, 237, 0.15));
      border: 1px solid rgba(248, 180, 0, 0.3);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.5rem;
      color: var(--yellow);
      flex-shrink: 0;
    }

    .newsletter-sub {
      color: #8fa0b5;
      font-size: 0.88rem;
    }

    .footer-newsletter-form .input-icon-wrap i {
      left: 1.1rem;
      top: 50%;
      transform: translateY(-50%);
      color: #6c7c93;
      font-size: 1.05rem;
      pointer-events: none;
    }

    .footer-newsletter-form .form-control {
      background: rgba(12, 21, 38, 0.85);
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 50px;
      padding: 0.75rem 1.25rem 0.75rem 2.8rem;
      color: #fff;
      font-size: 0.92rem;
      transition: all 0.3s ease;
    }

    .footer-newsletter-form .form-control:focus {
      background: rgba(16, 28, 52, 0.95);
      border-color: var(--blue);
      box-shadow: 0 0 0 4px rgba(29, 99, 237, 0.25);
      color: #fff;
    }

    .footer-newsletter-form .form-control::placeholder {
      color: #637287;
    }

    .btn-footer-subscribe {
      background: linear-gradient(135deg, var(--yellow), var(--yellow-dark));
      color: var(--navy);
      font-weight: 600;
      font-size: 0.92rem;
      border-radius: 50px;
      padding: 0.75rem 1.7rem;
      border: none;
      box-shadow: 0 6px 18px rgba(248, 180, 0, 0.28);
      white-space: nowrap;
      transition: all 0.3s ease;
    }

    .btn-footer-subscribe:hover {
      background: linear-gradient(135deg, #ffc226, var(--yellow));
      transform: translateY(-2px);
      box-shadow: 0 8px 24px rgba(248, 180, 0, 0.4);
      color: var(--navy);
    }

    /* Brand & Tagline */
    .footer .brand-logo-wrap {
      display: inline-block;
      transition: transform 0.3s ease;
    }

    /* .footer .brand-logo-wrap:hover { */
      /* transform: scale(1.03); */
    /* } */

    .footer-desc {
      font-size: 0.92rem;
      line-height: 1.65;
      color:#181818;
      margin-top: 0.8rem;
    }

    /* Status Badge */
    .footer-status-badge {
      display: inline-flex;
      align-items: center;
      gap: 0.55rem;
      background: rgba(34, 197, 94, 0.1);
      border: 1px solid rgba(34, 197, 94, 0.3);
      color: #4ade80;
      padding: 0.35rem 0.85rem;
      border-radius: 50px;
      font-size: 0.78rem;
      font-weight: 500;
      letter-spacing: 0.02em;
    }

    .status-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #22c55e;
      box-shadow: 0 0 8px #22c55e;
      animation: pulseGreen 2s infinite ease-in-out;
    }

    @keyframes pulseGreen {

      0%,
      100% {
        transform: scale(1);
        opacity: 1;
      }

      50% {
        transform: scale(1.3);
        opacity: 0.55;
      }
    }

    /* Column Headings */
    .footer h6 {
      color:#000000;
      font-weight: 700;
      font-size: 0.88rem;
      letter-spacing: 0.08em;
      margin-bottom: 1.4rem;
      position: relative;
      display: inline-block;
    }

    .footer h6::after {
content: '';
    display: block;
    width: 17px;
    height: 2px;
    background: linear-gradient(90deg, #ef7f1a, #ef7f1a);
    margin-top: 7px;
    border-radius: 2px;
    }
    .footer h6::before {
    content: '';
    display: block;
    width: 37px;
    height: 2px;
    background: linear-gradient(90deg, #ef7f1a, #ef7f1a);
    border-radius: 2px;
    position: absolute;
    top:24px;
    left: 22px;
    }	

    /* Links */
    .footer ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .footer ul li {
      margin-bottom: 0.75rem;
    }

    .footer ul li a {
      color: #232323;
    font-size: 15px;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    transition: all 0.25s ease;
    position: relative;
    font-family: 'Poppins';
    font-weight: 400;
    }

    .footer ul li a i {
    font-size: 20px;
    color: #ef7f1a;
    transform: translateX(-4px);
    opacity: 1;
    transition: all 0.25s ease;
    }

    .footer ul li a:hover {
      color: #000000;
      transform: translateX(5px);
    }

    .footer ul li a:hover i {
      opacity: 1;
      transform: translateX(0);
    }

    /* Modern Contact Items */
    .footer-contact-list {
      display: flex;
      flex-direction: column;
      gap: 0.85rem;
    }

    .footer-contact-card {
      display: flex;
      align-items: center;
      gap: 0.85rem;
      color:#000000;
      background: rgba(255, 255, 255, 0.02);
      border: 1px solid rgba(255, 255, 255, 0.06);
      /* padding: 0.65rem 0.9rem; */
      border-radius: 12px;
      transition: all 0.25s ease;
      text-decoration: none;
    }

    /* .footer-contact-card:hover { */
      /* background: rgba(255, 255, 255, 0.05); */
      /* border-color: rgba(248, 180, 0, 0.3); */
      /* transform: translateY(-2px); */
      /* color: #fff; */
    /* } */

    .footer-contact-card .icon-wrap {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgb(239 127 26);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    flex-shrink: 0;
    transition: all 0.25s ease;
    }

    /* .footer-contact-card:hover .icon-wrap { */
      /* background: var(--yellow); */
      /* color: var(--navy); */
    /* } */

    .footer-contact-card .contact-meta .label {
	font-size: 16px;
	color: #000000;
	display: block;
	margin-bottom: 2px;
	font-family: 'Poppins';
	}

    .footer-contact-card .contact-meta .value {
    font-size: 15px;
    font-weight: 500;
    color:#2a2a2a;
    font-family: 'Poppins';
    }

    /* Social Icons */
    .footer-social-wrap {
      display: flex;
      flex-wrap: wrap;
      gap: 0.6rem;
      margin-top: 1.3rem;
    }

    .footer-social-btn {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgb(239 127 26);
    border: 1px solid rgb(246 131 26);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size:14px;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .footer-social-btn:hover {
      background:#ef7f1a;
      border-color:#ef7f1a;
      color: #fff;
      transform: translateY(-3px);
    }

    /* Action Badge */
    .footer-action-box {
      background: linear-gradient(145deg, rgba(29, 99, 237, 0.08), rgba(248, 180, 0, 0.05));
      border: 1px dashed rgba(248, 180, 0, 0.35);
      border-radius: 18px;
      padding: 1.5rem 1.2rem;
      text-align: center;
      transition: all 0.3s ease;
    }

    .footer-action-box:hover {
      border-color: var(--yellow);
      background: linear-gradient(145deg, rgba(29, 99, 237, 0.12), rgba(248, 180, 0, 0.09));
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
    }

    .footer-action-box .heart-badge-icon {
      font-size: 1.8rem;
      color: var(--yellow);
      animation: heartbeat 2.2s infinite ease-in-out;
      display: inline-block;
    }

    @keyframes heartbeat {

      0%,
      100% {
        transform: scale(1);
      }

      14% {
        transform: scale(1.18);
      }

      28% {
        transform: scale(1);
      }

      42% {
        transform: scale(1.15);
      }

      70% {
        transform: scale(1);
      }
    }

    .footer-action-box .badge-slogan {
      font-family: 'Caveat', cursive;
      font-size: 1.35rem;
      font-weight: 700;
      color: #fff;
      margin: 0.5rem 0 0.8rem;
      line-height: 1.3;
    }

    .btn-badge-cta {
      background: rgba(255, 255, 255, 0.08);
      border: 1px solid rgba(255, 255, 255, 0.18);
      color: #fff;
      font-size: 0.8rem;
      font-weight: 600;
      padding: 0.45rem 1.1rem;
      border-radius: 50px;
      transition: all 0.25s ease;
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
    }

    .btn-badge-cta:hover {
      background: var(--yellow);
      border-color: var(--yellow);
      color: var(--navy);
      transform: translateY(-2px);
    }

    /* Footer Bottom */
    .footer-bottom {
    border-top:1px solid rgb(0 0 0 / 18%);
    margin-top: 20px;
    padding: 1.5rem 0;
    font-size: 0.86rem;
    color: #000000;
    }

    .footer-bottom a {
    color: #000000 !important;
    margin-left: 1.3rem;
    transition: color 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 14px;
    font-family: 'Poppins';
    }
	.footer-bottom a i{display: flex; color:#ff7900; font-size:8px;}

    .footer-trust-badge {
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
      font-size: 0.82rem;
      color: #8fa0b5;
    }

    .btn-back-to-top {
      width: 36px;
      height: 36px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(255, 255, 255, 0.1);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      margin-left: 1.5rem;
      transition: all 0.25s ease;
    }

    .btn-back-to-top:hover {
      background: var(--yellow);
      border-color: var(--yellow);
      color: var(--navy);
      transform: translateY(-3px);
      box-shadow: 0 4px 12px rgba(248, 180, 0, 0.3);
    }

    @media (max-width:991px) {
      .hero h1 {
        font-size: 2.3rem;
      }

      .hero-art {
        margin-top: 3rem;
      }

      .price-card.popular {
        transform: none;
        margin: 1.5rem 0;
      }

      .cta-section .envelope-wrap {
        margin-bottom: 2.5rem;
        display: flex;
        justify-content: center;
      }

      .footer {
        padding: 4rem 0 0;
      }

      .footer-newsletter-banner {
        padding: 1.8rem 1.6rem;
      }
    }

    @media (max-width: 767px) {
      .footer-newsletter-banner {
        padding: 1.5rem 1.2rem;
        border-radius: 16px;
      }

      .btn-footer-subscribe {
        width: 100%;
      }

      .footer-bottom {
        text-align: center;
        flex-direction: column;
        gap: 1rem;
      }

      .footer-bottom .d-flex {
        justify-content: center;
        flex-wrap: wrap;
        gap: 0.8rem;
      }

      .btn-back-to-top {
        margin-left: 0.8rem;
      }
    }
	
/**/
:root{
    --ink:#1c1c1e;
    --muted:#6b7280;
    --price:#1f9d55;
    --link:#2563eb;
  }

 
  .slider-wrap{
    margin:60px auto;
	border-radius: 15px;
  }
 
  .slider-heading{
    font-weight:600;
    margin-bottom:24px;
  }
 
  /* ---- track ---- */
  .slider-viewport{
    overflow:hidden;
	border-radius:8px;
  }
 
  .slider-track{
    display:flex;
    gap:14px;
    transition:transform .5s ease;
  }
 
  .promo-card{
	flex:0 0 calc(50% - 7px);
	background: #fff;
	overflow: hidden;
	box-shadow: 0 2px 14px rgba(0, 0, 0, .06);
	display: flex;
	flex-direction: row;
	border-radius: 9px;
	}
 
  .promo-hero{
    position:relative;
    padding:22px 22px 18px;
    min-height:190px;
    overflow:hidden;
  }
 
  .promo-hero .brand{
    font-size:.78rem;
    color:rgba(0,0,0,.55);
    margin-bottom:2px;
  }
 
  .promo-hero .title{
    font-weight:700;
    font-size:1.35rem;
    line-height:1.2;
    margin-bottom:4px;
  }
 
  .promo-hero .tagline{
    font-family:'Caveat', cursive;
    font-size:1.6rem;
    color:#d98a2b;
    display:block;
    margin-bottom:12px;
  }
 
  .hero-visual{
    position:absolute;
    right:16px;
    bottom:10px;
    display:flex;
    align-items:flex-end;
    gap:8px;
  }
 
  .device-icon{
    filter:drop-shadow(0 6px 10px rgba(0,0,0,.18));
  }
 
  .badge-thumb{
    width:74px;
    height:74px;
    border-radius:10px;
    background:#fff;
    box-shadow:0 4px 12px rgba(0,0,0,.12);
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
  }
 
  .do-more{
    font-size:.72rem;
    font-weight:600;
    line-height:1.25;
    max-width:130px;
    margin-top:6px;
  }
 
  .shop-now{
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-size:.8rem;
    font-weight:600;
    color:var(--link);
    text-decoration:none;
    margin-top:6px;
  }
 
  .shop-now svg{ transition: transform .2s ease; }
  .shop-now:hover svg{ transform: translateX(3px); }
 
  .promo-body{
    padding:18px 22px 22px;
    border-top:1px solid #f0f0f2;
  }
 
  .promo-body p{
    font-size:.85rem;
    color:var(--muted);
    margin-bottom:12px;
    min-height:42px;
  }
 
  .price-row{
    display:flex;
    align-items:baseline;
    gap:10px;
  }
 
  .price-now{
    font-weight:700;
    font-size:1.1rem;
    color:var(--price);
  }
 
  .price-was{
    font-size:.9rem;
    color:#b3b3b3;
    text-decoration:line-through;
  }
 
  /* gradient hero backgrounds, one per card theme */
  .theme-watch{ background:linear-gradient(135deg,#cfe8ee 0%,#e7d7f2 45%,#f7d9df 100%); }
  .theme-audio{ background:linear-gradient(135deg,#dfe3fb 0%,#eef1e0 100%); }
  .theme-phone{ background:linear-gradient(135deg,#fde2df 0%,#ffe9c7 55%,#ffd9e6 100%); }
 
  /* ---- controls ---- */
  .slider-controls{
    display:flex;
    justify-content:flex-end;
    gap:10px;
    margin-bottom:20px;
  }
 
  .ctrl-btn{
    width:40px;
    height:40px;
    border-radius:50%;
    border:1px solid #d8dade;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--ink);
    transition:background .15s ease, opacity .15s ease;
  }
 
  .ctrl-btn:hover{ background:#f2f3f5; }
  .ctrl-btn:disabled{ opacity:.35; cursor:default; background:#fff; }
 
  .dots{
    display:flex;
    justify-content:center;
    gap:8px;
    margin-top:22px;
  }
 
  .dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#d3d5da;
    border:none;
    padding:0;
    transition:background .2s ease, width .2s ease;
  }
 
  .dot.active{
    background:var(--ink);
    width:22px;
    border-radius:5px;
  }
 
  @media (max-width:900px){
    .promo-card{ flex:0 0 calc(50% - 12px); }
  }
  @media (max-width:600px){
    .promo-card{ flex:0 0 100%; }
  }	
  
/**/
.fb-wrapper{
    background:#fff;
    border-radius:8px;
    padding:24px 24px 28px;
    margin:40px auto;
    box-shadow:0px 0px 12px -7px #000;
  }
 
  .fb-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:18px;
  }
 
  .fb-header h2{
    font-size: 25px;
    font-weight: 600;
    color: #000000;
    margin: 0;
    font-family: 'Poppins';
  }
 
  .fb-header a{
    color:#2874f0;
    text-decoration:none;
    font-size:.95rem;
    font-weight:500;
    white-space:nowrap;
  }
  .fb-header a:hover{ text-decoration:underline; }
 
  /* ---- Slider ---- */
  .fb-slider-outer{
    position:relative;
  }
 
  .fb-track{
    display:flex;
    gap:16px;
    overflow-x:auto;
    scroll-behavior:smooth;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }
  .fb-track::-webkit-scrollbar{ display:none; }
 
  .fb-card{
    flex:0 0 calc(25% - 12px);
    min-width:230px;
    height:210px;
    border-radius:6px;
    overflow:hidden;
    position:relative;
    color:#fff;
  }
 
  @media (max-width:992px){
    .fb-card{ flex:0 0 calc(50% - 8px); }
  }
  @media (max-width:576px){
    .fb-card{ flex:0 0 calc(85%); }
  }
 
  .fb-card-bg{
    position:absolute;
    inset:0;
    display:flex;
    align-items:flex-end;
    padding:16px;
  }
 
  .fb-card-content{
    position: relative;
    z-index: 2;
    padding: 8px 21px 8px 21px;
    top: 10px;
    border-radius: 6px;
    background-color: #fff;
  }
 
  .fb-card h5{
font-size: 15px;
    font-weight: 600;
    color: #000;
    font-family: 'Poppins';
  }
 
  .fb-card ul{
    list-style: none;
    padding: 0;
    margin: 0;
    font-size:12px;
    color: #000;
    font-family: 'Poppins';
  }
  .fb-card ul li{
    margin-bottom:2px;
  }
  /* .fb-card ul li::before{ */
    /* content:"\2713"; */
    /* margin-right:5px; */
    /* font-weight:700; */
  /* } */
 
  .fb-card-img{
    position:absolute;
    right:0;
    bottom:0;
    height:100%;
    display:flex;
    align-items:flex-end;
    z-index:1;
  }
  .fb-card-img img{
    max-height:100%;
    object-fit:contain;
  }
.fb-card-img::after {
    content: "";
    position: absolute;
    inset: 0;
    background:rgb(0 0 0 / 33%);
    mix-blend-mode: multiply;
    pointer-events: none;
}
 
  /* Card 1 - AC */
  .card-1{ background:linear-gradient(135deg,#0f8b8d,#0a5f61); }
 
  /* Card 2 - Water purifier */
  .card-2{ background:linear-gradient(135deg,#c94f5c,#a83a49); }
  .discount-badge{
    position:absolute;
    right:14px;
    bottom:60px;
    background:#ffd400;
    color:#a80000;
    font-weight:800;
    text-align:center;
    padding:8px 10px;
    border-radius:4px;
    font-size:.7rem;
    line-height:1.1;
    transform:rotate(-8deg);
    z-index:3;
    box-shadow:0 2px 6px rgba(0,0,0,.25);
  }
  .discount-badge .big{
    font-size:1.15rem;
    display:block;
  }
 
  /* Card 3 - TV */
  .card-3{ background:linear-gradient(135deg,#f2a900,#e07a00); }
 
  /* Card 4 - Laundry */
  .card-4{ background:linear-gradient(135deg,#37b7e6,#1c8fc4); }
 
  .fb-nav-btn{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:#fff;
    border:1px solid #ddd;
    width:36px;
    height:36px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 2px 6px rgba(0,0,0,.15);
    cursor:pointer;
    z-index:10;
    font-size:1.1rem;
    color:#333;
    user-select:none;
  }
  .fb-nav-btn.prev{ left:-18px; }
  .fb-nav-btn.next{ right:-18px; }
  .fb-nav-btn:hover{ background:#f5f5f5; }
 
  @media (max-width:576px){
    .fb-nav-btn{ display:none; }
  }  
  
  
  
  
  /**/
  .subscribe-banner {
	background: url(../images/subscribe-bg.jpg);
	position: relative;
	overflow: hidden;
	padding: 36px 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1;
	background-attachment: fixed;
	}
.subscribe-banner:after {
	background-color: rgba(59, 47, 74, .82);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
	}
 
  .subscribe-banner .decor {
    position: absolute;
    top: 0;
    left: 32%;
    height: 100%;
    width: 40%;
    opacity: 0.5;
    pointer-events: none;
  }
 
  .subscribe-heading {
    color: #ffffff;
    font-size: 1.6rem;
    font-weight: 700;
    margin: 0;
    position: relative;
    z-index: 2;
  }
 
  .subscribe-heading .highlight {
    color:#ff7900;
  }
 
  .subscribe-form {
    position: relative;
    z-index: 2;
    background: #ffffff;
    border-radius: 50px;
    display: flex;
    align-items: center;
    padding: 6px;
    max-width: 480px;
    margin-left: auto;
  }
 
  .subscribe-form .mail-icon {
    color: #6c757d;
    margin: 0 10px 0 14px;
  }
 
  .subscribe-form input {
    border: none;
    outline: none;
    flex: 1;
    font-size: 0.95rem;
    color: #333;
    background: transparent;
  }
 
  .subscribe-form input::placeholder {
    color: #8a8a8a;
  }
 
  .subscribe-form button {
    background:#ef7f1a;
    color: #fff;
    border: none;
    border-radius: 50px;
    padding: 12px 28px;
    font-weight: 600;
    font-size: 0.85rem;
    letter-spacing: 0.5px;
    white-space: nowrap;
  }
 
  .subscribe-form button:hover {
    background: #333;
  }
 
  @media (max-width: 767px) {
    .subscribe-form {
      margin: 20px auto 0;
    }
    .subscribe-heading {
      text-align: center;
    }
  }
  

/**/
.sale-slider {
    width: 100%;
    overflow: hidden;
}

.sale-carousel {
    width: 100%;
}

.sale-carousel .carousel-item img {
    width: 100%;
    object-fit: cover;
    display: block;
}

/* Indicators */
.sale-carousel .carousel-indicators {
    bottom: 15px;
}

.sale-carousel .carousel-indicators button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

/* Previous / Next buttons */
.sale-carousel .carousel-control-prev,
.sale-carousel .carousel-control-next {
	width: 0%;
	position: absolute;
	top: 45px;
	background: #ffffff !important;
	border: 1px solid #ddd;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
	cursor: pointer;
	font-size: 24px;
	color: #000000;
	user-select: none;
	opacity: 1;
	}
.sale-carousel .carousel-control-prev,
.sale-carousel .carousel-control-next:hover{color:#000;}
.sale-carousel .carousel-control-prev{left:-19px;}
.sale-carousel .carousel-control-next{right:-19px;}
.carousel-inner{border-radius:8px;}


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

    .sale-carousel .carousel-item img {
        height: 220px;
        object-fit: cover;
    }

    .sale-carousel .carousel-control-prev,
    .sale-carousel .carousel-control-next {
        width: 10%;
    }
}  

/**/
.main-banner .hero-slide{
    background: linear-gradient(135deg, var(--brand-blue) 0%, var(--brand-blue-dark) 100%);
    color: #fff;
    padding: 70px 0;
    overflow: hidden;
    position: relative;
    min-height: 480px;
  }
.main-banner .hero-slide .display-title{
    color: #ffd15c;
    font-weight: 800;
    font-size: 2.6rem;
    letter-spacing: 0.5px;
  }
.main-banner .hero-slide p{
    font-weight: 600;
    font-size: 1.05rem;
    margin-bottom: 0.5rem;
  }
.main-banner .hero-graphic-circle{
    background: var(--brand-orange);
    width: 480px;
    height: 480px;
    border-radius: 50%;
    position: relative;
    margin: 0 auto;
  }
.main-banner .phone-mockup{
    background: #fff;
    width: 150px;
    height: 300px;
    border-radius: 20px;
    border: 6px solid #111;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 14px 10px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.35);
  }
.main-banner .phone-mockup .bill-icon{
    font-size: 0.65rem;
    font-weight: 700;
    color: #222;
    letter-spacing: 1px;
  }
.main-banner .phone-mockup .bill-lines{
    width: 100%;
    margin-top: 10px;
  }
.main-banner .phone-mockup .bill-lines div{
    height: 4px;
    background: #d9d9d9;
    border-radius: 2px;
    margin-bottom: 6px;
  }
.main-banner .phone-mockup .pay-btn{
    margin-top: auto;
    background: #d81f3d;
    color: #fff;
    font-weight: 700;
    font-size: 0.8rem;
    padding: 6px 22px;
    border-radius: 20px;
  }
.main-banner .service-pill{
    position: absolute;
    background: var(--brand-blue);
    color: #fff;
    border-radius: 30px;
    padding: 6px 16px 6px 6px;
    font-size: 0.78rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  }
.main-banner .service-pill .icon-circle{
    background: #fff;
    color: var(--brand-blue);
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
  }
.main-banner .pill-mobile   { top: 8%;  left: -8%; }
.main-banner .pill-water    { top: 8%;  right: -8%; }
.main-banner .pill-electric { top: 45%; left: -18%; }
.main-banner .pill-loan     { top: 45%; right: -18%; }
.main-banner .pill-gas      { top: 82%; left: -8%; }
.main-banner .pill-life     { top: 82%; right: -8%; }
 
.main-banner .rupee-coin{
    position: absolute;
    bottom: -30px;
    left: 20%;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 30%, #ffe08a, #d4a017 70%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 1.6rem;
    color: #7a4a00;
    box-shadow: 0 8px 20px rgba(0,0,0,0.3);
  }
 
.main-banner .deco-dots{
    position: absolute;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 6px;
  }
.main-banner .deco-dots span{
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--brand-orange);
    display: block;
  }
.main-banner .dots-top-left{ top: 20px; left: 30px; }
.main-banner .dots-bottom-left{ bottom: 30px; left: 40px; }
 
  /* Carousel controls */
.main-banner .carousel-control-prev, .carousel-control-next{
    width: 5%;
    opacity: 0.6;
  }
.main-banner .carousel-indicators [data-bs-target]{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.5;
  }
.main-banner .carousel-indicators .active{
    opacity: 1;
    background-color: var(--brand-orange);
  }
 
  @media (max-width: 991px){
.main-banner .hero-graphic-circle{ width: 340px; height: 340px; }
.main-banner .phone-mockup{ width: 110px; height: 220px; }
.main-banner .service-pill{ font-size: 0.65rem; padding: 4px 10px 4px 4px; }
.main-banner .pill-mobile, .pill-water{ left: -2%; right: -2%; }
.main-banner .pill-electric, .pill-loan{ left: -6%; right: -6%; }
.main-banner .pill-gas, .pill-life{ left: -2%; right: -2%; }
.main-banner .hero-slide .display-title{ font-size: 1.9rem; }
  }
  @media (max-width: 767px){
.main-banner .hero-graphic-circle{ display: none; }
.main-banner .hero-slide{ padding: 50px 0; text-align: center; }
  }
.main-banner .banner-aera{margin:0; padding:0;}
.main-banner .carousel-inner{border-radius:0px;}
.main-banner .banner-aera .carousel-inner .carousel-item img{}

/*-- header-new-style --*/
/* ===== Top bar ===== */
  .top-bar{
    background:#2b2b2b;
    color:#bbb;
    font-size:12px;
  }
.top-bar .top-header{
    padding-top: 7px;
    margin-bottom: -6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
	}
.top-bar .top-header ul{list-style-type:none;    padding: 0;}
.top-bar  .contact-link{display:flex;gap: 13px;}
.top-bar  .follow-link{display:flex;gap: 13px;}

.top-bar  .contact-link li a{    
	font-size: 13px;
	color: #f0f0f0;
	font-family: 'Poppins';
	font-weight: 550;
	}
.top-bar  .contact-link li a i{    
	color: #ef7f1a;
	padding: 0px 6px 0px 0px;
	font-size: 12px;
	}
.top-bar  .follow-link li a{
	width: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 24px;
	border: 1px solid #ffffff;
	background-color: #fff;
	color: #ef7f1a;
	border-radius: 50%;
	font-size: 14px;
	padding: 3px 3px;
	transition: .2s;
	}
.top-bar  .follow-link li a:hover{transform: translatey(-3px); transition: .2s;}
  .top-bar a{
    color:#bbb;
    text-decoration:none;
    margin-left:18px;
  }
  .top-bar a:first-child{margin-left:0;}
  .top-bar a:hover{color:#fff;}
  .top-bar .dropdown-toggle{color:#bbb;}
 
  /* ===== Middle bar (logo / search / cart) ===== */
  .middle-bar{
    background:#fff;
    padding:18px 0;
  }
.middle-bar .topbar-wrapper{display: flex; align-items: center; justify-content: space-between; gap: 1rem;}
.middle-bar .loginbtn{display: flex; align-items: center; gap: 1rem;}
  .logo-box{
    display:flex;
    align-items:center;
  }
  .logo-box .icon{
    background:#e74c3c;
    color:#fff;
    width:42px;
    height:42px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    margin-right:10px;
  }
  .logo-box .text h2{
    margin:0;
    font-size:24px;
    font-weight:800;
    line-height:1;
    color:#222;
  }
  .logo-box .text small{
    font-size:11px;
    color:#999;
    letter-spacing:.5px;
  }
 
  .search-form{
    display:flex;
    height: 42px;
  }
  .search-form select{
    border:1px solid #ddd;
    border-right:none;
    border-radius:20px 0 0 20px;
    background:#f7f7f7;
    font-size:13px;
    padding:0 10px;
	width: 151px;
  }
  .search-form input[type="text"]{
    border:1px solid #ddd;
    border-left:none;
    border-right:none;
    font-size:13px;
	border-radius: 0;
  }
  .search-form input[type="text"]:focus{
    box-shadow:none;
    outline:none;
  }
  .search-form button{
background: #ef7f1a;
    border: 1px solid #ef7f1a;
    color: #fff;
    border-radius:0 20px 20px 0;
    padding: 0 18px;
  }
  .search-form button:hover{background:#d33f2c;}
 
  .call-us{
    display:flex;
    align-items:center;
  }
  .call-us i{
    font-size:26px;
    color:#e74c3c;
    margin-right:10px;
  }
  .call-us .label{
    font-size:11px;
    color:#999;
    text-transform:uppercase;
  }
  .call-us .number{
    font-size:15px;
    font-weight:700;
    color:#222;
  }
 
  .cart-box{
    display:flex;
    align-items:center;
    justify-content:flex-end;
  }
  .cart-box i{
    font-size:30px;
    color:#333;
    margin-right:10px;
  }
  .cart-box .label{
    font-size:11px;
    color:#999;
    text-transform:uppercase;
  }
  .cart-box .amount{
    font-size:15px;
    font-weight:700;
    color:#222;
  }
 
  /* ===== Main nav ===== */
  .main-nav{
	background: #fff0e2;
	margin-bottom: 9px;
	border-top: 1.5px solid #ef7f1a;
	}
  .main-nav .navbar-nav .nav-link{
        color: #000000 !important;
    font-size: 16px;
    font-weight: 550;
    padding: 14px 16px !important;
    font-family: 'Poppins';
  }
  .main-nav .navbar-nav .nav-item:hover > .nav-link,
  .main-nav .navbar-nav .nav-link.active{
        background: #ef7f1a;
    color: #ffff !important;
  }
  .main-nav .dropdown-menu{
    border-radius:0;
    font-size:13px;
  }
  .buy-theme{
    color:#fff;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    margin-right:20px;
  }
  .special-offer{
    background:#2b2b2b;
    color:#fff !important;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    padding:14px 20px !important;
  }
 
  @media(max-width:991px){
    .call-us, .cart-box{justify-content:flex-start; margin-top:10px;}
  }
/* .topbar-wrapper { */
    /* max-width: 900px; */
    /* margin: 60px auto; */
    /* padding: 12px 20px; */
    /* background: #ffffff; */
    /* border: 1px solid #e5e7eb; */
    /* border-radius: 12px; */
    /* box-shadow: 0 1px 3px rgba(0,0,0,0.04); */
  /* } */
 
  /* Segmented pill control */
  .segment-pill {
    display: inline-flex;
    align-items: center;
    background: #f0f1f4;
    border-radius: 999px;
    padding: 4px;
  }
 
  .segment-pill .segment-item {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border-radius: 999px;
    font-size: 0.9rem;
    font-weight: 500;
    color: #1f2937;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.15s ease;
  }

 
  /* .segment-pill .segment-item.active { */
    /* background: #ffffff; */
    /* box-shadow: 0 1px 2px rgba(0,0,0,0.08); */
	/* color: #ef7f1a; */
  /* } */
  .segment-pill .segment-item:hover{
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.08);
	color: #ef7f1a;
  }
 
  .segment-pill .segment-item i {
    font-size: 1rem;
  }
 
  /* Cart icon with badge */
  .cart-wrapper {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #f3f4f6;
    color: #1f2937;
  }
 
  .cart-wrapper .badge-count {
    position: absolute;
    top: -4px;
    right: -4px;
    background: #ef4444;
    color: #fff;
    font-size: 0.65rem;
    font-weight: 600;
    line-height: 1;
    padding: 3px 6px;
    border-radius: 999px;
    border: 2px solid #fff;
  }
 
  .sign-in-link {
    color: #1f2937;
    font-weight: 500;
    font-size: 0.92rem;
    text-decoration: none;
  }
 
  .sign-in-link:hover {
    color: #000;
  }
  .btn-create-account {
    background: #ef7f1a !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 9px 18px !important;
    border-radius: 100px !important;
    white-space: nowrap;
  }
 
  .btn-create-account:hover {
    background: #000000;
    color: #ffffff;
  }
 
  .divider-dot {
    width: 1px;
    height: 20px;
    background: transparent;
  }
 
  @media (max-width: 576px) {
    .segment-pill .segment-item span.label { display: none; }
    .topbar-wrapper { margin: 20px 12px; }
  }  
/*-- header-new-style-end --*/
  
  
/*-- Back-to-top-style --*/  
#backToTopBtn {
	position: fixed;
	bottom: 30px;
	right: 30px;
	display: none;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color:#f6831a;
	color: #fff;
	border: none;
	font-size:14px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
	z-index: 999;
	align-items: center;
	justify-content: center;
	transition: background-color 0.3s ease, transform 0.3s ease;
	}
#backToTopBtn:hover {background-color:#ef7910;transform: translateY(-4px);}
#backToTopBtn.show {display: flex;animation: fadeIn 0.3s ease;}
@keyframes fadeIn {
	from { opacity: 0; transform: translateY(15px); }
	to { opacity: 1; transform: translateY(0); }
	}
/*-- Back-to-top-style-end --*/  



/*-- banner-section --*/
.banner-section .banner-wrap{margin: 0 auto;overflow: hidden;}
.banner-section .slide{
	position:relative;
	display:flex;
	align-items:center;
	min-height:500px;
	background:linear-gradient(90deg,#ffffff 38%, #f7f7f7 60%, #ffffff 100%);
	overflow:hidden;
	}
.banner-section .slide .carousel-inner{border-radius:0px;}
.banner-section .slide img{width:100%; height:500px; object-fit:cover; margin-top:-125px; object-position:top;}
.banner-section .slide-photo{
	position:relative;
	width:52%;
	height:420px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
	}
.banner-section .slide-copy{
	position:relative;
	z-index:2;
	flex:1;
	padding:20px 60px 20px 10px;
	text-align:left;
	}
.banner-section .brand-mark{
	width:46px;
	height:60px;
	margin-bottom:18px;
	opacity:.95;
	}
.banner-section .slide-copy h2{
	font-weight:700;
	font-size:2.5rem;
	line-height:1.2;
	color:var(--ink);
	margin-bottom:28px;
	}
.banner-section .btn-sib{
	background:var(--sib-red);
	color:#fff;
	font-weight:600;
	padding:12px 34px;
	border-radius:26px;
	border:none;
	font-size:1rem;
	letter-spacing:.3px;
	transition:.2s ease;
	}
.banner-section .btn-sib:hover{background:var(--sib-red-dark);color:#fff;}
.banner-section .watermark-text{
	position:absolute;
	top:52%;
	left:0;
	width:100%;
	transform:translateY(-50%);
	text-align:center;
	font-size:2.6rem;
	font-weight:800;
	color:rgba(0,0,0,.05);
	white-space:nowrap;
	pointer-events:none;
	z-index:1;
	}
.banner-section .carousel-indicators{
	position:absolute;
	bottom:14px;
	left:40%;
	margin:0;
	display: none;
	}
.banner-section .carousel-indicators [data-bs-target]{
	width:9px;
	height:9px;
	border-radius:50%;
	background-color:#d9b3ba;
	border:none;
	opacity:1;
	margin:0 4px;
	}
.banner-section .carousel-indicators .active{
	background-color:var(--sib-red);
	width:11px;
	height:11px;
	}
.banner-section .ticker-bar{
	display: flex;
	align-items: stretch;
	background: #2455310d;
	height: 46px;
	margin-top: -63px;
	}
.banner-section .ticker-label{
	background:linear-gradient(45deg, #d2833c, #ff7c07);
	color: #fff;
	font-weight: 500;
	font-size: 15px;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 0 22px;
	white-space: nowrap;
	clip-path: polygon(0 0, 100% 0, 92% 100%, 0% 100%);
	padding-right: 40px;
	}
.banner-section .ticker-track{
	flex:1;
	overflow:hidden;
	position:relative;
	display:flex;
	align-items:center;
	background-color: #fff8f1;
	}
.banner-section .ticker-track span{
	display: inline-block;
	padding-left: 100%;
	white-space: nowrap;
	color:#3d3d3d;
	font-size: 13px;
	animation:scroll-left 43s linear infinite;
	font-family: 'Poppins';
	
	}
.banner-section .ticker-track span strong{    padding: 0px 4px 0px 0px;font-weight: 580;color: #000000;}	
  @keyframes scroll-left{
    0%{transform:translateX(0);}
    100%{transform:translateX(-100%);}
  }
.banner-section .illus{width:88%;max-width:460px;height:auto;}
@media (max-width:768px){
.banner-section .slide{flex-direction:column;min-height:auto;}
.banner-section .slide-photo{width:100%;height:220px;}
.banner-section .slide img{height: auto;}
.banner-section .slide-copy{width:100%;padding:20px 24px 60px;text-align:center;}
.banner-section .slide-copy h2{font-size:1.5rem;}
.banner-section .brand-mark{margin:0 auto 14px;}
.banner-section .watermark-text{display:none;}
.banner-section .ticker-label{padding:0 14px;font-size:10px;gap: 1px;}
.banner-section .carousel-indicators{left:0;justify-content:center;width:100%;bottom:8px;}
.banner-section .ticker-track span{font-size: 11px;}
}
/*-- banner-section-end --*/




/*-- services-section --*/
.service-section .services-wrapper {
    background: #fff;
    border-radius: 16px;
    padding: 28px 24px 32px;
    margin: 40px auto;
    box-shadow: 0px 0px 13px -7px #000;
  }
.service-section .services-wrapper .service-body{justify-content: center;}
.service-section .services-wrapper .services-title {
	font-weight: 800;
	font-size: 1.6rem;
	margin-bottom: 20px;
	color: #111;
	}
.service-section .services-wrapper .service-body .service-card {
	position: relative;
	height: 230px;
	border-radius: 14px;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	}
.service-section .services-wrapper .service-body .service-card::after {
	content: "";
	position: absolute;
	inset: 0;
	background:linear-gradient(180deg, rgb(0 0 0 / 18%) 40%, rgb(0 0 0 / 24%) 100%);
	}
.service-section .services-wrapper .service-body .service-info {
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 10px;
	background: #fff;
	border-radius: 10px;
	padding: 12px 14px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.12);
	z-index: 2;
	}
.service-section .services-wrapper .service-body .service-info h6 {
	font-weight: 700;
	margin-bottom: 6px;
	color: #111;
	}
.service-section .services-wrapper .service-body .service-info p {
	font-size: 0.8rem;
	color: #444;
	margin-bottom: 0;
	line-height: 1.3;
	}
/*-- services-section-end --*/



/**/
:root{
    --navy:#1e2a5e;
    --navy-dark:#141c42;
    --gold:#f5a524;
    --text-dark:#1f2333;
    --text-muted:#6b7280;
  }
.aboutus-section .eyebrow{
	color: #f6831a;
	font-weight: 550;
	font-size: 14px;
	letter-spacing: .02em;
	display: flex;
	align-items: center;
	gap: .5rem;
	font-family: 'Poppins';
	}
.aboutus-section .eyebrow::before{
    content:"";
    width:22px;
    height:3px;
    background:#612c8d;
    display:inline-block;
    border-radius:2px;
  }
.aboutus-section .hero-heading{
    font-weight:700;
    font-size:2.1rem;
    line-height:1.25;
    color:var(--text-dark);
  }
.aboutus-section .hero-img-wrap{
    position:relative;
    border-radius:14px;
    overflow:hidden;
  }
.aboutus-section .hero-img-wrap .aboutus-img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }
.aboutus-section .badge-attention{
    position: absolute;
    right: 16px;
    bottom: 16px;
    background: #ff871a;
    color: #fff;
    border-radius: 10px;
    padding: 14px 18px;
    text-align: center;
    box-shadow: 0 8px 20px rgb(0 0 0 / 30%);
	}
.aboutus-section .badge-attention .pct{
    font-size: 23px;
    font-weight: 650;
    line-height: 1;
    font-family: 'Poppins';
  }
.aboutus-section .badge-attention .label{
    font-size: 12px;
    font-weight: 500;
    margin-top: 3px;
    font-family: 'Poppins';
  }
.aboutus-section .feature-list{
    list-style:none;
    padding:0;
    margin:0;
  }
.aboutus-section .feature-list li{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-bottom:12px;
    font-size:.95rem;
    color:var(--text-dark);
  }
.aboutus-section .feature-list li i{
	color: #ffffff;
	background: #f6831a;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	min-width: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .65rem;
	margin-top: 2px;
	}
/**/


/**/  

  .testimonial-section{
    position: relative;
    overflow: hidden;
    padding: 0;
    background: #fff;
    margin-bottom: 50px;
  }
 
  /* Purple diagonal panel on the left */
.testimonial-section .purple-panel{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:46%;
    background:linear-gradient(135deg, #f6831a 0%, var(--purple-dark) 100%);
    clip-path:polygon(0 0, 100% 0, 85% 100%, 0% 100%);
    z-index:0;
  }
 
.testimonial-section .deco-circle{
    position:absolute;
    top:8%;
    left:28%;
    width:170px;
    height:170px;
    border-radius:50%;
    background-image:repeating-linear-gradient(45deg, rgba(255,255,255,0.35) 0px, rgba(255,255,255,0.35) 2px, transparent 2px, transparent 10px);
    opacity:0.9;
    z-index:1;
  }
 
.testimonial-section .content-wrap{
    position:relative;
    z-index:2;
  }
 
.testimonial-section .eyebrow{
	color:#fff;
    font-weight: 550;
    font-size: 14px;
    letter-spacing: 1px;
    margin-bottom: 6px;
    font-family: 'Poppins';
  }
 
.testimonial-section .heading-title{
    color:#fff;
    font-weight:800;
    font-size:2.6rem;
    line-height:1.15;
    margin-bottom:34px;
  }
 
.testimonial-section .view-all-link{
	color:#fff;
	text-decoration:none;
	font-weight:600;
	font-size:15px;
	display:inline-flex;
	align-items:center;
	gap:8px;
	border-bottom:2px solid rgba(255,255,255,0.5);
	padding-bottom:6px;
	transition:border-color .25s ease, gap .25s ease;
	}
.testimonial-section .view-all-link:hover{
	color:#fff;
	border-color:#fff;
	gap:12px;
	}

.testimonial-section .slider-nav{
	display:flex;
	gap:10px;
	justify-content:flex-end;
	margin-bottom:26px;
	}
.testimonial-section .slider-nav button{
	width: 42px;
	height: 42px;
	border-radius: 50%;
	border: 1px solid #f6831a;
	background: #fff;
	color: #f6831a;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	cursor: pointer;
	transition: background .2s ease, color .2s ease, transform .2s ease;
	}
.testimonial-section .slider-nav button:hover{
    background:#f6831a;
    color:#fff;
  }
.testimonial-section .slider-nav button:active{
    transform:scale(0.94);
  }
 
  /* Cards track */
.testimonial-section .track-viewport{
    overflow:hidden;
  }
.testimonial-section .track{
    display:flex;
    transition:transform .5s cubic-bezier(.65,.05,.36,1);
  }
.testimonial-section .slide{
    flex:0 0 auto;
    padding:0 10px;
  }
 
.testimonial-section .testi-card{
    background: #fff;
    border-radius: 6px;
    box-shadow: 0px 0px 14px -7px #ffcea1;
    padding: 46px 34px 30px;
    text-align: center;
    height: 100%;
    position: relative;
    border: 1px solid #ffe9d5;
  }
 
.testimonial-section .avatar{
    width:64px;
    height:64px;
    border-radius:50%;
    object-fit:cover;
    margin:0 auto 22px;
    display:block;
    border:3px solid #fff;
    box-shadow:0 4px 14px rgba(0,0,0,0.15);
  }
 
.testimonial-section .testi-text{
    color:#5c5a68;
    font-size:15px;
    line-height:1.75;
    margin-bottom:26px;
  }
 
.testimonial-section .testi-name{
    color:#1b1029;
    font-weight:700;
    font-size:16px;
    margin-bottom:2px;
  }
 
.testimonial-section .testi-role{
    color:var(--text-muted);
    font-size:13px;
  }
 
  /* Dots */
.testimonial-section .dots{
    display:flex;
    justify-content:center;
    gap:8px;
    margin-top:40px;
  }
.testimonial-section .dots button{
    width:9px;
    height:9px;
    border-radius:50%;
    border:none;
    background:#ffe8d3;
    padding:0;
    cursor:pointer;
    transition:background .2s ease, width .2s ease;
  }
.testimonial-section .dots button.active{
    background:#f6831a;
    width:26px;
    border-radius:6px;
  }
 
.testimonial-section .right-col{
    position:relative;
    z-index:2;
  }
 
  @media (max-width: 991px){
.testimonial-section .purple-panel{ display:none; }
.testimonial-section .heading-title{ color:#3a1a7a; }
.testimonial-section .eyebrow{ color:var(--purple); }
.testimonial-section .view-all-link{ color:var(--purple); border-color:rgba(91,33,182,.4); }
.testimonial-section .view-all-link:hover{ color:var(--purple); border-color:var(--purple); }
  }
 
  @media (max-width: 575px){
.testimonial-section .slide{ padding:0 6px; }
.testimonial-section .heading-title{ font-size:2rem; }
  }
  :root{
    --purple-dark:#4b1f9e;
    --purple:#5b21b6;
    --purple-light:#7c3aed;
    --purple-accent:#8b5cf6;
    --text-muted:#8a8a99;
  }
/**/  




/*-- responsive-style --*/
@media (max-width: 768px) {
.top-bar .contact-link{display: block;}

.main-nav .navbar-toggler{position: absolute; right:87px;top:-54px;}
.main-nav {top:-128px;}
.middle-bar .loginbtn{position: absolute; top: 87px;right: 0;}

.sale-carousel .carousel-item img {height: 100%;object-fit: cover;}

.testimonial-section .deco-circle{display:none;}
.testimonial-section .content-wrap{text-align: center;}
.testimonial-section .right-col{margin:0;}
.testimonial-section .eyebrow{color: #f6831a;}
.testimonial-section .heading-title{font-size: 33px; color: #000; margin-bottom: 18px;}

.middle-bar .topbar-wrapper .segment-pill{display:none;}

.banner-section .ticker-bar{margin-top: 0px;}
.banner-section .slide img {height: 100%;margin-top: 0;}
.banner-section .slide {flex-direction: column;min-height: 100%;}
.banner-section{margin-top: -71px;}
}

@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1235px !important;}
}



/*-- responsive-style-end --*/