body {
    font-family: 'Poppins', sans-serif;
    color: var(--text-main);
    line-height: 1.6;
    overflow-x: hidden;

}

html {
    overflow-x: hidden;
}

.section-padding {
    padding: 50px 0;
}

/*==========================
HEADER
===========================*/

.main-header {

    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;

    padding: 20px 0;

}

.navbar-brand img {

    height: 100px;

}

.header-call-btn {

    background: #0d6efd;

    color: #fff;

    text-decoration: none;

    padding: 14px 28px;

    border-radius: 50px;

    font-weight: 600;

    transition: .4s;

}

.header-call-btn:hover {

    background: #062d72;

    color: #fff;

    transform: translateY(-3px);

}

/*======================
HERO
=======================*/

.hero-section {

    position: relative;

    overflow: hidden;

    padding: 170px 0 120px;

    background: linear-gradient(135deg, #f7fbff, #edf5ff);

}

.hero-title {

    font-size: 58px;

    font-weight: 700;

    color: #082c53;

    line-height: 1.2;

    margin-bottom: 25px;

}

.hero-text {

    font-size: 19px;

    color: #666;

    margin-bottom: 35px;

}

.hero-buttons {

    display: flex;

    gap: 20px;

    flex-wrap: wrap;

}

.hero-btn {

    background: #0d6efd;

    color: #fff;

    padding: 15px 35px;

    border-radius: 60px;

    font-weight: 600;

}

.hero-btn:hover {

    background: #062d72;

    color: #fff;

}

.hero-btn-outline {

    border: 2px solid #0d6efd;

    color: #0d6efd;

    padding: 15px 35px;

    border-radius: 60px;

    font-weight: 600;

}

.hero-btn-outline:hover {

    background: #0d6efd;

    color: #fff;

}

.hero-badge {

    display: inline-block;

    padding: 12px 25px;

    background: #e7f0ff;

    color: #0d6efd;

    border-radius: 50px;

    margin-bottom: 25px;

    font-weight: 600;

}

.hero-features {

    display: flex;

    flex-wrap: wrap;

    gap: 30px;

    margin-top: 45px;

}

.hero-features div {

    font-weight: 600;

    color: #173a65;

}

.hero-features i {

    color: #0d6efd;

    margin-right: 8px;

}

.hero-image-wrapper {

    position: relative;

}

.hero-card {

    background: #fff;

    padding: 18px;

    border-radius: 35px;

    box-shadow: 0 30px 60px rgba(0, 0, 0, .15);

}

.hero-card img {

    border-radius: 25px;

}

.floating-box {

    position: absolute;

    background: #fff;

    padding: 18px 25px;

    border-radius: 20px;

    box-shadow: 0 15px 35px rgba(0, 0, 0, .12);

    font-weight: 600;

}

.floating-box i {

    color: #0d6efd;

    margin-right: 10px;

}

.floating-one {

    left: -40px;

    top: 60px;

}

.floating-two {

    right: -30px;

    bottom: 60px;

}

.hero-shape {

    position: absolute;

    border-radius: 50%;

    background: #dcebff;

}

.hero-shape-1 {

    width: 300px;

    height: 300px;

    left: -100px;

    top: -100px;

}

.hero-shape-2 {

    width: 400px;

    height: 400px;

    right: -150px;

    bottom: -150px;

}

/*======================
Responsive
=======================*/

@media(max-width:991px) {

    .hero-section {

        padding-top: 140px;

        text-align: center;

    }

    .hero-title {

        font-size: 40px;

    }

    .hero-buttons {

        justify-content: center;

    }

    .hero-features {

        justify-content: center;

    }

    .hero-image-wrapper {

        margin-top: 60px;

    }

    .floating-one {

        left: 0;

    }

    .floating-two {

        right: 0;

    }

}

@media(max-width:576px) {

    .hero-title {

        font-size: 32px;

    }

    .header-call-btn {

        padding: 12px 20px;

        font-size: 14px;

    }

    .navbar-brand img {

        height: 55px;

    }

}

/*==================================
CONSULTATION SECTION
===================================*/

.consultation-section {

    background: #ffffff;

    padding: 100px 0;

}

.consultation-image-wrapper {

    position: relative;

}

.image-bg {

    position: absolute;

    width: 90%;

    height: 90%;

    background: #e8f1ff;

    border-radius: 35px;

    left: -20px;

    top: 30px;

    z-index: 1;

}

.consultation-img {

    position: relative;

    border-radius: 30px;

    box-shadow: 0 25px 60px rgba(0, 0, 0, .15);

    z-index: 2;

}

.experience-box {

    position: absolute;

    bottom: 30px;

    right: -20px;

    background: #0d6efd;

    color: #fff;

    padding: 25px;

    border-radius: 20px;

    text-align: center;

    box-shadow: 0 15px 35px rgba(13, 110, 253, .35);

    z-index: 3;

}

.experience-box h2 {

    margin: 0;

    font-size: 36px;

    font-weight: 700;

}

.experience-box span {

    font-size: 15px;

}

/* CARD */

.consultation-card {

    background: #ffffff;

    border-radius: 30px;

    padding: 45px;

    box-shadow: 0 20px 60px rgba(0, 0, 0, .08);

    border: 1px solid #eef3fb;

}

.small-title {

    color: #0d6efd;

    font-size: 14px;

    letter-spacing: 2px;

    font-weight: 700;

}

.consultation-heading {

    font-size: 38px;

    font-weight: 700;

    color: #082c53;

    margin-top: 10px;

}

.consultation-subtitle {

    color: #777;

    margin-bottom: 35px;

}

/* INPUTS */

.premium-input {

    border: none;

    border-radius: 15px;

    background: #f5f8fc;

    padding: 18px;

    box-shadow: none !important;

}

.form-floating label {

    color: #888;

}

.premium-input:focus {

    background: #fff;

    border: 2px solid #0d6efd;

}

/* BUTTON */

.consultation-btn {

    width: 100%;

    border: none;

    padding: 18px;

    background: linear-gradient(135deg, #0d6efd, #0b5ed7);

    color: #fff;

    font-weight: 700;

    border-radius: 15px;

    transition: .4s;

}

.consultation-btn:hover {

    transform: translateY(-3px);

    box-shadow: 0 15px 35px rgba(13, 110, 253, .35);

}

/* Responsive */

@media(max-width:991px) {

    .consultation-card {

        margin-top: 20px;

    }

    .image-bg {

        display: none;

    }

    .experience-box {

        right: 15px;

        bottom: 15px;

        padding: 18px;

    }

    .consultation-heading {

        font-size: 30px;

    }

}

@media(max-width:576px) {

    .consultation-card {

        padding: 30px 20px;

    }

    .consultation-heading {

        font-size: 28px;

    }

    .experience-box {

        position: relative;

        margin-top: 20px;

        right: auto;

        bottom: auto;

        display: inline-block;

    }

}

/*=========================================
WELCOME SECTION
==========================================*/

.welcome-section {

    padding: 100px 0;

    background: #f8fbff;

    position: relative;

    overflow: hidden;

}

.welcome-content {

    background: #fff;

    padding: 50px;

    border-radius: 30px;

    box-shadow: 0 25px 60px rgba(0, 0, 0, .08);

}

.section-tag {

    display: inline-block;

    background: #e7f1ff;

    color: #0d6efd;

    padding: 10px 20px;

    border-radius: 30px;

    font-weight: 600;

    margin-bottom: 20px;

}

.welcome-title {

    font-size: 42px;

    font-weight: 700;

    color: #0b2b52;

    margin-bottom: 20px;

}

.title-border {

    width: 80px;

    height: 4px;

    background: #0d6efd;

    border-radius: 30px;

    margin-bottom: 30px;

}

.welcome-content p {

    color: #666;

    line-height: 1.9;

    margin-bottom: 20px;

    font-size: 17px;

}

.welcome-btn {

    display: inline-block;

    margin-top: 20px;

    padding: 16px 35px;

    background: #0d6efd;

    color: #fff;

    border-radius: 50px;

    text-decoration: none;

    font-weight: 600;

    transition: .4s;

}

.welcome-btn:hover {

    background: #082c53;

    color: #fff;

    transform: translateY(-4px);

}

/* IMAGE */

.welcome-image {

    position: relative;

    text-align: center;

}

.circle-bg {

    position: absolute;

    width: 420px;

    height: 420px;

    background: #dbeaff;

    border-radius: 50%;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 1;

}

.welcome-image img {

    position: relative;

    z-index: 2;

    box-shadow: 0 30px 60px rgba(0, 0, 0, .15);

}

.image-card {

    position: absolute;

    bottom: 20px;

    left: 0;

    background: #fff;

    padding: 20px 25px;

    border-radius: 20px;

    display: flex;

    align-items: center;

    gap: 15px;

    box-shadow: 0 15px 40px rgba(0, 0, 0, .12);

    z-index: 3;

}

.image-card i {

    width: 60px;

    height: 60px;

    background: #0d6efd;

    color: #fff;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 50%;

    font-size: 24px;

}

.image-card h5 {

    margin: 0;

    font-weight: 700;

    color: #082c53;

}

.image-card span {

    color: #777;

    font-size: 14px;

}

/* Responsive */

@media(max-width:991px) {

    .welcome-content {

        padding: 35px;

    }

    .welcome-title {

        font-size: 34px;

    }

    .circle-bg {

        display: none;

    }

    .image-card {

        position: relative;

        margin: 25px auto 0;

        display: inline-flex;

        left: auto;

    }

}

@media(max-width:576px) {

    .welcome-title {

        font-size: 28px;

    }

    .welcome-content {

        padding: 25px;

    }

    .image-card {

        flex-direction: column;

        text-align: center;

    }

}

/*======================================
WHO WE ARE
======================================*/

.who-section {

    background: #ffffff;

    padding: 100px 0;

    position: relative;

}

.who-image-wrapper {

    position: relative;

}

.who-bg-shape {

    position: absolute;

    width: 90%;

    height: 90%;

    background: #eef5ff;

    border-radius: 35px;

    top: 35px;

    left: -20px;

}

.who-image {

    position: relative;

    border-radius: 30px;

    z-index: 2;

    box-shadow: 0 30px 60px rgba(0, 0, 0, .15);

}

.who-floating-card {

    position: absolute;

    bottom: 25px;

    right: -25px;

    background: #fff;

    border-radius: 20px;

    padding: 18px 22px;

    display: flex;

    align-items: center;

    gap: 15px;

    box-shadow: 0 20px 40px rgba(0, 0, 0, .12);

    z-index: 3;

}

.who-floating-card i {

    width: 60px;

    height: 60px;

    background: #0d6efd;

    color: #fff;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 24px;

}

.who-floating-card h5 {

    margin: 0;

    color: #082c53;

    font-weight: 700;

}

.who-floating-card span {

    color: #777;

    font-size: 14px;

}

/* CONTENT */

.who-content {

    padding-left: 25px;

}

.who-title {

    font-size: 42px;

    font-weight: 700;

    color: #082c53;

    margin-bottom: 20px;

}

.who-content p {

    color: #666;

    line-height: 1.9;

    margin-bottom: 20px;

    font-size: 17px;

}

.who-btn {

    display: inline-block;

    margin-top: 15px;

    background: #0d6efd;

    color: #fff;

    text-decoration: none;

    padding: 15px 35px;

    border-radius: 50px;

    font-weight: 600;

    transition: .4s;

}

.who-btn:hover {

    background: #082c53;

    color: #fff;

    transform: translateY(-4px);

    box-shadow: 0 15px 35px rgba(13, 110, 253, .30);

}

/* Responsive */

@media(max-width:991px) {

    .who-content {

        padding-left: 0;

        margin-top: 40px;

    }

    .who-bg-shape {

        display: none;

    }

    .who-floating-card {

        position: relative;

        right: auto;

        bottom: auto;

        margin: 20px auto 0;

        display: inline-flex;

    }

}

@media(max-width:576px) {

    .who-title {

        font-size: 30px;

    }

    .who-floating-card {

        flex-direction: column;

        text-align: center;

    }

}

/*=========================
SERVICES SECTION
=========================*/

.services-section {

    background: #f7fbff;

    padding: 100px 0;
    position: relative;

}

.services-title {

    font-size: 42px;
    font-weight: 700;
    color: #082c53;
    margin-top: 10px;

}

.services-subtitle {

    max-width: 650px;
    margin: 15px auto 0;
    color: #6c757d;
    font-size: 17px;

}

.service-card {

    background: #fff;

    border-radius: 25px;

    padding: 45px 30px;

    text-align: center;

    transition: .4s;

    height: 100%;

    position: relative;

    overflow: hidden;

    box-shadow: 0 15px 40px rgba(0, 0, 0, .08);

}

.service-card::before {

    content: "";

    position: absolute;

    width: 100%;

    height: 5px;

    left: 0;
    top: 0;

    background: linear-gradient(90deg, #0d6efd, #53b6ff);

}

.service-card:hover {

    transform: translateY(-12px);

    box-shadow: 0 30px 60px rgba(0, 0, 0, .15);

}

.service-icon {

    width: 90px;

    height: 90px;

    margin: auto;

    border-radius: 50%;

    background: linear-gradient(135deg, #0d6efd, #4ca7ff);

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    font-size: 34px;

    margin-bottom: 25px;

    transition: .4s;

}

.service-card:hover .service-icon {

    transform: rotateY(180deg);

}

.service-card h5 {

    font-size: 22px;

    font-weight: 600;

    color: #082c53;

    margin: 0;

}

/* Responsive */

@media(max-width:768px) {

    .services-title {

        font-size: 32px;

    }

    .service-card {

        padding: 35px 20px;

    }

    .service-icon {

        width: 75px;
        height: 75px;
        font-size: 28px;

    }

}

/*==================================
WHY CHOOSE US
==================================*/

.why-section {

    position: relative;

    padding: 100px 0;

    background: linear-gradient(135deg, #0b4db8, #0d6efd);

    overflow: hidden;

}

/* Decorative circles */

.why-section::before {

    content: "";

    position: absolute;

    width: 300px;

    height: 300px;

    background: rgba(255, 255, 255, .06);

    border-radius: 50%;

    top: -120px;

    left: -100px;

}

.why-section::after {

    content: "";

    position: absolute;

    width: 350px;

    height: 350px;

    background: rgba(255, 255, 255, .05);

    border-radius: 50%;

    bottom: -180px;

    right: -120px;

}

.why-title {

    font-size: 42px;

    font-weight: 700;

    color: #fff;

    margin-top: 10px;

}

.why-subtitle {

    color: rgba(255, 255, 255, .85);

    max-width: 720px;

    margin: 15px auto 0;

    font-size: 17px;

}

/* Card */

.why-card {

    background: rgba(255, 255, 255, .12);

    backdrop-filter: blur(12px);

    border: 1px solid rgba(255, 255, 255, .20);

    border-radius: 25px;

    padding: 45px 20px;

    text-align: center;

    transition: .4s;

    height: 100%;

}

.why-card:hover {

    transform: translateY(-10px);

    background: #fff;

}

/* Icon */

.why-icon {

    width: 95px;

    height: 95px;

    margin: auto;

    border-radius: 50%;

    border: 3px solid rgba(255, 255, 255, .35);

    display: flex;

    justify-content: center;

    align-items: center;

    color: #fff;

    font-size: 36px;

    margin-bottom: 25px;

    transition: .4s;

}

.why-card:hover .why-icon {

    background: #0d6efd;

    border-color: #0d6efd;

    color: #fff;

    transform: rotate(360deg);

}

.why-card h5 {

    color: #fff;

    font-size: 22px;

    font-weight: 600;

    transition: .3s;

}

.why-card:hover h5 {

    color: #082c53;

}

/* Responsive */

@media(max-width:991px) {

    .why-title {

        font-size: 34px;

    }

}

@media(max-width:576px) {

    .why-title {

        font-size: 28px;

    }

    .why-card {

        padding: 35px 20px;

    }

    .why-icon {

        width: 75px;

        height: 75px;

        font-size: 28px;

    }

}

/*=====================================
TESTIMONIAL SECTION
======================================*/

.testimonial-section {

    padding: 100px 0;

    background: #f8fbff;

    position: relative;

}

.testimonial-title {

    font-size: 42px;

    font-weight: 700;

    color: #082c53;

    margin-top: 10px;

}

.testimonial-subtitle {

    color: #6c757d;

    max-width: 650px;

    margin: 15px auto 0;

    font-size: 17px;

}

/* Card */

.testimonial-card {

    position: relative;

    background: #fff;

    border-radius: 25px;

    padding: 40px;

    box-shadow: 0 20px 50px rgba(0, 0, 0, .08);

    transition: .4s;

    height: 100%;

    overflow: hidden;

}

.testimonial-card:hover {

    transform: translateY(-12px);

    box-shadow: 0 30px 70px rgba(0, 0, 0, .15);

}

/* Quote */

.quote-icon {

    width: 70px;

    height: 70px;

    background: linear-gradient(135deg, #0d6efd, #4aa8ff);

    color: #fff;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 26px;

    margin-bottom: 30px;

}

/* Text */

.testimonial-text {

    font-size: 19px;

    line-height: 1.8;

    color: #555;

    min-height: 90px;

}

/* Footer */

.testimonial-footer {

    display: flex;

    align-items: center;

    margin-top: 30px;

}

.avatar {

    width: 65px;

    height: 65px;

    border-radius: 50%;

    background: #0d6efd;

    color: #fff;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 26px;

    margin-right: 18px;

}

.testimonial-footer h5 {

    margin: 0;

    color: #082c53;

    font-weight: 700;

}

.stars {

    margin-top: 5px;

    color: #ffc107;

    font-size: 18px;

}

/* Decorative */

.testimonial-card::before {

    content: "";

    position: absolute;

    width: 120px;

    height: 120px;

    background: #e8f1ff;

    border-radius: 50%;

    top: -60px;

    right: -60px;

}

/* Responsive */

@media(max-width:768px) {

    .testimonial-title {

        font-size: 32px;

    }

    .testimonial-card {

        padding: 30px;

    }

    .testimonial-text {

        min-height: auto;

    }

}

/*====================================
FAQ SECTION
=====================================*/

.faq-section {

    background: #f7fbff;

    padding: 100px 0;

}



/* LEFT PANEL */

.faq-left {

    background: linear-gradient(145deg, #0d6efd, #084298);

    padding: 55px 45px;

    border-radius: 35px;

    color: #fff;

    position: relative;

    overflow: hidden;

}



.faq-left::after {

    content: "";

    position: absolute;

    width: 250px;

    height: 250px;

    background: rgba(255, 255, 255, .08);

    border-radius: 50%;

    right: -80px;

    bottom: -80px;

}



.faq-left .section-tag {

    background: rgba(255, 255, 255, .15);

    color: #fff;

}



.faq-main-title {

    font-size: 45px;

    line-height: 1.2;

    font-weight: 700;

    margin: 25px 0;

}



.faq-left p {

    color: rgba(255, 255, 255, .85);

    line-height: 1.8;

    font-size: 17px;

}



.faq-btn {

    display: inline-block;

    margin-top: 25px;

    background: #fff;

    color: #0d6efd;

    padding: 15px 35px;

    border-radius: 50px;

    text-decoration: none;

    font-weight: 700;

    transition: .3s;

}



.faq-btn:hover {

    transform: translateY(-4px);

    background: #082c53;

    color: #fff;

}



/* RIGHT PANEL */


.faq-box {

    background: #fff;

    padding: 45px;

    border-radius: 30px;

    box-shadow: 0 20px 50px rgba(0, 0, 0, .08);

}



.faq-title {

    color: #082c53;

    font-weight: 700;

    font-size: 35px;

    margin-bottom: 35px;

}



/* ACCORDION */


.custom-faq .accordion-item {

    border: none;

    margin-bottom: 20px;

    border-radius: 18px;

    overflow: hidden;

    box-shadow: 0 10px 30px rgba(0, 0, 0, .06);

}



.custom-faq .accordion-button {

    background: #fff;

    color: #082c53;

    font-size: 18px;

    font-weight: 600;

    padding: 22px 25px;

    box-shadow: none;

}



.custom-faq .accordion-button:not(.collapsed) {

    background: #0d6efd;

    color: #fff;

}



.custom-faq .accordion-button::after {

    filter: none;

}



.custom-faq .accordion-button:not(.collapsed)::after {

    filter: brightness(0) invert(1);

}



.custom-faq .accordion-body {

    padding: 25px;

    color: #666;

    line-height: 1.8;

    background: #fff;

}



/* RESPONSIVE */


@media(max-width:991px) {


    .faq-main-title {

        font-size: 36px;

    }


    .faq-box {

        padding: 30px;

    }


}



@media(max-width:576px) {


    .faq-left {

        padding: 35px 25px;

    }


    .faq-main-title {

        font-size: 30px;

    }


    .faq-title {

        font-size: 26px;

    }


}

/*=====================================
PREMIUM FOOTER
======================================*/


.premium-footer {

    background: #061b35;

    padding: 90px 0 20px;

    color: #fff;

    position: relative;

    overflow: hidden;

}


.premium-footer::before {

    content: "";

    position: absolute;

    width: 350px;

    height: 350px;

    background: rgba(13, 110, 253, .15);

    border-radius: 50%;

    top: -150px;

    right: -100px;

}



.premium-footer::after {

    content: "";

    position: absolute;

    width: 250px;

    height: 250px;

    background: rgba(255, 255, 255, .05);

    border-radius: 50%;

    bottom: -100px;

    left: -80px;

}




/* LOGO */

.footer-logo img {

    width: 250px;

    margin-bottom: 25px;
    filter: brightness(0)invert(1);

}



.footer-about h5 {

    font-size: 25px;

    font-weight: 700;

    margin-bottom: 15px;

}



.footer-about p {

    color: rgba(255, 255, 255, .7);

    line-height: 1.8;

    font-size: 16px;

}





/* CONTACT */


.footer-contact h4,
.footer-form h4 {

    font-size: 24px;

    font-weight: 700;

    margin-bottom: 30px;

}



.contact-item {

    display: flex;

    align-items: center;

    gap: 20px;

    margin-bottom: 25px;

}



.contact-icon {

    width: 55px;

    height: 55px;

    background: #0d6efd;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

}



.contact-icon i {

    font-size: 22px;

}



.contact-item h5 {

    font-size: 16px;

    line-height: 1.6;

    margin: 0;

    color: rgba(255, 255, 255, .85);

    font-weight: 500;

}



/* FORM */


.footer-form {

    background: rgba(255, 255, 255, .08);

    padding: 35px;

    border-radius: 25px;

    backdrop-filter: blur(10px);

}



.footer-input {

    width: 100%;

    padding: 15px 20px;

    margin-bottom: 18px;

    border: none;

    outline: none;

    border-radius: 12px;

    background: #fff;

}



.footer-form button {

    width: 100%;

    padding: 15px;

    border: none;

    border-radius: 50px;

    background: #0d6efd;

    color: #fff;

    font-weight: 700;

    transition: .3s;

}



.footer-form button:hover {

    background: #fff;

    color: #0d6efd;

}





/* BOTTOM */


.footer-bottom {

    border-top: 1px solid rgba(255, 255, 255, .15);

    margin-top: 60px;

    padding-top: 25px;

    text-align: center;

}



.footer-bottom p {

    margin: 0;

    color: rgba(255, 255, 255, .65);

}




/* RESPONSIVE */


@media(max-width:768px) {


    .footer-form {

        padding: 25px;

    }


    .contact-item {

        align-items: flex-start;

    }


}

/*==============================
FLOATING BUTTONS
==============================*/


.floating-buttons {

    position: fixed;

    right: 25px;

    bottom: 30px;

    display: flex;

    flex-direction: column;

    gap: 18px;

    z-index: 9999;

}



.floating-btn {

    width: 60px;

    height: 60px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    font-size: 26px;

    text-decoration: none;

    box-shadow: 0 15px 35px rgba(0, 0, 0, .25);

    transition: .3s;

    animation: pulse 2s infinite;

}



.floating-btn:hover {

    transform: translateY(-5px);

    color: #fff;

}



.whatsapp {

    background: #25D366;

}



.call {

    background: #0d6efd;

}



@keyframes pulse {


    0% {

        box-shadow: 0 0 0 0 rgba(13, 110, 253, .5);

    }


    70% {

        box-shadow: 0 0 0 20px rgba(13, 110, 253, 0);

    }


    100% {

        box-shadow: 0 0 0 0 rgba(13, 110, 253, 0);

    }


}




.mobile-call-btn {

    display: none;

}



@media(max-width:768px) {


    .floating-buttons {

        right: 15px;

        bottom: 90px;

    }


    .floating-btn {

        width: 55px;

        height: 55px;

    }



    .mobile-call-btn {

        display: block;

        position: fixed;

        bottom: 0;

        left: 0;

        width: 100%;

        background: #0d6efd;

        color: #fff;

        padding: 15px;

        text-align: center;

        font-weight: 700;

        text-decoration: none;

        z-index: 9998;

    }


}

/*==========================
POPUP
===========================*/


.popup-overlay {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .65);

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 10000;

}



.popup-box {

    width: 420px;

    background: #fff;

    padding: 45px;

    border-radius: 30px;

    text-align: center;

    position: relative;

    animation: popup .4s ease;

}



@keyframes popup {


    from {

        transform: scale(.7);

        opacity: 0;

    }


    to {

        transform: scale(1);

        opacity: 1;

    }


}



.popup-close {

    position: absolute;

    right: 20px;

    top: 15px;

    border: none;

    background: none;

    font-size: 35px;

    color: #555;

}



.popup-icon {

    font-size: 50px;

    margin-bottom: 20px;

}



.popup-box h2 {

    font-size: 32px;

    font-weight: 700;

    color: #082c53;

}



.popup-box p {

    color: #666;

    line-height: 1.7;

    margin: 20px 0;

}



.popup-call {

    display: block;

    background: #0d6efd;

    color: #fff;

    padding: 16px;

    border-radius: 50px;

    text-decoration: none;

    font-weight: 700;

    margin: 25px 0;

}



.popup-call:hover {

    background: #082c53;

    color: #fff;

}



.popup-box span {

    font-size: 14px;

    color: #777;

}



@media(max-width:480px) {

    .popup-box {

        width: 90%;

        padding: 30px 20px;

    }


    .popup-box h2 {

        font-size: 26px;

    }

}

/*========================
GLOBAL IMPROVEMENTS
=========================*/


* {

    scroll-behavior: smooth;

}



body {

    font-family: 'Poppins', sans-serif;

    color: #333;

    overflow-x: hidden;

}



img {

    max-width: 100%;

}



.section-padding {

    padding: 100px 0;

}



.section-tag {

    font-size: 14px;

    letter-spacing: 1px;

}



.btn {

    transition: .3s;

}



a {

    transition: .3s;

}



/* Fade animation */

.section-padding {

    animation: fadeUp .8s ease;

}



@keyframes fadeUp {


    from {

        opacity: 0;

        transform: translateY(40px);

    }


    to {

        opacity: 1;

        transform: translateY(0);

    }


}



/* Selection */

::selection {

    background: #0d6efd;

    color: #fff;

}



/* Scrollbar */


::-webkit-scrollbar {

    width: 10px;

}



::-webkit-scrollbar-track {

    background: #f1f1f1;

}



::-webkit-scrollbar-thumb {

    background: #0d6efd;

    border-radius: 20px;

}

.footer-contact a {
    color: white;
    text-decoration: none;
}