@font-face {
    font-family: 'Figtree';
    src: url('assets/fonts/Figtree-VariableFont_wght.ttf') format('truetype');
    font-weight: 300 900;
    /* Variable font supports weights from 300 to 900 */
    font-style: normal;
}

@font-face {
    font-family: 'Figtree';
    src: url('assets/fonts/Figtree-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: 300 900;
    font-style: italic;
}

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Figtree', sans-serif;
    background-color: #FAFAFA;
}

a {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
p {
    margin: 0;
    padding: 0;
    color: #232E5F;
}

.subhead {
    color: #7F7BF3;
    text-transform: uppercase;
    letter-spacing: 0.278vw;
    line-height: 1.08;
    font-weight: 800;
}

.white {
    color: #FFF;
}

h1 {
    font-size: 4.861vw;
    font-weight: 700;
    line-height: 0.92;
    letter-spacing: -3px;
}

h2 {
    font-size: 3.125vw;
    line-height: 0.88;
    letter-spacing: -2px;
}

h3 {
    font-size: 2.431vw;
    font-weight: 600;
    line-height: 1.14;
    letter-spacing: -0.042vw;
}

h4 {
    font-size: 0.972vw;
    font-weight: 500;
    line-height: 1.11;
    letter-spacing: -0.042vw;
}

.thick {
    font-weight: 700;
}

h4.v2 {
    font-size: 1.25vw;
    line-height: 1.11;
    letter-spacing: -0.5px;
    font-weight: 500;
}


.header-nav a,
h5 {
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0px;
    color: #232884;
}

.grey {
    color: #D8E0FB;
}

.header-section {
    margin-inline: 10.347vw;
    position: fixed;
    top: 1.042vw;
    left: 0;
    width: calc(100% - 20.694vw);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    padding: 0.278vw;
    border-radius: 0.694vw;
    overflow: hidden;
    background-color: #fff;
    z-index: 100;
}

.header-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-nav ul {
    display: flex;
    gap: 2.778vw;
    padding: 0;
}

.header-right-wrapper {
    display: flex;
    align-items: center;
    gap: 2.778vw;
}

.header-nav ul li {
    list-style: none;
}

.language-translate-button h5 {
    padding-inline: 1.181vw;
    padding-block: 0.694vw;
    border-radius: 1.389vw;
    background-color: #DBE2FA;
}

.home-hero-banner {
    margin-inline: 2.153vw;
    padding-block: 7.569vw 4.167vw;
    background: url('assets/hero-banner.jpg') no-repeat center center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-bottom-left-radius: 3.472vw;
    border-bottom-right-radius: 3.472vw;
    gap: 2.361vw;
}

.triple-offer h4 {
    font-weight: 700;
}

.offer-bottom .button-primary {
    margin-top: 1.042vw;
}

.two-people-wrapper {
    display: flex;

    gap: 3.681vw;

}

.two-people {
    width: 29.722vw;
    height: 23.472vw;
    background: #FFFFFF;
    border-radius: 0.972vw;
    position: relative;
    overflow-y: clip;
}

.marquee-container {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.marquee {
    display: flex;
    gap: 4.375vw;
    align-items: center;
    white-space: nowrap;
}

.marquee img {
    width: auto;
    height: auto;
    max-height: 2.598vw;
    object-fit: contain;
    flex-shrink: 0;
}



.content-abso {
    position: absolute;
    left: 1.319vw;
    top: 1.111vw;
    display: flex;
    flex-direction: column;
    gap: 0.694vw;
    z-index: 1;
}

.button-primary {
    font-size: 1.111vw;
    color: #4C390A;
    font-weight: 700;
    letter-spacing: -0.035vw;
    padding-inline: 1.667vw;
    padding-block: 0.903vw;
    background-color: #FFA100;
    border-radius: 0.694vw;
    width: fit-content !important;
    cursor: pointer;
    transition: all 0.3s ease;
}

.button-primary:hover {
    background-color: #FFE14C;
    transition: all 0.3s ease;
}

.background-abso {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
}

.background-abso .behind {
    position: absolute;
    z-index: 0;
    bottom: -2.083vw;
    right: 0;
}

.behind img:last-child {
    width: 23.681vw;
    height: 20.543vw;
    object-fit: contain;
    z-index: 0;
}

.behind img {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.behind img:first-child {
    width: 25.959vw;
    height: 14.434vw;
    bottom: 3.611vw;
}

.background-abso .front-person {
    position: absolute;
    z-index: 1;
    bottom: -7px;
    right: 0;
}

.front-person img {
    width: 20.069vw;
    height: 21.25vw;
    object-fit: cover;
}

.protection {
    background-color: #232884;
    border-radius: 0.556vw;
    padding-inline: 0.908vw;
    padding-block: 0.486vw 1.344vw;
    width: fit-content;
    display: flex;
    flex-direction: column;

    position: absolute;
    right: -2.153vw;
    top: 2.153vw;


}

div#first .protection {
    transform: rotate(-5.432deg);
}

.dark {
    color: #C7C5FF;

}

div#first.three-child img {
    width: 29.436vw;
}

div#second.three-child img {
    width: 26.597vw;
}

div#third.three-child img {
    width: 24.653vw;
}

.offer-left h2 {
    white-space: nowrap;
}

.offer-img-abso img {
    width: 100%;
    height: 22.653vw;
}

p {
    font-size: 0.833vw;
    font-weight: 200;
    line-height: 1.16;
    letter-spacing: 0px;
}

.image-span-section {
    display: flex;
    justify-content: center;
    width: 100%;
}

.image-span-wrapper {
    margin-top: 2.083vw;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
    gap: 4.167vw;
    padding-inline: 2.083vw;
}

.image-span-wrapper .subhead {
    white-space: nowrap;
}

.three-child-content h4 {
    font-size: 1.667vw;
    font-weight: 700;
    line-height: 0.83;
    letter-spacing: -0.033vw;
}

.three-child-content p {
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 1.11;
    letter-spacing: -0.035vw;
    color: #8D97C4;
}

.glance-section {
    padding-block: 5.694vw;
    display: flex;
    flex-direction: column;
    gap: 2.847vw;

}

.center-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.833vw;
}

.center-header.white h2 {
    color: #fff;
}

.center-header h2 {
    text-align: center;
}

.center-header p {
    text-align: center;
}

.abso-three {
    height: 34.722vw;
    position: relative;
}


.three-child {
    display: flex;
    gap: 1.042vw;
    position: absolute;
}

.three-child-content {
    display: flex;
    flex-direction: column;
    gap: 0.521vw;
    transform: translateY(2.431vw);
}

div#first.three-child {
    left: 11.736vw;
    top: 10px;
}

div#second.three-child {
    top: 0;
    right: 10.125vw;
}

div#third.three-child {
    top: 17.889vw;
    left: 38.037vw;
}

.footer-socials a img {
    width: 3.264vw;
    height: 3.264vw;
    object-fit: cover;
}

.footer-links a h5 {
    font-size: 1.389vw;
    line-height: 1.11;
}

.footer-cta .button-primary {
    position: relative;
    z-index: 4;
}


.offer-section {
    margin-inline: 2.153vw;
    border-radius: 2.083vw;
    background: url('assets/Frame 127.jpg') no-repeat center center;
    background-size: cover;
}

.offer-wrapper {
    display: flex;
    padding-inline: 3.75vw;
    gap: 11.181vw;
    padding-block: 5.069vw;
}

.offer-left {
    display: flex;
    flex-direction: column;
    gap: 1.042vw;
}

.offer-right {
    display: flex;
    flex-direction: column;
    gap: 1.25vw;
    width: 100%;
}

.offer-card {
    padding: 1.806vw;
    border-radius: 1.528vw;
    background: #FFFFFF;
    position: relative;
}

.offer-top {
    padding-bottom: 1.042vw;
    margin-bottom: 1.042vw;
    border-bottom: 1px solid #D8E0FB;
    display: flex;
    flex-direction: column;
    gap: 0.521vw;
}

.offer-bottom {
    display: flex;
    flex-direction: column;

}

.triple-offer {
    padding-top: 3.611vw;
    display: flex;
    gap: 2.361vw;
}

.triple-offer-item {
    max-width: 8.958vw;

}

.triple-offer-item h4 {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1.042vw;
}

.triple-offer-item h4::before {
    content: '';
    width: 1.801vw;
    height: 1.801vw;
    background: url('assets/Group\ 38.svg') no-repeat center center;
    display: inline-block;
}

.offer-img-abso {
    position: absolute;
    right: 0;
    top: 0;
}

.coming-soon .offer-top {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.coming-soon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-block: 3.75vw;
    padding-inline: 1.597vw 4.861vw;
    background: #FFFFFF;
    border-radius: 1.528vw;
}

.coming-soon .offer-bottom {
    padding-top: 0;
}

.testimonial-section {
    margin-inline: 2.153vw;
    margin-top: 1.319vw;
    padding: 4.167vw 0;
}

.testimonial-wrapper {
    background: #232E5F;
    border-radius: 2.083vw;
    padding: 4.167vw 2.083vw;
}

/* Slick slider specific styles */
.testimonial-slider {
    margin-top: 3.472vw;
    position: relative;
    overflow: visible !important;
}

.slick-list {
    overflow: visible !important;
}

.slick-track {
    display: flex !important;
    gap: 1.528vw;
    overflow: visible !important;
}

/* Hide default slick dots */
.testimonial-slider .slick-dots {
    bottom: -3.472vw;
}

.testimonial-slider .slick-dots li button:before {
    color: #7F7BF3;
    font-size: 1.042vw;
}

.testimonial-slider .slick-dots li.slick-active button:before {
    color: #FFA100;
}

/* Custom navigation arrows */
.testimonial-slider .slick-prev,
.testimonial-slider .slick-next {
    width: 3.472vw;
    height: 3.472vw;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    z-index: 2;
}

.testimonial-slider .slick-prev {
    left: -1.736vw;
}

.testimonial-slider .slick-next {
    right: -1.736vw;
}

.testimonial-slider .slick-prev:before,
.testimonial-slider .slick-next:before {
    color: #fff;
    font-size: 1.389vw;
}

/* Keep existing styles */
.slider-wrapper * {
    color: #fff;
}

.quote-icon {
    font-size: 8.681vw;
    color: #A7A4FF !important;
    font-weight: 700;
    letter-spacing: -3px;
    line-height: 1.11;
}

.person-info h5:not(.thin) {
    font-weight: 700;
}

.person-info h5.thin {
    padding-inline: 0.694vw;
    padding-block: 0.278vw;
    border-radius: 0.903vw;
    background-color: #A7A4FF;
}

.person-info h5,
.slider-top h5 {
    font-size: 1.25vw;
    color: white;
    font-weight: 500;
}

.slider-top h5 {
    padding-top: 1.597vw;
    max-width: 16.806vw;
    font-weight: 300 !important;
}

.slider-top {
    display: flex;
    gap: 1.458vw;
}

.slider-bottom {
    display: flex;
    align-items: center;
    gap: 1.042vw;
    margin-top: 1.597vw;
}


.person-info {
    display: flex;
    flex-direction: column;
    gap: 0.347vw;
}

.thin {
    font-weight: 500;
}


.slider-wrapper {
    background: #232E5F;
}

.slider-wrapper * {
    color: #fff;
}

.slider-child {
    background: #7F7BF3;
    width: fit-content;
    padding: 1.597vw;
    padding-top: unset;
    border-radius: 1.389vw;
    width: 24.236vw !important;
}

.slider-top h5 {
    padding-top: 1.597vw;
    max-width: 16.806vw;
}

.slider-bottom img {
    border-radius: 100%;
}

/* Custom Pagination Styles */
.custom-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2.083vw;
    margin-top: 3.472vw;
}

.pagination-btn {
    all: unset;
}


.pagination-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.pagination-btn:disabled:hover {
    transform: none;
    background: rgba(255, 255, 255, 0.1);
}

.pagination-dots {
    display: flex;
    align-items: center;
}

.pagination-dot {
    width: 2.986vw;
    height: 0.208vw;
    background: rgba(255, 255, 255, 0.3);
    cursor: pointer;
    transition: all 0.3s ease;
}

.pagination-dot.active {
    background: #FFA100;
    border-radius: 0.208vw;
}


.overflow-wrapper {
    overflow-x: clip;
}

.instant-quote {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-block: 4.167vw;
    flex-direction: column;
    gap: 7.292vw;
    padding-inline: 13.333vw;
}

.quote-cta {
    border-radius: 1.389vw;
    background: #E0E8FF;
    display: flex;
    align-items: center;
    padding-top: 1.111vw;
    overflow: hidden;
    padding-right: 5.069vw;
}

.cta-left img {
    transform: translateY(0.417vw);
}

.faq-left {
    display: flex;
    flex-direction: column;
    gap: 1.042vw;
}

.cta-right {
    display: flex;
    flex-direction: column;
    gap: 1.042vw;
}

.faq-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1.042vw;
}

.faq-wrapper {
    display: flex;
    gap: 6.944vw;
}


/* Accordion Styles */
.faq-item {
    border-bottom: 1px solid #E5E7EB;
    overflow: hidden;
    transition: all 0.3s ease;
}


.faq-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.389vw;
    padding-left: 0;
    cursor: pointer;
    transition: all 0.3s ease;
}


.faq-item.active .faq-content {
    padding-block: 1vw;
}

.faq-header h4 {
    font-size: 1.111vw;
    font-weight: 600;
    color: #232E5F;
    margin: 0;
    flex: 1;
    padding-right: 1.042vw;
}

.faq-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.faq-icon img {
    width: 2.292vw;
    height: 2.292vw;
}

.footer-cta {
    position: relative;
    overflow: hidden;
}

.footer-cta .cta-image-abso {
    position: absolute;
    bottom: -6px;
    right: 0;
}

.cta-image-abso {
    height: 100%;
}

.cta-image-abso img {
    width: 22.014vw;
    height: 100%;
    object-fit: cover;
}

.faq-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.faq-content p {
    font-size: 1.024vw;
}

.faq-header h4 {
    font-size: 1.25vw;
    font-weight: 700;
    line-height: 1.11;
    letter-spacing: -0.035vw;
}

.faq-item.active .faq-content {
    max-height: 200px;
    /* Adjust based on your content */
}

.footer-section {
    margin-inline: 2.083vw;
    background: #D8E0FB;
    border-radius: 1.528vw 1.528vw 0px 0px;

}

.footer-wrapper {
    padding-inline: 2.083vw 3.611vw;
    padding-block: 1.944vw 3.611vw;
    display: flex;

}

.footer-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 40%;

}

.footer-right {
    width: 60%;
}

.footer-left img {
    height: 5.431vw;
    object-fit: contain;
    object-position: left;
}

.footer-cta-wrapper {
    display: flex;
    gap: 0.972vw;
    margin-bottom: 3.611vw;

}

.footer-cta {
    display: flex;
    flex-direction: column;
    gap: 0.972vw;
    background: #EEF0F6;
    padding: 1.389vw;
    border-radius: 0.972vw;
    width: 24vw;

}

.footer-links {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 3.611vw;
    row-gap: 1vw;
    width: fit-content
}

.footer-links a {
    color: #232E5F;
    width: fit-content;
}

.footer-socials {
    display: flex;
    justify-content: flex-end;
    gap: 1vw;
}


.footer-copyright {
    display: flex;
    gap: 3vw;
    justify-content: flex-end;
    margin-top: 3.819vw;
}


/* Hamburger button */
.hamburger {
    display: none;
    /* Show with media query on mobile */
    flex-direction: column;
    background: none;
    border: none;
    cursor: pointer;
    z-index: 200;
}

.hamburger span {
    display: block;
    width: 26px;
    height: 3px;
    background: #7F7BF3;
    border-radius: 1.5px;
    margin-bottom: 5px;
}

.hamburger span:last-child {
    margin-bottom: unset;
}

/* Sidebar */
.mobile-sidebar {
    position: fixed;
    top: 0;
    right: 0;
    width: 80vw;
    max-width: 320px;
    height: 100vh;
    background: #fff;
    box-shadow: -2px 0 16px rgba(0, 0, 0, 0.1);
    transform: translateX(100%);
    transition: transform 0.3s;
    z-index: 199;
    padding: 2rem 1.5rem;
    display: flex;
    flex-direction: column;
}

.mobile-sidebar ul {
    display: flex;
    flex-direction: column;
    gap: 2.5vw;
}

.mobile-sidebar li {
    list-style: none;
    color: #232E5F;
}

.mobile-sidebar li a {
    color: #232E5F;
    font-weight: 700;
}



.mobile-sidebar.open {
    transform: translateX(0);
}

.close-sidebar {
    background: none;
    border: none;
    font-size: 2rem;
    align-self: flex-end;
    cursor: pointer;
}






/* CONTACT US PAGE */

.contact-us-section {
    padding-top: 10.278vw;
    padding-inline: 6.111vw;
    padding-bottom: 2.917vw;

}

.contact-us-wrapper {
    display: flex;
    gap: 7.847vw;
}

.contact-left {
    display: flex;
    flex-direction: column;
    gap: 1.806vw;
}

.contact-left h2 {
    max-width: 36.597vw;
}

.contact-left h4 {
    width: 28.125vw;

}


.contact-us-section h4 {
    font-size: 1.25vw;
    color: #8D97C4;
}

.contact-left img {
    width: 36.633vw;
}

.contact-right {
    width: 100%;
}

.contact-form {
    padding: 3.333vw;
    display: flex;
    flex-direction: column;
    gap: 1.389vw;
    border-radius: 1.389vw;
    background: #D8E0FB;
}

.contact-form h4 {
    color: #232E5F;
    margin-bottom: 0.764vw;
}

.contact-form input {
    height: 3.194vw;
    width: 100%;
    border: none;
    border-radius: 0.694vw;
}

.two-col-field {
    display: flex;
    gap: 1.111vw;
    width: 100%;
}

.two-col-field > div {
    width: 100%;
}


.secure {
    display: flex;
    gap: 0.694vw;
    font-size: 0.972vw;
font-weight: 500;
line-height: 1.42;
color: #2DAB03;
align-items: center;
}

.purchasing-section {
    padding-block: 9.236vw 6.528vw;
    padding-inline: 5.833vw;
}

.step-section {
    margin-bottom: 3.958vw;
}

.step-wrapper {
    display: flex;
    gap: 18.194vw;
    position: relative;
    width: fit-content;
    margin-inline: auto;
}

.step-parent {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.903vw;
    
}

.step-wrapper::before {
    content: '';
    height: 1px;
    width: 90%;
    position: absolute;
    top: 21%;
    left: 50%;
    background: #9B9BA3;
    transform: translate(-50%, -50%);

}

.step-index.active {
    border-radius: 6.25vw;
background: #7F7BF3;
color: white;
}

.step-index {
    width: 4.167vw;
    height: 4.167vw;
    background: white;
    color: #9B9BA3;
    position: relative;
    border: 1px solid #9B9BA3;
    border-radius: 100%;
}

.step-index span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

}

h3.v2,
.comprehensive-price,
.step-parent span,
.step-index span {
    font-size: 1.806vw;
font-style: normal;
font-weight: 700;
line-height: 1.53;
letter-spacing: -0.069vw;
white-space: nowrap;
}

.comprehensive-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.694vw;
}

.comprehensive-card {
    padding: 2.813vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.389vw;
    background: white;
    border-radius: 1.389vw;
    border: 1px solid #D7D7D7;
}

.comprehensive-card-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.8vw;
}

.comprehensive-card-middle {
    display: flex;
    flex-direction: column;
    gap: 0.972vw;
}

.comprehensive-card-top h4.purple-bg {
    padding-block: 0.347vw;
    padding-inline: 0.972vw;
    background: #D8E0FB;
    border-radius: 0.556vw;
}

.comprehensive-card-middle h4.v2 {
    width: 18.958vw;
    position: relative;
}

.checkmark {
    display: flex;
    gap: 1.875vw;
}

.checkmark img {
    width: 1.389vw;
    height: 1.389vw;
    object-fit: cover;
}

.comprehensive-card-middle h4.thick {
    color: #8D97C4;
}

.coverage-top {
    padding-block: 1.319vw;
    padding-inline: 2.778vw;
    background: white;
    border-radius: 1.389vw;
    position: relative;
    border: 1px solid #D7D7D7;

}

.coverage-wrapper {
    display: flex;
    gap: 1.111vw;
}


.coverage-top::after {
    content: '';
    width: 100%;
    height: 1px;
    background:#D7D7D7;
    position: absolute;
    top: 5.278vw;
    left: 0;
}

.coverage-top h3 {
    margin-bottom: 2.847vw;
}

input[type="checkbox"]{
    width: 1.389vw; /*Desired width*/
    height: 1.389vw; /*Desired height*/
  }

.checkbox-wrapper {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.purple {
    color: #7F7BF3;
}

.checkbox {
    display: flex;
    align-items: flex-start;
    gap: 1.389vw;
}

.checkbox-right {
    display: flex;
    flex-direction: column;
    gap: 0.417vw;
}

.checkbox-right h4:not(.v2) {
    max-width: 50.556vw;
}

.coverage-left {
    display: flex;
    flex-direction: column;
    gap: 1.111vw;
}

.summary-right {
    display: flex;
    flex-direction: column;
    background-color: white;
    border-radius: 1.389vw;
    overflow: clip;
    flex-grow: 1;
    border: 1px solid #D7D7D7;

}

.summary-top {
    width: 100%;
    padding-block: 1.319vw;
    padding-inline: 2.674vw;
    background: #232E5F;
}

.summary-logo-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 1.181vw;
    gap: 0.694vw;
}

.summary-logo-wrapper h4{
    max-width: 17.569vw;
    text-align: center;
}

.calculation-column {
    padding-top: 1.667vw;
    padding-inline: 2.674vw;
    display: flex;
    justify-content: space-between;
}

.calculation-column.addon {
    display: flex;
    flex-direction: column;
    gap: 1.111vw;
    margin-top: 1.25vw;
    padding-bottom: 1.25vw;
    border-block: 1px solid #D7D7D7;
}

.price-with-addon {
    display: flex;
    justify-content: space-between;
}

.red {
    color: #C70000;
}

.addon-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0.347vw;
}

.addon-wrapper h4 {
    padding: unset !important;
}

.total-amount {
    display: flex;
    justify-content: space-between;
    padding-inline: 2.674vw;
    margin-block: 1.25vw;
    padding-block: 1.25vw;
    border-block: 1px solid #D7D7D7; 
}

.calculation-wrapper h4:last-child {
    padding-inline: 2.674vw;
    padding-bottom: 1.528vw;
}

.three-calculation-wrapper .calculation-column:not(:first-of-type) {
    padding-top: unset;
}

.insured-left h3 {
    padding-inline: 2.778vw;
    padding-top: 2.778vw;
}

.insured-left {
    width: 100%;
    background-color: white;
    border-radius: 1.389vw;
    height: 100%;
    border: 1px solid #D7D7D7;
}

.insured-left .contact-form {
    padding: 2.778vw;
    background: unset;
}

.insured-left input {
    border: 1px solid #D7D7D7;
}

.detail-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 15.533vw;
    row-gap: 2.292vw;
    margin-bottom: 2.292vw;
}

.payment-section {
    padding-inline: 2.778vw;
    padding-block: 1.319vw 2.986vw;
    background-color: white;
    border-radius: 1.389vw;
    position: relative;
    border: 1px solid #D7D7D7;
}

.payment-section:after {
    content: '';
    width: 100%;
    background: #D7D7D7;
    height: 1px;
    position: absolute;
    top: 5.278vw;
    left: 0;

}

.payment-section h3 {
    margin-bottom: 4.028vw;

}

.detail {
    display: flex;
    flex-direction: column;
    gap: 0.486vw;
}

.variant-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0.486vw;
    margin-bottom: 2.292vw;
}

.variant-wrapper input {
    border-radius: 10px;
border: 1px solid #D7D7D7;
height: 3.194vw;
}

.header-wrapper img {
    height: 3.542vw;
}

.slider-top h5 {
    min-height: 11.542vw;
}

.cta-left img {
    transform: translateY(0.417vw);
}







@media (max-width: 900px) {
    .hamburger {
        display: flex;
    }

    .header-nav {
        display: none;
    }
}


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

    h1 {
        font-size: 9vw;
        letter-spacing: -1px;
    }

    h2 {
        font-size: 7.2vw;
    }

    h3 {
        font-size: 4vw;
    }

    .faq-header h4,
    h4 {
        font-size: 3.5vw;
        line-height: 1;
    }


    .faq-content p,
    p {
        font-size: 2.5vw;
    }

    .home-hero-banner {
        margin-inline: unset;
        gap: 7.361vw;
        padding-top: 30vw;
        padding-bottom: 10.167vw;
    }

    .home-hero-banner h1 {
        text-align: center;
        max-width: 75.026vw;
    }


    .two-people {
       width: 76.923vw;
        height: 61.328vw;
        border-radius: 2.5vw;
        overflow: visible;
    }

    .header-wrapper img {
        width: 65.897vw;
        height: 100%;
        object-fit: cover;
    }

    .two-people-wrapper {
        flex-direction: column;
    }

    .background-abso .behind {
        overflow: visible;
    }

    .content-abso {
        position: absolute;
        left: 3.319vw;
        top: 3.111vw;
        display: flex;
        flex-direction: column;
        gap: 1.694vw;
        z-index: 1;
    }

    .button-primary {
        font-size: 3.2vw;
        
    }
    .subhead {
        font-size: 2.564vw;
        letter-spacing: 0.513vw;
    }

    .behind img:first-child {
        width: 64.103vw;
        height: 40.103vw;
        object-fit: cover;
        overflow: visible;
        bottom: 4.611vw;
    }

    .behind img:last-child {
        width: 64.103vw;
        height: 56.103vw;
        object-fit: contain;
        z-index: 0;
    }

    .front-person img {
        width: 52.305vw;
        height: 52.305vw;
        overflow: visible;
        object-fit: cover;
    }


    .header-section {
        width: calc(100% - 8.306vw);
        margin-inline: 4.153vw;
        top: 5vw;
        padding-block: 2.278vw;
        padding-inline: 1vw;
        border-radius: 1.282vw;
    }

    .protection {
        background-color: #232884;
        border-radius: 1.556vw;
        padding-inline: 1.908vw;
        padding-block: 1.486vw 2.344vw;
        width: fit-content;
        display: flex;
        flex-direction: column;
        position: absolute;
        right: -7.153vw;
        top: 4.153vw;
    }

    .language-translate-button h5 {
        display: none;
    }

    .button-primary {
        padding-block: 3.59vw;
        padding-inline: 5.641vw;
        border-radius: 1.5vw;
    }

    .image-span-wrapper {
        flex-direction: column;
        gap: 7vw;
    }

    .marquee img {
        max-height: 10vw;
    }

    .image-span-section {
        margin-block: 3vw;
    }

    .center-header {
        gap: 4vw;
    }

    div#second.three-child img,
    div#third.three-child img,
    div#first.three-child img {
        width: 50vw;
    }

    .abso-three {
        height: 100vw;
    }

    div#first.three-child {
        left: 5.736vw;
        top: 10px;
    }

    div#second.three-child {
        top: 70vw;
        right: 3.125vw;
    }


    div#third.three-child {
        top: 37.889vw;
        left: 20.037vw;
    }

    .three-child-content {
        gap: 2.5vw;
    }



    .three-child-content h4 {
        font-size: 4vw;
    }

    .three-child-content p {
        font-size: 3vw;
    }

    .offer-wrapper {
        flex-direction: column;
        gap: 7vw;
        padding-inline: 6.154vw;
        padding-block: 7.987vw;
    }

    .offer-left {
        gap: 2.5vw;
    }

    .triple-offer {
        flex-direction: column;
    }

    .offer-top {
        padding-bottom: 3.042vw;
        margin-bottom: 3.042vw;
        border-bottom: 1px solid #D8E0FB;
        display: flex;
        flex-direction: column;
        gap: 2.521vw;
    }

    .triple-offer-item {
        max-width: 100%;
    }

    .offer-card {
        padding: 3.042vw;
        border-radius: 2.5vw;
    }

    .triple-offer-item h4 {
        gap: 2.5vw;
        max-width: 33.077vw;
    }

    .triple-offer-item h4::before {
        content: '';
        width: 5.801vw;
        height: 5.801vw;
        background: url('assets/Group\ 38.svg') no-repeat center center;
        display: inline-block;
    }

        .offer-bottom .button-primary {
        margin-top: 5.897vw;
    }

    .offer-img-abso img {
        width: auto;
        height: 67.231vw;
    }

    .offer-img-abso {
        position: absolute;
        right: 0;
        top: 19.231vw;
        
    }

    .offer-right {
        gap: 4vw;
    }

    .header-nav ul {
        gap: 1vw;
    }

    .coming-soon {
    padding-inline: 3.5vw 8.205vw;
    padding-block: 6.154vw 8.718vw;
}

    .testimonial-section {
        margin-inline: 2.153vw;
        margin-top: 3.319vw;
        padding-block: unset;
    }

    .slider-child {
        width: 89.487vw !important;
        padding: 5.897vw;
        border-radius: 5.128vw;
    }

    .slick-list {
        overflow: hidden !important;
    }

    .center-header.white h2 {
        color: #fff;
        font-size: 11.538vw;
        line-height: 1;
        letter-spacing: -0.385vw;
    }

    .testimonial-wrapper {
        padding-block: 8.462vw;
    }

    

    .slider-top {
        gap: 5vw;
    }
    .quote-icon {
        font-size: 31.608vw;
    }

    .slider-top h5 {
        min-height: 40.513vw;
    }

    .footer-links a h5,
    .person-info h5,
    .slider-top h5 {
        max-width: 100%;
        font-size: 3.5vw;
    }

    .slider-bottom {
        margin-top: 2.5vw;
        gap: 2.5vw;
    }

    .testimonial-wrapper {
        border-radius: 4vw;
    }

    .person-info {
        gap: 1vw;
    }

    .person-info h5.thin {
        padding-inline: 1.694vw;
        padding-block: 1.278vw;
        border-radius: 1.903vw;
        background-color: #A7A4FF;
    }
    
    .glance-section {
        padding-block: 16.759vw;
        gap: 13.077vw;
    }

    .slick-track {
        gap: 2.5vw;
    }

    .pagination-dot {
        width: 7.986vw;
        height: 1vw;
        background: rgba(255, 255, 255, 0.3);
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .quote-cta {
        flex-direction: column;
    }

    .cta-right {
        order: 1;
        gap: 2.5vw;
        align-items: center;
    }

    .cta-left {
        order: 2;
    }

    .quote-cta {
        border-radius: 1.389vw;
        background: #E0E8FF;
        display: flex;
        align-items: center;
        padding-top: 9.111vw;
        padding-right: unset;
        gap: 2.5vw;
    }

    .faq-wrapper {
        flex-direction: column;
    }

    .faq-left {
        gap: 2.5vw;
        align-items: center;
    }

    .faq-right {
        gap: 2.5vw;
    }

    .faq-item.active .faq-content {
        padding-block: 4vw;
    }

    .faq-icon img {
        width: 9.231vw;
        height: 9.231vw;
    }

    .faq-header {
        padding-block: 4.359vw;
        padding-left: 0;
    }

    .instant-quote {
        padding-block: 7vw;
        padding-inline: 6.41vw;
        overflow-x: clip;
    }

    .footer-section {
        border-radius: 2.5vw 2.5vw 0 0;
    }

    .footer-wrapper {
        flex-direction: column;
        gap: 7vw;
        padding: 5vw;
    }

    .footer-left {
        gap: 4.805vw;
        width: unset;
    }

    .footer-left br {
        display: none;
    }

    .footer-left img {
        width: unset;
        height: 12.431vw;
        object-fit: cover;
    }

    .footer-right {
        width: unset;
        display: flex;
        flex-direction: column;
        gap: 7.5vw;
    }

    .footer-cta-wrapper {
        flex-direction: column;
        gap: 2.5vw;
        margin-bottom: unset;
    }

    .footer-cta {
        width: unset;
        display: flex;
        flex-direction: column;
        gap: 1.972vw;
        background: #EEF0F6;
        padding: 4.389vw;
        border-radius: 1.972vw;
    }

    .footer-socials a img {
        width: 10.264vw;
        height: 10.264vw;
        object-fit: cover;
    }



    .cta-image-abso img {
        width: unset;
    }

    .footer-links {
        grid-template-columns: repeat(2, 1fr);
        gap: 3.5vw;
    }

    .footer-socials {
        justify-content: unset;
        gap: 2.5vw;
    }

    .footer-copyright {
        margin-top: unset;
        flex-direction: column;
        gap: 2.5vw;
    }

    .header-right-wrapper {
        display: flex;
        gap: 2.5vw;
        align-items: center;
    }

    .contact-us-wrapper {
        flex-direction: column;
    }

    .contact-left {
        gap: 3.5vw;
        align-items: center;
    }

    .contact-left * {
        text-align: center;
    }


    .contact-left h4,
    .contact-left h2 {
        width: unset !important;
        max-width: unset;

    }


    .contact-left h4 {
        font-size: 3.5vw;
    }

    .contact-us-section {
        padding-block: 29vw 15vw;
    }

    .contact-left img {
        width: 55.633vw;
    }

    .contact-us-section h4 {
        font-size: 3.5vw;
    }

    .field-parent:first-child .two-col-field {
        flex-direction: row;
    }

    .two-col-field {
        flex-direction: column;
    }

    .contact-form {
        padding: 4.333vw;
        display: flex;
        flex-direction: column;
        gap: 4vw;
        border-radius: 2.389vw;
        background: #D8E0FB;
    }

    .contact-form input {
        height: 6vw;
    }

    .two-col-field {
        row-gap: 4vw;
    }

    .secure {
        font-size: 3.5vw;
    }

    .purchasing-section {
        overflow-x: scroll;
        padding-block: 32.821vw 16.41vw;
    }

    .comprehensive-grid {
        gap: 13.25px;
    }

    .comprehensive-card {
        padding: 29.74px;
        padding-inline: 35px;
        gap: 15.39px;
        border-radius: 15.388px;
    }

    .comprehensive-card-middle h4.v2 {
        font-size: 13.849px;
        width: 53.856vw;
    }

    .comprehensive-card-top * {
        text-align: center;
    }

    .comprehensive-card-top {
        gap: 9px;
    }

    .checkmark {
        gap: 20px;
    }

    .checkmark img {
        width: 15.388px;
        height: 15.388px;
    }

    .comprehensive-price {
        font-size: 20.004px;
    }

    .step-parent span,
    .step-index span{
        font-size: 16px;
    }

    .step-index {
        width: 37.981px;
        height: 37.981px;
    }

    .footer-cta h3 {
        font-size: 9.487vw;
        font-weight: 700;
    }

    .step-wrapper {
        gap: 48.194vw;
        padding-left: 30px;
    }

    .coverage-wrapper {
        flex-direction: column;
        gap: 22px;
    }

    .purchasing-section:has(.coverage-section) {
        overflow: hidden;
        position: relative;
    }

    .purchasing-section:has(.coverage-section) .step-section {
        position: relative;
        height: 18.515vw;
    }

    .purchasing-section:has(.coverage-section) .step-wrapper {
        position: absolute;
        right: -94%;
        gap: 42.526vw;
    }

    .coverage-top {
        padding-inline: 8.331vw;
        padding-block: 3.956vw 8.626vw;
    }

    .coverage-left {
        gap: 14px;
    }

    .checkbox-right h4:not(.v2) {
        max-width: unset;
    }

    .coverage-section h3.v2 {
        font-size: 5.385vw;
    }

    .coverage-section h4.v2 {
        font-size: 3.846vw;

    }

    input[type="checkbox"] {
        width: 17px;
        height: 17px;
    }

    .checkbox {
        gap: 16px;
    }

    .coverage-top {
        border-radius: 16.246px;
    }

    .coverage-top::after {
        top: 15.897vw;
    }

    .coverage-top h3 {
        margin-bottom: 8.351vw;
    }

    .summary-top,
    .calculation-column {
        padding-inline: 8.695vw;
    }

    .summary-logo-wrapper h4 {
        max-width: 57.133vw;
    }

    .summary-top {
        padding-block: 5.421vw;
    }

    .calculation-column {
        padding-top: 5.421vw;
    }

    .calculation-column.addon {
        padding-bottom: 5.421vw;
        margin-top: 5.421vw;
    }

    .total-amount {
        padding-inline: 8.695vw;
        padding-block: 5.421vw;
        margin-block: 5.421vw;
    }

    .calculation-wrapper h4:last-child {
        padding-inline: 8.695vw;
        padding-bottom: 5.421vw;
    }

    .purchasing-section:has(.detail) .step-wrapper {
        right: -21% !important;

    }

    .summary-logo-wrapper {
        padding-top: 14.97px;
    }

    .summary-right {
        border-radius: 16px;
    }

    .insured-left {
        border-radius: 20px;
    }

    .insured-left .contact-form {
        padding: 5.778vw;
    }

    .insured-left h3 {
        padding-inline: 5.778vw;
        padding-top: 5.778vw;
    }

    .purchasing-section:has(.detail) .step-wrapper {
        right: 198% !important;
    }

    .payment-section {
        padding-inline: 8.331vw;
        padding-block: 3.956vw 7vw;;
    }

    .payment-section h3 {
        font-size: 5.385vw;
        margin-bottom: 8.351vw;
    }

    .payment-section:after {
        content: '';
        width: 100%;
        background: #D7D7D7;
        height: 1px;
        position: absolute;
        top: 15.897vw;
        left: 0;
    }

    .detail-wrapper {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 5.292vw;
        column-gap: unset;
        margin-bottom: 6.292vw;
    }

    .detail {
        gap: 2.486vw;
    }

    .detail h4.v2 {
        font-size: 3.749vw;
    }

    .variant-wrapper {
        gap: 2.5vw;
        margin-bottom: 7.292vw;
    }

    .variant-wrapper input {
        height: 7.194vw;
    }
    
    .cta-left img {
    transform: translateY(1.417vw);
}











}