.heart-services-wrapper  .photo-swiper{
		padding: 60px 10px;
	}
	
	.testimonial-reviews-wrapper .photo-swiper{
		padding: 0 10px;
	}
	
	
	
	.heart-services-wrapper  .photo-swiper { max-width: 1400px; margin: 0 auto; }
	
	.photo-swiper__services .swiper-button-prev, .photo-swiper__services .swiper-button-next {
    width: 32px;
    height: 32px;
    color: var(--primary-red);
    background: transparent;
}
	
		.photo-swiper__services .swiper-button-prev::after,
.photo-swiper__services .swiper-button-next::after {
  font-size: 20px; 
  font-weight: 600;	
}
.heart-services-wrapper .swiper-slide img{ 
    width: 100%;
    max-width: 300px;
    object-fit: contain;
    aspect-ratio: 3 / 2;
}

	
	.heart-partners-wrapper {
    background: #6D6E71;
    padding: 15px 10px;
}

.heart-partners-wrapper .swiper-slide, .heart-services-wrapper .swiper-slide{
  text-align: center;
}

.heart-partners-wrapper .swiper-slide img{ 
    width: 100%;
    max-width: 120px;
    object-fit: contain;
    aspect-ratio: 3 / 2;
}

  .heart-partners-wrapper  .photo-swiper { max-width: 1400px; margin: 0 auto; }
	
	  .testimonial-reviews-wrapper {
    background-image: url(https://heartautocare.com/wp-content/uploads/2025/12/cover-e1769810048893.jpg);
    background-repeat: no-repeat;
    background-position: center;		  
    background-size: cover;
    min-height: 450px;
    display: flex;
    align-items: center;
    position: relative;
    color: #fff;
}

.testimonial-reviews-wrapper .testimonial-overlay {
    background: rgba(225, 13, 0, 0.78);
    position: absolute;
    z-index: 1;
    inset: 0;
}

  .testimonial-reviews-wrapper .swiper-slide p{
    max-width: 80%;
    margin: 0 auto;
	color: #FFFFFF;
    font-size: 18px;
    font-weight: 400;  
  }
  .testimonial-reviews-wrapper .swiper-slide span{
    font-size: 24px;
  }
	
	.testimonial-reviews-wrapper .photo-swiper__main h2{
	font-size: 36px;
    font-weight: 500;
    text-transform: capitalize;
    color: #FFFFFF;
	}
	
	.testimonial-reviews-wrapper .photo-swiper__main h3{
    font-size: 30px;
    font-weight: 500;
    text-transform: uppercase;
	color: #FFFFFF;	
	margin:20px 0;	
	}

  .photo-swiper__main .swiper-slide, .photo-swiper__main h2{
    text-align: center;
    margin: 0;
  }
  .testimonial-reviews-wrapper .swiper-slide {
    min-height: 250px;
  }

  .photo-swiper { max-width: 920px; width: 100%; margin: 0 auto; }
  .photo-swiper__main { border-radius: 14px; overflow: hidden; }
  .photo-swiper__main .swiper-button-prev,
.photo-swiper__main .swiper-button-next {
  width: 32px;
  height: 32px;
  color: #fff;
  background:transparent;	
}
	
  .photo-swiper__partners .swiper-button-prev,
.photo-swiper__partners .swiper-button-next {
  width: 32px;
  height: 32px;
  color: #fff;
  background:transparent;	
}	

.photo-swiper__main .swiper-button-prev::after,
.photo-swiper__main .swiper-button-next::after {
  font-size: 20px; 
}
	.photo-swiper__partners .swiper-button-prev::after,
.photo-swiper__partners .swiper-button-next::after {
  font-size: 20px; 
}

	/* Slider container */
.pswp-hero-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* Slides */
.pswp-slide {
  width: 100%;
  display: none;    
  text-align: center; 
}

.pswp-slide.active {
  display: block;    
}

/* Images */
.pswp-slide img {
  width: 100%;      
  height: auto;       
  object-fit: contain; 
  display: block;
  margin: 0 auto;
}


.pswp-dots {
  position: absolute;
  bottom: 20px;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 8px;
  z-index: 2;
}


.pswp-dot {
  width: 12px;
  height: 12px;
  background: #fff;
  opacity: 0.6;
  border-radius: 50%;
  cursor: pointer;
  border: 1px solid #000;	
  transition: opacity 0.3s ease, background 0.3s ease;
}

.pswp-dot.active {
  opacity: 1;
  background: #000;
}



	
/* ===== HEART FEATURES SECTION ===== */
.heart-features {
    padding: 0 0 60px;
}

.heart-features .container {
  max-width: 1400px;
  margin: auto;
  padding: 0 10px;
  text-align: center;
}

.heart-features .features-heading {
	text-transform: uppercase;
	margin-bottom:15px;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.3em;
    letter-spacing: 1px;
    color: #000;
}

.heart-features .features-subheading {
  font-size: 22px;
  font-weight: 400;
  color: #000000;
}

/* ===== FEATURES GRID ===== */
.heart-features .features-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 72px 138px;
  margin-top: 60px;
}

/* ===== FEATURE ITEM ===== */
.heart-features .feature-item {
  width: 220px;
  max-width: 220px;
}

.heart-features .feature-item img {
  border: none;
  border-radius: 0;
  box-shadow: none;
  height: auto;
  max-width: 35%;
  width: 100%;
}

.heart-features .feature-item p {
  font-size: 18px;
  font-weight: 500;
  color: #7a7a7a;
  margin:0;	
}



	
	
	
	
	
	
	
	
	
	
	




.reviews-section {
    background-color: #6c6e72;
    color: #fff;
}


.reviews-section .reviews-container {
    display: flex;
    align-items: center;
	justify-content: center;
    padding: 5px 2px;
}

.reviews-section h2 {
    margin:0;
	margin: 0 10px 0 0;
    font-size: 30px !important;
	font-weight: 500;
	color:#fff;
}

.reviews-section .reviews-stars {
    color: var(--primary-yellow);
    font-size: 32px;
    line-height: 1.2em;	
}

.offers-section {
    background-color: var(--primary-red);
    color: #fff;
	padding: 25px;
}

.offers-section .offers-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    justify-content: center;
    align-items: center;
}

.offers-section .offer-card {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;	
    padding: 5px;
}

.offers-section .offer-card:hover {
    color: #fff;
}

.offers-section a{
    color: #fff;
    text-decoration: none;	
}

.offers-section .offer-title {
    margin: 0;
	font-size:26px;
	line-height: 1.2em;
	font-weight:600;
	color:#fff;
}

.offers-section .offer-subtitle {
    margin: 0;
	line-height: 1.2em;
	font-size:20px;
}

.offers-section .offer-card img {
    width: 70px;
}


	
/* Company Highlights Section	 */
	
	.main-arrow-wrapper {
    display: flex;
        max-width: 1800px;
    margin: 0 auto;
    background: #ebebeb;
        overflow: hidden;
}

.main-arrow-wrapper  .content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    
}
p.stats {
    font-size: 20px;
    font-weight: bolder;
    color:#fff;
}
p.tagline {
    color: #fff;
     font-weight: bold;
     font-size: 18px;
         margin-top: -5px !important;
}

.main-arrow-wrapper  .content p{
margin: 0;
}



  .content-div {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    text-align: center;
    width: 100%;
        z-index: 2;
}
.logoContainer img {
    width: 60%;
}

.logoContainer{
    display: flex;
    align-items: center;
    justify-content: center;
        background: #EBEBEB;
            width: 30%;
       
}

.content-div img {
    width: 50%;
    height: 40px;
    object-fit: contain;
}

.arrow-wrap {
  max-width: 100%;
  width: 100%;
  position: relative;
}

/* main red body */
.arrow {
    position: relative;
    height: 180px;
    width: 85%;
    background: #ef1c25;
    display: flex;
    align-items: center;
    padding: 0 40px;
}

/* GREY tip (slightly bigger, behind) */
.arrow-tip-border {
  position: absolute;
  right: -180px;
  top: 0;
  width: 0;
  height: 0;
  border-top: 90px solid transparent;
  border-bottom: 90px solid transparent;
  border-left: 180px solid #bfbfbf;
      background: #EBEBEB;
}

/* RED tip (on top) */
.arrow-tip {
  position: absolute;
  right: -165px;
  top: 6px;
  width: 0;
  height: 0;
  border-top: 84px solid transparent;
  border-bottom: 84px solid transparent;
  border-left: 168px solid #ef1c25;
}
.arrow-wrap:before {
    content: "";
    position: absolute;
    top: 45%;
    left: -5%;
  width: 18%;
  aspect-ratio: 3 / 3; /* keeps shape consistent */

  transform: translateY(-50%);
  z-index: 1;

    background-image: url(https://heartautocare.com/wp-content/uploads/2025/12/left.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.arrow-wrap::after {
  content: "";
  position: absolute;

  /* anchor relative to container */
  top: 20%;
  right: 3%;

  /* scale with container */
  width: 18%;
  aspect-ratio: 3 / 3; /* keeps shape consistent */

  transform: translateY(-50%);
  z-index: 1;

  background-image: url(https://heartautocare.com/wp-content/uploads/2025/12/right.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
    clip-path: polygon(0% 0%, -15% 0%, 112% 82%, 51% 100%, 0% 100%);
}






/* =========================
   OFFERS SECTION ONLY
========================= */


.heart-coupons-offers {
    max-width: 1440px;
    margin: 0 auto;
    padding: 60px 10px;
}

.heart-coupons-offers #offers-main-heading {
    margin-bottom: 50px;
	text-transform:uppercase;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.3em;
    letter-spacing: 1px;
    color: #000;
}


.heart-coupons-offers .offers-header {
    text-align: center;
}

.offers-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

/* LEFT CARD */
.offers-grid .offer-left {
  background: #fff;
  padding: 50px 35px 35px;
  box-shadow: 0 0 15px rgba(0,0,0,.45);
  display:flex;	
}

.offers-grid .offer-left img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}

/* RIGHT CARD */
.offers-grid .offer-right {
  position: relative;
  height: 381px;
  background: url(https://heartautocare.com/wp-content/uploads/2026/01/banner-right.webp)
              no-repeat right center / contain;
  box-shadow: 0 0 15px rgba(0,0,0,.45);
  overflow: hidden;
  display: flex;
  align-items: center;
}

/* DIAGONAL CUT */
.offers-grid .offer-right::before {
  content: "";
  position: absolute;
  left: -140px;
  top: 0;
  width: 58%;
  height: 100%;
  background: #ffffff;
  transform: skewX(-16deg);
  z-index: 1;
}

/* CONTENT */
.offers-grid .offer-content {
  position: relative;
  z-index: 2;
  padding: 60px 55px;
  max-width: 420px;
}

.offers-grid .offer-subheading {
  font-size: 30px;
  font-weight: 800;
  color: var(--primary-red);
  margin:0;	
  text-transform:uppercase;	
  letter-spacing: 0;	
}

.offers-grid .offer-price {
  font-size: 30px;
  font-weight: 800;
  color: #000;
  margin: 0;
  text-transform:uppercase;	
}

.offers-grid .offer-desc {
  margin: 10px 0 25px;
  font-size: 20px;
  font-weight: 500;
  color: #000;
  margin: 0;
  text-transform:uppercase;	
}

.offers-grid .btn-primary {
  background-color: var(--primary-yellow);	
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5em;
  color: #000;
  border-radius: 0;
  padding: 8px 25px 5px 25px;
  margin-top: 10px;
  text-decoration: none;
  display: inline-block;
  text-transform:uppercase;		
}

	.viewCoupons {
		text-align:center;
	}	
	
.viewCoupons a {
    background-color: var(--primary-yellow);
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5em;
    color: #000;
    border-radius: 0;
    padding: 15px 50px 15px 50px;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    margin-top: 40px;
}	
	
.viewCoupons a:hover {
    transform: scale(1.08);
    color: #fff;
    background-color: var(--primary-red);
}	

.offers-grid .btn-primary:hover {
  background-color: var(--primary-red);
  color: #fff;
}

.offers-grid .offer-valid {
  font-size: 16px;
  font-weight: 400;
  padding: 12px 0;
}

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


/* Mobile: exact small screens (up to 430px) */
@media screen and (max-width: 430px) {
	
  .testimonial-reviews-wrapper  .swiper-button-prev, .swiper-rtl .swiper-button-next {
        left: -5px !important;
    }
	
	.testimonial-reviews-wrapper     .swiper-button-next, .swiper-rtl .swiper-button-prev {
        right: -5px !important;
    }	
	
	.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: -15px !important;
}
	.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: -15px !important;
}
	
.heart-features .features-grid {
           row-gap: 30px !important;
    }

  .heart-features .feature-item {
    width: 100% !important;
    max-width: 45% !important;
  }

  /* last item alone full width */
  .heart-features .feature-item:last-child {
    width: 100% !important;
    max-width: 100% !important;
  }

  .heart-features .feature-item img {
    width: 60px;
  }

  .heart-features .feature-item p {
    font-size: 15px;
  }

 

  .heart-features .features-subheading {
    font-size: 18px;
    line-height: 1.3;
  }
}	
	
	
	
	
	
	
	
	
	
	

@media (max-width: 1024px) {
	
	  .heart-features {
    padding-bottom: 30px;
  }

  .heart-features .features-grid {
    gap: 30px;
	margin-top: 30px; 
  }

  .heart-features .feature-item {
    width: 180px;
    max-width: 180px;
  }


  .heart-features .features-subheading {
    font-size: 18px;
  }

  .offers-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

	

.offers-grid .offer-subheading, .offers-grid .offer-price {
  font-size: 22px;
}
	
	
  .offers-grid .offer-left,
  .offers-grid .offer-right {
    width: 100%;
    margin: 0 auto;
  }
	
	.heart-coupons-offers #offers-main-heading {
    margin-bottom: 30px;
}

  .offers-grid .offer-left {
        padding: 0;
        box-shadow: none;
  }

  .offers-grid .offer-right {
    height: auto;
    background: #fff;
    display: block;
  }

  .offers-grid .offer-right::before {
    display: none;
  }

  .offers-grid .offer-content {
    max-width: 100%;
    padding: 30px 24px;
    text-align: center;
  }

  .offers-grid .offer-subheading,
  .offers-grid .offer-price,
  .offers-grid .offer-desc,
  .offers-grid .offer-valid {
    text-align: center;
	margin:0;  
  }
}















@media only screen and (min-width : 863px) and (max-width : 1024px) {

.logoContainer img {
    width: 40%;
}

.logoContainer {
    width: 40%;
}







.arrow-wrap::after {
        clip-path: polygon(0% 0%, 6% 0%, 114% 71%, 51% 100%, 0% 100%);
        width: 22%;


}

}


@media  (max-width: 862px) {
    
    
    .arrow-wrap:before {
    width: 35%;
top:10%;
}
    
    
    
    .arrow-wrap:after {
    content: "";
    position: absolute;
 top: 32%;
  right: -10%;
bottom:-10%;
  width: 45%;
    top: auto;
    clip-path: none;
    }
    
    
    
    .main-arrow-wrapper .content {
    gap: 15px;
}
    
    .content-div img {
    width: 60%;
    height: 60px;
    margin-bottom: 10px;
}
    
     .mobile-arrow {
        border-left: 50vw solid transparent;
        border-right: 50vw solid transparent;
        border-top: 25vw solid #f01b26;
        background: #EBEBEB;
    }
    
    


.logoContainer {
    width: 100%;
    padding: 30px 0;
}
.main-arrow-wrapper {
    flex-direction: column;
}
    
.content-div {
    grid-template-columns: 1fr;
    gap:50px;
        padding: 60px 0 0;
}

.arrow-tip-border, .arrow-tip {
    display: none;
}

.arrow {
    height: 100%;
    width: 100%;
}

.logoContainer img {
    width: 45%;
}


}
	
/* Company Highlight Section	 */



@media only screen and (min-width : 768px) and (max-width : 1024px) {

	
	
.offers-section .offer-card {
    gap: 0;
    flex-direction: column;
    text-align: center;
}	
	
.offers-section .offer-title {
    font-size:16px;
}

.offers-section .offer-subtitle {
	font-size:16px;
}

	
	
	
}


@media (max-width: 768px) {
	
	.testimonial-reviews-wrapper .photo-swiper__main h3 {
    font-size: 24px;
}
	
	
	.offers-section {
    padding: 25px 0;
}
	
	.heart-services-wrapper .photo-swiper {
    padding: 40px 10px;
}
	
	 .testimonial-reviews-wrapper .swiper-slide {
    min-height: auto;
  }
	.testimonial-reviews-wrapper .photo-swiper__main h2 {
    font-size: 26px;
}
	.testimonial-reviews-wrapper .photo-swiper__main  h3 {
    margin: 10px 0;
}
	
 .heart-features .features-heading {
	font-size:26px; 
    line-height: 1.15;
    margin-bottom: 15px;
  }	
	
.viewCoupons a {
    font-size: 18px;
    padding: 15px;
    margin-top: 30px;
}	
	
.heart-coupons-offers {
    padding: 40px 10px;
}
	
.heart-coupons-offers #offers-main-heading {
    font-size: 26px;
}	
	
.offers-section a{
	font-size:13px;
}
	
.offers-section .offer-card img {
    width: 60px;
}
	
.offers-section .offer-title {
    font-size:15px;
	margin-top: 5px;
}

.offers-section .offer-subtitle {
	font-size:15px;
}	
	
.offers-section .offer-card {
    gap: 0;
    flex-direction: column;
    text-align: center;
	padding:5px;
}
	
.offers-section .offers-grid {
    grid-template-columns: repeat(2, 1fr); 
  }

.offers-section .offers-grid a:nth-child(3) {
    grid-column: span 2;
  }
	
		
  .pswp-dots {
    bottom: 15px;
    gap: 6px;
  }

  .pswp-dot {
    width: 10px;
    height: 10px;
  }
	.reviews-section .reviews-header h2 {
    font-size: 20px !important;
	text-align:center;
		
}
	.reviews-section .reviews-stars {
    font-size: 20px;
}
}

@media (max-width: 480px) {
  .pswp-dots {
    bottom: 10px;
    gap: 4px;
  }

  .pswp-dot {
    width: 8px;
    height: 8px;
  }
}

@media (min-width: 2000px) {
.heart-cta-bar .cta-item {
    justify-content: center;
}
}