/** Shopify CDN: Minification failed

Line 308:7 Expected ":"

**/

/* Why Choose Us Section Styles */

.why-choose-us-section {
  background: 
    url("/cdn/shop/files/Stars.png?v=1759583900") repeat, /* stars image */
    linear-gradient(180deg, #181818 0%, #3B0000 100%); /* existing gradient */
  background-size: 51px 51px, cover; /* first = stars, second = gradient */
  background-position: center, center;
  color: var(--section-text-color, #ffffff);
  padding: var(--section-padding-top, 60px) 0 var(--section-padding-bottom, 60px);
  position: relative;
}



.why-choose-us__heading-wrapper {
  display: flex;
  align-items: center;
  gap: 10px; /* space between logo & heading */
      padding-left: 9%;
    padding-bottom: 3%;
}

.why-choose-us__heading-logo {
  max-height: 40px; /* logo chhota rakho */
  width: auto;
}
.why-choose-us__logo-wrapper {
  flex-shrink: 0;        /* shrink na ho */
  width: 192px;           /* yahan aap control kar sakti ho */
  height: auto;          /* proportional height */
}
.why-choose-us__heading {
 font-family: Figtree;
font-weight: 700;
font-style: Bold;
font-size: 40px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: -2%;
color: #FFFFFF;

}

.why-choose-us__grid {
  max-width: 1200px;
  margin: 0 auto;
background: #FFFFFF1A;
    padding: 31px;
        border-radius: 10px;
}
.why-choose-us__grid {
  display: grid;
  grid-template-columns: 285.76px 285.76px 285.76px; /* 3 cols */
  grid-template-rows: 285.76px 285.76px;            /* 2 rows */
  gap: 20px;

  grid-template-areas:
    "item1 item2 item3"   /* 2nd spans 2 cols */
    "item4 item5 item6";  /* 6th spans 2 cols */
}

.why-choose-us__grid .feature-card {
  border-radius: 5px;
  min-height: 285.76px;
  height: auto;
  overflow: hidden;
}
@media only screen and (min-width: 1133px) {
/* Row 1 */
.why-choose-us__grid .feature-card:nth-child(1) { grid-area: item1; width: 285.76px; }
.why-choose-us__grid .feature-card:nth-child(2) { grid-area: item2; width: 533.42px; }
.why-choose-us__grid .feature-card:nth-child(3) {grid-area: item3; width: 285.76px; position: relative; left: 85%; } 

/* Row 2 */
.why-choose-us__grid .feature-card:nth-child(4) { grid-area: item4; width: 285.76px; background: #ED312E40;}
.why-choose-us__grid .feature-card:nth-child(5) { grid-area: item5; width: 285.76px; }
.why-choose-us__grid .feature-card:nth-child(6) { grid-area: item6; width: 533.42px; background: #ED312E;
 }

}
.why-choose-us__grid .feature-card:nth-child(4) { background: #ED312E40;}
.why-choose-us__grid .feature-card:nth-child(6) {  background: #ED312E;
 }

/* Feature Cards Base Styles */
.feature-card {
  background: #FFFFFF33;
  border-radius: 5px;
  padding: 32px 24px;
  position: relative;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  min-height: 200px;
  overflow: hidden;
}

.feature-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

/* Feature Card Icon */
.feature-card__icon {
  margin-bottom: 20px;
  color: #ffffff;
  opacity: 0.9;
}

.feature-card__icon svg {
      width: 67.5999984741211px;
    height: 71.875px;
  stroke: currentColor;
}

/* Feature Card Title */
.feature-card__title {
font-family: Figtree;
font-weight: 700;
font-style: Bold;
font-size: 20px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: -2%;
color: #ffffff;
}

/* Feature Card Description */
.feature-card__description {
     font-family: Figtree;
    font-weight: 500;
    font-style: Medium;
    font-size: 17px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -2%;
    /* width: 192.6380615234375px;
    height: 60px; */
    angle: 0 deg;
    color: #ffffff;
}
.why-choose-us__grid .feature-card:nth-child(2) .feature-card__description {
    max-width: 273.638062px;
    width: 100%;
    height: 60px;

}
.why-choose-us__grid .feature-card:nth-child(2) .feature-card__contact{
  max-width: 273.638062px;
  width: 100%;
    height: 60px;
}

/* Feature Card Button */
.feature-card__button {
    background: #e53e3e;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 4px 6px;
    font-size: 18px;
    font-weight: normal;
    text-decoration: none;
    display: inline-block;
    transition: all .2s ease;
    bottom: 31px;
    left: 22px;
    position: absolute;
}

.feature-card__button:hover {
  background: #c53030;
  transform: translateY(-1px);
}

/* Highlight Card Styles */
.feature-card--highlight {
  background: #e53e3e;
}

.feature-card--highlight .feature-card__description {
  color: #ffffff;
  opacity: 0.9;
}

/* Brand Card Styles */
.feature-card--brand {
  background: #e53e3e;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 160px;
}

.feature-card__brand-logo {
  color: #ffffff;
  font-size: 32px;
  font-weight: 300;
  letter-spacing: 3px;
  text-transform: lowercase;
}
.feature-card__brand-logo svg{
      /* position: absolute;
    top: 42%;
    left: 22%; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* Support Card Styles */
.feature-card--support {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 24px;
  padding: 32px 24px;
}

.feature-card--support .feature-card__content {
  flex: 1;
}

.feature-card--support .feature-card__support-icon {
  flex-shrink: 0;
  opacity: 0.7;
      position: absolute;
    top: 30%;
    right: 16%;
    color: #ffffff;
}

.feature-card--support .feature-card__support-icon svg {
 width: 109.07347106933594px;
height: 95.043212890625px;
angle: -180 deg;
opacity: 1;
color: #ffffff;

}

.feature-card__contact {
   font-family: Figtree;
    font-weight: 500;
    font-style: Medium;
    font-size: 17px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -2%;
    width: 192.6380615234375px;
    height: 60px;
    angle: 0 deg;
    color: #ffffff;
}
@media only screen and (max-width: 1133px) {
.why-choose-us__grid {
    display: grid;
    grid-template-columns: 260.76px 260.76px 260.76px;
        max-width: 1077px;
        padding: 15px;
}
    .why-choose-us__grid .feature-card:nth-child(1){
        grid-area: item1;
        width: 260.76px;
    }
    .why-choose-us__grid .feature-card:nth-child(2){
        grid-area: item2;
        width: 480.42px;
    }
        .why-choose-us__grid .feature-card:nth-child(3) {
        grid-area: item3;
        width: 260.76px;
        position: relative;
       left: 80%;

    }
        .why-choose-us__grid .feature-card:nth-child(4) {
        grid-area: item4;
        width: 260.76px;
    }
    .why-choose-us__grid .feature-card:nth-child(5) {
        grid-area: item5;
        width: 260.76px;
    }
    .why-choose-us__grid .feature-card:nth-child(6)
 {
        grid-area: item6;
        width: 470.42px;
    }


}

@media only screen and (max-width: 1083px) {
.why-choose-us__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  max-width: 994px;
  width 100%;
  margin: 0 auto;
  background: #FFFFFF1A;
  padding: 21px;
  border-radius: 10px;
}

.why-choose-us__grid .feature-card {
  width: 100%;
  min-height: 260px;
  height: auto;
  border-radius: 5px;
  overflow: hidden;
}

  .why-choose-us__grid .feature-card:nth-child(1){
        grid-area: item1;
        max-width: 235.76px;
        width: 100%;
    }
     .why-choose-us__grid .feature-card:nth-child(2){
        grid-area: item2;
        width: 445.42px;
    }
        .why-choose-us__grid .feature-card:nth-child(3) {
        grid-area: item3;
        width: 235.76px;
        position: relative;
       left: 0%;

    }
        .why-choose-us__grid .feature-card:nth-child(4) {
        grid-area: item4;
        width: 235.76px;
    }
    .why-choose-us__grid .feature-card:nth-child(5) {
        grid-area: item5;
        width: 235.76px;
    }
    .why-choose-us__grid .feature-card:nth-child(6)
 {
        grid-area: item6;
        width: 445.42px;
        right: 47%;
    }
    .feature-card--support .feature-card__support-icon {
    right: 5%;
    }


}

@media only screen and (max-width: 1000px) {
  .why-choose-us__grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas:
      "item1 item2"
      "item3 item4"
      "item5 item6";
    gap: 18px;
    padding: 25px;
            max-width: 750px;
  }
     .why-choose-us__grid .feature-card:nth-child(4){
        grid-area: item4;
        width: 445px;
    }
        .why-choose-us__grid .feature-card:nth-child(6) {
        right: 0%;
    }
}