/** Shopify CDN: Minification failed

Line 104:0 Unexpected "<"

**/
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
/* banner */
section.main-banner {
    height:850px;
    display:flex;
    align-items:flex-end;
    padding-bottom:100px;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
}
.banner-text h1{
    font-family: 'Lora',serif !important;
    font-weight: 600;
    font-size: 74px;
    line-height: 100%;
    letter-spacing: -0.5px;
    color:#fff;
    max-width:600px;
    margin-left:auto;
}
.banner-wrap {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:flex-end;
    width: 100%;
}
.banner-text{
    flex:0 0 74%;
}

.banner-popup{
    flex:0 0 26%;
}
.banner-text p{
    font-family: 'Noto Sans',sans-serif !important;
    font-weight: 400;
    font-size: 24px;
    color:#f1f1f1;
    max-width:470px;
}
.banner-btn{
    margin:50px 0 0;
}
a.primary {
    background:#B1D247;
    padding:16px 24px;
    border-radius:8px;
    color:#202020;
    font-family: 'Noto Sans',sans-serif;
    font-weight: 600;
    font-size: 16px;
    margin-right:20px;
}
a.secondery{
    font-family: 'Noto Sans',sans-serif;
font-weight: 600;
font-style: SemiBold;
font-size: 16px;
    text-transform:capitalize;
color:#f1f1f1;
}
.banner-popup {
    display:flex;
    background:#fff;
    border-radius:400px;
    justify-content:space-between;
    align-items:center;
    padding: 7px 16px 7px 8px;
}
.banner-popup h4{
    font-family: 'Noto Sans',sans-serif !important;
    font-weight: 600;
    font-size: 18px;
    text-transform: capitalize;
    padding:0;
    margin:0;
    letter-spacing: 0;
}
.banner-popup p{
    font-family: 'Noto Sans',sans-serif !important;
    font-weight: 400;
    font-size: 14px;
    text-transform: capitalize;
    padding:0;
    margin:0;
    letter-spacing: 0;
}

.video-modal { display:none; position:fixed; inset:0; z-index:10000; align-items:center; justify-content:center; }
.video-modal.show { display:flex; }
.video-modal-backdrop { position:absolute; inset:0; background:rgba(0,0,0,0.6); }
.video-modal-content { position:relative; width:90%; max-width:900px; z-index:10001; padding:0; border-radius:8px; box-shadow:0 10px 30px rgba(0,0,0,0.4); }
.video-wrapper { position:relative; padding-top:56.25%; /* 16:9 */ overflow:hidden; border-radius:8px; background:#000; }
.video-wrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
.video-close { position:absolute; right:8px; top:8px; z-index:10002; background:transparent; border:0; font-size:30px; color:#fff; cursor:pointer; }
</style>
/* ====== Feature Box Section ====== */
.features-box {
  width: 420px;
  background: #043747;
  border-radius: 10px;
  padding: 20px 30px;
}
.feature-item {
  border-bottom: 1px solid rgba(255,255,255,0.2);
  padding: 16px 0;
  cursor: pointer;
  transition: background 0.3s;
}
.feature-item:hover {
  background: rgba(255,255,255,0.05);
}
.feature-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  font-size: 16px;
}
.feature-title img {
  width: 20px;
  height: 20px;
}
.feature-desc {
  display: none;
  margin-top: 10px;
  color: #cbd5e1;
  font-size: 14px;
  line-height: 1.5;
}
.feature-item.active .feature-desc {
  display: block;
}


/* review slider */
 .testimonial-section {
            max-width: 1200px;
            margin: 0 auto;
            padding: 60px 20px;
            background: white;
            border-radius: 20px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
        }

        .section-header {
            text-align: center;
            margin-bottom: 50px;
        }

        .section-header h2 {
            font-size: 2.5em;
            color: #2d3748;
            margin-bottom: 10px;
            font-weight: 300;
        }

        .section-header h2 span {
            font-weight: 700;
        }

        .section-header p {
            color: #718096;
            font-size: 1.1em;
            line-height: 1.6;
            max-width: 600px;
            margin: 0 auto;
        }

        .testimonial-slider {
            padding: 0 40px;
        }

        .testimonial-card {
            padding: 20px;
            outline: none;
        }

        .card-content {
            background: #f7fafc;
            border-radius: 15px;
            padding: 30px;
            position: relative;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

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

        .expert-info {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
        }

        .expert-image {
            position: relative;
            margin-right: 15px;
        }

        .expert-image img {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            object-fit: cover;
            border: 3px solid #667eea;
        }

        .expert-name {
            font-size: 1em;
            color: #2d3748;
            font-weight: 600;
        }

        .rating {
            color: #fbbf24;
            font-size: 0.9em;
            margin-bottom: 15px;
        }

        .testimonial-text {
            color: #4a5568;
            line-height: 1.8;
            font-size: 0.95em;
            margin-bottom: 20px;
        }

        .video-thumbnail {
            position: relative;
            border-radius: 10px;
            overflow: hidden;
            cursor: pointer;
            height: 200px;
        }

        .video-thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        .video-thumbnail:hover img {
            transform: scale(1.05);
        }

        .play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 70px;
            height: 70px;
            background: #e53e3e;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 5px 15px rgba(229, 62, 62, 0.4);
        }

        .play-button:hover {
            transform: translate(-50%, -50%) scale(1.1);
            background: #c53030;
        }

        .play-button::after {
            content: '';
            width: 0;
            height: 0;
            border-left: 20px solid white;
            border-top: 12px solid transparent;
            border-bottom: 12px solid transparent;
            margin-left: 5px;
        }

        /* Modal Styles */
        .video-modal {
            display: none;
            position: fixed;
            z-index: 9999;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.9);
            animation: fadeIn 0.3s ease;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }

        .modal-content {
            position: relative;
            margin: 5% auto;
            width: 90%;
            max-width: 900px;
        }

        .close-modal {
            position: absolute;
            top: -40px;
            right: 0;
            color: white;
            font-size: 35px;
            font-weight: bold;
            cursor: pointer;
            transition: color 0.3s;
            z-index: 10000;
        }

        .close-modal:hover {
            color: #e53e3e;
        }

        .video-container {
            position: relative;
            padding-bottom: 56.25%;
            height: 0;
            overflow: hidden;
            border-radius: 10px;
        }

        .video-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

        /* Slick Slider Customization */
        .slick-prev,
        .slick-next {
            width: 50px;
            height: 50px;
            z-index: 100;
        }

        .slick-prev {
            left: -15px;
        }

        .slick-next {
            right: -15px;
        }

        .slick-prev:before,
        .slick-next:before {
            font-size: 50px;
            color: #667eea;
            opacity: 0.7;
        }

        .slick-prev:hover:before,
        .slick-next:hover:before {
            opacity: 1;
        }

        .slick-dots {
            bottom: -40px;
        }

        .slick-dots li button:before {
            font-size: 12px;
            color: #667eea;
        }

        .slick-dots li.slick-active button:before {
            color: #667eea;
        }

        @media (max-width: 768px) {
            .section-header h2 {
                font-size: 1.8em;
            }

            .testimonial-slider {
                padding: 0 20px;
            }

            .slick-prev {
                left: 5px;
            }

            .slick-next {
                right: 5px;
            }
        }