*, ul, li {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}

.btn.focus, .btn:focus {
    box-shadow: 0 0 0 .2rem rgb(177 18 38 / 35%) !important;
}

.white-btn {
    background-color: #ffff;
    color: #b11226;
    font-size: 18px;
    border-radius: 36px;
    padding: 13px 30px;
}

    .white-btn:hover {
        background-color: #b11226;
        color: #ffff;
    }

    .white-btn:focus {
        box-shadow: 0 0 0 .2rem rgb(177 18 38 / 35%) !important;
        border: none !important;
    }

a {
    display: block;
    text-decoration: none !important;
}

button a {
    color: white !important;
    outline: none;
}

button:hover a {
    color: #B00023 !important;
}

.navbar-closed {
    display: none;
}

.footericon {
    position: fixed;
    bottom: 20px;
    top: auto;
    z-index: 1111;
    width: 40px;
    height: 40px;
    background-color: #B11226;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 27px;
}

    .footericon img {
        width: 30px;
        height: 30px;
    }

.hidden {
    opacity: 0;
    transform: translateY(80px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.visible {
    opacity: 1;
    transform: translateY(0);
}

button {
    font-size: 16px !important;
    font-family: pop_light !important;
    color: white !important;
    background-color: #B11226 !important;
    padding: 12px 30px !important;
    border-radius: 25px !important;
    font-weight: 600 !important;
}

    button:hover {
        color: #B11226 !important;
        background-color: transparent !important;
        border: 2px solid #B11226;
    }

@font-face {
    font-family: pop_light;
    src: url(../font/Poppins-Light.woff);
    src: url(../font/Poppins-Light.woff2);
}

@font-face {
    font-family: pop_med;
    src: url(../font/Poppins-Medium.woff);
    src: url(../font/Poppins-Medium.woff2);
}

@font-face {
    font-family: pop_sami;
    src: url(../font/Poppins-SemiBold.woff);
    src: url(../font/Poppins-SemiBold.woff2);
}

.Navigation {
    width: 100%;
    padding: 5px;
    background-color: white;
    /* position: sticky; */
    top: 0px;
    /*z-index: 11;*/
}

.container {
    max-width: 1200px !important;
    margin: auto;
}

.Navigation .navbar-brand {
    width: 174px;
    height: 82.5px;
    margin: auto;
}

    .Navigation .navbar-brand img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.Navigation ul li a {
    padding: 10px 20px !important;
    font-family: pop_light;
    font-weight: 600;
    color: black !important;
    ;
    font-size: 16px;
}

.Navigation ul li.active a, .Navigation ul li:hover a {
    color: #B11226 !important;
}


/*****************Hero section************/
#carouselExampleSlidesOnly {
    position: relative;
}

    #carouselExampleSlidesOnly .overlay {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-color: #13050591;
    }


    #carouselExampleSlidesOnly .carousel-caption {
        /* left: 12vw!important; */
        right: auto;
        display: block;
        top: 20px;
        text-align: left !important;
    }

    #carouselExampleSlidesOnly .firstitme {
        background-image: url('../images/image-2.webp');
        background-position: 12% 10%;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 620px;
        position: relative;
        padding-bottom: 50px;
    }

    #carouselExampleSlidesOnly .carousel-caption a.title {
        font-size: 25px;
        font-family: pop_light;
        font-weight: 600;
        color: white !important;
        margin-top: 0px;
        padding: 10px 0px;
        text-align: left !important;
        display: block;
        text-transform: capitalize;
    }

    #carouselExampleSlidesOnly .carousel-caption h1 {
        font-family: pop_light;
        font-size: 70px;
        font-weight: 700;
        padding: 15px 0px;
        line-height: 95px;
    }

    #carouselExampleSlidesOnly .carousel-caption h1 {
        font-family: pop_light;
        font-size: 70px;
        font-weight: 700;
        padding: 15px 0px;
        line-height: 95px;
    }

    #carouselExampleSlidesOnly .curvedline {
        position: absolute;
        top: -230px;
        left: 17%;
        width: 0;
        height: 40px;
        transition: width .0000001s ease-in-out;
        animation: fadeInOutLoop 9s ease-in-out infinite; /* Continuous loop */
        z-index: 11;
    }

.activediv {
    position: relative;
}

#carouselExampleSlidesOnly .curvedline img {
    width: 100%;
    height: 100%;
}

@keyframes fadeInOutLoop {
    0% {
        width: 0;
        opacity: 0;
    }
    /* Hidden */
    16.6% {
        width: 466px;
        opacity: 1;
    }
    /* Appears in 1s */
    83.3% {
        width: 466px;
        opacity: 1;
    }
    /* Stays visible for 4s */
    100% {
        width: 0;
        opacity: 0;
    }
    /* Stay hidden before looping */
}

.responsive {
    position: relative;
}

    .responsive .elementor-shape {
        direction: ltr;
        left: 0;
        line-height: 0;
        overflow: hidden;
        position: absolute;
        width: 100%;
        z-index: 111;
    }

        .responsive .elementor-shape svg {
            height: 75px !important;
            width: 100%;
        }

    .responsive .elementor-shape-bottom {
        bottom: -20px;
    }

    .responsive .elementor-shape[data-negative=false].elementor-shape-bottom, .responsive .elementor-shape[data-negative=true].elementor-shape-top {
        transform: rotate(180deg);
    }

    .responsive .elementor-shape .elementor-shape-fill {
        fill: white !important;
        ;
    }




.hero-section {
    position: relative;
    width: 100%;
    height: 75vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-align: center;
}
/*.swiper {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    animation: zoomInOut 15s infinite ease-in-out;*/ /* Apply zoom animation */
/*}
.swiper-slide {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #333;*/ /* Fallback background */
/*height: 620px;
}*/
/* Keyframe animation for zoom effect */
/*@keyframes zoomInOut {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);*/ /* Zoom in */
/*}
    100% {
        transform: scale(1.2);*/ /* Zoom out */
/*}
}*/

.swiper {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    animation: zoomInOut 15s infinite ease-in-out;
}

.swiper-slide {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #333;
    height: 620px;
}

/* Zoom animation */
@keyframes zoomInOut {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1.2);
    }
}

#carouselExampleSlidesOnly .content {
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    animation: fadeInUp 1.5s;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent overlay */
    padding: 150px 20px 20px 20px;
    border-radius: 8px;
}

/****************************************Service ****************/

.Service {
    background-color: #FFFFFF;
    padding: 110px 0px;
}

    .Service .content_left a {
        font-size: 18px;
        font-family: pop_light;
        color: #B11226;
        font-weight: 600;
        text-transform: capitalize;
    }

    .Service .content_left h2 {
        font-size: 45px;
        font-family: pop_sami;
        color: #000000;
        font-weight: 600;
        text-transform: capitalize;
        padding: 20px 0px 10px;
        line-height: 60px;
    }

    .Service .content_left p {
        font-size: 17px;
        font-family: pop_med;
        color: #000000;
        padding-right: 50px;
        line-height: 30px;
        padding-bottom: 20px;
    }

        .Service .content_left p span {
            color: #585858;
        }

    .Service .right_Content .imgDiv {
        width: 620px;
        height: 460px;
        margin: auto;
    }

        .Service .right_Content .imgDiv img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }


/**************************Cards****************/

.Cards {
    background-color: #F9F0E7;
    background-position: center;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 100px 0px;
    opacity: 1;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 100px 0px 100px 0px;
}


    .Cards .overlay {
        background-color: transparent;
        background-image: radial-gradient(at bottom center, #F9F1E7CC 0%, var(--e-global-color-cfa1f76) 75%);
        opacity: 1;
        transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
        inset: 0;
        position: absolute;
    }

    .Cards .heading {
        text-align: center;
    }

        .Cards .heading a {
            font-size: 18px;
            font-family: pop_light;
            font-weight: 600;
            color: #B11226;
            text-transform: capitalize;
        }

        .Cards .heading h3 {
            font-size: 45px;
            font-family: pop_sami;
            color: #000000;
            font-weight: 600;
            text-transform: capitalize;
            padding: 20px 0px 10px;
            line-height: 60px;
        }

    .Cards .flip-card {
        background-image: url('../images/SHAPE\ 2.0-01.svg');
        background-position: center;
        background-size: cover;
        background-position: center;
        height: 340px;
        width: 340px;
        padding: 50px;
        perspective: 1000px;
        margin-top: 10px;
    }

    .Cards .flip-card-inner {
        position: relative;
        width: 100%;
        height: 100%;
        text-align: center;
        transition: transform 0.6s;
        transform-style: preserve-3d;
    }


    .Cards .flip-card:hover .flip-card-inner {
        transform: rotateY(180deg);
    }

    .Cards .flip-card-front, .Cards .flip-card-back {
        position: absolute;
        width: 100%;
        height: 100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .Cards .flip-card-front {
        background-image: url('../images/SHAPE\ 1.0\ 1.svg');
        background-size: cover;
        background-position: center;
        height: 342px;
        width: 342px;
        left: -57px !important;
        top: -50px;
    }

    .Cards .flip-card-back {
        color: white;
        transform: rotateY(180deg);
        background-image: url('../images/SHAPE\ 1.0.svg');
        background-size: cover;
        background-position: center;
        height: 340px;
        width: 340px;
        left: -59px !important;
        top: -50px;
    }

    .Cards .flip-card-front .content {
        padding: 70px 10px 10px;
    }

        .Cards .flip-card-front .content img {
            width: 62px;
            height: 62px;
        }

        .Cards .flip-card-front .content p {
            font-family: pop_med;
            font-size: 18px;
            font-family: 500;
            padding: 10px 50px 0px;
            color: #000000;
        }

        .Cards .flip-card-front .content a {
            font-size: 14px;
            font-family: pop_med;
            color: #000000;
            font-weight: 500;
            padding: 0px 50px;
            text-align: center;
            width: 100%;
            display: block;
        }

    .Cards .flip-card-back .content {
        padding: 70px 10px 10px;
    }
    /* .Cards .flip-card-back .content p{
    font-family: pop_med;
     font-size: 14px;
     font-family: 500;
     padding: 20px 50px 0px;
     color:white;
     transition:0.5s ease-in;
     position: relative;
     left:-150px
  }*/


    .Cards .flip-card:hover .content p {
        left: 0px;
        transition: 0.5s ease-in;
    }

/****************************Revolution Setion***************/

.revolution {
    background-image: url('../images/18084.webp');
    background-attachment: fixed;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 100px 0px;
    text-align: center;
}

    .revolution .overlay {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-color: #292929;
        opacity: 0.7;
        top: 0;
    }

    .revolution h3 {
        font-family: pop_sami;
        font-size: 45px;
        color: white;
        padding-bottom: 20px;
    }

.elementor-shape.revolatuion svg {
    height: 75px !important;
    width: 100%;
}

.elementor-shape.revolatuion .elementor-shape-fill {
    fill: #919191 !important;
    ;
}


/*****************************Warum_service*******************/

.Warum_service {
    background-color: #FCFCFC;
    padding: 120px 0px;
}

    .Warum_service .heading {
        text-align: center;
    }

        .Warum_service .heading a {
            font-size: 18px;
            font-family: pop_light;
            font-weight: 600;
            color: #B11226;
            text-transform: capitalize;
        }

        .Warum_service .heading h3 {
            font-size: 45px;
            font-family: pop_sami;
            color: #000000;
            font-weight: 600;
            text-transform: capitalize;
            padding: 20px 0px 10px;
            line-height: 60px;
        }

    .Warum_service .left-content {
        background-color: #F3F6F9;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
        padding: 30px 20px;
        text-align: center;
        height: 375px;
        border-radius: 10px;
    }

        .Warum_service .left-content .imgdivs {
            border: 2px solid #B11226;
            width: 76px;
            height: 76px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: auto;
            border-radius: 50%;
        }

            .Warum_service .left-content .imgdivs:hover {
                background-color: #B11226;
            }

            .Warum_service .left-content .imgdivs img {
                width: 35px;
                height: 35px;
                color: red;
            }

        .Warum_service .left-content p {
            font-size: 25px;
            font-family: pop_med;
            color: #000000;
            padding: 10px;
            margin-bottom: 0px;
        }

        .Warum_service .left-content a {
            font-size: 16px;
            font-family: pop_light;
            font-weight: 600;
        }


    .Warum_service .center_content {
        background-color: #B00023;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
        padding: 30px 20px;
        text-align: center;
        height: 375px;
        border-radius: 10px;
    }

        .Warum_service .center_content .imgdivs {
            border: 2px solid white;
            width: 76px;
            height: 76px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: auto;
            border-radius: 50%;
        }

            .Warum_service .center_content .imgdivs:hover {
                background-color: #B11226;
            }

            .Warum_service .center_content .imgdivs img {
                width: 35px;
                height: 35px;
                color: red;
            }

        .Warum_service .center_content p {
            font-size: 25px;
            font-family: pop_med;
            color: white;
            padding: 10px;
            margin-bottom: 0px;
        }

        .Warum_service .center_content a {
            font-size: 16px;
            font-family: pop_light;
            font-weight: 600;
            color: white !important;
            padding-bottom: 20px;
        }


/*******************************Faqs *********************/
.faqs {
    padding: 90px 0px;
    background-color: #F9F0E7;
}

    .faqs .left_content a {
        font-size: 18px;
        font-family: pop_light;
        font-weight: 600;
        color: #B11226;
        text-transform: capitalize;
    }

    .faqs .left_content h4 {
        font-size: 45px;
        font-family: pop_sami;
        color: #000000;
        font-weight: 600;
        text-transform: capitalize;
        padding: 20px 0px 10px;
        line-height: 60px;
    }

    .faqs .left_content .card {
        border-radius: 15px 15px 15px 15px;
        margin: 10px 0px;
    }

    .faqs .left_content .card-header {
        color: #fff !important;
        cursor: pointer;
        font-size: 16px;
        font-family: pop_light;
        padding: 0px !important;
        margin: 0px !important;
        border-radius: 0px !important;
        outline: none;
    }

        .faqs .left_content .card-header button {
            background-color: #b5002b !important;
            color: #fff !important;
            text-decoration: none;
            width: 100%;
            text-align: left;
            padding: 15px 15px !important;
            font-size: 15px !important;
            border-radius: 0px !important;
            outline: none;
        }

            .faqs .left_content .card-header button:hover {
                border: none !important;
            }

            .faqs .left_content .card-header button.collapsed {
                background-color: #F3F6F9 !important;
                color: #585858 !important;
                outline: none;
            }

    .faqs .left_content .card-body {
        font-size: 14px;
        font-family: pop_med;
    }

    .faqs .left_content .card-header button:focus {
        outline: none;
        box-shadow: none;
    }

    .faqs .right-content {
    }

        .faqs .right-content .imgdiv {
            height: 360px;
            width: 525px;
            margin-top: 80px;
            z-index: 1;
        }

            .faqs .right-content .imgdiv img {
                width: 100%;
                height: 100%;
            }

    .faqs .cartlocation {
        background-color: white;
        padding: 20px 20px 20px 20px;
        border-radius: 25px 25px 25px 25px;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.17);
        z-index: 1;
        width: 420px;
        display: flex;
        position: relative;
        top: -63px;
        left: 107px;
    }

        .faqs .cartlocation .cartimg {
            width: 68px;
            height: 68px;
            border-radius: 50%;
            border: 2px solid #B11226;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 10px;
        }

            .faqs .cartlocation .cartimg i {
                font-size: 30px;
                color: #B11226;
            }

            .faqs .cartlocation .cartimg:hover {
                background-color: #B11226;
            }

                .faqs .cartlocation .cartimg:hover i {
                    color: white;
                    ;
                }

        .faqs .cartlocation p {
            margin-bottom: 0px;
            font-size: 25px;
            font-family: pop_med;
            padding-left: 10px;
        }

        .faqs .cartlocation a {
            display: block;
            padding-left: 10px;
            font-size: 17px;
            font-family: pop_med;
        }

    .faqs span {
        position: absolute;
        right: 15px;
        top: 13px;
    }
/********************************Form Section*****************/

.FormSection {
    background-image: url('../images/image-3.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding: 0px 0px;
    position: relative;
}

    .FormSection .overlay {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-color: #13050591;
        top: 0;
    }

    .FormSection .formcontent {
        background-color: white;
        padding: 70px 40px;
        position: absolute;
        border-radius: 20px;
        z-index: 1;
        ;
    }

        .FormSection .formcontent h5 {
            font-size: 36px;
            font-family: pop_med;
            text-transform: capitalize;
            padding-bottom: 10px;
        }

        .FormSection .formcontent input, .FormSection .formcontent textarea {
            background-color: #F9F1E7;
            border: none;
            outline: none;
            font-family: pop_light;
            font-size: 16px;
            margin-bottom: 20px;
            padding: 13px 18px !important;
            height: auto !important;
            border-radius: 10px;
        }

        .FormSection .formcontent textarea {
            height: 120px !important;
        }

        .FormSection .formcontent button {
            width: 100%;
        }

    .FormSection .rightcontent {
        padding: 70px 20px;
    }

        .FormSection .rightcontent a {
            color: white !important;
            font-size: 16px;
            font-family: pop_light;
            padding-bottom: 10px;
            display: block;
        }

        .FormSection .rightcontent h4 {
            font-size: 45px;
            font-family: pop_med;
            font-weight: 600;
            color: white;
            padding: 10px 0px;
            line-height: 60px;
        }

        .FormSection .rightcontent p {
            font-size: 16px;
            font-family: pop_med;
            color: white;
            padding: 10px 0px;
        }

/********************************Footer****************************/

.footer {
    padding: 150px 0px 50px;
    background-color: #F8F0E6;
}

    .footer .logo {
        width: 239px;
        height: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .footer .logo img {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }

    .footer .content h6 {
        font-size: 18px;
        font-family: pop_med;
        padding: 10px 0px;
    }
    /*.footer .content li a{
    padding: 5px 0px;
    display: block;
    font-family: pop_med;
}*/
    /*.footer .content li a i{
    transform: rotate(-95deg);
    color: #B11226;
    margin-right: 10px;
}*/
    .footer .content-right li a i {
        transform: rotate(0deg);
        color: #B11226;
        margin-right: 10px;
    }

.copyright {
    background-color: #B11226;
    padding: 20px 0px 30px;
}

    .copyright img {
        width: 40px;
        position: absolute;
        left: 20px;
    }

    .copyright h6 {
        font-size: 16px;
        color: white;
        font-family: pop_med;
        text-align: center;
    }

.modal-header-h5 {
    font-size: 18px;
    font-family: pop_med;
    font-weight: 600;
}

.modal-header-button {
    background-color: transparent !important;
    color: black !important;
    border: none !important;
    margin-top: -8px;
}

.cookie-section {
    background: #fff;
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 5px;
    border-bottom: 1px solid #F6F6F6;
    margin: 20px 0px;
    position: relative;
}

.cookie-section-h3 {
    margin: 0;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-family: pop_med;
    font-weight: 600;
}

.cookie-section-heading:hover {
    border: 1px solid #B11226;
    border-radius: 20px;
}

.cookie-section-heading {
    position: absolute;
    left: 50px;
}

.cookie-section-p {
    margin: 5px 0 0;
    font-size: 13px;
    font-family: pop_med;
    padding: 10px 19px;
}
/*#CustomizePreferance .cookie-section .contentdiv{
    display: none;
}*/
.consentStatus {
    color: green;
    font-weight: bold;
    position: absolute !important;
    right: 5px !important;
    top: 6px !important;
}
/*#CustomizePreferance .expanded p {
    display: block;
}
#CustomizePreferance .expanded .contentdiv{
    display: block;
}*/
.no-cookies {
    background: #eee;
    padding: 10px;
    margin-top: 5px;
    border-radius: 4px;
    font-size: 14px;
    margin: 10px;
}

.consenticon {
    transition: transform 0.3s ease;
    /*transform: rotate(270deg);*/
    font-size: 15px;
    color: black;
    font-weight: 600;
}

.expandedicon {
    transform: rotate(359deg);
}

.consentShowhidetext {
    font-size: 14px;
    font-family: pop_med;
    font-weight: 600;
    width: 75px;
}

    .consentShowhidetext:hover {
        border: 2px solid #B11226;
        color: #B11226 !important;
        border-radius: 20px;
    }

.showhidetextbutton {
    font-size: 14px;
    font-family: pop_med;
    font-weight: 600;
    color: #0688FC !important;
}

.consentShowhidetext:hover {
    border: 2px solid #B11226;
    color: #B11226 !important;
    border-radius: 20px;
}

.consentParaghrapdiv {
    position: relative;
}

/*#CustomizePreferance .hidediv,#CustomizePreferance .showhidetext{
    display: none;
}*/
consentStatus {
    color: #008000 !important;
    font-family: pop_med;
    font-size: 14px !important;
    position: absolute !important;
    right: 0;
    top: 15px;
    cursor: pointer;
}

.consentClosebutton {
    border-radius: 30px;
    font-size: 16px;
    font-family: pop_med;
    padding: 18px 50px;
    color: #B11226;
}

    .consentClosebutton:focus, .consentClosebutton:active {
        box-shadow: none !important;
    }

    .consentClosebutton:hover {
        border: 2px solid #B11226;
        border-radius: 50px;
        color: #B11226;
    }

.consentSavebutton {
    border-radius: 30px;
    font-size: 16px;
    font-family: pop_med;
    padding: 18px 50px;
    color: #1863DC;
}

    .consentSavebutton:focus, .consentSavebutton:active {
        box-shadow: none !important;
    }

    .consentSavebutton:hover {
        border: 2px solid #1863DC;
        border-radius: 50px;
        color: #1863DC;
    }

.modal-footer-button {
    font-size: 16px;
    font-family: pop_med;
    padding: 18px 50px !important;
    border-radius: 50px !important;
    outline: none !important;
}

@media(max-width:1880px) {
    #carouselExampleSlidesOnly .curvedline {
        left: 15VW;
    }
}

@media(max-width:1720px) {
    #carouselExampleSlidesOnly .curvedline {
        left: 12VW;
    }
}


@media(max-width:1560px) {
    #carouselExampleSlidesOnly .curvedline {
        left: 8VW;
    }
}

@media(max-width:1360px) {
    #carouselExampleSlidesOnly .curvedline {
        left: 3.5VW;
    }
}

@media(max-width:1260px) {
    #carouselExampleSlidesOnly .curvedline {
        left: 2VW;
    }
}

@media(max-width:1024px) {
    .Navigation .navbar-brand {
        width: 176px;
        height: 82.5px;
        margin: auto;
    }

    .Navigation ul li a {
        padding: 10px 20px !important;
        font-family: pop_light;
        font-weight: 600;
        color: black !important;
        font-size: 14px;
    }

    .Service .right_Content .imgDiv {
        width: 452px;
        height: 333px;
        margin: 50px auto;
    }

    .Cards .flip-card-front, .Cards .flip-card-back, .Cards .flip-card {
        width: 310px;
        height: 310px;
    }

    .faqs .cartlocation {
        width: 100%;
        left: 0px;
    }

    .faqs .right-content .imgdiv {
        height: 360px;
        width: 461px;
        margin-top: 80px;
        z-index: 1;
    }

    .Warum_service .left-content p {
        font-size: 20px;
    }

    .Warum_service .left-content a, .Warum_service .center_content a {
        font-size: 15px;
        font-weight: 600;
        font-family: pop_light;
    }

    #carouselExampleSlidesOnly .curvedline {
        left: 1.5VW;
    }
}

@media(max-width:991px) {
    .Navigation .navbar-brand {
        margin: 0px;
    }

    .Service .right_Content .imgDiv {
        width: 324px;
        height: 242px;
        margin: 90px auto;
    }

    .Service .content_left h2, .Cards .heading h3, .revolution h3, .Warum_service .heading h3, .faqs .left_content h4, .FormSection .rightcontent h4 {
        font-size: 35px;
        line-height: 50px;
    }

    .Service .content_left p {
        font-size: 15px;
        padding: 0px;
    }

    .Cards .flip-card-front, .Cards .flip-card-back, .Cards .flip-card {
        width: 230px;
        height: 230px;
    }

        .Cards .flip-card-back .content, .Cards .flip-card-front .content {
            padding: 20px 0px;
        }

            .Cards .flip-card-front .content p {
                font-size: 14px;
            }

            .Cards .flip-card-front .content a {
                font-size: 11px;
            }

    .Warum_service .left-content a, .Warum_service .center_content a {
        font-size: 14px;
    }

    .faqs .right-content .imgdiv {
        height: 300px;
        width: 361px;
        margin-top: 80px;
        z-index: 1;
    }
}

@media(max-width:767px) {
    html, body {
        overflow-x: hidden;
    }

    .navbar-toggler, .navbar-closed {
        padding: 2px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px !important;
    }

        .navbar-toggler i {
            margin-top: 5px;
        }

    .Navigation .navbar-brand {
        width: 133px;
        height: 65px;
        margin: 0px;
    }

    .navbar-collapse.collapse.show {
        margin-top: 10px;
        border-radius: 10px;
        position: absolute;
        width: 100%;
        background: white;
        top: 63px;
        left: 0px;
    }

    .form-inline {
        display: none;
    }

    .nav-item.active {
        background-color: #B11226;
        color: white !important;
        border-radius: 15px 15px 0px 0px;
    }

    .Navigation ul li.active a, .Navigation ul li:hover a {
        color: white !important;
    }

    .FormSection .formcontent {
        position: relative;
        padding: 30px 30px;
        margin-bottom: 70px;
    }

    #carouselExampleSlidesOnly .carousel-caption {
        left: 0vw !important;
        right: auto;
        display: block;
        /* top: 50px; */
        text-align: center !important;
    }

        #carouselExampleSlidesOnly .carousel-caption h1 {
            font-size: 44px;
            line-height: 60px;
            text-align: center;
        }

    #carouselExampleSlidesOnly .curvedline {
        position: absolute;
        top: -205px;
        left: 23vw;
        width: 0;
        height: 40px;
        transition: width .0000001s ease-in-out;
        animation: fadeInOutLoop 9s ease-in-out infinite; /* Continuous loop */
        z-index: 11;
    }

        #carouselExampleSlidesOnly .curvedline img {
            width: 100%;
            height: 80%;
        }

    @keyframes fadeInOutLoop {
        0% {
            width: 0;
            opacity: 0;
        }
        /* Hidden */
        16.6% {
            width: 320px;
            opacity: 1;
        }
        /* Appears in 1s */
        83.3% {
            width: 320px;
            opacity: 1;
        }
        /* Stays visible for 4s */
        100% {
            width: 0;
            opacity: 0;
        }
        /* Stay hidden before looping */
    }

    #carouselExampleSlidesOnly .carousel-caption a.title {
        display: block;
        text-align: center !important;
        font-size: 18px;
        margin-top: 0px;
    }

    #carouselExampleSlidesOnly .firstitme {
        height: 520px;
    }

    #carouselExampleSlidesOnly .carousel-caption p {
        text-align: center;
        font-size: 14px;
        padding: 0px 50px 20px;
    }

    .Service {
        padding-bottom: 60px;
    }

        .Service .colmnreverse, .faqs .colmnreverse, .FormSection .colmnreverse {
            display: flex;
            flex-direction: column-reverse;
        }

        .Service .right_Content .imgDiv {
            width: 365px;
            height: 260px;
            margin: auto auto 20px;
        }

        .Service .content_left a, .Cards .heading a {
            font-size: 17px;
        }

        .Service .content_left h2, .Cards .heading h3 {
            font-size: 35px;
            line-height: 40px;
        }

        .Service .content_left p {
            font-size: 14px;
            padding-right: 0px;
        }

    .Cards {
        padding: 60px 0px;
    }

        .Cards .flip-card {
            margin: 20px auto auto auto;
        }

        .Cards .flip-card, .Cards .flip-card-back {
            height: 310px;
            width: 310px;
        }

        .Cards .flip-card-front {
            height: 312px;
            width: 312px;
        }

            .Cards .flip-card-front .content, .Cards .flip-card-back .content {
                padding: 40px 10px 10px;
            }

    .revolution h3 {
        font-size: 30px;
    }

    .Warum_service {
        padding: 80px 0px;
    }

        .Warum_service .heading h3, .faqs .left_content h4 {
            font-size: 35px;
            line-height: 50px;
        }

        .Warum_service .left-content .imgdivs, .Warum_service .center_content .imgdivs {
            width: 62px;
            height: 62px;
        }

            .Warum_service .left-content .imgdivs img {
                width: 28px;
                height: 28px;
            }

    .faqs {
        padding: 60px 0px 60px;
    }

        .faqs .right-content .imgdiv {
            height: 300px;
            width: 350px;
            margin-top: 68px;
            margin: auto;
            z-index: 1;
        }

        .faqs .cartlocation {
            background-color: white;
            padding: 20px 20px 20px 20px;
            border-radius: 25px 25px 25px 25px;
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.17);
            z-index: 1;
            width: 100%;
            display: flex;
            position: relative;
            top: -63px;
            left: 0;
        }

    .FormSection .rightcontent {
        padding: 60px 20px 30px;
    }

    .FormSection .formcontent h5 {
        font-size: 28px;
    }

    .footer {
        padding: 80px 0px;
    }

        .footer .content h6 {
            margin-top: 30px;
        }

        .footer .justify-content-center {
            justify-content: left !important;
        }
}

@media(max-width:637px) {
    #carouselExampleSlidesOnly .curvedline {
        position: absolute;
        top: -226px;
        left: 10vw;
        width: 0;
        height: 40px;
        transition: width .0000001s ease-in-out;
        animation: fadeInOutLoop 9s ease-in-out infinite; /* Continuous loop */
        z-index: 11;
    }
}


#carouselExampleSlidesOnly .hero-section {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-align: center;
}

.swiper {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    animation: zoomInOut 15s infinite ease-in-out; /* Apply zoom animation */
}

.swiper-slide {
    background-size: cover;
    background-position: center;
    background-color: #333; /* Fallback background */
}
/* Keyframe animation for zoom effect */
@keyframes zoomInOut {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1); /* Zoom in */
    }

    100% {
        transform: scale(1.2); /* Zoom out */
    }
}



.Navigation {
    width: 100%;
    padding: 5px;
    background-color: white;
    top: 0px;
    z-index: 1111111;
}

.modal {
    overflow: auto !important;
}

.impressiun {
    width: 100%;
    padding: 10px 0px;
    background-color: #FFFFFF;
}

    .impressiun .content {
        margin-top: 120px !important;
        margin-bottom: 20px !important;
    }

        .impressiun .content h1 {
            font-size: 70px;
            font-family: pop_sami;
            color: #585858;
            margin-left: 15px;
        }

    .impressiun .headingcontent {
        padding-top: 20px;
    }

        .impressiun .headingcontent p {
            margin-bottom: 0px;
            font-size: 16px;
            font-family: pop_med;
            color: #585858;
        }

.footer .content li a .arrow-align {
    transform: rotate(-90deg);
    color: #B11226;
    margin-right: 10px;
}

.footer .content li a {
    padding: 5px 0px;
    display: block;
    font-family: pop_med;
    color: black !important;
}

.Cards .flip-card-back .content p {
    font-family: pop_med;
    font-size: 14px;
    font-family: 500;
    padding: 20px 50px 0px;
    color: white;
    transition: 0.5s ease-in;
    position: relative;
    left: -30px
}

.modal-backdrop {
    display: none !important;
}

.tooltip-text {
    visibility: hidden;
    width: max-content;
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 5px 8px;
    border-radius: 5px;
    position: absolute;
    left: 100%; /* place to the right of the icon */
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
    z-index: 10;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    margin-left: 7px;
}

.tooltip-container:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}