/* Basic Reset */

@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");

html,
body {
 
	overflow-x: hidden;
	--accent-color:#333
}

*,

*::before,

*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;

}

.Nav_bar .nav-link .search-icon i {
  font-family: "FontAwesome";
  font-style: normal;

}

body {
  font-family: Rubik, sans-serif;
  line-height: 1.5;
  background-color: #ffffff;
  color: #333;

}

a {
  text-decoration: none;

}

ul,

ol {
  list-style: none;

}

h1,

h2,

h3,

h4,

h5,

h6 {
  font-weight: normal;

}

img,

video {
  max-width: 100%;
  height: auto;

}

table {
  border-collapse: collapse;
  width: 100%;

}

button {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;

}

input,

textarea,

select {
  border: none;
  outline: none;
  font-family: inherit;
  font-size: inherit;

}

p {
  margin-bottom: 0;

}

.form-control:focus {
  box-shadow: none;

}

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;

}

.preloader img {
  width: 180px;

}

/* navbar style start */

.topnavbar {
  background-color: #fff;
  padding: 12px 0;
}

.main_header.sticky-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;

}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

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

}

.logo img {
  height: 70px;

}

.topsocialicon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;

}

.topsocial {
  background-color: #111b58;
  border: 1px solid #454649;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-height: 55px;
  min-width: 55px;
  display: flex;

}

.socialtext p {
  color: #aaa;
  padding-left: 10px;
  font-size: 14px;

}

.topsocial img {
  height: auto;

}

.heroSection {
  position: relative;

}

.heroSection .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(to right,
      #032d5f 18%,
      rgba(3, 45, 95, 0.56) 40%,
      rgba(3, 45, 95, 0.2));

}

.heroSection img {
  height: 580px;
  object-fit: cover;

}

.menubar {
  background-color: rgba(9, 18, 66, 0.25);
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  /* padding: 10px 0; */

}

.main_header.sticky-header .menubar {
  background: #000;

}

.HeadSocialLink img {
  height: 20px;
  color: #fff;
  padding-right: 15px;

}

.HeadSocialLink {
  padding-right: 20px;

}

.menubar .nav-item .nav-link {
  color: #fff;

}

.menubar .nav-item {
  display: flex;
  align-items: center;
  justify-content: space-between;

}

.nav-menu-line {
  background-color: rgba(255, 255, 255, 0.2);
  min-width: 1px;
  max-width: 1px;
  min-height: 20px;
  max-height: 20px;
  margin-top: auto;
  margin-bottom: auto;
  margin: 0 20px;

}

.navigation-button {
  color: #23212a;
  text-align: center;
  background-color: #fff;
  padding: 10px 30px;
  font-family: Krub, sans-serif;
  font-size: 16px;
  font-weight: 600;
  transition: background-color 0.2s;

}

.navigation-button:hover {
  background-color: #ff6503;
  color: #fff;

}

.heroSection .carousel-caption {
  position: absolute;
  left: 121px;
  top: 140px;
  max-width: 631px;
  text-align: left;

}

.heroSection .carousel-caption h5 {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 60px;
  font-weight: 600;
  text-transform: capitalize;
  padding-bottom: 25px;

}

.subtitle-wrap-dark {
  background-color: rgba(4, 28, 55, 0.5);
  padding: 5px 10px 5px 14px;
  display: inline-block;
  position: relative;

}

.subtitle-border {
  background-image: linear-gradient(to right, #ffb629, #ffda56 45%, #ffd7a6);
  min-width: 4px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;

}

.subtitle-dark {
  color: #fff;
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 14px;
  font-weight: 400;

}

/*  service Section start  */

.service_Section {
  padding: 80px 0;
  position: relative;

}

.service_Section .truck-2 {
  position: absolute;
  top: -60px;
  right: 22px;

}

.service_Section .truck-2 img {
  width: 170px;

}

.subtitle-wrap-light {
  background-color: rgba(232, 232, 232, 0.5);
  padding: 5px 10px 5px 14px;
  display: inline-block;
  position: relative;

}

.subtitle-light {
  color: #000;
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 14px;
  font-weight: 400;

}

.section-title h2 {
  color: #1c1f35;
  font-size: 35px;
  margin-top: 15px;
  margin-bottom: 10px;
  font-family: Rubik, sans-serif;
  font-weight: 600;

}

.home-service {
  justify-content: flex-end;
  align-items: flex-start;
  min-width: 75px;
  min-height: 65px;
  display: flex;

}

.service-line {
  background-color: #d8d8d8;
  min-width: 1px;
  min-height: 129px;
  margin: 5px 25px auto 20px;

}

.servicecontent-text {
  display: flex;

}

.sectiontitile a {
  color: #1c1f35;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Rubik, sans-serif;
  font-size: 25px;
  font-weight: 400;
  text-decoration: none;
  transition: color 0.2s;

}

.contenttext p {
  color: #666c89;
  font-size: 15px;
  margin-top: 10px;

}

.aboutbgImg {
  background-image: linear-gradient(to top,
      #091242,
      rgba(65, 72, 109, 0.36) 59%,
      rgba(255, 255, 255, 0) 85%,
      rgba(187, 190, 203, 0.13)),
    url("../img/trackk.jpg");
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  padding: 200px;

}

.why_us {
  padding: 80px;
  margin-top: -125px;
  position: relative;
  padding-top: 55px;
  padding-left: 55px;
  padding-right: 55px;
  background-color: #fff;

}

.whitrcontainer {
  padding: 30px;

}

.about-list {
  margin-top: 15px;
  align-items: center;
  display: flex;
  grid-column-gap: 15px;

}

.icon-wrap {
  background-image: linear-gradient(135deg, #ffb629, #ffda56 50%, #ffd7a6);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 65px;
  max-width: 65px;
  min-height: 65px;
  max-height: 65px;
  display: flex;

}

h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Rubik, sans-serif;
  font-size: 25px;
  font-weight: 500;

}

.aboutImg2 img {
  border: 22px solid #ffffff;
  background-color: #fff;
  z-index: 3;
  margin-top: -120px;
  position: relative;
  z-index: 3;

}

.counter-number {
  color: var(--title-color);
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 50px;
  font-weight: 600;

}

.counter-wrap {
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  align-items: stretch;
  display: flex;

}

.counter-block.yellow-gradient {
  background-image: linear-gradient(to right, #ffb629, #ffda56 50%, #ffd7a6);

}

.counter-block {
  min-width: 17px;
  max-width: 17px;
  min-height: 17px;
  max-height: 17px;

}

.counter-text-wrap {
  grid-column-gap: 10px;
  align-items: center;
  padding-top: 0;
  padding-bottom: 1px;
  display: flex;

}

.counter-line {
  background-color: #d4d4d4;
  min-width: 1px;
  max-width: 1px;
  height: 130px;
  margin: 0 auto;

}

.counter-card {
  grid-column-gap: 20px;
  text-align: center;
  background-color: #fff;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 30px 10px;
  display: flex;

}

.textAlignCenter {
  text-align: center;

}

.work-Section {
  padding: 80px 0;
  position: relative;

}

.work-Section .container-fluid {
  padding: 0;

}

.inner_service {
  padding: 40px 0 60px;
  border-top: 1px solid #ddd;

}

.inner_service .section-title h2 {
  margin-bottom: 40px;

}

.work-Section .row {
  --bs-gutter-y: 25px
}

.workimgcontainer {
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  column-gap: 12px;
  padding-top: 30px;

}

.workimg {
  position: relative;

}

.workimg img {
  width: 100%;

}

.work-image-shade {
  background-image: linear-gradient(to top,
      #030616 13%,
      rgba(255, 255, 255, 0) 34%);
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;

}

.work-card-title a,

.work-card-title {
  color: #fff;
  margin-bottom: 5px;
  font-size: 20px;

}

.work-text {
  color: #ffbe34;
  margin-bottom: 10px;

}

.work-text-wrap {
  padding-bottom: 10px;
  padding-left: 25px;

}

.yellowcontainer {
  background-image: linear-gradient(135deg, #ffb629, #ffda56 50%, #ffd7a6);
  padding: 130px 0 50px;
  margin-top: -80px;
  text-align: center;

}

.testimonialsSec {
  padding: 30px 0;
  background-color: #ffffff;

}

.author-image-wrap {
  min-width: 90px;
  max-width: 90px;
  min-height: 90px;
  max-height: 90px;

}

.author-image {
  border-radius: 100%;

}

.author-name {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 20px;

}

.author-designation {
  color: var(--secondary-color);
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;

}

.testimonial-icon-wrap {
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 70px;
  max-width: 70px;
  min-height: 70px;
  max-height: 70px;
  display: flex;

}

.yellow-gradient {
  background-image: linear-gradient(135deg, #ffb629, #ffda56 50%, #ffd7a6);

}

.testimonial-top-wrap {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
  display: flex;

}

.testimonial-author-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: center;
  display: flex;

}

.testimonial p {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: rgb(102, 108, 137);

}

.testimonial-rating-wrap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  align-items: center;
  margin-top: 35px;
  display: flex;

}

.testimonial {
  padding: 60px;
  background-color: rgb(244, 244, 244);
  margin-top: 30px;

}

.testimonial-Dark {
  padding: 60px;
  background-color: rgb(9, 18, 66);
  margin-top: 30px;

}

.carousel-control-next,

.carousel-control-prev {
  top: -475px;

}

.carousel-control-prev {
  left: 897px;

}

.carousel-control-prev-icon {
  background-image: url("https://img.icons8.com/ios-filled/50/ffffff/left.png");
  /* Custom left arrow icon */
  border-radius: 50%;
  background-color: #ffbe34;

}

.carousel-control-next-icon {
  background-image: url("https://img.icons8.com/ios-filled/50/ffffff/right.png");
  border-radius: 50%;
  background-color: #ffbe34;

}

.textwhite {
  color: #fff !important;

}

.testominialwrap {
  display: flex;

}

/* team section style start */

.teamsec {
  padding: 60px 0;

}

.teamsec .servicecontent {
  text-align: center;

}

.team-content-wrap {
  background-color: #1c1f35;
  padding: 40px 35px 10px;

}

.author-name {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 20px;

}

.team-member-designation {
  color: #fff;
  text-transform: capitalize;

}

.teamWrap {
  position: relative;
  margin-top: 30px;

}

.social-media-wrap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-image: linear-gradient(to top, #ffb629, #ffda56 50%, #ffd7a6);
  align-items: center;
  max-height: 100px;
  padding: 10px 15px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 89px;
  left: auto;
  right: 0%;

}

.team-social-link {
  color: var(--title-color);
  max-width: 45px;
  max-height: 45px;
  padding: 10px;
  line-height: 0;
  transition: transform 0.2s, color 0.2s;
  position: relative;

}

.team-social-link:hover {
  color: var(--content-color);
  transform: translate(0, -3px);

}

.contactSec {
  padding: 90px 0;
  background-color: #000;

}

.contactSec .topsocialicon {
  display: flex;
  align-items: center;
  margin-top: 10px;
  justify-content: flex-start;

}

.contactSec .topsocialicon {
  margin-top: 30px;

}

.contactSec .form-control {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #4e5683;
  /* height: 60px; */
  margin-bottom: 0;
  padding: 18px 30px;
  font-family: Rubik, sans-serif;
  font-size: 18px;
  font-weight: 400;

}

.contactSec .form-controlt:focus,

.contactSec .form-select:focus {
  border-color: #3898ec;
  outline: 0;

}

.contactSec .form-control::placeholder {
  color: #fff;
  text-transform: capitalize;

}

.mrginbtm {
  margin-bottom: 36px;

}

.blogSec {
  padding: 60px 0;

}

.blogSec .servicecontent {
  text-align: center;
  padding-bottom: 30px;

}

.blog-content-wrap {
  min-width: 380px;

}

.blog-summary-wrap {
  margin-top: 20px;

}

.blog-listing p {
  margin-bottom: 10px;
  color: #666c89;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;

}

.blog-title {
  color: #1c1f35;
  font-family: Rubik, sans-serif;
  font-size: 25px;
  line-height: 1.2;
  text-decoration: none;
  transition: color 0.2s;

}

.blog-listing ul {
  margin-top: 20px;
  margin-bottom: 0;
  padding-left: 20px;

}

.blog-listing li {
  color: #1c1f35;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 16px;
  font-weight: 500;
  list-style-type: disc;

}

.blogline {
  background-color: #d6d6d6;
  min-width: 1px;
  max-width: 1px;
  min-height: 308px;
  margin: 0 auto;

}

.blogrowline {
  background-color: #d6d6d6;
  min-width: 100%;
  min-height: 1px;
  margin-bottom: 30px;

}

.blogrowlineft {
  background-color: #d6d6d6;
  min-width: 100%;
  min-height: 1px;
  margin-top: 30px;

}

.blogimg {
  position: relative;
  transition: all 0.5s linear;

}

.blog-image-overlay {
  z-index: 0;
  background-color: rgba(28, 31, 53, 0.91);
  justify-content: center;
  align-items: center;
  margin: 10%;
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  transition: all 0.5s linear;

}

.blogimg:hover .blog-image-overlay {
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;

}

.blog-read-more-link {
  color: #fff;
  margin-bottom: 0;
  font-weight: 600;

}

.FooterSec {
  background-color: #141011;
  padding: 60px 0;

}

.footer-title {
  color: #fff;
  font-size: 25px;
  padding-top: 18px;

}

.footlogobox img {
  height: 70px;
  width: auto;

}

.footlogobox .custom-logo-link {
  background-color: #fff;
  display: inline-block;
  padding: 6px;
}

.FooterSec .topsocialicon {
  display: flex;
  justify-content: flex-start;

}

.footer-menu {
  padding: 0;
}

.footer-menu .menu-item a,
.footer-link {
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
  transition: color 0.2s;
  display: inline-block;

}

.footer-link-block {
  display: flex;
  flex-direction: column;

}

.FooterSec .form-control {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #4e5683;
  /* height: 60px; */
  margin-bottom: 0;
  padding: 18px 30px;
  font-family: Rubik, sans-serif;
  font-size: 18px;
  font-weight: 400;

}

.FooterSec .form-control::placeholder {
  color: #9b9b9b;
  text-transform: capitalize;

}

.footbtnwrap {
  display: flex;

}

.footer-social-media-wrap {
  align-items: center;
  display: flex;

}

.FooterSec .navigation-button {
  padding: 20px 25px;

}

.pdTop {
  padding-top: 40px;

}

.copyright {
  padding: 25px;
  border-top: 1px solid gray;
  background-color: #000;

}

.copyright p {
  color: #fff;
  margin-bottom: 0;
  text-align: center;
  font-size: 14px;

}

/* ==========about us(Anirban)========= */

.inner_banner {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  padding: 120px 0;

}

.inner_banner_content {
  text-align: center;

}

.inner_banner_content h1 {
  color: #fff;

}

.inner_banner_content ol li {
  display: inline-block;

}

.inner_banner_content ol li+li {
  margin-left: 15px;

}

.inner_banner_content ol li a,

.inner_banner_content ol li {
  color: #fff;
  position: relative;

}

.inner_banner_content ol li a::before {
  position: absolute;
  content: "";
  width: 2px;
  height: 100%;
  background: #fff;
  top: 0;
  right: -10px;

}

.inner_about .truck-2 {
  position: absolute;
  top: -90px;
  right: 105px;

}

.about_us {
  position: relative;

}

.about_us .plane-1 {
  position: absolute;
  bottom: -78px;
  left: 20px;
  z-index: 9;

}

.about_us .plane-2 {
  position: absolute;
  bottom: -8px;
  right: 70px;
  z-index: 1;

}

.about_us .plane-1 img {
  animation: 8s curveAnimationlinear infinite;

}

.about_us .plane-2 img {
  animation: 8s curveAnimationlinear2 infinite;

}

@keyframes curveAnimationlinear {
  0% {
    transform: translateX(20px);
  }

  50% {
    transform: translateX(-20px);
  }

  100% {
    transform: translateX(20px);
  }

}

@keyframes curveAnimationlinear2 {
  0% {
    transform: rotateZ(24deg);
  }

  50% {
    transform: rotateZ(-24deg);
  }

  100% {
    transform: rotateZ(24deg);
  }

}

.process_section {
  position: relative;
  padding: 30px 0;
  text-align: center;

}

.process_section .section-title {
  margin-bottom: 50px;

}

.process-wrap {
  position: relative;
  z-index: 1;

}

.process-wrap .process-bg {
  background-repeat: no-repeat;
  background-size: 88%;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 29%;
  transform: translate(-50%, -50%);

}

.process-item .process-icon {
  background-color: #fff;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  margin: 0 auto;
  position: relative;
  margin-bottom: 25px;

}

.process-item .process-icon span {
  background: linear-gradient(135deg, #ffb629, #ffda56 50%, #ffd7a6);
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;

}

.process-item .title {
  line-height: 1.3;
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 0;
  font-size: 25px;

}

.contactMap iframe {
  width: 100%;

}

.innerContact {
  background-color: #f9f9f9;

}

.innerContact .textwhite {
  color: #000 !important;

}

.innerContact .socialtext p {
  color: #000 !important;

}

.innerContact .form-control::placeholder,

.innerContact .form-control {
  color: #000;

}
.mobileLogo{
  display: none;
}


.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #ffb629;
    --bs-btn-border-color: #ffb629;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ffb629;
    --bs-btn-hover-border-color: #ffb629;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ffb629;
    --bs-btn-active-border-color: #ffb629;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ffb629;
    --bs-btn-disabled-border-color: #ffb629;
}

.stats .main-headline {
  color: var(--heading-color);
  font-family: var(--heading-font);
  font-size: 2.75rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1.5rem;
}

.stats .main-description {
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 2.5rem;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.stats .achievement-badge {
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), #6366f1 30%));
  border-radius: 2rem;
  padding: 1.25rem 2rem;
  display: inline-block;
  margin-bottom: 3rem;
  box-shadow: 0 8px 32px color-mix(in srgb, var(--accent-color), transparent 70%);
}

.stats .achievement-badge .achievement-content {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.stats .achievement-badge .achievement-icon {
  background: var(--contrast-color);
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.stats .achievement-badge .achievement-icon i {
  color: var(--accent-color);
  font-size: 1.5rem;
}

.stats .achievement-badge .achievement-details {
  color: var(--contrast-color);
}

.stats .achievement-badge .achievement-title {
  font-size: 1.125rem;
  font-weight: 600;
  font-family: var(--heading-font);
  margin-bottom: 0.25rem;
}

.stats .achievement-badge .achievement-subtitle {
  font-size: 0.875rem;
  opacity: 0.9;
}

.stats .stats-grid {
  margin-top: 2rem;
}

.stats .stat-item {
  background: var(--surface-color);
  border-radius: 1.5rem;
  padding: 2rem 1.5rem;
  text-align: center;
  height: 100%;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 92%);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.stats .stat-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--accent-color), color-mix(in srgb, var(--accent-color), #6366f1 40%));
  transform: scaleX(0);
  transition: transform 0.3s ease;
}

.stats .stat-item:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 40px color-mix(in srgb, var(--accent-color), transparent 85%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 80%);
}

.stats .stat-item:hover::before {
  transform: scaleX(1);
}

.stats .stat-item.featured {
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), #6366f1 30%));
  color: var(--contrast-color);
  transform: scale(1.05);
}

.stats .stat-item.featured .stat-icon {
  background: var(--contrast-color);
}

.stats .stat-item.featured .stat-icon i {
  color: var(--accent-color);
}

.stats .stat-item.featured .stat-number {
  color: var(--contrast-color);
}

.stats .stat-item.featured .stat-label {
  color: color-mix(in srgb, var(--contrast-color), transparent 15%);
}

.stats .stat-item.featured .stat-growth {
  color: color-mix(in srgb, var(--contrast-color), transparent 20%);
}

.stats .stat-item.featured .stat-growth i {
  color: var(--contrast-color);
}

.stats .stat-item.featured:hover {
  transform: scale(1.08) translateY(-8px);
}

.stats .stat-icon {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border-radius: 50%;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.5rem;
}

.stats .stat-icon i {
  color: var(--accent-color);
  font-size: 1.75rem;
}

.stats .stat-number {
  color: var(--accent-color);
  font-family: var(--heading-font);
  font-size: 2.75rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0.75rem;
}

.stats .stat-number .purecounter {
  font-size: inherit;
  color: inherit;
}

.stats .stat-label {
  color: var(--heading-color);
  font-size: 1.125rem;
  font-weight: 600;
  font-family: var(--heading-font);
  margin-bottom: 1rem;
}

.stats .stat-growth {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  font-size: 0.875rem;
  font-weight: 500;
}

.stats .stat-growth i {
  color: #22c55e;
  font-size: 0.75rem;
}

@media (max-width: 1200px) {
  .stats .main-headline {
    font-size: 2.25rem;
  }

  .stats .stat-item {
    padding: 1.75rem 1.25rem;
  }

  .stats .stat-number {
    font-size: 2.25rem;
  }
}

@media (max-width: 992px) {
  .stats .main-headline {
    font-size: 2rem;
  }

  .stats .achievement-badge {
    padding: 1rem 1.5rem;
    margin-bottom: 2rem;
  }

  .stats .achievement-badge .achievement-content {
    gap: 0.75rem;
  }

  .stats .achievement-badge .achievement-icon {
    width: 40px;
    height: 40px;
  }

  .stats .achievement-badge .achievement-icon i {
    font-size: 1.25rem;
  }
}

@media (max-width: 768px) {
  .stats .main-headline {
    font-size: 1.75rem;
  }

  .stats .main-description {
    font-size: 1rem;
  }

  .stats .achievement-badge .achievement-content {
    flex-direction: column;
    text-align: center;
    gap: 0.5rem;
  }

  .stats .stat-item {
    padding: 1.5rem 1rem;
  }

  .stats .stat-item.featured {
    transform: none;
  }

  .stats .stat-item.featured:hover {
    transform: translateY(-8px);
  }

  .stats .stat-icon {
    width: 56px;
    height: 56px;
    margin-bottom: 1rem;
  }

  .stats .stat-icon i {
    font-size: 1.5rem;
  }

  .stats .stat-number {
    font-size: 2rem;
  }

  .stats .stat-label {
    font-size: 1rem;
  }
}