:root {
     --primary-blue: #245DFB;
     --dark-blue: #295ff5;
     --light-blue: #dbeafe;
     --text-gray: #30404D;
     --light-gray: #f8fafc;
     --green: #10b981;
     --red: #ef4444;
 }

 body {
     font-family: 'Barlow', sans-serif;
     line-height: 1.6;
     color: #333;
 }

 .hero-section-landing {
     background-color: #FFF2F2;
     padding-top: 180px;
     padding-bottom: 60px;
     position: relative;
 }

 .landing-hero-text {
     background-color: #FFD5D6;
     width: fit-content;
     padding: 6px 16px;
     border-radius: 6px;
 }

 .landing-hero-text h6 {
     font-size: 18px;
     font-weight: 700;
     margin-bottom: 0;
 }

 .hero-title-landing {
     font-size: 50px;
     font-weight: 700;
     color: #30404D;
     margin-bottom: 1.5rem;
     line-height: 1.2;
 }

 .hero-subtitle-landing {
     font-size: 16px;
     color: var(--text-gray);
     margin-bottom: 2rem;
 }


 .btn-primary-landing {
     background-color: #E53A3C;
     border-color: #E53A3C;
     color: #fff;
     padding: 10px 16px;
     font-weight: 600;
     border-radius: 6px;
     font-size: 16px;
 }

 .btn-primary-landing:hover {
     background-color: #E53A3C;
     border-color: #E53A3C;
     color: #fff;
 }

 .btn-primary-landing:active {
     background-color: #ee5457;
     border-color: #ee5457;
 }


 .custom-video-btn-landing {
     background-color: #12A63D;
     border: 1px solid #12A63D;
     box-shadow: none;
     color: #FFFFFF;
     font-weight: 600;
     border-radius: 6px;
     padding: 10px 16px;
     font-size: 16px;
 }

 .custom-video-btn-landing:hover {
     background-color: #12A63D;
     border: 1px solid #12A63D;
     color: #FFFFFF;
 }



 .custom-card {
     border: 1px solid #9C9C9C;
     border-radius: 15px;
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     height: 100%;
 }

 .custom-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
 }

 .card-img-top {
     height: 60px;
     width: 60px;
     margin: auto;
 }

 .contact-us-text {
     margin-top: 20px;
     color: #30404D;
     font-weight: 600;
     font-size: 22px;
     text-decoration: none;
 }

 .contact-us-text:hover {
     text-decoration: underline;
 }

 .card-img-top {
     height: 120px;
     object-fit: contain;
     /* padding: 0.5rem; */
 }

 .card-title {
     font-size: 18px;
     font-weight: 700;
     color: #30404D;
 }

 .card-text {
     font-size: 16px;
     font-weight: 400;
     color: #30404D;
 }


 .details-title {
     color: #30404D;
     font-size: 40px;
     font-weight: 700;
 }

 .details-text {
     color: #30404D;
     font-size: 22px;
     font-weight: 400;
 }

 .details-box {
     border: 1px solid #9C9C9C;
     border-radius: 15px;
     padding: 20px;
     background-color: #fff;
     width: 75%;
     margin: auto;
 }

 .details-box-text {
     color: #30404D;
     font-size: 21px;
     font-weight: 400;
 }

 .details-box-btn {
     background-color: #12A63D;
     border: 1px solid #12A63D;
     box-shadow: none;
     color: #FFFFFF;
     font-weight: 600;
     font-size: 16px;
     border-radius: 8px;
     padding: 0.5rem 1.5rem;
 }

 @media (max-width: 768px) {
     .btn-primary-landing {
         font-size: 14px;
     }

     .custom-video-btn-landing {
         font-size: 14px;
     }

     .hero-title-landing {
         font-size: 2.5rem;
     }

     .details-box {
         width: 100%;
     }
 }