* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


    .nav .tell {
        position: relative;
        left: -2%;
        top: 10%;
    }


        .nav .img {
            padding: 2vh 1vh;
        }


.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='black' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}


.nav .tell p {
    padding-right: 25px;
    text-decoration: none;
    color: white    ;
    margin-bottom: 2px;
    font-size: larger;
    font-weight: bold;
}

    .nav .tell .tell-b img {
        border-left: 0.5px solid black;
    }

    .nav .tell .tell-a a {
        color: #1bbde4;
        font-size: 15px;
        font-weight: 400;
    }

    .nav .tell .tell-a img {
        padding: 12px;
        width: 10vh;
    }

    .nav .tell .tell-b a {
        color: #1bbde4;
        font-size: 15px;
        font-weight: 400;
    }

    .nav .tell .tell-b img {
        padding: 12px;
        width: 9vh;
    }

    .nav .tell .tell-c a {
        margin-top: 10px;
        margin-right: 4px;
    }

    .nav .tell .tell-c .face {
        color: #fff;
        background-color: #3b5998;
        padding: 15px 15px;
        font-size: 14px;
        display: inline-block;
    }

    .nav .tell .tell-c .twit {
        color: #fff;
        background-color: #55acee;
        padding: 15px 15px;
        font-size: 14px;
        display: inline-block;
    }

    .nav .tell .tell-c .link {
        color: #fff;
        background-color: #007bb5;
        padding: 15px 15px;
        font-size: 14px;
        display: inline-block;
    }

    .nav .tell .tell-c .tube {
        color: #fff;
        background-color: #b00;
        padding: 15px 15px;
        font-size: 14px;
        display: inline-block;
    }
/* Navbar Styling */
#desktop-head {
    position: fixed;
    width: 100%;
    /*top: -90px;*/
    /*right: 33%;*/
    background: white;
    transition: top 0.3s ease-in-out;
    z-index: 1000;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}
/* Navbar Styling */
#mobile-head {
    position: relative;
    width: 100%;
    background: white;
    transition: top 0.3s ease-in-out;
    z-index: 1000;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

.nav .ic {
    position: relative;
    top: 10px;
    font-size: 10px;
    font-weight: bold;
}

.custom-desktop .nav-ia {
    margin-left: 21.5rem;
}
#HN {
    font-size: larger;
    font-weight: bold;
    margin: 50px 0px 0px 40px;
    color: white;
}

/* Back to top button */
#back-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    display: none;
    z-index: 999;
}

    #back-top a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 45px;
        height: 45px;
        background-color: #0f0e47;
        color: #fff;
        border-radius: 50%;
        border: 3px solid white;
        text-decoration: none;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        transition: background-color 0.3s, transform 0.3s;
    }

        #back-top a:hover {
            background-color: #1bbde4;
            border: 3px solid white;
            transform: scale(1.1);
        }

    #back-top i {
        font-size: 20px;
    }


.MN-card {

}
.MN-card img {
    width: 6rem;
}
.MN-card i {
    color: black;
    font-size: xx-large;
}
.offcanvas-backdrop.show {
    opacity: 0;
}

/* Button Styling */
.butt {
    text-decoration: none;
    color: #fff;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 0 30px;
    border-radius: 0;
    line-height: 60px;
    background-color: #1bbde4;
    text-transform: uppercase;
    position: relative;
    transition: all .25s;
}


    .butt:hover {
        color: #fff;
        background: #0F0E47;
    }

#desktopNavbar .navbar-nav a {
    color: #0F0E47;
    position: relative;
    left: 16vh;
}

    #desktopNavbar .navbar-nav a:hover {
        color: #1bbde4;
    }

#mobileNavbar .navbar-nav a {
    color: #0F0E47;
    position: relative;
    left: 16vh;
}

    #mobileNavbar .navbar-nav a:hover {
        color: #1bbde4;
    }
/* Mobile Navbar Styling */
#mobileNavbar {
    display: none;
}

    #mobileNavbar.show {
        display: block;
    }

/*.carousel-inner .d-block {
    height: 100vh;
}*/

.carousel-inner .pt-cardimg-overlay {
    position: absolute;
    padding-left: 25vh;
    width: 70%;
    height: 120vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.carousel-inner h1 {
    font-size: 10vh;
    font-weight: bolder;
    color: #0F0E47;
}

.carousel-inner h1 {
    display: inline-block;
    animation: marquee 5s linear infinite alternate;
}

@keyframes marquee {
    to {
        transform: translateX(10%);
    }
}

.carousel-inner .card-text {
    color: #0F0E47;
    font-size: 3vh;
    font-weight: bolder;
    padding: 18px 0px;
}

.carousel-inner .card-text {
    display: inline-block;
    animation: marquee 5s linear infinite alternate;
}

@keyframes marquee {
    to {
        transform: translateX(10%);
    }
}

.carousel-inner .overl .btn {
    background-color: #1bbde4;
    color: white;
    text-decoration: none;
    border-radius: 0px;
    font-weight: bolder;
    padding: 10px 25px;
    transition: all .25s;
}

    .carousel-inner .overl .btn:hover {
        background-color: white;
        color: #0F0E47;
    }

.carousel-inner .overl .btn {
    display: inline-block;
    animation: marquee 5s linear infinite alternate;
}

@keyframes marquee {
    to {
        transform: translateX(10%);
    }
}

.carousel-inner .overl .vi {
    background-color: white;
    color: #1bbde4;
    border-radius: 100%;
    padding: 20px 25px;
    margin: 20px;
}

.carousel-inner .overl .p {
    text-decoration: none;
    color: #0F0E47;
    font-weight: bolder;
}


.ind-1 {
    background-image: url('/images/bg-04.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: inherit;
   background-position: right;
    height: 100vh;
}
    .ind-1 .ind-1a {
        position: relative;
        bottom: -5vh;
        display: flex;
        justify-content: center;
        gap: 20px;
        margin: 0rem;
    }

    .ind-1 .ind-a {
        background-blend-mode: multiply;
        background-image: url('/images/img-07.jpg');
        background-color: rgba(8, 24, 57, .90);
        background-repeat: no-repeat;
        background-size: cover;
        height: 60vh;
        max-width: 50vh;
    }

        .ind-1 .ind-a .A img {
            height: 60px;
        }

        .ind-1 .ind-a .A p {
            color: white;
        }

        .ind-1 .ind-a .A a {
            color: #1bbde4;
            font-size: 15px;
            font-weight: 900;
        }



        .ind-1 .ind-a .p p {
            color: white;
            text-align: start;
            padding: 23px 0px;
        }

        .ind-1 .ind-a .btn {
            background-color: transparent;
            text-decoration: none;
            color: white;
            border: 1px solid #1bbde4;
            border-radius: 0px;
            padding: 14px 90px;
            margin-top: 50%;
            font-weight: bold;
        }

            .ind-1 .ind-a .btn:hover {
                background-color: #1bbde4;
            }

    .ind-1 .book {
        background-blend-mode: multiply;
        background-image: url('/images/patten-img-1.png');
        background-color: #ffb6ec;
        background-repeat: no-repeat;
        background-position: right;
        background-size: contain;
        min-width: 64%;
    }

        .ind-1 .book h2 {
            color: #e41ba8;
            font-weight: bolder;
        }

        .ind-1 .book .form-select {
            border-radius: 0px;
        }

        .ind-1 .book .form-control {
            border-radius: 0px;
            padding: 15px;
        }

        .ind-1 .book .bttn-1 {
            text-decoration: none;
            color: white;
            background-color: #e41ba8;
            padding: 15px 30px;
            border: none;
            width: auto;
            margin-left: 10px;
        }

            .ind-1 .book .bttn-1:hover {
                background-color: #0F0E47;
            }

.cont {
    background-color: #ebeef3;
    padding: 6rem 8rem 0rem 8rem;
}
    .cont .A-cont {
/*        margin-top: 170vh;*/
    }
    .cont .A-cont .A1 {
        color: #1bbde4;
        font-weight: bolder;
    }

    .cont .A-cont h1 {
        font-weight: bolder;
        font-size: 6vh;
    }

    .cont .A-cont .A3 {
        font-size: 17px;
        font-weight: bolder;
        padding: 20px 0px;
    }

    .cont .A-cont .A2 {
        font-size: 15px;
        padding-bottom: 20px;
    }

        .cont .A-cont .card {
            background-color: #ebeef3;
            border: none;
            display: flex;
            flex-direction: row-reverse;
            flex-wrap: nowrap;
            margin-left: 18%;
        }
  

        .cont .A-cont .card img {
            border-radius: 20vh;
            width: 20vh;
        }

        .cont .A-cont .card h4 {
        }

        .cont .A-cont .card p {
            color: #1bbde4;
            font-weight: bolder;
        }

    .cont .B-cont .flex-wrapper {
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
    }

    .cont .B-cont .single-chart {
        width: 33%;
        display: flex;
        justify-content: center;
    }

    .cont .B-cont .circular-chart {
        display: block;
        margin: 10px;
        width: 95%;
        height: 135px;
    }


    .cont .B-cont .circle-bg {
        fill: none;
        stroke: #eee;
        stroke-width: 3;
    }

    .cont .B-cont .circle {
        fill: none;
        stroke-width: 2;
        stroke-linecap: round;
        animation: progress 1s ease-out forwards;
    }

@keyframes progress {
    0% {
        stroke-dasharray: 0 100;
    }
}

.cont .B-cont .circular-chart.orange .circle {
    stroke: #1bbde4;
}

.cont .B-cont .circular-chart.green .circle {
    stroke: #1bbde4;
}

.cont .B-cont .circular-chart.blue .circle {
    stroke: #1bbde4;
}

.cont .B-cont .percentage {
    fill: #0F0E47;
    font-family: sans-serif;
    font-size: 0.5em;
    text-anchor: middle;
    font-weight: bolder;
}

.cont .B-cont .text {
    display: flex;
}

    .cont .B-cont .text .text-1 {
        padding-top: 6%;
    }

.img-1 {
    background-image: url('/images/bg-02.png');
    background-position: bottom center;
    background-repeat: no-repeat;
    height: 70vh;
}

    .img-1 img {
        position: relative;
        left: 12%;
        height: 70vh;
    }

/*.card-A .blog-1 {
    margin: 0vh 10vh;
}*/

.card-A .head p {
    color: #1bbde4;
    font-weight: bolder;
}

.card-A .head h1 {
    font-weight: bolder;
    font-size: 55px;
}
.card-A .blog-1 .row {
    margin: 0rem 2rem;
}
.card-A .blog-1 .card {
    border-radius: 0px;
    padding: 1rem;
}

    .card-A .blog-1 .card:hover, .card-body a, .card-body p {
/*        background-color: #1bbde4;*/
        color: white;
    }
.card-A .blog-1 .card .card-body {
    padding: 0px;
}

.card-A .blog-1 .card .img-top {
    padding-bottom: 35px;
}

    .card-A .blog-1 .card .img-top img {
        border-radius: 17vh 17vh 0vh 17vh;
        width: 32vh;
    }

.card-A .blog-1 .card .text a {
    text-decoration: none;
    font-size: 18px;
    font-weight: 900;
    color: #081839;
}

.card-A .blog-1 .card p {
    text-decoration: none;
    font-size: smaller;
    color: #081839;
    padding-top: 25px;
}

.card-A .pagination {
    padding-left: 46.5%;
    position: relative;
/*    bottom: 4vh;*/
}

    .card-A .pagination a {
        text-decoration: none;
        font-size: 10vh;
        color: #798396;
    }

        .card-A .pagination a:hover {
            color: #1bbde4;
        }


.b-img .b-img-1 {
    background-image: url('/images/img-08.jpg');
    background-repeat: no-repeat;
    background-position: center;
    width: 50%;
    height: 98vh;
}

    .b-img .b-img-1 img {
        display: flex;
        justify-self: end;
        position: relative;
        top: 34vh;
    }

.b-img .back {
    background-color: #081839;
    padding: 8rem 7rem 0rem 7rem;
}

    .b-img .back h5 {
        color: #1bbde4;
    }

    .b-img .back h1 {
        color: white;
        font-weight: bolder;
        font-size: 6.3vh;
        padding-bottom: 20px;
    }

    .b-img .back p {
        color: white;
        padding-bottom: 20px;
    }
   
    .b-img .back .back-a li {
        color: white;
        list-style: none;
        padding-bottom: 15px;
        font-size: 18px;
        font-weight: 600;
    }

        .b-img .back .back-a li:hover {
            color: #1bbde4;
        }

    .b-img .back a {
        background-color: white;
        color: #1bbde4;
        border-radius: 100%;
        padding: 26px 30px;
        margin: 20px;
        position: absolute;
        margin-left:-20vh ;
        margin-top: 24vh;
    }
    .b-img .back-a {
        display:flex;
    }

.slid .item {
    display: flex;
    justify-content: space-between;
    padding: 3rem;
}
.slid .item-A {
    margin-left: 16vh;
}
.slid h6 {
    color: #1bbde4;
    font-size: 2.4vh;
    font-weight: bold;
}

.slid h1 {
    color: rgba(8, 24, 57, .90);
    font-size: 7vh;
    font-weight: bold;
}


.slid .d-fluid img {
    max-width: 100%;
    height: auto;
}

.slid .btn-1 {
    background-color: transparent;
    border-radius: 100%;
    padding: 5px 15px;
    margin-right: 18vh;
    font-size: 5vh;
    border: 1px solid;
}

    .slid .btn-1:hover {
        background-color: transparent;
        color: #1bbde4;
        border-color: #1bbde4;
    }

.back-icon {
    background-image: url('/images/bg-14.jpg');
    background-color: rgba(8, 24, 57, .90);
    background-repeat: no-repeat;
}
    .back-icon .b-icon-a {
        padding: 3rem 3.5rem;
    }
    .back-icon img {
        width: 9vh;
        margin-left: 8vh;
    }

    .back-icon h4 {
        margin-top: 1.6vh;
        color: white;
    }

    .back-icon h5 {
        color: #1bbde4!important;
        font-size: 25px;
    }

    .back-icon .bttn-2 {
        text-decoration: none;
        color: white;
        background-color: #1bbde4;
        padding: 15px 30px;
        border: none;
        display: flex;
        justify-self: flex-end;
        margin-top: 3vh;
        margin-right: 10vh;
    }

        .back-icon .bttn-2:hover {
            color: #081839;
            background-color: white;
        }


.DR {
    background-image: url('/images/bg-04.png');
    background-color: white;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

    .DR .heading p {
        color: #1bbde4;
        font-weight: bolder;
    }

    .DR .heading h1 {
        color: #081839;
        font-size: 7vh;
        font-weight: bolder;
    }
    .DR .dr-card .dr-card-2 {
        margin: 0vh 18vh;
    }
        .DR .dr-card .dr-card-2 .card-1 {
            background-color: #ebeef3;
            border: 1px solid white;
            height: 40rem;
            padding:0px;
        }
        .DR .dr-card .dr-card-2 .card-2 {
            background-color: #ebeef3;
            border: 1px solid white;
            height: 40rem;
            padding: 0px;
        }
        .DR .dr-card .dr-card-2 .card-3 {
            background-color: #ebeef3;
            border: 1px solid white;
            height: 40rem;
            padding: 0px;
        }
    .DR .dr-card .dr-card-2 p {
        font-size: 24px;
        line-height: 26px;
        padding-top: 50px;
        padding-bottom: 60px;
        font-weight: 700;
        color: #fff;
        margin-bottom: 0;
    }

    .DR .dr-card .dr-card-2 img {
        background-color: white;
        border-radius: 100%;
        padding: 15px 16px;
        width: 10vh;
        position: absolute;
        justify-self: left;
        margin-top: -5vh;
        margin-left: -6vh;
    }

    .DR .dr-card .dr-card-2 h6 {
        color: #1bbde4;
/*        padding-top: 1rem;*/
    }

    .DR .dr-card .dr-card-2 .btn-5 {
        text-decoration: none;
        color: white;
        background-color: #1bbde4;
        padding: 16px 20px;
        border: none;
        font-size: 14px;
        position: relative;
        top: 2rem;
    }

        .DR .dr-card .dr-card-2 .btn-5:hover {
            background-color: #081839;
        }

    .DR .dr-card .dr-card-2 .btn-2 {
        text-decoration: none;
        color: white;
        font-size: 14px;
        background-color: #081839;
        padding: 16px 20px;
        border: none;
        position:relative;
        top: 2rem;
    }

        .DR .dr-card .dr-card-2 .btn-2:hover {
            background-color: #1bbde4;
        }

    .DR .dr-card .dr-card-2 .list li {
        list-style: none;
        color: #666666;
        font-size: 14px;
        margin: 0px 0px 15px 0px;
    }

    .DR .dr-card .dr-card-2 .price-container {
        display: flex;
        align-items: center;
        font-family: Arial, sans-serif;
        color: #1bbde4;
        margin: 6vh 0vh 0vh 18vh;
    }

        .DR .dr-card .dr-card-2 .price-container .currency {
            font-size: 28px;
            font-weight: bold;
            margin-right: 2px;
            margin-bottom: 1.5rem;
        }

        .DR .dr-card .dr-card-2 .price-container .price {
            font-size: 72px;
            font-weight: bold;
        }

        .DR .dr-card .dr-card-2 .price-container .decimal-container {
            display: flex;
            align-items: flex-start;
        }

        .DR .dr-card .dr-card-2 .price-container .decimal {
            font-size: 28px;
            font-weight: bold;
            margin-bottom: 1.5rem;
            margin-left: 1vh;
        }

        .DR .dr-card .dr-card-2 .price-container .per-month {
            font-size: 18px;
            color: gray;
            margin-left: -3rem;
            margin-top: 1.5rem;
        }











.persnt-card {
    background-image: url('/images/bg-05-new.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #081839;
    height: 34rem;
}
    .persnt-card .P-card {
        margin: 8vh 18vh;
    }

    .persnt-card .head-1 p {
        color: #1bbde4;
        font-weight: bold;
        margin-top: 10vh;
    }

    .persnt-card .head-1 h1 {
        color: white;
        font-weight: bold;
        font-size: 2.9rem;
    }

    .persnt-card .PT-card .pt-card1 .card {
        padding: 44px 35px;
        border-radius: 0px;
        gap: 4vh;
    }

    .persnt-card .PT-card .pt-card1 .b-pt img {
        width: 6rem;
        position: relative;
        left: 2vh;
        bottom: 2vh;
    }

    .persnt-card .PT-card .pt-card1 .b-pt p {
        color: #666;
        padding: 0px 20px;
        font-style: italic;
    }

    .persnt-card .PT-card .pt-card1 .pt-a {
        background-color: #ebeef3;
        margin: -36px;
        padding: 15px;
        position: relative;
        top: 13px;
    }

        .persnt-card .PT-card .pt-card1 .pt-a img {
            width: 5rem;
            border-radius: 100%;
            border: 2px solid #1bbde4;
        }
        .persnt-card .PT-card .pt-card1 .pt-a h5 {
            color: #1bbde4;
        }

    .persnt-card .PT-card .page {
        text-decoration: none;
        color: #798396;
        font-size: 10vh;
    }

        .persnt-card .PT-card .page:hover {
            color: #1bbde4;
        }


    .persnt-card .text-card {
        background-color: transparent;
        display: flex;
        align-items: center;
        margin-top: 10vh;
    }

        .persnt-card .text-card .single-chart {
            width: 33%;
            display: flex;
            justify-content: center;
        }

        .persnt-card .text-card .circular-chart {
            display: block;
            margin: 10px;
            width: 95%;
            height: 135px;
        }

        .persnt-card .text-card .circle-bg {
            fill: none;
            stroke: #eee;
            stroke-width: 2;
        }

        .persnt-card .text-card .circle {
            fill: none;
            stroke-width: 2;
            stroke-linecap: round;
            stroke: #1bbde4;
            animation: progress 1s ease-out forwards;
        }

@keyframes progress {
    0% {
        stroke-dasharray: 0 100;
    }
}

.persnt-card .text-card .percentage {
    fill: #1bbde4;
    font-family: sans-serif;
    font-size: 0.5em;
    text-anchor: middle;
    font-weight: bolder;
}

.persnt-card .text-card .text-11 h4 {
    color: #1bbde4;
}

.persnt-card .text-card .text-11 p {
    color: white;
}




/*mobile Testi*/
.mob-testimonial-section {
    width: 100% !important;
    margin: auto !important;
    text-align: left !important;
    position: relative !important;
    z-index: 2 !important;
    background: url('/Images/bg-05-new.jpg') no-repeat center top/cover;
    padding: 50px 0 !important;
    height: 650px !important;
}

.mob-testimonial-header {
    color: #1bbde4 !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
}

.mob-testimonial-title {
    font-size: 24px !important;
    font-weight: bold !important;
    margin: 0;
    line-height: 1.2;
    text-align: left;
    color: white;
    margin-bottom: 16px;
}

.mob-progress-container {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
}

.mob-progress-circle {
    width: 103px !important;
    height: 82px !important;
    border-radius: 50% !important;
    border: 6px solid #1bbde4 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: bold !important;
    color: #1bbde4 !important;
}

.mob-testimonial-slider {
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
    height: 100% !important;
}

.mob-testimonial-wrapper {
    display: flex !important;
    transition: transform 0.5s ease-in-out !important;
    width: 100% !important;
}

.mob-testimonial-box {
    background: white !important;
    color: black !important;
    padding: 20px !important;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    flex: 1 !important;
    min-width: 100% !important;
    position: relative !important;
    transform: translateY(30px) !important; /* Half over background */
}

.mob-stars {
    color: gold !important;
    margin-bottom: 10px !important;
}

.mob-testimonial-text {
    font-size: 14px !important;
    color: gray !important;
}

.mob-user {
    display: flex !important;
    align-items: center !important;
    margin-top: 10px !important;
    margin-bottom: 20px !important;
}

    .mob-user img {
        width: 40px !important;
        height: 40px !important;
        border-radius: 50% !important;
        border: 2px solid #1bbde4 !important;
        margin-right: 10px !important;
    }

.mob-dots {
    margin-top: 8px !important; /* Positioned below the background */
    text-align: center !important;
    position: relative !important;
    z-index: 3 !important;
}

.mob-dot {
    height: 8px !important;
    width: 8px !important;
    margin: 3px !important;
    background-color: gray !important;
    border-radius: 50% !important;
    display: inline-block !important;
    cursor: pointer !important;
}

.mob-active {
    background-color: #0099ff !important;
}

.mob-tes-head h3 {
    margin: 0;
    font-size: 24px;
    color: #1bbde4;
}

.mob-tes-head p {
    margin: 0;
    color: #ffffff;
}

.tes-inner {
    padding: 20px;
}

@media(max-width: 992px) {
    .testimonial-section {
        display: none;
    }

    .btn-purple {
        width: 38% !important;
    }
}

@media(min-width: 993px) {
    .mob-testimonial-section {
        display: none;
    }
}

@media(max-width: 992px) {
    .persnt-card {
        display: none;
    }
}

.contact-section {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 40px;
    border-radius: 10px;
    color: white; /* Ensures text remains readable */
}

    .contact-section::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.93); /* Adjust transparency (0.5 = 50% dark) */
        border-radius: 10px;
        z-index: 1;
    }

    .contact-section * {
        position: relative;
        z-index: 2;
        color: black;
    }











/* Styling for the scrollable card container */
.sl-card {
    overflow-x: auto;
    display: flex;
    scroll-behavior: smooth;
    scrollbar-width: none; /* Firefox */
    padding: 2rem 0rem;
    margin: 11rem 9rem 0rem 10rem;
}

    /* Custom scrollbar styling for Chrome */
    .sl-card::-webkit-scrollbar {
        height: 8px;
    }

    .sl-card::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .sl-card::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 10px;
    }

    .sl-card .image-wrapper {
        display: inline-flex; /* Keeps images in one row */
        gap: 4rem; /* Space between images */
    }

    .sl-card .image-container {
        position: relative;
        width: 190px; /* Adjust as needed */
        height: 80px; /* Adjust as needed */
        overflow: hidden;
        flex-shrink: 0;
        cursor: pointer;
    }


        .sl-card .image-container img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            position: absolute;
            top: 0;
            left: 0;
            transition: transform 0.5s ease-in-out;
        }

        /* Initial hover image is hidden */
        .sl-card .image-container .hover-image {
            transform: translateY(-100%);
        }

        /* Hover effect - Show hover image */
        .sl-card .image-container:hover .hover-image {
            transform: translateY(0);
        }

        /* Hover effect - Hide default image */
        .sl-card .image-container:hover .default-image {
            transform: translateY(100%);
        }







.Q-card {
    background-image: url('/images/bg-05.png');
    background-color: #ebeef3;
    height: 35rem;
}
    .Q-card .Q-0 {
        margin: 8vh 18vh;
        padding-top: 6rem;
    }
    .Q-card .Q-1 h6 {
        color: #1bbde4;
        font-weight: bold;
        margin-top: 2rem;
    }

    .Q-card .Q-1 h1 {
        color: #081839;
        font-weight: bold;
        font-size: 3rem;
    }

    .Q-card .Q-1 p {
        margin: 1.5rem 0rem;
    }

    .Q-card .Q-1 .btn-3 {
        text-decoration: none;
        color: #081839;
        background-color: white;
        padding: 16px 40px;
        border: none;
        font-size: 14px;
        font-weight: bold;
        position: relative;
        top: 2rem;
    }

        .Q-card .Q-1 .btn-3:hover {
            background-color: #081839;
            color: white;
        }

    .Q-card .Q-2 .accordion .card {
        background: none;
        border: none;
    }

        .Q-card .Q-2 .accordion .card .card-header {
            background: none;
            margin-top: 2rem;
        }

    .Q-card .Q-2 .accordion .card-header .btn {
        text-decoration: none;
        color: #2f2f31;
        font-size: 1.04rem;
        text-align: left;
        position: relative;
        font-weight: bolder;
        padding-left: 2rem;
    }

    .Q-card .Q-2 .accordion .card-header span {
        background-color: white;
        padding: 2vh;
        margin-left: -48px;
        margin-right: 3vh;
    }

    .Q-card .Q-2 .accordion .card-body {
        color: #324353;
        padding: 2rem 3.5rem 0rem;
    }

    .Q-card .Q-2 .page-title {
        margin: 3rem 0 3rem 1rem;
        font-family: "Roboto", sans-serif;
        position: relative;
    }

        .Q-card .Q-2 .page-title::after {
            content: "";
            width: 80px;
            position: absolute;
            height: 3px;
            border-radius: 1px;
            background: #1bbde4;
            left: 0;
            bottom: -15px;
        }

    .Q-card .Q-2 .accordion .highlight .btn {
        color: #1bbde4;
    }

        .Q-card .Q-2 .accordion .highlight .btn span {
            background: #1bbde4;
            color: #fff;
        }

    .Q-card .Q-2 .accordion .highlight i {
        transform: rotate(180deg);
    }







.th-card .T p {
    color: #1bbde4;
    font-weight: bold;
}

.th-card .T h1 {
    color: #081839;
    font-weight: bold;
}


.th-card .th {
    margin: 8vh 18vh 15vh 18vh;

}

    .th-card .th img {
        border-radius: 0px;
        margin-bottom: 3vh;
    }

    .th-card .th .card-sec i {
        color: #1bbde4;
        border-radius: 100%;
        margin-right: 1vh;
    }

    .th-card .th a {
        color: #081839;
        text-decoration: none;
        font-size: 1.3rem;
        font-weight: bold;
        padding-top: 8vh;
        padding-bottom: 8vh;
    }

        .th-card .th a:hover {
            color: #1bbde4;
        }

    .th-card .th p {
        color: #666666;
        margin-top: 2vh;
    }



    .th-card .th .card:hover img {
        transform: scale(1.04);
        overflow: hidden;
    }



.footer {
    background-color: #ebeef3;
}

    .footer .foot-a img {
    }

    .footer .foot-b {
        background-color: #ebeef3;
        background-image: url(/images/bg-03.png);
        padding: 4.3rem 3.5rem;
        border: 1px solid black;
    }

        .footer .foot-b h4 {
            padding-top: 5px;
            color: #0F0E47;
            margin-bottom: 2rem;
            text-align: center;
        }


        .footer .foot-b li {
            list-style: none;
            padding: 10px;
            font-size: small;
        }

    .footer .foot-c {
        background-image: url('/images/bg-03.png');
        padding: 4.3rem 3.5rem;
    }

        .footer .foot-c h4 {
            text-align: center;
            color: #0F0E47;
            margin-bottom: 2rem;
        }

        .footer .foot-c li {
            list-style: none;
            padding: 10px;
            font-size: small;
        }

        .footer .foot-c a {
            color: #0F0E47;
            text-decoration: none;
            padding-left: 25%;
        }

.foot-1 {
    background-color: #ebeef3;
    background-image: url(/images/bg-03.png);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
    .foot-1 .dr-icon {
        padding-bottom: 4rem;
    }

        .foot-1 .dr-icon p {
            text-decoration: none;
            color: #0F0E47;
            font-weight: bolder;
            margin-top: 5rem;
            margin-bottom: 1rem;
        }

        .foot-1 .dr-icon .face {
            text-decoration: none;
            color: #0d6efd;
            font-size: 20px;
            background-color: white;
            padding: 0.5rem 0.7rem;
            border-radius: 100%;
        }

            .foot-1 .dr-icon .face:hover {
                color: white;
                background-color: #1bbde4;
            }

        .foot-1 .dr-icon .twit {
            text-decoration: none;
            color: #081839;
            font-size: 20px;
            background-color: white;
            padding: 0.5rem 0.7rem;
            border-radius: 100%;
        }

            .foot-1 .dr-icon .twit:hover {
                color: white;
                background-color: #1bbde4;
            }

        .foot-1 .dr-icon .link {
            text-decoration: none;
            color: #007bb5;
            font-size: 20px;
            background-color: white;
            padding: 0.5rem 0.7rem;
            border-radius: 100%;
        }

            .foot-1 .dr-icon .link:hover {
                color: white;
                background-color: #1bbde4;
            }

        .foot-1 .dr-icon .tube {
            text-decoration: none;
            color: #b00;
            font-size: 20px;
            background-color: white;
            padding: 0.5rem 0.7rem;
            border-radius: 100%;
        }

            .foot-1 .dr-icon .tube:hover {
                color: white;
                background-color: #1bbde4;
            }

    .foot-1 .ADDH .HEADD {
        color: #0F0E47; 
        font-weight: bold; 
        font-size:20px; 
        margin-top: 5rem;
        padding-left: 50px;
    }
    .foot-1 .ADDH .add {
        text-decoration: none;
        padding: 0px 100px 60px 100px;
        color: #0F0E47;
        display: inline-flex;
        border-bottom: 1px solid black;
        width: 100%;
    }  
.foot-2 .FT {
    background-color: #ebeef3;
    background-image: url(/images/bg-03.png);
    padding: 5%;
    text-decoration: none;
}
    .foot-2 .FT .FT-1 {
        padding-left: 10px;
        display: flex;
    }
    .foot-2 .FT .FT-2 {
        display: flex;
    }
    .foot-2 .FT .FT-3 {
        display: flex;
    }


.foot-2 .FT img {
    background-color: #1bbde4;
    border-radius: 100%;
    padding: 2vh;
    width: 10vh;
    margin-right: 2vh;
    margin-top: 1rem;
}

    .foot-2 .FT a {
        color: #0F0E47;
        font-size: 1rem;
    }












/*Index*/

@media screen and (min-width:320px) and (max-width:480px) {

    
    .nav .img p {
        font-size: 2vh!important;
        margin-top: 14px!important;
    }
    .nav .img p1 {
        position: absolute;
        top: 5.5rem !important;
        font-size: 8px !important;
    }

/*
    .carousel-inner .d-block {
        height: 40vh !important;
    }*/
    .ind-1 {
        height: auto !important;
    }
    .ind-1 .ind-1a {
        position: relative;
        bottom: 0vh !important;
        right: 0% !important;
        display: flex;
        justify-content: center !important;
        gap: 0px !important;
        margin: 0px 0px !important;
    }
        .ind-1 .ind-a .btn {
            width: 82% !important;
            margin-top: 30%!important;
        }
        .ind-1 .book .form-select {
            max-width: 100% !important;
            padding: 10px!important;
        }

    .ind-1 .book .form-control {
        max-width: 100% !important;
    }
        .ind-1 .ind-a {
            background-repeat: repeat !important;
            height: 100% !important;
            max-width: 100% !important;
            margin-top: 25% !important;
 
        }

        .ind-1 .book {
            width: 100% !important;
            background-position: right bottom !important;
            margin: 90px 0px!important;
        }

    .cont {
        padding: 25px !important;
    }

        .cont .A-cont .card img {
            width: 15vh!important;
        }
            .cont .A-cont h1 {
                font-size: 3vh !important;
            }
    .card-A .head h1 {
        font-size: 40px!important;
    }
            .cont .A-cont .A3 {
                font-size: 14px!important;
                font-weight: 500!important;
                padding: 10px 0px!important;
            }
            .cont .A-cont .A2 {
                font-size: 10px!important;
            }
            .cont .A-cont .card {
/*                display: flex;
                flex-direction: column !important;*/
                margin-left: 34% !important;
            }

    .card-A .pagination {
        padding-left: 36.5% !important;
        position: relative;
        bottom: 4vh !important;
    }

    .img-1 {
        height: auto !important;
    }

        .img-1 img {
            position: relative;
            left: 2% !important;
            height: auto !important;
            max-width: 95% !important;
        }
    .b-img .back p {
       
        font-size: 12px!important;
    }

    .b-img .b-img-1 {
        background-size: cover !important;
        width: 100% !important;
        max-height: 269px !important;
    }

    .b-img .back h1 {
        font-size: 5vh !important;
    }

    .b-img .b-img-1 img {
        display: none !important;
    }

    .b-img .back a {
        display: none !important;
    }

    .b-img .back {
        padding: 45px 25px !important;
    }

        .b-img .back .back-a li {
            font-size: 10px!important;
        }

    ol, ul {
        padding-left: 0rem !important;
    }

    .back-icon .b-icon-a {
        padding: 0px !important;
    }

    .back-icon {
        background-image: none !important;
        background-color: #081839 !important;
        height: 60vh !important;
    }

        .back-icon img {
            width: 10vh !important;
            margin-left: 19vh !important;
            margin-top: 65px !important;
        }

    .col-9 {
        flex: 0 0 auto;
        width: 76% !important;
        text-align: center !important;
        margin-top: 15px !important;
        margin-left: 40px !important;
    }

    .back-icon .bttn-2 {
        margin-right: 9vh !important;
    }






    .slid .item {
        display: block !important;
        padding: 1rem !important;
    }

    .slid h1 {
        font-size: 4vh !important;
        margin-bottom: 2vh !important;
    }

    .slid .item-A {
        margin-left: 0vh !important;
    }



    .DR .heading h1 {
        margin-bottom: 2rem !important;
        font-size: 4vh !important;
    }

    .DR .dr-card .dr-card-2 {
        margin: 0vh !important;
    }
        .DR .dr-card .dr-card-2 .price-container {
            margin: 5vh 0vh 0vh 12vh!important;
        }


    .persnt-card {
        height: auto!important;
    }

        .persnt-card .P-card {
            margin: 0vh !important;
        }

        .persnt-card .head-1 h1 {
            font-size: 1.8rem !important;
        }

        .persnt-card .text-card {
            margin-top: 5vh !important;
        }

    .sl-card {
        margin: 0rem 4rem !important;
    }

    .th-card .th {
        margin: 2vh 0vh 7vh 0vh !important;
    }

    .Q-card {
        height: auto !important;
    }

        .Q-card .Q-0 {
            margin: 0vh !important;
            padding-top: 3rem !important;
        }
        .Q-card .Q-1 p {
            font-size: 10px !important;
        }
        .Q-card .Q-1 h1 {
            font-size: 1.8rem !important;
        }

        .Q-card .Q-2 {
            margin-top: 20% !important;
        }
            .Q-card .Q-2 .accordion .card-header .btn {
                font-size: 0.8rem!important;
            }
            .Q-card .Q-2 .accordion .card-header span {
                 margin-right: 0vh!important; 
            }
            .Q-card .Q-2 .accordion .card-body {
                font-size: 10px!important;
            }

    .foot-2 .FT .FT-1 {
        margin: 25px 0px !important;
    }

    .foot-2 .FT .FT-2 {
        margin: 25px 0px !important;
    }

    .foot-2 .FT .FT-3 {
        margin: 25px 0px !important;
    }

    .foot-1 .ADDH .HEADD {
        font-size: 15px!important;
    }
    .foot-1 .ADDH .add {
        padding: 0px 50px 50px!important;
    }
    .foot-1 .dr-icon {
        padding: 4rem !important;
    }

    .foot-1 .dr-icon p {
        margin-top: 0rem!important;
    }
}


@media screen and (min-width:481px) and (max-width:768px) {
   
    
    
    
    
    
    
    .nav .img {
        padding: 1vh 1vh!important;
    }
        .nav .img p {
            font-weight: bold;
            font-size: 2vh!important;
            color: #0F0E47;
        }
        .nav .img p1 {
            top: 5.5rem !important;
        }
 

    .carousel-inner .d-block {
        height: auto !important;
    }
    .ind-1 {
        height:auto !important;
    }
    .ind-1 .ind-1a {
        position: relative;
        bottom: 10vh !important;
        right: 0% !important;
        display: flex;
        justify-content: center !important;
        gap: 0px !important;
        margin: 0px 0px !important;
    }
    .ind-1 .ind-a .btn {
   
        width: 100%!important;
    }
    .ind-1 .book .form-select {
        max-width: 100% !important;
    }
    .ind-1 .book .form-control {
        max-width: 100%!important;
    }
    .ind-1 .ind-a {
        background-repeat: repeat !important;
        height: 100% !important;
        min-width: 100% !important;
        margin-top: 25% !important;
    }

        .ind-1 .book {
            min-width: 100% !important;
            background-position: right bottom !important;
            margin: 143px 0px 0px 0px!important;
        }

    .cont {
        padding: 0px 20px !important;
    }
        .cont .A-cont .card img {
            width: 16vh!important;
        }
        .cont .A-cont .card {
            margin-left: 32%!important;
        }
            .cont .A-cont h1 {
                font-size: 4vh!important;
            }
    .card-A .head h1 {
        font-size: 30px !important;
    }
/*    .card-A .blog-1 {
        padding: 0% 20% !important;
    }*/
    .card-A .blog-1 .card .img-top img {
        width: 13vh!important;
    }
    .card-A .blog-1 .card .text a {
        font-size: 16px!important;
    }
    .card-A .pagination {
        padding-left: 41.5% !important;
        position: relative;
        bottom: 4vh !important;
    }

    .img-1 {
        height: auto !important;
    }

        .img-1 img {
            left: 3% !important;
            height: auto !important;
            max-width: 95% !important;
        }


    .b-img .back p {

        font-size: 20px!important;
    }
    .b-img .b-img-1 {
        background-size: cover !important;
        min-width: 100% !important;
        height: 66vh !important;
    }

    .b-img .back h1 {
        font-size: 4vh !important;
    }

    .b-img .b-img-1 img {
        display: none !important;
    }

    .b-img .back a {
        display: none !important;
    }

    .b-img .back {
        padding: 45px 25px !important;
        min-width: 100%;
    }

    ol, ul {
        padding-left: 0rem !important;
    }

    .back-icon .b-icon-a {
        padding: 10px !important;
    }



    .back-icon img {
        width: 12vh !important;
        margin-left: 0vh !important;
        margin-top: 6px !important;
    }

    .col-9 {
        flex: 0 0 auto;
        width: 76% !important;
    }

    .back-icon .bttn-2 {
        margin-right: 0vh!important;
    }






    .slid .item {
        display: block !important;
        padding: 1rem !important;
    }

    .slid h1 {
        font-size: 4vh !important;
        margin-bottom: 4vh !important;
    }

    .slid .item-A {
        margin-left: 0vh !important;
    }



    .DR .heading h1 {
        margin-bottom: 2rem !important;
        font-size: 4vh !important;
    }

    .DR .dr-card .dr-card-2 {
        margin: 0vh !important;
    }
        .DR .dr-card .dr-card-2 img {
            margin-top: -3vh!important;
            margin-left: -5vh!important;
            width: 9vh !important;
        }
        .DR .dr-card .dr-card-2 p {
            font-size: 20px!important;
        }
        .DR .dr-card .dr-card-2 .price-container {
           
            margin: 6vh 0vh 0vh 4vh!important;
        }
        .DR .dr-card .dr-card-2 .card-1 {
            height: 45rem !important;
        }
        .DR .dr-card .dr-card-2 .card-2 {
            height: 45rem !important;
        }
        .DR .dr-card .dr-card-2 .card-3 {
            height: 45rem!important;
        }

    .persnt-card {
        height: auto !important;
    }

        .persnt-card .P-card {
            margin: 0vh !important;
        }

        .persnt-card .head-1 h1 {
            font-size: 1.8rem !important;
        }

        .persnt-card .text-card {
            margin-top: 5vh !important;
        }

        .persnt-card .PT-card .pt-card1 .pt-a {
            padding: 15px 0px!important;
        }
        .persnt-card .PT-card .pt-card1 .b-pt p {
            padding: 0px !important;
        }
    .sl-card {
       
        margin: 0rem 9rem !important;
    }

    .th-card .th {
        margin: 2vh 0vh 7vh 0vh !important;
    }

    .Q-card {
        height: auto !important;
    }

        .Q-card .Q-0 {
            margin: 0vh !important;
            padding-top: 3rem !important;
        }
        .Q-card .Q-1 p {
            font-size: 13px!important;
        }
        .Q-card .Q-1 h1 {
            font-size: 2rem !important;
        }
        .Q-card .Q-2 {
            margin-top: 6%!important;
        }

        .Q-card .Q-2 .accordion .card-header span {
            padding: 1vh!important;
            margin-right: 1vh!important;
        }
            .Q-card .Q-2 .accordion .card .card-header {
                 margin-top: 0rem!important; 
            }

    .footer .foot-b {
        padding: 4rem 1rem !important;
    }
    .footer .foot-c {
        padding: 4rem 0rem!important;
    }
    .foot-2 .FT .FT-1 {
        margin: 25px 0px !important;
/*        display:block!important;*/
    }

    .foot-2 .FT .FT-2 {
/*        display: block!important;*/
        margin: 25px 0px !important;
    }

    .foot-2 .FT .FT-3 {
/*        display: block!important;*/
        margin: 25px 0px !important;
    }

    .foot-1 .ADDH .HEADD {
         padding-left: 0px!important; 
        display: flex!important;
        justify-content: center!important;
    }
    .foot-1 .ADDH .add {
        justify-content: center!important;
    }
    .foot-b .weeks-a .C24 {
        height: 208px!important;
        margin: auto!important;
        display: flex!important;
    }
    .foot-1 .dr-icon p {
         margin-top: 0rem!important; 
        display: flex!important;
        justify-content: center!important;
    }
    .foot-1 .dr-icon {
        padding: 4rem!important;
    }
    .foot-1 .dr-icon .SOCM{
        display:flex!important; 
        justify-content: center!important;
    }
}



@media screen and (min-width:769px) and (max-width:992px) {

    .nav .img {
        padding: 1vh 1vh!important;
    }
        .nav .img p {
            font-size: 1.5vh!important;
        }
        .nav .img p1 {
            top: 5rem!important;
        }
    .carousel-inner .d-block {
        height: auto !important;
    }
    .ind-1 {
        height: auto!important;
    }
    .ind-1 .ind-1a {
        position: relative;
        bottom: 2vh !important;
        right: 0% !important;
        display: flex;
        justify-content: center !important;
        gap: 0px !important;
        margin: 0px 0px !important;
    }

    .ind-1 .ind-a .btn {
        min-width: 100% !important;
    }

    .ind-1 .book .form-select {
        max-width: 100% !important;
    }

    .ind-1 .book .form-control {
        max-width: 100% !important;
    }

    .ind-1 .ind-a {
        background-repeat: repeat !important;
        height: 100% !important;
        min-width: 100% !important;
        margin-top: 10% !important;
    }

        .ind-1 .book {
            min-width: 100% !important;
            background-position: right bottom !important;
            margin: 80px 0px 60px 0px!important;
        }

    .cont {
        padding: 0px 32px !important;
    }
        .cont .A-cont .card {
            margin-left: 24%!important;
        }
        .cont .A-cont {
            margin-top: 0vh !important;
            padding: 0px 35px 0px 0px !important;
        }

            .cont .A-cont .card img {
                width: 10vh!important;
            }
            .cont .A-cont h1 {
                font-size:2.5vh !important;
            }
    .card-A .head h1 {
        font-size: 40px !important;
    }

    .card-A .blog-1 {
       max-width:100%!important;
    }

    .card-A .blog-1 .card {
        padding: 22px !important;
    }
    .card-A .blog-1 .card .img-top img {
        width: 13vh !important;
    }

    .card-A .pagination {
        padding-left: 40.5% !important;
        position: relative;
        bottom: 4vh !important;
    }

    .img-1 {
        height: auto !important;
    }

        .img-1 img {
            left: 3% !important;
            height: auto !important;
            max-width: 95% !important;
        }


    .b-img .back p {
        font-size: 22px !important;
    }

    .b-img .b-img-1 {
        background-size: cover !important;
        min-width: 100% !important;
        height: 50vh !important;
    }

    .b-img .back h1 {
        font-size: 4vh !important;
    }



    .b-img .b-img-1 img {
        display: none!important;
    }


    .b-img .back a {
        display: none !important;
    }

    .b-img .back {
        padding: 60px !important;
        min-width: 100%!important;
    }


    ol, ul {
        padding-left: 0rem !important;
    }

    .back-icon .b-icon-a {
        padding: 24px !important;
    }


        .back-icon img {
            width: 12vh !important;
            margin-left: 0vh !important;
        }

    .back-icon .bttn-2 {
        display: block!important;
        margin-right: 0vh!important;
    }




    .slid .item {
        display: block !important;
        padding: 1rem !important;
    }

    .slid h1 {
        font-size: 4vh !important;
        margin-bottom: 4vh !important;
    }

    .slid .item-A {
        margin-left: 0vh !important;
    }



    .DR .heading h1 {
        margin-bottom: 2rem !important;
        font-size: 4vh !important;
    }
    .DR .dr-card .dr-card-2 p {
        font-size: 20px!important;
      }
    .DR .dr-card .dr-card-2 {
        margin: 0vh !important;
    }

        .DR .dr-card .dr-card-2 img {
            width: 7vh !important;
            margin-top: -3vh!important;
            margin-left: -4vh!important;
        }

        .DR .dr-card .dr-card-2 .price-container {
            margin: 4vh 0vh 0vh 4vh !important;
        }

    .persnt-card {
        height: auto !important;
    }

        .persnt-card .P-card {
            margin: 0vh !important;
        }

        .persnt-card .head-1 h1 {
            font-size: 1.8rem !important;
        }

        .persnt-card .text-card {
            margin-top: 5vh !important;
        }
        .persnt-card .PT-card .pt-card1 .pt-a {
            padding: 15px 0px!important;
        }
        .persnt-card .PT-card .pt-card1 .b-pt p {
             padding: 0px!important; 
        }
    .sl-card {
        margin: 0rem 9rem !important;
    }

    .th-card .th {
        margin: 2vh 0vh 7vh 0vh !important;
    }


        .Q-card .Q-0 {
            margin: 0vh !important;
        }

        .Q-card .Q-1 p {
            font-size: 19px !important;
        }

        .Q-card .Q-1 h1 {
            font-size: 2.7rem !important;
        }

    .Q-card .Q-2 .accordion .card-header span {
        padding: 1vh!important;
        margin-right: 1vh!important;
    }
            .Q-card .Q-2 .accordion .card .card-header {
                margin-top: 0rem !important;
            }
    .foot-2 .FT img {
        width: 7vh!important;
    }
    .foot-2 .FT .FT-1 {
        display: block!important;
    }

    .foot-2 .FT .FT-2 {
        display: block!important;
    }

    .foot-2 .FT .FT-3 {
        display: block!important;
    }

    .footer .foot-b {
        padding: 8vh 0vh 8vh 2vh !important;
    }
    .footer .foot-c {
        padding: 8vh 0vh !important;
    }


    .foot-1 .dr-icon {
        max-width: 80% !important;
        flex: 0 0 80% !important;
        padding-bottom: 0rem!important;
    }

    .foot-1 .ADDH .HEADD {
        font-size: 15px !important;
        padding-left: 30px !important;
        margin-top: 2rem!important;
    }
    .foot-1 .ADDH .add {
        padding:10px!important;
    }
    .foot-1 .dr-icon p {
        margin-top: 0rem!important;
    }
    .foot-b .weeks-a .C24 {
        padding-top: 60px;
    }
}



@media screen and (min-width:993px) and (max-width:1024px) {


    .carousel-inner .d-block {
        height: auto !important;
    }

    .ind-1 {
/*        height: 65vh !important;*/
    }

        .ind-1 .ind-a .btn {
            width: 100% !important;
            padding: 10px !important;
        }

        .ind-1 .book .form-select {
            padding: 6px !important;
        }



        .ind-1 .ind-a {
            height: 32vh !important;
            max-width: 44vh !important;
        }

        .ind-1 .ind-1a {
            bottom: -10vh !important;
            margin: 0px !important;
            gap: 10px !important;
        }



    .cont {
        padding: 50px 42px 0px !important;
    }

        .cont .A-cont .card img {
            width: 10vh !important;
        }

        .cont .A-cont {
            margin-top: 0vh !important;
            padding: 0px 35px 0px 0px !important;
        }


            .cont .A-cont h1 {
                font-size: 3vh !important;
            }

    .card-A .head h1 {
        font-size: 45px !important;
    }


    .card-A .pagination {
        padding-left: 46.5% !important;
    }

    .card-A .blog-1 .card {
        padding: 22px !important;
    }

    .img-1 {
        height: auto !important;
    }

        .img-1 img {
            left: 3% !important;
            height: auto !important;
            max-width: 95% !important;
        }


    .b-img .back p {
        font-size: 16px !important;
        padding-right: 70px;
    }

    .b-img .b-img-1 {
        background-size: cover !important;
        height: auto !important;
    }

        .b-img .b-img-1 img {
            position: absolute !important;
            top: 22vh !important;
            left: 29rem !important;
        }

    .b-img .back a {
        margin-top: 20vh !important;
        margin-left: -14vh !important;
    }

    .b-img .back h1 {
        font-size: 4vh !important;
    }

    .b-img .back {
        padding: 3rem 0rem 0rem 3rem !important;
    }

        .b-img .back .back-a li {
            font-size: 16px !important;
        }

    .back-icon .b-icon-a {
        padding: 24px !important;
    }

    .back-icon img {
        width: 12vh !important;
        margin-left: 0vh !important;
    }

    .back-icon .bttn-2 {
        margin-top: 0vh !important;
        margin-right: 0vh !important;
    }




    .slid .item-A {
        margin-left: 0vh !important;
    }

    .slid .btn-1 {
        margin-right: 0vh !important;
    }




    .DR .heading h1 {
        margin-bottom: 2rem !important;
        font-size: 4vh !important;
    }

    .DR .dr-card .dr-card-2 {
        margin: 0vh !important;
    }

        .DR .dr-card .dr-card-2 img {
            width: 8vh !important;
            padding: 10px 15px !important;
            margin-top: -3vh !important;
            margin-left: -4vh !important;
        }

        .DR .dr-card .dr-card-2 .price-container {
            margin: 4vh 0vh 0vh 6vh !important;
        }

    .Q-card .Q-2 .accordion .card-header span {
        padding: 1vh !important;
        margin-right: 1vh !important;
    }



    .persnt-card {
        height: auto !important;
    }

        .persnt-card .P-card {
            margin: 0vh !important;
        }

        .persnt-card .head-1 h1 {
            font-size: 1.8rem !important;
        }

        .persnt-card .PT-card .pt-card1 .b-pt p {
            padding: 0px !important;
        }

        .persnt-card .text-card {
            margin-top: 5vh !important;
        }

    .sl-card {
        margin: 0rem 9rem !important;
    }

    .th-card .th {
        margin: 2vh 0vh 7vh 0vh !important;
    }


    .Q-card .Q-0 {
        margin: 0vh !important;
    }

    .Q-card .Q-1 p {
        font-size: 19px !important;
    }

    .Q-card .Q-1 h1 {
        font-size: 2.5rem !important;
    }


    .Q-card .Q-2 .accordion .card .card-header {
        margin-top: 0rem !important;
    }

    .foot-2 .FT img {
        max-width: 5vh !important;
        padding: 1vh;
    }

    .foot-1 .dr-icon {
        flex: 0 0 70% !important;
        max-width: 100% !important;
        padding-bottom: 0rem !important;
    }

    

    .footer .foot-b {
        padding: 4.5rem 3rem !important;
    }
    .foot-1 .dr-icon p {
        margin-top: 2rem!important;
    }
    .foot-1 .ADDH .HEADD {
        margin-top: 2rem!important;
    }
    .foot-1 .ADDH .add {
        padding: 30px !important;
    }
    .foot-b .weeks-a .C24 {
        margin-top: 60px!important;
    }
    .footer .foot-c {
        padding: 4.3rem 0.5rem!important;
    }
}


@media screen and (min-width:1025px) and (max-width:1224px) {

    .carousel-inner .d-block {
        height: auto !important;
    }


    .ind-1 .ind-a .btn {
        width: 100% !important;
    }

    .ind-1 .ind-1a {
        gap: 10px !important;
        margin: 0px 4px;
        padding: 0px;
    }

    
    .ind-1 .book {
        width: 64% !important;
    }

    .cont {
        padding: 42px !important;
    }

        .cont .A-cont .card {
            margin-left: 25% !important;
        }


            .cont .A-cont h1 {
                font-size: 4vh !important;
            }



    .card-A .blog-1 .card {
        padding: 22px !important;
    }

    .img-1 {
        height: auto !important;
    }

        .img-1 img {
            left: 3% !important;
            height: auto !important;
            max-width: 95% !important;
        }


    .b-img .back p {
        font-size: 16px !important;
        padding-right: 70px;
    }

    .b-img .b-img-1 {
        background-size: cover !important;
    }



    .b-img .back {
        padding: 100px 0px 5px 50px !important;
    }
        .b-img .back a {
            margin-top: 15vh !important;
            margin-left: -6vh !important;
        }

        .b-img .back .back-a li {
            font-size: 16px !important;
        }

    .back-icon .b-icon-a {
        padding: 24px !important;
    }

    .back-icon img {
        width: 12vh !important;
        margin-left: 0vh !important;
    }





    .slid .item {
        display: block !important;
        padding: 1rem !important;
    }

    .slid h1 {
        font-size: 4vh !important;
        margin-bottom: 8vh !important;
    }

    .slid .item-A {
        margin-left: 0vh !important;
    }


    .DR .heading h1 {
        margin-bottom: 2rem !important;
        font-size: 4vh !important;
    }

    .DR .dr-card .dr-card-2 {
        margin: 0vh !important;
    }

        .DR .dr-card .dr-card-2 img {
            width: 12vh !important;
        }

        .DR .dr-card .dr-card-2 .price-container {
            margin: 12vh 0vh 1vh 12vh !important;
        }

    .persnt-card {
        height: auto !important;
    }

        .persnt-card .P-card {
            margin: 0vh !important;
        }

        .persnt-card .head-1 h1 {
            font-size: 1.8rem !important;
        }

        .persnt-card .text-card {
            margin-top: 5vh !important;
        }

    .sl-card {
        margin: 0rem 7rem !important;
    }

    .th-card .th {
        margin: 10vh 0vh !important;
    }


    .Q-card .Q-0 {
        margin: 0vh !important;
    }

    .Q-card .Q-1 p {
        font-size: 19px !important;
    }

    .Q-card .Q-1 h1 {
        font-size: 2.5rem !important;
    }


    .Q-card .Q-2 .accordion .card .card-header {
        margin-top: 0rem !important;
    }


    .foot-1 .dr-icon p {
        margin-top: 2rem !important;
    }
    .foot-1 .dr-icon {
        width: auto!important;
    }
    .foot-1 .ADDH .HEADD {
        margin-top: 2rem !important;
    }

    .foot-1 .ADDH .add {
        padding: 30px !important;
    }

    .foot-b .weeks-a .C24 {
        margin-top: 60px !important;
    }

}


@media screen and (min-width:1225px) and (max-width:1400px) {
    .carousel-inner .d-block {
        height: auto !important;
    }
    .ind-1 .ind-a .btn {
        width: 100% !important;
    }

/*    .ind-1 .ind-1a {
        bottom: -15vh!important;
        gap: 12px!important;
        margin: 0rem!important;
    }*/


    .ind-1 .book {
        width: 65% !important;
    }
    .ind-1 .ind-a {
        height: 60vh!important;
    }
    .cont {
        padding: 42px 82px 0px !important;
    }


        .cont .B-cont .circular-chart {
            height: 109px!important;
        }

        .cont .A-cont h1 {
            font-size: 4vh !important;
        }



    .card-A .blog-1 .card {
        padding: 22px !important;
    }

    .img-1 {
        height: auto !important;
    }

        .img-1 img {
            left: 9% !important;
            height: auto !important;
            max-width: 95% !important;
        }


    .b-img .back p {
        font-size: 16px !important;
        padding-right: 70px;
    }
    .b-img .back h1 {
        font-size: 7.3vh!important;
    }
    .b-img .b-img-1 {
        background-size: cover !important;
    }
    .b-img .back a {
        margin-left: -11vh!important;
        margin-top: 28vh!important;
    }


    .b-img .back {
        padding: 100px 0px 5px 50px !important;
    }

        .b-img .back .back-a li {
            font-size: 16px !important;
        }

    .back-icon .b-icon-a {
        padding:24px 17px 24px 94px !important;
    }

    .back-icon img {
        width: 12vh !important;
        margin-left: 0vh !important;
    }





    .slid .item {
        padding: 1rem !important;
    }

    .slid h1 {
        font-size: 4vh !important;
        margin-bottom: 8vh !important;
    }

    .slid .item-A {
        margin-left: 14vh !important;
    }
    .slid .btn-1 {
        position:relative!important;
        left:38px;
    }

    .DR .heading h1 {
        margin-bottom: 2rem !important;
        font-size: 4vh !important;
    }

    .DR .dr-card .dr-card-2 {
        margin: 12.5vh !important;
    }

        .DR .dr-card .dr-card-2 img {
            width: 10vh !important;
            padding: 8px!important;
            margin-top: -4vh!important;
            margin-left: -5vh!important;
        }

        .DR .dr-card .dr-card-2 .price-container {
            margin: 8vh 0vh 0vh 14vh !important;
        }

    .persnt-card {
        height: 32rem !important;
    }

        .persnt-card .P-card {
            margin: 12.5vh !important;
        }

        .persnt-card .head-1 h1 {
            font-size: 1.8rem !important;
        }

        .persnt-card .text-card {
            margin-top: 5vh !important;
        }

    .sl-card {
        margin: 10rem 6rem 0rem 6.5rem !important;
    }
        .sl-card .image-wrapper {
            gap: 6rem!important;
        }
    .th-card .th {
        margin: 10vh 13vh !important;
    }


    .Q-card .Q-0 {
        margin: 0vh 14vh !important;
    }

    .Q-card .Q-1 p {
        font-size: 19px !important;
    }

    .Q-card .Q-1 h1 {
        font-size: 2.5rem !important;
    }


    .Q-card .Q-2 .accordion .card .card-header {
        margin-top: 0rem !important;
    }



    .foot-1 .dr-icon {
        width: auto !important;
    }
        .foot-1 .dr-icon p {
            margin-top: 2rem !important;
        }

    .foot-1 .dr-icon {
        width: auto !important;
    }

    .foot-1 .ADDH .HEADD {
        margin-top: 2rem !important;
        font-size: 19px!important;
    }

    .foot-1 .ADDH .add {
        padding: 30px !important;
    }

    .foot-b .weeks-a .C24 {
        margin-top: 60px !important;
    }


}



@media screen and (min-width:1401px) and (max-width:1600px) {
/*    .nav .tell .tell-a img {
        width: 5vh!important;
    }*/

    .carousel-inner .d-block {
        height: auto !important;
    }

}









/*


@media(max-width: 1200px) {
    #header-mob-1 {
        display: block !important;
    }

    #header-des-1 {
        display: none !important;
    }
    #custom-head-2{
        display: none !important;
    }
}

@media(min-width: 1201px) {
    #header-mob-1 {
        display: none !important;
    }

}


*/




/*CONTACT*/
@media screen and (min-width:320px) and (max-width:480px) {
    .c-card {
        padding-left:1rem!important;
         margin-top: 80px!important; 
    }
    .c1-card h1 {
        font-size: 2rem!important;
    }
    .c1-card .card-group {
        margin: 0rem!important;
    }
    .c1-card {
        height: 82rem!important;
    }
    .c2-card .c2-a {
        margin: 0rem 0.5rem!important;
        padding-top: 12rem!important;
    }
    .c2-card .B-card h1 {
        font-size: 2.1rem!important;
    }

    .c2-card {
        height: 120rem!important;
    }
        .c2-card .B-card {
             padding: 0px 0px 0px 0px!important; 
        }
        .c2-card .S-card {
            max-width: 100%!important;
            padding: 4rem 1rem!important;
        }
            .c2-card .S-card .E-n a {
                font-size: 20px !important;
            }

}





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

    .c-card {
        padding-left: 2rem!important;
        margin-top: 80px!important;
    }
    .c1-card {
        height: auto !important;
    }
    .c1-card .card-group {
        margin: 0rem !important;
    }
        .c1-card .card-group h1 {
            font-size: 1.5rem!important;
        }
        .c1-card .card-group .CG-0 {
            padding: 2rem 0rem!important;
        }

    .c2-card {
        height: auto !important;
    }
    .c2-card .c2-a {
        margin: 0rem 0.5rem !important;
        padding-top: 5rem !important;
    }

    .c2-card .B-card {
        padding: 0px 0px 0px 0px !important;
        width:auto;
    }
        .c2-card .S-card {
            min-width: 100% !important;
            padding: 4rem !important;
        }








}






@media screen and (min-width:769px) and (max-width:992px) {
    .c-card {
        padding-left: 2rem !important;
        margin-top: 80px !important;
    }

    .c1-card .card-group {
        margin: 0rem !important;
    }

        .c1-card .card-group h1 {
            font-size: 1.5rem !important;
        }

        .c1-card .card-group .CG-0 {
            padding: 1.9rem !important;
        }

    .c2-card {
        height: 105rem !important;
    }

        .c2-card .c2-a {
            margin: 0rem 0.5rem !important;
            padding-top: 15rem !important;
        }

        .c2-card .B-card {
            padding: 0px 0px 0px 0px !important;
            width: auto;
        }

        .c2-card .S-card {
            min-width: 50% !important;
            padding: 4rem 1rem !important;
        }




}






@media screen and (min-width:993px) and (max-width:1024px) {
    .c-card {
        padding-left: 2rem !important;
        margin-top: 80px !important;
    }

    .c1-card .card-group {
        margin: 0rem !important;
    }

        .c1-card .card-group h1 {
            font-size: 1.5rem !important;
        }

        .c1-card .card-group .CG-0 {
            padding: 1.9rem !important;
        }

        .c2-card .c2-a {
            margin: 0rem 0.5rem !important;
            padding-top: 15rem !important;
        }

       

        .c2-card .S-card {
            padding: 4rem 1rem !important;
        }

            .c2-card .S-card .E-n a {
                 font-size: 18px!important;
            }






}





@media screen and (min-width:1025px) and (max-width:1224px) {
    /*    .c-card {
        padding-left: 2rem !important;
        margin-top: 80px !important;
    }
*/
    .c1-card .card-group {
        margin: 0px 80px 0px 94px !important;
    }

        .c1-card .card-group h1 {
            font-size: 1.5rem !important;
        }

        .c1-card .card-group .CG-0 {
            padding: 1.9rem !important;
        }

    .c2-card {
        height: 60rem !important;
    }

        .c2-card .c2-a {
            margin: 0px 58px 0px 96px !important;
            padding-top: 12rem !important;
        }



        .c2-card .S-card {
            padding: 4rem 1rem !important;
        }

            .c2-card .S-card .E-n a {
                font-size: 18px !important;
            }
}






@media screen and (min-width:1225px) and (max-width:1400px) {
/*    .c-card {
        padding-left: 2rem !important;
        margin-top: 80px !important;
    }
*/
    .c1-card .card-group {
        margin: 0px 80px 0px 94px !important;
    }

        .c1-card .card-group h1 {
            font-size: 1.5rem !important;
        }

        .c1-card .card-group .CG-0 {
            padding: 1.9rem !important;
        }

    .c2-card {
        height: 60rem!important;
    }

        .c2-card .c2-a {
            margin: 0px 58px 0px 96px !important;
            padding-top: 12rem !important;
        }



    .c2-card .S-card {
        padding: 4rem 1rem !important;
    }

        .c2-card .S-card .E-n a {
            font-size: 18px !important;
        }
}
















/*ABOUT*/
@media screen and (min-width:320px) and (max-width:480px) {
    .max-con h1 {
        font-size: 2rem!important;
    }
    .max-con .max-con4 .HR-list {
        display: block!important;
        inline-size: auto!important;
    }
    .max-con .max-con5 .HF-list {
        display: block!important;
        inline-size: auto!important;
    }
        .max-con .max-con5 .HF-list li {
            text-align: left!important;
        }



    .VC {
        height: auto !important;
    }

        .VC .VC-3 {
            height: auto !important;
        }

            .VC .VC-3 img {
                position: relative;
                top: 0rem !important;
            }

        .VC .VC-4 {
            padding: 2rem 1rem !important;
        }

            .VC .VC-4 h1 {
                font-size: 2rem !important;
            }

            .VC .VC-4 p1 {
                font-size: 15px !important;
            }

            .VC .VC-4 .VC-5 {
                margin-top: 2rem !important;
                flex-direction: column-reverse !important;
            }

            .VC .VC-4 .VC-6 p {
                margin: 1rem 0rem !important;
            }

            .VC .VC-4 .VC-7 {
                display: block !important;
            }

                .VC .VC-4 .VC-7 .Y {
                    margin-top: 6rem !important;
                }



    .MH h1 {
        font-size: 1.8rem !important;
    }

    .MH-card {
        margin: 0rem !important;
    }

        .MH-card .row {
            display: block;
            margin: 1rem;
        }

    .MT {
        margin: 140rem 0rem 0rem 0rem!important;
    }
        .MT .M1-T {
            padding-right: 0rem !important;
            margin-top: 2rem !important;
        }
            .MT .M1-T h1 {
                 font-size: 2rem!important;
            }

        .MT .M2-T .s1 img {
            margin-top: 4rem!important;
        }



    .sp2-slid {
         margin: 0rem!important; 
    }


    .sp-card {
        margin-top: 5rem!important;
    }
        .sp-card h1 {
            font-size: 2rem!important;
        }

        .sp-card .sp-slid {
             margin: 0rem!important; 
        }






}






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

    .max-con .max-con4 .HR-list {
        display: block !important;
        inline-size: auto !important;
    }

    .max-con .max-con5 .HF-list {
        display: block !important;
        inline-size: auto !important;
    }

        .max-con .max-con5 .HF-list li {
            text-align: left !important;
        }

    .VC {
        height: 102rem !important;
    }
        .VC .VC-3 {
            width: 100%!important;
            height: 48rem!important;
        }
            .VC .VC-3 img {
                position: relative;
                top: 8rem!important;
                width: 35rem!important;
            }
    .VC .VC-4 {
        width:auto!important;
        padding: 0rem 2rem!important;
    }
        .VC .VC-4 h1 {
            font-size: 2.5rem!important;
         }
    .MH-card {
        margin: 0rem 1rem!important;
    }
    .MH h1 {
        font-size: 3rem!important;
    }



    .MT {
        margin: 8rem 0rem 0rem 0rem!important;
    }
        .MT .M1-T {
             padding-right: 0rem!important; 
        }
            .MT .M1-T h1 {
                font-size: 2rem!important;
            }


    .sp2-slid {
         margin: 0rem!important; 
    }
        .sp2-slid .sp2-s img {
            border-radius: 100%;
            padding: 0rem 0rem 0rem 4rem !important;
            width: 22rem !important;
            margin-top: 4rem;
        }

    .sp-card {
        margin-top: 5rem!important;
    }
    .sp-card h1 {
        font-size: 3rem!important;
    }
        .sp-card .sp-slid {
             margin: 0rem!important; 
        }
            .sp-card .sp-slid .sp-s1 img {
                border-radius: 100%;
                padding: 0rem 0rem 0rem 4rem !important;
                width: 22rem !important;
            }



}






@media screen and (min-width:769px) and (max-width:992px) {
    .max-con .max-con4 .HR-list {
        display: block !important;
        inline-size: auto !important;
    }

    .max-con .max-con5 .HF-list {
        display: block !important;
        inline-size: auto !important;
    }

        .max-con .max-con5 .HF-list li {
            text-align: left !important;
        }

    .VC {
        height: 102rem !important;
    }

        .VC .VC-3 {
            width: 100% !important;
            height:50rem!important;
        }

            .VC .VC-3 img {
                position: relative;
                top: 4rem !important;
                width: 35rem !important;
                left: 2rem;
            }

        .VC .VC-4 {
            width: auto !important;
            padding: 0rem 2rem !important;
        }
            .VC .VC-4 h1 {
                font-size: 3.5rem!important;
            }

    .MH-card {
        margin: 0rem 1rem !important;
    }
    .MH {
        height: 68vh!important;
    }
    .MH h1 {
        font-size: 3.5rem !important;
    }



    .MT {
        margin: 8rem 0rem 0rem 0rem !important;
    }

        .MT .M1-T {
            padding-right: 0rem !important;
        }

            .MT .M1-T h1 {
                font-size: 2rem !important;
            }


    .sp2-slid {
        margin: 0rem !important;
    }
        .sp2-slid .sp2-s img {
            width: 22rem !important;
            margin: auto!important;
        }
    .sp-card {
        margin-top: 5rem !important;
    }

        .sp-card h1 {
            font-size: 3rem !important;
        }

        .sp-card .sp-slid {
            margin: 0rem !important;
        }
            .sp-card .sp-slid .sp-s1 img {
                width: 22rem!important;
                margin: auto!important;
            }


}





@media screen and (min-width:993px) and (max-width:1024px) {
    .max-con .max-con4 .HR-list {
        display: block !important;
        inline-size: auto !important;
    }

    .max-con .max-con5 .HF-list {
        display: block !important;
        inline-size: auto !important;
    }

        .max-con .max-con5 .HF-list li {
            text-align: left !important;
        }
    .VC {
        height: 102rem !important;
    }

        .VC .VC-3 {
            width: 100% !important;
        }

            .VC .VC-3 img {
                position: relative;
                top: 6rem !important;
                left: 4rem !important;
                width: 35rem !important;
            }

        .VC .VC-4 {
            width: auto !important;
            padding: 0rem 2rem !important;
        }

            .VC .VC-4 h1 {
                font-size: 3.5rem !important;
            }

    .MH-card {
        margin: 0rem 1rem !important;
    }

    .MH {
        height: 58vh !important;
    }

        .MH h1 {
            font-size: 3.5rem !important;
        }



    .MT {
        margin: 8rem 0rem 0rem 0rem !important;
    }

        .MT .M1-T {
            padding-right: 0rem !important;
        }

            .MT .M1-T h1 {
                font-size: 2rem !important;
            }


    .sp2-slid {
        margin: 0rem !important;
    }

/*        .sp2-slid .sp2-s img {
            border-radius: 100%;
            padding: 0rem 0rem 0rem 4rem !important;
            width: 14rem !important;
            margin-top: 4rem;
        }
*/
    .sp-card {
        margin-top: 5rem !important;
    }

        .sp-card h1 {
            font-size: 3rem !important;
        }

        .sp-card .sp-slid {
            margin: 0rem !important;
        }
/*
            .sp-card .sp-slid .sp-s1 img {
                border-radius: 100%;
                padding: 0rem 0rem 0rem 4rem !important;
                width: 14rem !important;
            }
*/


}






@media screen and (min-width:1025px) and (max-width:1224px) {


/*
    .c-card {
        padding-left: 110px !important;
    }
*/
    .VC {
        height: 51.5rem !important;
    }

        .VC .VC-3 {
            height: 50rem !important;
        }
            .VC .VC-3 img {
                top: 15.3rem!important;
            }

        .VC .VC-4 {
            /*            width: auto !important;*/
            padding: 2rem 2rem 0rem !important;
        }

    /*            .VC .VC-4 h1 {
                font-size: 3.5rem !important;
            }
*/
    .MH-card {
        margin: 0rem 6rem !important;
    }

    /*    .MH {
        height: 58vh !important;
    }
*/
    .MH h1 {
        font-size: 3.5rem !important;
    }



    .MT {
        margin: 430px 56px 0px 74px !important;
    }

        .MT .M1-T {
            padding-right: 0rem !important;
        }

            .MT .M1-T h1 {
                font-size: 2rem !important;
            }


    .sp2-slid {
        margin: 40px 74px 80px 74px !important;
    }

    /*        .sp2-slid .sp2-s img {
            border-radius: 100%;
            padding: 0rem 0rem 0rem 4rem !important;
            width: 14rem !important;
            margin-top: 4rem;
        }
*/
    .sp-card {
        background-size: contain !important;
        /*        margin-top: 5rem !important;*/
    }


        .sp-card h1 {
            font-size: 3rem !important;
        }

        .sp-card .sp-slid {
            margin: 0px 60px 100px 70px !important;
        }
    /*
            .sp-card .sp-slid .sp-s1 img {
                border-radius: 100%;
                padding: 0rem 0rem 0rem 4rem !important;
                width: 14rem !important;
            }
*/


}





@media screen and (min-width:1225px) and (max-width:1400px) {


/*    .c-card {
        padding-left: 110px!important;
    }*/

    .VC {
        height: 51.5rem !important;
    }

        .VC .VC-3 {
            height: 50rem !important;
        }
            .VC .VC-3 img {
                top: 13.2rem!important;
            }
        .VC .VC-4 {
/*            width: auto !important;*/
            padding: 2rem 2rem 0rem !important;
        }

/*            .VC .VC-4 h1 {
                font-size: 3.5rem !important;
            }
*/
    .MH-card {
        margin: 0rem 6rem !important;
    }

/*    .MH {
        height: 58vh !important;
    }
*/
        .MH h1 {
            font-size: 3.5rem !important;
        }



    .MT {
        margin: 430px 56px 0px 74px !important;
    }

        .MT .M1-T {
            padding-right: 0rem !important;
        }

            .MT .M1-T h1 {
                font-size: 2rem !important;
            }


    .sp2-slid {
        margin: 40px 74px 80px 74px !important;
    }

    /*        .sp2-slid .sp2-s img {
            border-radius: 100%;
            padding: 0rem 0rem 0rem 4rem !important;
            width: 14rem !important;
            margin-top: 4rem;
        }
*/
    .sp-card {
        background-size: contain!important;
        /*        margin-top: 5rem !important;*/
    }
   

        .sp-card h1 {
            font-size: 3rem !important;
        }

    .sp-card .sp-slid {
        margin: 0px 60px 100px 70px !important;
    }
    /*
            .sp-card .sp-slid .sp-s1 img {
                border-radius: 100%;
                padding: 0rem 0rem 0rem 4rem !important;
                width: 14rem !important;
            }
*/


}














/*DR.DETAIL*/
@media screen and (min-width:320px) and (max-width:480px) {
    .profile-image::before {
        position: unset!important;
        border: none!important;
    }
    .profile-image img {
        width: 95% !important;
        height: auto !important;
        left: 6px !important;
    }
    .profile-card {
        text-align: left !important;
        padding: 10px!important;
    }

    .about {
        padding: 0vh 6vh 5vh!important;
    }


    .dr-SB {
        margin-left: 1vh!important;
        padding: 12px!important;
    }
        .dr-SB h2 {
            margin-top: 46px!important;
        }
        .dr-SB .dr-list {
            display: block!important;
        }
}






@media screen and (min-width:481px) and (max-width:768px) {
    .profile-image::before {
        position: unset !important;
        border: none !important;
    }
    .profile-image img {
        max-width: 178%!important;
        height: 60vh!important;
        left: -67px !important;
    }
    .profile-card {
        text-align: left !important;
        margin: 0vh !important;
    }
    .about {
        padding: 5vh 2vh 5vh!important;
    }
    .dr-SB {
         margin-left: 0vh!important; 
         margin-bottom: 0vh!important; 
    }
        .dr-SB .dr-list {
            font-size: 14px!important;
        }
    .col-md-6 {
        flex: 0 0 auto;
        width: 100%!important;
    }
    .dr-ex {
        padding: 20px 24px 42px!important;
    }

}






@media screen and (min-width:769px) and (max-width:992px) {
    .profile-image::before {
        position: unset !important;
        border: none !important;
    }

    .profile-image img {
        max-width: 205% !important;
        height: 60vh !important;
        left: 0px !important;
    }

    .profile-card {
        display: block!important;
        text-align: left !important;
        margin: 0vh !important;
    }
    .profile-info {
         padding-left: 0px!important; 
    }
    .about {
        padding: 5vh 2vh 5vh !important;
    }

    .dr-SB {
        margin-left: 0vh !important;
        margin-bottom: 0vh !important;
    }

/*    .col-md-6 {
        flex: 0 0 auto;
        width: 100% !important;
    }
*/
    .dr-ex {
        padding: 20px 24px 42px !important;
    }

}





@media screen and (min-width:993px) and (max-width:1024px) {
    .profile-card {
         margin: 0vh!important; 
    }
    .profile-image img {
        height: 36vh!important;
    }
    .profile-image::before {
        left: -37px !important;
        height: 116% !important;
    }
    .about {
        padding: 5vh 2vh 5vh!important;
    }
    .dr-SB {
        margin-left: 0vh!important;
        margin-bottom: 5vh!important;
    }
        .dr-SB .dr-list {
            font-size: 11px!important;
        }
    .dr-ex {
        padding: 0px 22px 42px!important;
    }
}