/*  
  -------------------------------------------
  -----      CSS for the font used      -----
  -------------------------------------------
*/

/*@import url('./font/inter.css');*/
/*body {
	font-family: 'Inter var', sans-serif;
	font-feature-settings: "cv02", "cv03", "cv04", "cv11";
}*/
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap');
:root{
    --bg:#F8F7FC; --bg-alt:#EFEAFB; --surface:#ffffff; --surface-strong:#16151f;
    --text:#16151f; --text-soft:#4a4959; --text-faint:#8a899a; --line:#e2e5ea;
    --brand:#7C3AED; --brand-deep:#5B21B6; --brand-tint:#EDE4FC;
    --green:#149a5c; --green-tint:#dff3e7;
    --accent-blue:#2563EB; --accent-blue-tint:#DCE6FD;
    --accent-teal:#0D9488; --accent-teal-tint:#D7F3EF;
    --accent-amber:#D97706; --accent-amber-tint:#FBEBD2;
    --accent-rose:#DB2777; --accent-rose-tint:#FCE0EC;
    --header-bg:rgba(248,247,252,.86);
    --font-display:'Space Grotesk', sans-serif;
    --font-body:'Inter', sans-serif;
    --font-mono:'IBM Plex Mono', monospace;
  }
  html[data-bs-theme="dark"]{
    --bg:#0e0d14; --bg-alt:#15141f; --surface:#1b1a24; --surface-strong:#211f2c;
    --text:#f2f1f6; --text-soft:#b6b4c4; --text-faint:#8b899b; --line:rgba(255,255,255,.10);
    --brand:#9B7BFF; --brand-deep:#7C3AED; --brand-tint:rgba(155,123,255,.18);
    --green:#34D399; --green-tint:rgba(52,211,153,.16);
    --accent-blue:#60A5FA; --accent-blue-tint:rgba(96,165,250,.16);
    --accent-teal:#2DD4BF; --accent-teal-tint:rgba(45,212,191,.16);
    --accent-amber:#FBBF24; --accent-amber-tint:rgba(251,191,36,.16);
    --accent-rose:#F472B6; --accent-rose-tint:rgba(244,114,182,.16);
    --header-bg:rgba(14,13,20,.82);
  }
  /* Ambient glow behind the three illustration cards — single accent, restrained */
  .gfx-card-frame{position:relative;isolation:isolate;}
  .gfx-card-frame::before{
    content:'';position:absolute;inset:-20px;z-index:-1;
    border-radius:36px;filter:blur(34px);opacity:0;
  }
  html[data-bs-theme="light"] .gfx-card-frame.glow-violet::before{opacity:.30;background:radial-gradient(60% 60% at 50% 40%, var(--brand) 0%, transparent 72%);}
  html[data-bs-theme="light"] .gfx-card-frame.glow-teal::before{opacity:.28;background:radial-gradient(60% 60% at 50% 40%, var(--accent-teal) 0%, transparent 72%);}
  html[data-bs-theme="light"] .gfx-card-frame.glow-amber::before{opacity:.28;background:radial-gradient(60% 60% at 50% 40%, var(--accent-amber) 0%, transparent 72%);}
  body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background .25s ease, color .25s ease;}
  h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-0.01em;color:var(--text);}
  a{color:var(--brand);text-decoration:none;}
  a:hover{color:var(--brand-deep);}
  .lede{color:var(--text-soft);}
  .fw-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;}
  .text-faint{color:var(--text-faint);}
  .text-brand{color:var(--brand-deep) !important;}
  .bg-page{background:var(--bg) !important;}
  .bg-alt{background:var(--bg-alt) !important;}
  .bg-strong{background:var(--surface-strong) !important;}
  .rounded-4xl{border-radius:26px !important;}
  section{scroll-margin-top:80px;}

  /* ---- Bootstrap retheme (targeted, since the CDN css is precompiled) ---- */
  .btn-primary{
    --bs-btn-bg:var(--brand); --bs-btn-border-color:var(--brand);
    --bs-btn-hover-bg:var(--brand-deep); --bs-btn-hover-border-color:var(--brand-deep);
    --bs-btn-active-bg:var(--brand-deep); --bs-btn-active-border-color:var(--brand-deep);
    --bs-btn-disabled-bg:var(--brand); --bs-btn-disabled-border-color:var(--brand);
    background-image:linear-gradient(135deg, var(--brand) 0%, var(--accent-rose) 130%);
    border:none;color:#fff;
    box-shadow:0 10px 24px -10px rgba(124,58,237,.55);
  }
  .btn-primary:hover{background-image:linear-gradient(135deg, var(--brand-deep) 0%, var(--accent-rose) 130%);color:#fff;}
  .btn-outline-dark{--bs-btn-color:var(--text);--bs-btn-border-color:var(--line);--bs-btn-hover-bg:var(--text);--bs-btn-hover-color:var(--bg);--bs-btn-hover-border-color:var(--text);}
  .btn-outline-secondary.active,
  .btn-check:checked + .btn-outline-secondary{background:var(--text) !important;border-color:var(--text) !important;color:var(--bg) !important;}
  .form-range::-webkit-slider-thumb{background:var(--brand);}
  .form-range::-moz-range-thumb{background:var(--brand);}
  .nav-link{color:var(--text-soft);font-weight:500;}
  .nav-link:hover,.nav-link:focus{color:var(--text);}
  .dropdown-item:hover,.dropdown-item:focus{background:var(--bg);color:var(--text);}
  .dropdown-menu{border-color:var(--line);}
  .accordion-item{border-color:var(--line);}
  .accordion-button{font-weight:600;}
  .accordion-button:not(.collapsed){color:var(--brand-deep);background:var(--brand-tint);box-shadow:none;}
  .accordion-button:focus{box-shadow:0 0 0 .2rem rgba(124,58,237,.2);}
  .card{border-color:var(--line);}
  .badge-live{font-size:.7rem;font-weight:700;border:1px solid var(--line);color:var(--text-soft);background:var(--surface);}

  /* ---- Theme switcher ---- */
  .theme-toggle{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text);}
  .theme-toggle svg{width:18px;height:18px;}
  .theme-menu{min-width:180px;padding:8px;}
  .theme-menu .dropdown-item{display:flex;align-items:center;gap:10px;border-radius:8px;padding:9px 10px;font-weight:500;font-size:.92rem;}
  .theme-menu .dropdown-item svg{width:16px;height:16px;flex:none;}
  .theme-menu .dropdown-item.active{background:var(--brand);color:#fff;}
  .theme-menu .dropdown-item .check{margin-left:auto;width:14px;height:14px;opacity:0;}
  .theme-menu .dropdown-item.active .check{opacity:1;}

  /* ---- Header ---- */
  .site-header{position:sticky;top:0;z-index:80;background:var(--header-bg);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
  .logo{font-family:var(--font-display);font-weight:700;font-size:1.3rem;color:var(--text);}
  .logo span{color:var(--brand);}

  /* ---- Hero visuals ---- */
  .hero{padding:64px 0 0;overflow:hidden;position:relative;}
  .hero-blob{position:absolute;border-radius:50%;filter:blur(6px);opacity:.22;pointer-events:none;z-index:0;}
  .hero-blob-1{top:-130px;right:-90px;width:420px;height:420px;background:radial-gradient(circle, var(--brand) 0%, transparent 70%);}
  .hero-blob-2{bottom:-150px;left:-110px;width:400px;height:400px;background:radial-gradient(circle, var(--accent-teal) 0%, transparent 70%);opacity:.18;}
  .hero-blob-3{top:120px;left:38%;width:260px;height:260px;background:radial-gradient(circle, var(--accent-rose) 0%, transparent 70%);opacity:.15;}
  .hero .container{position:relative;z-index:1;}
  .hero h1{font-size:clamp(2.3rem,4.4vw,3.5rem);line-height:1.05;}
  .live-order-badge{
    display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;
    background:var(--surface);border:1px solid var(--line);border-radius:999px;
    padding:8px 16px 8px 8px;font-size:0.87rem;color:var(--text-soft);
  }
  .live-order-badge .dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex:none;animation:pulse 1.8s infinite;}
  @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(20,154,92,.55);}70%{box-shadow:0 0 0 8px rgba(20,154,92,0);}100%{box-shadow:0 0 0 0 rgba(20,154,92,0);}}
  .live-order-badge .text{transition:opacity .25s ease;}
  .live-order-badge .text.is-fading{opacity:0;}

  .platform-tab svg{width:16px;height:16px;}
  .platform-group{display:none;}
  .platform-group.is-active{display:flex;}

  .stat-card{background:var(--surface-strong);color:#fff;position:relative;overflow:hidden;}
  .stat-card::after{content:'';position:absolute;inset:0;background:radial-gradient(120% 100% at 100% 0%, rgba(124,58,237,.4), transparent 55%),radial-gradient(80% 80% at 0% 100%, rgba(219,39,119,.22), transparent 60%);pointer-events:none;}
  .stat-row{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid rgba(255,255,255,.12);position:relative;z-index:1;}
  .stat-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
  .stat-row .num{font-size:1.5rem;font-weight:600;}
  .stat-row .lbl{font-size:.85rem;color:rgba(255,255,255,.65);}
  .live-dot{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:#c9f2dd;}
  .live-dot i{width:7px;height:7px;border-radius:50%;background:#39e08a;display:inline-block;}

  .quality-item{display:flex;align-items:flex-start;gap:9px;font-size:.87rem;color:var(--text-soft);}
  .quality-item svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--green);}

  /* ---- Trust marquee ---- */
  .trust-marquee{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:22px 0;}
  .marquee-mask{overflow:hidden;-webkit-mask-image:linear-gradient(to right, transparent, black 12%, black 88%, transparent);mask-image:linear-gradient(to right, transparent, black 12%, black 88%, transparent);}
  .marquee-track{display:flex;width:max-content;animation:marquee-scroll 34s linear infinite;}
  .marquee-track:hover{animation-play-state:paused;}
  .marquee-item{display:flex;align-items:center;gap:10px;white-space:nowrap;padding:0 32px;border-right:1px solid var(--line);font-weight:600;font-size:.9rem;color:var(--text-soft);}
  .marquee-item svg{width:17px;height:17px;flex:none;}
  .marquee-item:nth-child(4n+1) svg{color:var(--brand-deep);}
  .marquee-item:nth-child(4n+2) svg{color:var(--accent-blue);}
  .marquee-item:nth-child(4n+3) svg{color:var(--accent-teal);}
  .marquee-item:nth-child(4n+4) svg{color:var(--accent-amber);}
  @keyframes marquee-scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}

  /* ---- Interactive demo ---- */
  .demo-platform svg{width:15px;height:15px;}
  .chart-frame{position:relative;}
  .start-badge{position:absolute;top:-38px;left:-38px;z-index:2;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 14px;box-shadow:0 14px 30px -14px rgba(22,21,31,.3);}
  .start-badge strong{display:block;font-size:.92rem;}
  .start-badge span{display:block;font-size:.72rem;color:var(--text-faint);}
  .icon-badge{width:38px;height:38px;border-radius:10px;background:var(--brand-tint);color:var(--brand-deep);display:flex;align-items:center;justify-content:center;flex:none;}
  .icon-badge svg{width:18px;height:18px;}
  .icon-badge.is-blue{background:var(--accent-blue-tint);color:var(--accent-blue);}
  .icon-badge.is-teal{background:var(--accent-teal-tint);color:var(--accent-teal);}
  .icon-badge.is-amber{background:var(--accent-amber-tint);color:var(--accent-amber);}
  .icon-badge.is-rose{background:var(--accent-rose-tint);color:var(--accent-rose);}
  .chart-svg{width:100%;height:auto;display:block;}
  .chart-svg .chart-stop-start{stop-color:var(--brand);stop-opacity:.28;}
  .chart-svg .chart-stop-end{stop-color:var(--brand);stop-opacity:0;}
  .chart-svg #demoChartLine{stroke:var(--brand);}
  .chart-svg #demoChartDot{fill:var(--brand);}
  .chart-svg .chart-gridline{stroke:var(--line);}

  /* ---- Split-section decorative graphics (theme-aware) ---- */
  .gfx-bg{fill:var(--bg-alt);}
  .gfx-grid{stroke:var(--line);}
  .gfx-line-fill{fill:var(--line);}
  .gfx-accent-stroke{stroke:var(--brand);}
  .gfx-accent-fill{fill:var(--brand);}
  .gfx-chip-bg{fill:var(--brand);}
  .gfx-chip-text{fill:#ffffff;}
  .gfx-chip-accent-text{fill:#E9D8FD;}
  .gfx-text-strong{fill:var(--text);}
  .gfx-text-muted{fill:var(--text-faint);}
  .gfx-card-bg{fill:var(--surface);}
  .gfx-card-stroke{stroke:var(--line);}
  .gfx-success{fill:var(--green);}
  .chart-axis{display:flex;justify-content:space-between;margin-top:8px;font-size:.72rem;color:var(--text-faint);font-weight:600;}
  @media (min-width:992px){
    .demo-col-left{border-bottom:none !important;border-right:1px solid var(--line);}
  }

  /* ---- Why / services ---- */
  .why-card{background:var(--surface);}
  .service-card{background:#1d1c29;}
  .service-icon{background:rgba(124,58,237,.18);color:#C4B5FD;}
  .service-icon.is-blue{background:rgba(96,165,250,.18);color:#93C5FD;}
  .service-icon.is-teal{background:rgba(45,212,191,.18);color:#5EEAD4;}
  .service-icon.is-amber{background:rgba(251,191,36,.18);color:#FCD34D;}

  /* ---- Steps ---- */
  .steps-track{position:relative;}
  .steps-track::before{content:'';position:absolute;top:50px;left:calc(100%/6);right:calc(100%/6);height:2px;background:repeating-linear-gradient(90deg, var(--line) 0 10px, transparent 10px 18px);z-index:0;}
  .step-num{width:52px;height:52px;border-radius:50%;background:var(--surface);border:2px solid var(--brand);color:var(--brand-deep);font-family:var(--font-mono);font-weight:600;font-size:1.1rem;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;position:relative;z-index:1;}

  /* ---- Reviews ---- */
  .avatar{width:40px;height:40px;border-radius:50%;background:var(--brand-tint);color:var(--brand-deep);display:flex;align-items:center;justify-content:center;font-weight:600;font-family:var(--font-display);flex:none;}
  .avatar.is-blue{background:var(--accent-blue-tint);color:var(--accent-blue);}
  .avatar.is-teal{background:var(--accent-teal-tint);color:var(--accent-teal);}
  .bar-row{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--text-faint);}
  .bar-row .track{flex:1;height:6px;background:var(--line);border-radius:4px;overflow:hidden;}
  .bar-row .fill{height:100%;background:var(--brand);}

  /* ---- FAQ / footer ---- */
  .cta-dark{background:var(--surface-strong);}
  footer a{color:rgba(255,255,255,.72);}
  footer a:hover{color:#fff;}
  .payments span, .trust-badges span{border:1px solid rgba(255,255,255,.18);border-radius:6px;padding:4px 8px;font-size:.72rem;color:rgba(255,255,255,.75);}

  @media (prefers-reduced-motion: reduce){
    .marquee-track{animation:none;}
  }
  @media (max-width:991.98px){
    .start-badge{position:static;display:inline-flex;margin-bottom:14px;}
  }


  /* ==========================================================
     MOBILE / RESPONSIVE REFINEMENTS (homepage)
     Precise fixes based on the real values above — not guesses.
     Most of the page was already responsive (fluid hero h1,
     start-badge flip at 992px, demo columns via p-4 p-lg-5,
     chart-svg at 100% width). These close the real gaps.
     ========================================================== */

  /* Steps connector line is tuned for the 4-across desktop row —
     it looks wrong once steps wrap onto multiple rows, so hide it
     below the breakpoint where they stop being 4-across. */
  @media (max-width:991.98px){
    .steps-track::before{display:none;}
  }

  /* Hero: slightly less top padding and a calmer glow on phones */
  @media (max-width:575.98px){
    .hero{padding-top:40px;}
    .hero-blob-1,.hero-blob-2,.hero-blob-3{transform:scale(.65);}
  }

  /* LIVE order notification: this pill was only ever designed for one
     line. Long messages ("7,500 TikTok Likes") forced it to wrap onto
     a second, differently-sized line, breaking the rounded-pill shape.
     Force a single line always and truncate with an ellipsis instead —
     short messages look identical to before, long ones now stay tidy. */
  @media (max-width:575.98px){
    .live-order-badge{
      font-size:.8rem;
      padding:7px 14px 7px 7px;
      max-width:100%;
      flex-wrap:nowrap;
    }
    .live-order-badge .text{
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
      min-width:0;
    }
  }

  /* Stat card: keep label + number from crowding on very narrow phones */
  @media (max-width:380px){
    .stat-row .num{font-size:1.25rem;}
    .stat-row .lbl{font-size:.8rem;}
  }

  /* Trust marquee: tighter item spacing on phones */
  @media (max-width:575.98px){
    .marquee-item{padding:0 20px;font-size:.85rem;}
  }

  /* Platform picker: a tidy horizontal scroll strip on phones instead
     of the tabs / category pills wrapping into a tall block.
     NOTE: .btn-group is Bootstrap's inline-flex with no width limit —
     without max-width:100% it just grows past its box and gets hard-
     clipped by .hero's overflow:hidden (looks "cut off", can't scroll).
     max-width:100% is what actually makes it a scrollable strip. */
  @media (max-width:575.98px){
    #platforms .btn-group{
      max-width:100%;
      flex-wrap:nowrap !important;
      overflow-x:auto;
      -webkit-overflow-scrolling:touch;
      scroll-snap-type:x mandatory;
      padding-bottom:8px;
      margin-bottom:6px;
      -webkit-mask-image:linear-gradient(to right, black 0%, black 90%, transparent 100%);
      mask-image:linear-gradient(to right, black 0%, black 90%, transparent 100%);
    }
    #platforms .btn-group::-webkit-scrollbar{display:none;}
    #platforms .platform-tab{scroll-snap-align:start;flex:0 0 auto;}
    .platform-group.is-active{
      max-width:100%;
      flex-wrap:nowrap !important;
      overflow-x:auto;
      -webkit-overflow-scrolling:touch;
      scroll-snap-type:x mandatory;
      padding-bottom:4px;
      -webkit-mask-image:linear-gradient(to right, black 0%, black 90%, transparent 100%);
      mask-image:linear-gradient(to right, black 0%, black 90%, transparent 100%);
    }
    .platform-group.is-active::-webkit-scrollbar{display:none;}
    .platform-group.is-active a{flex:0 0 auto;scroll-snap-align:start;}
  }

  /* Mid CTA pill strip: a rounded-pill shape can't hold two wrapped
     lines gracefully — switch to a stacked card on phones */
  .mid-cta-strip{transition:border-radius .15s ease;}
  @media (max-width:575.98px){
    .mid-cta-strip{
      flex-direction:column !important;
      text-align:center;
      border-radius:24px !important;
      padding:1.25rem !important;
    }
    .mid-cta-strip .btn{width:100%;}
  }

  /* Comfortable tap targets on touch screens, site-wide buttons on this page */
  @media (max-width:575.98px){
    .btn{min-height:44px;}
  }




/*  
  ------------------------------------------- 
  -----      CSS for the preloader      -----
  -------------------------------------------
*/

.loader-wrapper {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
	background-color: rgba(var(--bs-body-bg-rgb), 1) !important;
	display: flex;
	justify-content: center !important;
	align-items: center !important;
	z-index: 2000 !important;
}


/*  
  -------------------------------------------------------------------------------- 
  -----      CSS for the default styles for both directions RTL and LTR      -----
  --------------------------------------------------------------------------------
*/

.left-to-right {
	display: none !important;
}

.right-to-left {
	display: none !important;
}

[dir="ltr"] .left-to-right {
	display: inline !important;
}

[dir="rtl"] .right-to-left {
	display: inline !important;
}

[dir="rtl"] .rtl-flip {
	transform: scaleX(-1) !important;
}

[dir="rtl"] .breadcrumb-item+.breadcrumb-item::before {
	transform: scaleX(-1);
}

/* General CSS */

a {
	text-decoration: none !important;
}

.underline-hover {
	position: relative;
	text-decoration: none;
	background-image: linear-gradient(currentColor, currentColor);
	background-size: 0% 2px;
	background-repeat: no-repeat;
	background-position: 0 100%;
	transition: background-size 0.5s;
}

.underline-hover:hover {
	background-size: 100% 2px;
}


/*  
  ----------------------------------------------------  
  -----      CSS for the button back to top      -----
  ----------------------------------------------------
*/

.btn-back-to-top {
	position: fixed;
	bottom: 20px;
	display: none;
	z-index: 10;
}

[dir="ltr"] .btn-back-to-top {
	right: 20px;
}

[dir="rtl"] .btn-back-to-top {
	left: 20px;
}

@media (min-width: 1200px) {
	.overflow-xl-hidden {
		overflow: hidden !important;
	}
}

/***********************/
/*     Header menu     */
/***********************/
[data-bs-theme=dark] header.header-menu .text-dark.nav-link {
	color: #e4e4e7 !important;

}

header.header-menu .offcanvas.show {
	background-image: linear-gradient(310deg, #141727 0%, #3A416F 100%) !important;
}

header.header-menu .offcanvas.show .text-dark.nav-link {
	padding-right: 1rem !important;
	padding-left: 1rem !important;
}

[data-bs-theme=light] header.header-menu .offcanvas.show .text-dark.nav-link {
	color: #fff !important;
}

[data-bs-theme=light] header.header-menu .offcanvas.show .text-dark.nav-link:hover,
.header-menu .text-dark.nav-link:hover {
	color: #ea580c !important;

}

header.header-menu .dropdown-toggle::after {
	display: none;
}

/* End */

.section-header {
	text-align: center;
}

.section-header .above-heading {
	text-transform: uppercase;
	margin-bottom: 1rem;
	letter-spacing: 1px;
	color: #db6a2f;
	border-radius: 6px;
	padding: 0.5rem 1.5rem;
	background-color: #ffffff;
	font-weight: 400;
	display: inline-block;
	font-size: 0.9rem;
}


/***********************/
/*     Header Top     */
/***********************/
section.header-top .img-background {
	opacity: 0.1;
	background-size: cover;
	background-repeat: no-repeat;
}

/* End */

/*************************/
/*    package lists button   */
/*************************/
section.package-list-carousel {
	position: relative;
	padding: 40px 0;
}

section.package-list .package-list-carousel .social-item {
	margin-top: 50px;
}

section.package-list .package-list-carousel .social-item .img-logo {
	margin: 0 auto;
	margin-bottom: 30px;
	width: 90px;
	height: 90px;
	background-color: #f0f0f0;
	border-radius: 15px;
	border: 3px solid #e3e3e3;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

section.package-list .package-list-carousel .social-item .img-logo:hover {
	border: 3px solid #fb6c26;
}

section.package-list .package-list-carousel .social-item .img-logo img {
	width: 60px;
}

section.package-list .tab {
	cursor: pointer;
	padding: 10px;
	border: 1px solid transparent;
	border-radius: 14px;
	min-width: 90px;
}

section.package-list .tab-item .img-logo {
	margin: 0 auto;
	width: 4.5rem;
	height: 4.5rem;
	background-color: #f0f0f0;
	border-radius: 15px;
	border: 3px solid #e3e3e3;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

section.package-list .tab-item .img-logo:hover,
section.package-list .tab-item.active .img-logo {
	border: 3px solid #df5403;
}

section.package-list .tab-item .img-logo img {
	width: 3rem;
}

[data-bs-theme=light] section.package-list .tab-content .tab-item {
	background-image: linear-gradient(310deg, #e5e5e5 0%, #f9efe0 100%);
}

.package-btn-list .buy-package-item .icon-right {
	color: #b5b5b5;
	margin-top: 8px;
}

.package-btn-list .buy-package-item .icon-square {
	display: inline-block;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: #d0d0d0;
	border-radius: 12px;
	color: #fff;
	padding: 5px 6px;
	font-size: 20px;
	transition: background-color 0.3s;
}

.package-list-tab .buy-package-item .icon-square {
	background: #f38323;
}

.package-list-carousel .buy-package-item .icon-square {
	color: #ff4700;
	background: #fff3e9;
}

.package-btn-list .buy-package-item:hover {
	border: 1px solid #f0f0f3;
	background: #f0f0f3 !important;
}

[data-bs-theme=dark] .tab-content .tab-item {
	background-image: linear-gradient(310deg, #211c1c 0%, #27272a 100%);
}

[data-bs-theme=dark] .package-btn-list .buy-package-item {
	background: #3f3e3e !important;
	border-color: #333;
	color: #fff;
}

[data-bs-theme=dark] .package-btn-list .buy-package-item:hover {
	border: 1px solid #525050;
	background: #525050 !important;
}

/*************************/
/*     Counter area    */
/*************************/
section.counts-area {
	padding: 70px 0 60px;
}

section.counts-area .count-box {
	display: flex;
	align-items: center;
	padding: 30px;
	width: 100%;
	border-radius: 15px;
	box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
}

section.counts-area .count-box i {
	font-size: 42px;
	line-height: 0;
	margin-right: 20px;
	color: #0d6efd;
}

section.counts-area .count-box span {
	font-size: 36px;
	font-weight: 600;
	color: #b94a07;
}

section.counts-area .count-box p {
	padding: 0;
	margin: 0;
	font-size: 14px;
}


/*--------------------------------------------------------------
# why-choose-us Section
--------------------------------------------------------------*/
section.why-choose-us {
	padding-top: 100px;
}

section.why-choose-us .content h2 {
	font-weight: 700;
}

section.why-choose-us .content p:last-child {
	margin-bottom: 0;
}

section.why-choose-us .content .read-more {
	background: #ff9800;
	color: var(--contrast-color);
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 1px;
	padding: 12px 24px;
	border-radius: 5px;
	transition: 0.3s;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

section.why-choose-us .content .read-more i {
	font-size: 18px;
	margin-left: 5px;
	line-height: 0;
	transition: 0.3s;
}

section.why-choose-us .content .read-more:hover {
	background: color-mix(in srgb, #ff9800, transparent 20%);
	padding-right: 19px;
}

section.why-choose-us .content .read-more:hover i {
	margin-left: 10px;
}

section.why-choose-us .icon-box {
	background-color: var(--surface-color);
	padding: 50px 40px;
	box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	transition: all 0.3s ease-out 0s;
}

section.why-choose-us .icon-box i {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 24px;
	font-size: 32px;
	line-height: 0;
	transition: all 0.4s ease-out 0s;
	background-color: color-mix(in srgb, #865300, transparent 95%);
	color: #ff9800;
}

section.why-choose-us .icon-box h3 {
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: 700;
}

section.why-choose-us .icon-box p {
	margin-bottom: 0;
}

section.why-choose-us .icon-box:hover i {
	background-color: #ff9800;
	color: var(--contrast-color);
}

section.why-choose-us .icon-boxes .col-md-6:nth-child(2) .icon-box,
section.why-choose-us .icon-boxes .col-md-6:nth-child(4) .icon-box {
	margin-top: -40px;
}

@media (max-width: 768px) {

	section.why-choose-us .icon-boxes .col-md-6:nth-child(2) .icon-box,
	section.why-choose-us .icon-boxes .col-md-6:nth-child(4) .icon-box {
		margin-top: 0;
	}
}

/* End */

/*************************/
/*     what-we-offer    */
/*************************/
section.what-we-offer {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-image: linear-gradient(310deg, #d37220 0%, #ff9800 100%);
}

section.group-features .feature-icons h3 {
	color: #012970;
	font-weight: 700;
	font-size: 32px;
	margin-bottom: 20px;
	text-align: center;
}

@media (max-width: 768px) {
	section.group-features .feature-icons h3 {
		font-size: 28px;
	}
}

section.group-features .feature-icons .content .icon-box {
	display: flex;
}

section.group-features .feature-icons .content .icon-box .icon {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 80px;
	flex: 0 0 80px;
	max-width: 80px;
	width: 80px;
	height: 80px;
	font-size: 2.25rem;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	margin-right: 1.5rem;
	background-color: #ffb329;
	text-align: center;
	border-radius: 50%;
	margin-top: 2px;
}

section.group-features .feature-icons .content .icon-box h4 {
	font-size: 20px;
	font-weight: 700;
	margin: 0 0 10px 0;
}

section.group-features .feature-icons .content .icon-box i {
	line-height: 80px;
	font-size: 45px;
}

section.group-features .feature-icons .content .icon-box p {
	font-size: 15px;
}

/*  End*/

/***********************/
/*     How to works     */
/***********************/
.wimax-load {
	-webkit-animation: wimax-load 1500ms linear infinite;
	animation: wimax-load 1500ms linear infinite;
	background-color: transparent;
	border-color: #ffffff;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	border-radius: 50%;
	border-style: solid;
	border-width: 2px;
	height: 50px;
	left: calc(50% - 25px);
	position: relative;
	top: calc(50% - 25px);
	width: 50px;
	z-index: 9;
}

@-webkit-keyframes wimax-load {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes wimax-load {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

section.how-it-work .single_work_step {
	position: relative;
	z-index: 1;
	margin-bottom: 50px;
	text-align: center;
}


section.how-it-work .single_work_step .arrow {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	position: absolute;
	top: 25%;
	right: -15%;
	font-size: 3rem;
	width: 70px;
	height: 70px;
	margin-top: 10px;
	margin-left: -35px;
	z-index: 1;
	line-height: 1;
	color: #020710;
}

@media only screen and (max-width: 575px) {
	section.how-it-work .single_work_step .arrow {
		display: none;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	section.how-it-work .single_work_step .arrow {
		display: block;
		right: -35%;
		font-size: 1.5rem;
	}
}

section.how-it-work .single_work_step .step-icon {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	position: relative;
	z-index: 1;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	margin: 0 auto 30px;
}

section.how-it-work .single_work_step .step-icon::after {
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	border-radius: 50%;
	border: 5px dotted #0d1399;
	top: 0;
	left: 0;
}

section.how-it-work .single_work_step .step-icon i {
	font-size: 3rem;
	line-height: 90px;
	color: #0d1399;
}

section.how-it-work .single_work_step p {
	margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	section.how-it-work .single_work_step p {
		font-size: 14px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	section.how-it-work .single_work_step p {
		font-size: 14px;
	}
}

section.how-it-work .single_work_step h5 {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	font-size: 20px;
	font-weight: 600;
}

section.how-it-work .single_work_step:focus::before {
	color: #ff9800;
	right: -35%;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	section.how-it-work .single_work_step:focus::before {
		right: -40%;
	}
}

section.how-it-work .single_work_step:hover .step-icon::after,
section.how-it-work .single_work_step:focus .step-icon::after {
	-webkit-animation: wimax-load 4000ms linear infinite;
	animation: wimax-load 4000ms linear infinite;
	border-color: #ff9800;
}

section.how-it-work .single_work_step:hover .step-icon i,
section.how-it-work .single_work_step:focus .step-icon i {
	color: #ff9800;
}

section.how-it-work .single_work_step:hover h5,
section.how-it-work .single_work_step:focus h5 {
	color: #ff9800;
}


section.how-it-work .single_work_step:last-child .arrow {
	display: none;
}


/* End */

/***********************/
/*     Customer reviews    */
/***********************/
section.reviews {
	background: #fbfbfb;
}

section.reviews .review__verified {
	align-items: center;
	background: #f9eadd;
	border-radius: 12px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: 20px;
	padding: 10px;
}

section.reviews .review__verified .icon {
	flex-shrink: 0;
	height: 26px;
	margin-bottom: 11px;
	margin-right: 5px;
	width: 26px;
}

section.reviews .review__verified div {
	color: #f59e0b;
	display: block;
	width: 100%;
}

section.reviews .review__verified h4 {
	font-family: Poppins, sans-serif;
	font-size: 12px;
	font-weight: 600;
	line-height: 120%;
}

section.reviews .review__verified p {
	color: #f59e0b;
	font-family: Poppins, sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 120%;
}

section.reviews .review__verified a {
	color: #f59e0b;
	display: inline;
}

section.reviews .rating-box {
	border: 1px solid #ddd;
	padding: 20px;
	border-radius: 10px;
	max-width: 400px;
	margin: auto;
}

section.reviews .rating-box .progress {
	height: 10px;
}

section.reviews .rating-box .overall-rating {
	font-size: 2.5rem;
	font-weight: bold;
}

section.reviews .rating-box .stars {
	font-size: 2.0rem;
}

section.reviews .rating-box .rating-bar {
	height: 10px;
	background: orange;
}

/* Footer quick link */
section.quick-link .bg-gradient-dark {
	background-image: linear-gradient(310deg, #141727 0%, #3A416F 100%) !important;
}



/* owl-carousel Button */

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
	top: 50% !important;
	-webkit-transform: translateX(-50%);
	transform: translateY(-50%);
	position: absolute;
}

.owl-carousel .owl-nav .owl-prev {
	left: -10px !important;
}

.owl-carousel .owl-nav .owl-next {
	right: -10px !important;
}

.owl-carousel .owl-prev,
.owl-carousel .owl-next {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	background: #f16334;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	outline: none;
}

.owl-carousel .owl-prev span,
.owl-carousel .owl-next span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 41px;
	color: #fff;
	background: #dfb28b;
	border-radius: 50px;
}

.owl-carousel .owl-prev span:hover,
.owl-carousel .owl-next span:hover {
	background: #f16334;
}



/*--------------------------------------------------------------
# BLOG AREA, CONTACT US SINGLE PAGE
--------------------------------------------------------------*/

.blog-list .item .card-title {
	min-height: 60px;
}

.blog-list .item .card-text {
	min-height: 70px;
	font-size: 14px;
}

.blog-list .item .card {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.blog-list .item .card {
	border: none;
	border-radius: 15px;
}

.blog-list .item .card-img {
	transition: transform 0.8s ease-in-out, box-shadow 0.8s ease-in-out;
	width: 100%;
	height: auto;
	max-height: 315px;
	display: block;
	border-radius: 15px;
}

.blog-list .item .card-img:hover {
	transform: scale(1.1);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.blog-list .item .position-relative {
	overflow: hidden;
}

.blog-list .item .card-body {
	position: relative;
	z-index: 1;
}

.blog-list .item .avatar {
	position: relative;
	display: inline-block !important;
}

.blog-list .item .avatar-img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.blog-list .item .avatar-xs {
	height: 2.1875rem;
	width: 2.1875rem;
}

.rencent-posts .post-item {
	display: flex;
}

.rencent-posts .post-item img {
	height: auto;
	max-height: 100%;
	width: 100%;
	object-fit: cover;
}

.rencent-posts .post-item .row {
	flex: 1;
}

.rencent-posts .post-item .post-date {
	font-size: 0.75rem;
}

.rencent-posts .post-item .col-4 {
	flex: 0 0 auto;
}

.rencent-posts .post-item .col-8 {
	flex: 1;
}


/* POST SINGLE */

.post-single .post-meta p {
	font-size: 14px; 
	color: gray; 
}
.post-single .post-meta .separator {
	margin: 0 5px; 
}
.post-single .post-meta .author {
	font-weight: bold; 
}

/*--------------------------------------------------------------
# END BLOG AREA, CONTACT US SINGLE PAGE
--------------------------------------------------------------*/


/* Alert Message */
.ajax-alert-message {
	box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  }
  .ajax-alert-message .alert-success {
	color: #000000!important;
	background-color: rgba(94, 186, 0, 0.2)!important;
	border: none!important;
	border-left: 7px solid #0b9b2b!important;
  }
  
  .ajax-alert-message .alert-success svg {
	color: #0b9b2b!important;
  }
  
  .ajax-alert-message .alert-danger {
	color: #92012f!important;
	background-color: #fbe3ec!important;
	border: none!important;
	border-left: 7px solid #f63f78 !important;
  }
  
  .ajax-alert-message .alert-danger svg {
	color: #f63f78!important;
  }
  
  .overlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(249, 249, 249, 0.8);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 10003; 
  }