 .why-choose-taxi {
     padding: 50px 0;
     background: #f9f9f9;

 }

 /* left content */

 .sub-title {

     font-size: 14px;
     font-weight: 600;
     letter-spacing: 2px;
     color: var(--primary);

 }

 .why-text h2 {

     font-size: 38px;
     font-weight: 700;
     margin: 15px 0;

 }

 .why-text p {

     color: var(--grey);
     margin-bottom: 25px;

 }

 /* feature cards */

 .why-box {

     background: var(--white);

     padding: 25px;

     border-radius: 10px;

     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);

     transition: .3s;

     height: 100%;

 }

 .why-box:hover {

     transform: translateY(-6px);

 }

 /* icon */

 .why-box i {

     font-size: 28px;

     color: var(--primary);

     margin-bottom: 10px;

     display: block;

 }

 .why-box h5 {

     font-weight: 700;

     margin-bottom: 8px;

 }

 .why-box p {

     font-size: 14px;

     color: var(--grey);

 }

 /* mobile */

 @media(max-width:768px) {

     .why-text h2 {

         font-size: 28px;

     }

 }


 .umrah-service-section {

     padding: 0px 0 80px;
     background: #f8f9fa;

 }

 /* service cards */

 .service-card {

     background: var(--white);
     padding: 30px;
     border-radius: 10px;
     box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
     text-align: center;
     transition: .3s;

 }

 .service-card:hover {

     transform: translateY(-6px);

 }

 .service-icon {

     font-size: 30px;
     color: var(--primary);
     ;
     margin-bottom: 10px;

 }

 /* journey box */

 .journey-box {

     background: #fff3cd;
     padding: 30px;
     border-radius: 8px;

 }

 /* fleet */

 .fleet-card {

     background: var(--white);
     padding: 25px;
     border-left: 4px solid var(--primary);
     border-radius: 8px;

 }

 /* booking steps */

 .step-box {

     background: var(--white);
     padding: 25px;
     text-align: center;
     border-radius: 10px;
     box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);

 }

 .step-box span {

     display: inline-block;
     width: 40px;
     height: 40px;
     line-height: 40px;
     background: var(--primary);
     border-radius: 50%;
     font-weight: 700;
     margin-bottom: 10px;

 }



 .testimonial-section {

     padding: 0px 0 80px;
     background: #f9f9f9;

 }


 /* card */

 .testimonial-card {

     background: var(--white);
     padding: 40px;
     border-radius: 12px;
     max-width: 700px;
     margin: auto;
     text-align: center;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);

 }

 /* quote icon */

 .quote-icon {

     width: 60px;
     height: 60px;
     background: var(--primary);
     color: #000;
     font-size: 28px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: auto;
     margin-bottom: 15px;

 }

 .testimonial-card p {

     color: var(--grey);
     font-size: 16px;
     margin-bottom: 20px;

 }

 .testimonial-card h5 {

     font-weight: 700;
     margin-bottom: 3px;

 }

 .testimonial-card span {

     font-size: 14px;
     color: var(--grey);

 }

 /* arrows */

 .carousel-control-prev-icon,
 .carousel-control-next-icon {

     background-color: var(--primary);
     border-radius: 50%;
     padding: 15px;

 }

 /* mobile */

 @media(max-width:768px) {

     .testimonial-card {

         padding: 25px;

     }

 }


 /* contact css at reviews page  */
 .contact-info-box {

     background: #fff8e1;

 }

 .contact-info-box h3 {

     font-weight: 700;
     margin-bottom: 15px;

 }

 .contact-info-box p {

     color: var(--grey);
     margin-bottom: 30px;

 }

 /* info items */

 .info-item {

     display: flex;
     align-items: center;
     margin-bottom: 20px;

 }

 .info-item i {

     width: 45px;
     height: 45px;
     background: var(--primary);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-right: 15px;

 }

 .info-item h6 {

     margin: 0;
     font-weight: 600;

 }

 .info-item span a {

     font-size: 14px;
     color: var(--grey);

 }

 /* ============================================ */
 /* ============================================ */