body {
    overflow-y: hidden;
}

/*.landing-hero-banner start*/
.landing-hero-banner {
    top: 43px !important;
}

.landing-hero-banner .contolib-slider-item {
    height: 450px !important;
    background-position: top !important;
    background-repeat: no-repeat;
    background-size: cover;
}

.hero-box {
    display: grid;
    align-items: center;
    height: 100%;

}

.hero-box .hero-card {
    background: #00000033;
    padding: 15px;
    margin-top: 70px;
    border-radius: 4px;
}

.hero-box .hero-card h2 {
    font-size: 40px;
    color: #fff;
    font-family: Poppins, Roboto, Arial, sans-serif;
}

.hero-box .hero-card h3 {
    font-size: 20px;
    color: #fff;
    font-family: Poppins, Roboto, Arial, sans-serif;
}

.hero-box .hero-card p {
    font-size: 16px;
    color: #fff;
    font-family: Poppins, Roboto, Arial, sans-serif;
}

.hero-box .hero-card .default-btn {
    gap: 5px;
    padding: 15px 10px;
    font-size: 14px;
    margin-top: 10px;
    display: inline-flex;
    align-items: center;
}

.hero-box .hero-card .default-btn span img {
    width: 20px;
}

/*.landing-hero-banner end*/

/*value-props start*/
.value-props-cards {
    background: #f0f5fb;
    padding: 25px 15px;
    height: 100%;
    border-radius: 4px;
}

.value-props-cards img {
    width: 50px;
    margin-bottom: 5px;
}

.value-props-cards h3 {
    font-size: 16px;
    margin-bottom: 2px;
}

.value-props-cards p {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin-bottom: 2px;
    line-height: 1.3;
}

/*value-props end*/
/*package-deals start*/
.package-deals {
    background: #ecf0f4;
    padding: 60px 20px;
}

.package-deals .value-props-cards {
    background: #fff;
    padding: 25px 15px 25px;
    height: 100%;
    border-radius: 4px;
    position: relative;
    transition: 0.3s;
}

.package-deals .value-props-cards:hover {
    background: #000;
    color: #fff;
    transform: scale(1.03);
}

.package-deals .value-props-cards:hover h3 {
    color: #fff;
}

.package-deals .value-props-cards:hover h2 {
    color: #fff;
}

.package-deals .value-props-cards:hover h4 {
    color: #fff;
}

.package-deals .value-props-cards:hover p {
    color: #fff;
}

.package-deals .value-props-cards:hover li {
    color: #fff;
}

.package-deals h1 {
    font-size: 2rem;
    margin-bottom: 10px;
    font-weight: 500;
    font-family: Times;
}

.package-deals .value-props-cards h2 {
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: 500;
    font-family: Poppins, Roboto, Arial, sans-serif;
}

.package-deals .value-props-cards h3 {
    font-size: 30px;
    margin-bottom: 10px;
    font-weight: 600;
}

.package-deals .value-props-cards p {
    font-size: 15px;
    font-weight: 400;
    color: #000;
    margin-bottom: 10px;
    line-height: 1.3;
}

.package-deals .value-props-cards ul {
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
}

.package-deals .value-props-cards ul li {
    font-style: 13px;
    font-weight: 400;
    color: #000;
    margin-bottom: 5px;
}

.package-deals .value-props-cards a {
    position: absolute;
    bottom: 15px;
    left: 15px;
}

/*package-deals end*/

/*Add-On Start*/
.add-on-box {
    background: #172541;
    padding: 30px 20px;
}

.add-on-box .addon-card h3 {
    font-size: 24px;
    color: #fff;
}

.add-on-box .addon-card p {
    font-size: 16px;
    color: #fff;
}

.add-on-box .addon-card .default-btn {
    border: 1.5px solid #fff;
}

/*Add-On end*/

/*testimonial start*/
.testimonial-landing h2 {
    text-align: center;
    margin-bottom: 20px;
}

.testimonial-landing .value-props-cards {
    background: #f0f5fb;
    padding: 30px 15px;
    height: 100%;
    border-radius: 4px;
}

.testimonial-landing .value-props-cards h3 {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    line-height: 1.3;
}

.testimonial-landing .value-props-cards p {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
}

.testimonial-landing .value-props-cards .flag {
    width: 20px;
    border-radius: 0px;
}

.testimonial-landing .value-props-cards ul {
    display: flex;
    gap: 2px;
}

.testimonial-landing .value-props-cards ul li i {
    color: #ff9e21;
}

.testimonial-landing .value-props-cards img {
    width: 50px;
    border-radius: 100vmax;
    margin-bottom: 5px;
}

.testimonial-landing .swiper-wrapper {
    height: auto !important;
}

.testimonial-landing .swiper-slide {
    height: auto !important;
}

.testimonial-landing .swiper {
    padding-bottom: 35px;
}

.swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    background: #ddd;
    border: 2px solid #999;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    margin: 0 5px;
    transition: all 0.3s ease;
}

.swiper-pagination-bullet:hover {
    background-color: #bbb;
}

.swiper-pagination-bullet-active {
    background-color: #172541;
    border-color: #172541;
    transform: scale(1.3);
}

/*testimonial end*/


/*guarantee-box start*/
.guarantee-box {
    padding: 20px;
}

.guarantee-box .guarantee-crad {
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 20px;
    border-radius: 4px;
    background: #fff;
    border: 1.5px solid #f7f7f7;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.guarantee-box .guarantee-crad ul {
    list-style: disc;
    padding-left: 20px;
}

.guarantee-box .guarantee-crad ul li {
    color: #000;
    margin-bottom: 5px;
}

.guarantee-box .guarantee-crad .logos-box {
    background: #000;
    padding: 15px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}

.guarantee-box .guarantee-crad .logos-box img {
    width: 120px;
    aspect-ratio: 16/9;
    object-fit: contain;
    margin: 0 auto;
}

/*guarantee-box end*/

/*faq start*/
.faq-box {
    background: #172541;
    padding: 30px 20px;
}

.faq-box ul {
    list-style: disc;
    padding-left: 20px;
}

.faq-box ul li {
    padding: 6px 0px;
}

.faq-box button.accordion-button.collapsed {
    padding: 15px 10px;
}

.faq-box button.accordion-button {
    padding: 15px 10px;
}

.faq-box .accordion-item {
    background: #fff;
    border-radius: 4px;
}

.faq-box .accordion.accordion-flush {
    background: transparent;
    padding: 0rem;
}

/*faq end*/

/*lead-capture start*/
.lead-capture {}

.lead-capture .lead-capture-crad {
    text-align: center;
    background: #f4f4f4;
    color: #000;
    cursor: pointer;
    height: 100%;
    font-size: 14px;
    font-weight: 400;
    padding: 15px 15px 5px;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 0 #f4f4f4, 0 1px 0 0 #efefef, 0 2px 0 0 #ececec, 0 4px 0 0 #e0e0e0, 0 5px 0 0 #dedede, 0 6px 0 0 #dcdcdc, 0 7px 0 0 #cacaca, 0 7px 8px 0 #cecece;
}

.lead-capture .lead-capture-crad:hover {
    box-shadow: inset 0 1px 0 0 #f4f4f4, 0 1px 0 0 #efefef, 0 1px 0 0 #ececec, 0 2px 0 0 #e0e0e0, 0 2px 0 0 #dedede, 0 3px 0 0 #dcdcdc, 0 4px 0 0 #cacaca, 0 4px 6px 0 #cecece;
    transform: translateY(4px);
}

.lead-capture .lead-capture-crad img {
    width: 75px;
    margin-bottom: 10px;
}

.lead-capture .lead-form {
    padding: 40px 15px 10px;
    background: #fff;
    border: 1.5px solid #f7f7f7;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

/*lead-capture end*/


/*final CTA start*/
.finalcta-box {
    background: #ecf0f4;
    padding: 30px 20px;
}

.finalcta-box .cta-card img {
    width: 30px;
}

/*Final CTA end*/

/*mobile media quary*/
@media(max-width:767px) {

    /*.landing-hero-banner start*/
    .landing-hero-banner {
        top: 0px !important;
    }

    .landing-hero-banner .contolib-slider-item {
        height: 350px !important;
        background-position: left top !important;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .hero-box .hero-card h2 {
        font-size: 20px;
        color: #fff;
    }

    .hero-box .hero-card h3 {
        font-size: 13px;
        color: #fff;
    }

    .hero-box .hero-card p {
        font-size: 12px;
        color: #fff;
        margin-bottom: 0px;
    }

    .guarantee-box .guarantee-crad .logos-box {
        grid-template-columns: 1fr;
        gap: 15px;
        align-items: center;
    }

    .hero-box .hero-card {
        background: transparent;
        padding: 5px;
        margin-top: 0px;
        border-radius: 0px;
    }
}

.social-area a i {
    display: grid !important;
    align-items: center;
    height: 100%;
}