:root {
    --primary-color: #d2e7f8;
    --secondary-color: #0073ff;
    --fourth-color: #f9faff;
    --pri-fontColor: #4A6379;
    --secondary-fontColor: #1E3056;
    --pri-fontFamily: "Poppins", serif;
    --sec-fontFamily: "Vollkorn", serif;
    --text-white: white;
    --text-dark: black;
}


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

    .department-body .department-detial-box .img-container {
        width: 100%;
        height: 44vw !important;
    }

    .Gallery-body .gallery-boxes .img-container {
        width: 100%;
        height: 44vw !important;
    }

    .right-form-appointment .head-with-btn a {
        text-decoration: underline !important;
        color: black !important;
        background-color: transparent !important;
        font-size: 14px !important;
        padding: 2px 0 !important;
        padding-top: 8px !important;
        letter-spacing: 0.9px !important;
    }
}

@media screen and (min-width:340px) and (max-width:539px) {

    .department-body .department-detial-box .img-container {
        width: 100%;
        height: 45vw !important;
    }


    .Gallery-body .gallery-boxes .img-container {
        width: 100%;
        height: 45vw !important;
    }
}




@media screen and (max-width:540px) {
    .socialmedia-sidebar {
        position: fixed;
        top: 52%;
        left: 0%;
        transform: translateY(-50%);
        z-index: 777;
        /* background-color: rgb(183, 151, 151); */
    }

    .socialmedia-sidebar .socialmedia-icons {
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: white;
        padding: 0.7rem;
        border-radius: 50px;
        box-shadow: 0 0 9px rgba(88, 88, 88, 0.4);
    }

    .socialmedia-sidebar .socialmedia-icons a {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-decoration: none;
        margin: 0.8rem 0;
        font-size: 1rem;
        position: relative;
    }

    .socialmedia-sidebar .socialmedia-icons .Message::after {
        content: attr(data-text);
        position: absolute;
        top: -60%;
        left: -200px;
        z-index: -1;
        background-color: rgb(245, 245, 245);
        width: 7.5rem;
        border-radius: 0 50px 50px 0;
        text-align: center;
        color: var(--secondary-color);
        padding: 0.5rem 0;
        margin-left: 1.3rem;
        font-size: 15px;
        font-weight: 700;
        transition: left 0.4s ease;
        box-shadow: 0 0 7px rgba(94, 94, 94, 0.419);
    }

    .socialmedia-sidebar .socialmedia-icons .Message:hover::after {
        left: 0;
    }

    .socialmedia-sidebar .socialmedia-icons .Phone::after {
        content: attr(data-text);
        position: absolute;
        top: -60%;
        left: -200px;
        z-index: -1;
        background-color: rgb(245, 245, 245);
        width: 7.5rem;
        border-radius: 0 50px 50px 0;
        text-align: center;
        color: var(--secondary-color);
        padding: 0.5rem 0;
        margin-left: 1.3rem;
        font-size: 15px;
        font-weight: 700;
        transition: left 0.4s ease;
        box-shadow: 0 0 7px rgba(94, 94, 94, 0.419);
    }

    .socialmedia-sidebar .socialmedia-icons .Phone:hover::after {
        left: 0;
    }

    .socialmedia-sidebar .socialmedia-icons .Location::after {
        content: attr(data-text);
        position: absolute;
        top: -60%;
        left: -200px;
        z-index: -1;
        background-color: rgb(245, 245, 245);
        width: 7.5rem;
        border-radius: 0 50px 50px 0;
        text-align: center;
        color: var(--secondary-color);
        padding: 0.5rem 0;
        margin-left: 1.3rem;
        font-size: 15px;
        font-weight: 700;
        transition: left 0.4s ease;
        box-shadow: 0 0 7px rgba(94, 94, 94, 0.419);
    }

    .socialmedia-sidebar .socialmedia-icons .Location:hover::after {
        left: 0;
    }

    .whatsapp-icon {
        position: fixed;
        top: 93%;
        left: 1.2%;
        transform: translateY(-50%);
        z-index: 777;
    }

    .whatsapp-icon .whatsapp {
        text-decoration: none;
        cursor: pointer;
    }

    .whatsapp-icon .whatsapp img {
        width: 55px;
        height: 55px;
        object-fit: contain;
    }




    .navbar-info-body {
        border-bottom: 1px solid white;
    }

    .navbar-info-section {
        display: none;
    }

    .navbar-info-section .enquiry-and-info {
        display: none;
    }

    .navbar-info-section .enquiry-and-info .icon-withDetail {
        display: none;
    }

    .navbar-info-section .socialmedia-icons {
        display: none;
    }


    /* position absolute */
    .navbar-body-abs {
        padding-bottom: 0rem;
        width: 100%;
        background-color: white;
    }

    .nav-sticky {
        background-color: white;
        box-shadow: 0 7px 15px rgba(0, 0, 0, 0.3);
    }

    .navbar-section-abs {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem;
        padding-bottom: 1rem;
        background-color: white;
    }

    .navbar-linkss-abs ul {
        display: block;
        padding-top: 5px;
        position: absolute;
        top: -1000.5px;
        left: 0;
        z-index: -2;
        background-color: white;
        width: 100%;
        transition: all 0.3s ease;
        padding-bottom: 0.5rem;
        padding-left: 0;
        max-height: 540px;
        overflow-x: hidden;
    }

    .navbar-linkss-abs ul li .navbar-item-anchor {
        display: flex;
        align-items: center;
        text-decoration: none;
        color: #292929;
        font-family: var(--pri-fontFamily);
        font-size: 14.7px;
        padding: 0.5rem 1rem;
        transition: color 0.2s ease;
        /* border-bottom: none !important; */
        width: 100%;
    }

    .navbar-linkss-abs ul li .navbar-item-anchor:hover {
        box-shadow: none;
        font-size: 14.7px;
        padding: 0.5rem 1rem;
        border-radius: none;
        border-bottom: 4px solid transparent !important;
    }

    .current-link {
        border-bottom: 4px solid transparent !important;
        text-decoration: none;
        color: var(--secondary-color);
        padding: 0.5rem 1rem;
        box-shadow: none;
        border-radius: none;
        margin: 0;
    }

    .menu-btn-small-screen {
        display: block;
    }

    .menu-btn-small-screen i {
        font-size: 2rem;
        padding: 0;
        margin: 0;
    }

    .bi-x {
        display: none;
    }

    .navbar-section-abs .navbar-button {
        display: none;
    }

    .small-screen-display-only {
        display: block;
    }



    .dropdown .nav-pallet-tag-and-icon {
        justify-content: space-between !important;
    }

    /* dropdown functionality css */
    .dropdown-menu {
        list-style: none;
        position: relative;
        /* top: auto !important; */
        left: 0%;
        background-color: white;
        width: 100%;
        max-width: none;
        display: none;
        opacity: 0;
        visibility: hidden;
        transform: translateY(0px);
        transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
        box-shadow: 0px 0px 3px rgba(95, 95, 95, 0.237);
        border-radius: 0px;
        padding: 0.2rem 0.4rem;
        margin-bottom: 0.5rem;
        margin-top: 0.5rem;
    }

    .dropdown-menu::-webkit-scrollbar {
        width: 0;
    }

    .dropdown-menu.show {
        display: block;
        /* flex-direction: column; */
        opacity: 1;
        visibility: visible;
    }

    .sub-dropdown-twice.show,
    .sub-dropdown-thrice.show {
        display: block;
        opacity: 1;
        visibility: visible;
    }

    .dropdown-menu a {
        display: flex;
        flex-direction: row;
        text-decoration: none;
        font-size: 14px;
        text-align: left;
        margin-left: 0 !important;
        padding: 0.6rem 0.8rem !important;
        border-bottom: 1px solid #ececece7;
        /* border: 2px solid white; */
    }

    .dropdown-menu a:last-child {
        border-bottom: none;
        /* border: 2px solid white; */
    }

    .dropdown-menu a:hover {
        color: var(--secondary-color) !important;
    }


    .dropdown-icon i {
        font-size: 12px;
        margin-left: 5px;
        transition: transform 0.3s ease;
    }



    /* sub dropdown twice */
    .sub-dropdown-twice {
        list-style: none;
        position: relative;
        /* top: 0 !important; */
        left: 0;
        width: 100%;
        max-width: none;
        display: none;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        border: 1.2px solid #f3f3f3f3;
        box-shadow: none;
        border-radius: 0px;
        padding: 0.6rem;
        margin-top: 0px;
        background-color: #f3f3f3f3;
    }

    .dropdown-icon-twice i {
        font-size: 12px;
        margin-left: 5px;
        transition: transform 0.3s ease;
    }




    /* sub dropdown thrice added */
    .sub-dropdown-thrice {
        list-style: none;
        position: relative;
        /* top: auto; */
        left: 0%;
        width: 100%;
        max-width: none;
        display: none;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        box-shadow: none;
        border: 1.5px solid #edededf3;
        border-radius: 0px;
        padding: 0.6rem 0.9rem;
        margin: 2px 0;
        background-color: #edededf3;
    }

    .dropdown-icon-thrice i {
        font-size: 12px;
        margin-left: 5px;
        transition: transform 0.3s ease;
    }



    .overlay-body {
        position: fixed;
        height: 105vh;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 899;
        background-color: rgba(0, 0, 0, 0.34);
        transition: all 0.5s ease;
        visibility: hidden;
        opacity: 0;
    }

    .Complete-body {
        overflow: auto;
    }

    /* Carousel Section */


    .carousel-control-prev {
        border: 0.2px solid rgb(213, 213, 213);
        width: 25px;
        height: 45px;
        position: absolute;
        top: 45%;
        left: 0;
        padding-right: 0.4rem;
        border-radius: 0 50px 50px 0;
        background-color: #03648bb5;
    }

    .carousel-control-next {
        border: 0.2px solid rgb(213, 213, 213);
        width: 25px;
        height: 45px;
        position: absolute;
        right: 0%;
        top: 45%;
        padding-left: 0.4rem;
        border-radius: 50px 0 0 50px;
        background-color: #03648bb5;
    }

    .carousel-overlay {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: #00596f4d;
        z-index: 2;
    }

    .carousel-main-index {
        width: 100%;
        position: relative;
    }

    .carousel-img-container {
        width: 100%;
        height: 65vw;
        position: relative;
        z-index: -1;
    }

    .carousel-img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
        position: relative;
        z-index: -1;
    }

    .carousel-caption {
        color: white;
        position: absolute;
        top: 45%;
        z-index: 6;
        left: 0;
        border-radius: 100px;
        padding: 1.2rem 2rem;
        padding-bottom: 0;
        margin-bottom: 0;
        width: 100%;
    }

    .carousel-caption h5 {
        font-size: 1.1rem;
        font-family: var(--pri-fontFamily);
        text-shadow: 0 0.5px 0.5px rgba(0, 0, 0, 0.89);
    }

    .carousel-caption p {
        display: none;
        /* font-size: 14.6px;
        font-weight: 400;
        text-shadow: none;
        letter-spacing: 0.7px;
        line-height: 1.1; */
    }

    .carousel-btnn {
        background-color: var(--secondary-color);
        color: white;
        border: none;
        border-radius: 27px;
        padding: 0.6rem 1.1rem;
        font-size: 13px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .custom-btnn {
        padding: 11px 18px;
        border: none;
        background-color: var(--secondary-color);
        border-radius: 20px;
        color: white;
        padding-top: 9px;
        font-size: 13px;
        font-weight: 600;
        position: relative;
        top: 50%;
    }


    .about-company-section-cont {
        width: 100%;
        padding: 3.4rem 0;
        padding-top: 3.4rem;
    }

    .about-company-section-cont .about-index-divider {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0%;
    }

    .about-company-section-cont .about-index-divider .left-image {
        width: 98%;
        margin: auto;
        order: 2;
    }

    .about-company-section-cont .about-index-divider .left-image .img-abt-container {
        width: 100%;
        height: auto;
    }

    .about-company-section-cont .about-index-divider .left-image .img-abt-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }



    .about-company-section-cont .about-index-divider .right-desc {
        width: 98%;
        margin: auto;
        order: 1;
        margin-bottom: 2rem;
    }

    .about-company-section-cont .about-index-divider .right-desc h3 {
        font-size: 1.7rem;
        color: var(--pri-fontColor);
        font-family: var(--pri-fontFamily);
    }

    .about-company-section-cont .about-index-divider .right-desc h3 span {
        color: var(--secondary-color);
    }

    .about-company-section-cont .about-index-divider .right-desc p {
        width: 98%;
        margin: auto;
        text-align: justify;
        margin-top: 1.4rem;
        margin-bottom: 1.2rem;
        line-height: 1.5;
        color: #6f6f6f;
        font-size: 14.5px;
        font-family: var(--pri-fontFamily);
    }




    /* Department in Index Page Starts Here -------------------------- */

    .department-section {
        width: 100%;
        height: 100%;
        background-color: var(--fourth-color);
        padding: 3.4rem 0;
        padding-bottom: 3.6rem;
    }

    .department-body {
        width: 97%;
        margin: auto;
    }

    .department-body .heading-department {
        text-align: center;
    }

    .department-body .heading-department h4 {
        font-size: 22px;
        font-weight: 400;
        font-family: var(--pri-fontFamily);
        color: var(--pri-fontColor);
    }

    .department-body .department-detial-box {
        text-align: center;
        box-shadow: 0 0 32px rgba(22, 22, 22, 0.085);
        padding: 1rem;
        transition: all 0.3s ease;
        position: relative;
        z-index: 8;
        margin-bottom: 0.2rem;
    }

    .department-body .department-detial-box::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0%;
        left: 0%;
        z-index: -2;
        scale: 84%;
        color: white;
        /* background-color: #1E3056; */
        transition: all 0.5s ease;
    }

    .department-body .department-detial-box:hover::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0%;
        left: 0%;
        z-index: -5;
        scale: 100%;
        background: linear-gradient(to right, var(--secondary-color), var(--secondary-color));
        color: white;
    }

    .department-body .department-detial-box:hover {
        color: white;
    }

    .current-selected-department {
        background: linear-gradient(to right, var(--secondary-color), var(--secondary-color));
        color: white;
    }

    .department-body .department-detial-box .img-container {
        width: 100%;
        height: 240px;
    }

    .department-body .department-detial-box .img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }

    .department-body .department-detial-box h6 {
        margin-top: 1rem;
        margin-bottom: 0.5rem;
        font-size: 14.6px;
    }

    .bd-selected-radius-left {
        border-top-left-radius: 0px;
    }

    .bd-selected-radius-right {
        border-top-right-radius: 0px;
    }


    .department-body .depart-and-desc-card {
        display: flex;
        flex-direction: column;
        box-shadow: 0 0 32px rgba(22, 22, 22, 0.085);
        margin-top: 1.5rem;
        align-items: center;
    }

    .department-body .depart-and-desc-card .left-card-image {
        width: 100%;
    }

    .department-body .depart-and-desc-card .left-card-image img {
        width: 100%;
    }


    .department-body .depart-and-desc-card .right-card-description {
        width: 100%;
        padding: 1.5rem;
    }

    .department-body .depart-and-desc-card .right-card-description h5 {
        font-family: var(--pri-fontFamily);

    }

    .department-body .depart-and-desc-card .right-card-description p {
        font-size: 14px;
        color: var(--pri-fontColor);
        line-height: 1.7;
    }

    .department-body .depart-and-desc-card .right-card-description ul {
        list-style: none;
        padding: 0;
        color: var(--pri-fontColor);
    }

    .department-body .depart-and-desc-card .right-card-description ul li {
        line-height: 2.5;
        font-size: 14px;
    }

    .department-body .depart-and-desc-card .right-card-description ul li i {
        color: var(--secondary-color);
    }

    /* Department in Index Page Ends Here --------------------------- */



    /* Services Section in Index Page Starts Here --------------------------- */

    .Services-section {
        width: 100%;
        height: 100%;
        background-color: white;
        padding: 3.4rem 0;
        padding-bottom: 3rem;
    }

    .Services-body {
        width: 100%;
    }

    .Services-body .heading-department {
        text-align: center;
    }

    .Services-body .heading-department h4 {
        font-size: 28px;
        font-weight: 400;
        font-family: var(--pri-fontFamily);
        color: var(--pri-fontColor);
        margin-bottom: 1.5rem;
    }

    .Services-body .heading-department h5 {
        font-size: 18px;
        font-weight: 400;
        color: var(--secondary-color);
    }

    .Services-body .heading-department p {
        font-size: 14px;
        font-weight: 400;
        color: var(--pri-fontColor);
        width: 50%;
        margin: auto;
        margin-bottom: 3.2rem;
    }

    .services-box {
        height: 100%;
        padding: 1.5rem;
        text-align: center;
        position: relative;
        top: 0%;
        background-color: white;
        border-radius: 5px;
        border-top-right-radius: 30px;
        box-shadow: 0 0 45px rgba(0, 0, 0, 0.07);
        overflow: hidden;
        z-index: 8;
        margin-bottom: 1.7rem;
        transition: all 0.2s ease;
    }

    .services-box::after {
        display: none;
    }

    .services-box:hover::after {
        position: absolute;
        bottom: 0px;
        z-index: -5 !important;
        scale: 100%;
        opacity: 1;
        border-radius: 0px;
        background: linear-gradient(to right, var(--secondary-color), var(--secondary-color));
    }

    .services-box:hover {
        top: 0%;
        border-radius: 0px;
    }

    .services-box i {
        font-size: 2.4rem;
        color: var(--secondary-color);
        transition: color 0.2s ease;
        margin-top: 1.1rem;
    }

    .services-box:hover i {
        color: var(--secondary-color);
    }

    .services-box h5 {
        margin: 1rem auto;
        transition: color 0.2s ease;
        color: var(--secondary-fontColor);
        font-family: var(--pri-fontFamily);
        font-size: 19px;
    }

    .services-box:hover h5 {
        color: var(--secondary-fontColor);
    }

    .services-box p {
        font-size: 13px;
        color: #898989;
        margin-bottom: 3.5rem;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: color 0.2s ease;
        font-family: var(--pri-fontFamily);
    }

    .services-box:hover p {
        color: #898989;
    }


    .services-box .circle-btn {
        border: none;
        background-color: var(--secondary-color);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 50px;
        padding-bottom: 1rem;
        padding-right: 0.1rem;
        position: absolute;
        bottom: 3%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-decoration: none;
    }

    .services-box:hover .circle-btn {
        background-color: var(--secondary-color);
    }

    .circle-btn i {
        color: var(--text-white);
        font-size: 15px;
    }

    .services-box:hover .circle-btn i {
        color: var(--text-white);
    }

    /* Services Section in Index Page Ends Here --------------------------- */



    /* Successful Numbers in Index Page Starts Here --------------------------- */

    .successful-numbers {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .bg-overlay-numbers {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -5;
        background: linear-gradient(to right, var(--secondary-color), var(--secondary-color));
        opacity: 0.6;
    }

    .successful-numbers .numbers-desc {
        width: 100%;
        margin: auto;
        height: auto;
        text-align: center;
        padding-top: 27%;
        padding-bottom: 24%;
        /* border: 1px solid red; */
    }

    .successful-numbers .numbers-desc i {
        font-size: 1.7rem;
        color: white;
        z-index: 100;
        padding-bottom: 1rem;
    }

    .successful-numbers .numbers-desc h2 {
        font-size: 2rem;
        color: white;
    }

    .successful-numbers .numbers-desc h5 {
        font-size: 16px;
        font-weight: 500;
        color: white;
    }

    /* Successful Numbers in Index Page Ends Here --------------------------- */


    /* Gallery Section CSS Starts Here ------------------------------------ */
    .Gallery-section {
        width: 100%;
        height: 100%;
        background-color: white;
        padding: 3.4rem 0;
        padding-bottom: 2.5rem !important;
    }

    .Gallery-body {
        width: 97%;
        margin: auto;
    }

    .Gallery-body .heading-department {
        text-align: center;
    }

    .Gallery-body .heading-department h4 {
        font-size: 22px;
        font-weight: 400;
        font-family: var(--pri-fontFamily);
        color: var(--pri-fontColor);
    }

    .Gallery-body .gallery-boxes {
        width: 100%;
        border: none;
        margin-bottom: 1.5rem;
        position: relative;
        overflow: hidden;
    }

    .Gallery-body .gallery-boxes .img-container {
        width: 100%;
        height: 270px;
    }

    .Gallery-body .gallery-boxes .img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        scale: 100%;
        transition: scale 0.3s ease;
    }

    .Gallery-body .gallery-boxes:hover .img-container img {
        scale: 108%;
    }

    .gallery-select-buttons {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 4%;
        margin-bottom: 1.2rem;
    }

    .gallery-select-buttons .gallery-btn {
        padding: 0.6rem 1.3rem;
        font-size: 13.7px;
        font-weight: 500;
        background-color: white;
        color: black;
        border: none;
        border-radius: 25px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.17);
        margin-bottom: 1rem;
    }

    .gallery-select-buttons .gallery-btn:hover {
        background-color: var(--secondary-color);
        color: white !important;
    }

    .current-btn-selected {
        background-color: var(--secondary-color);
        color: white !important;
    }

    /* Gallery Section CSS Ends Here ------------------------------------ */



    /* Testimonials in Index Page Starts Here --------------------------- */

    .testimonial-section {
        width: 100%;
        height: 100%;
        background-color: var(--fourth-color);
        padding: 3.5rem 0;
    }

    .prev-sld {
        display: none;
    }

    .nxt-sld {
        display: none;
    }

    .testimonial-body {
        width: 100%;
    }

    .testimonial-body .heading-department {
        text-align: center;
        margin-bottom: 1.5rem;
    }

    .testimonial-body .heading-department h4 {
        font-size: 22px;
        font-weight: 400;
        font-family: var(--pri-fontFamily);
        color: var(--pri-fontColor);
    }

    .testimonial-body .heading-department h5 {
        font-size: 16px;
        font-weight: 400;
        color: #1677BD;
    }

    .testimonial-body .heading-department p {
        font-size: 13px;
        font-weight: 400;
        color: var(--pri-fontColor);
        width: 95%;
        margin: auto;
        margin-bottom: 2.5rem;
    }

    .testimonial-body .testi-box {
        width: 95%;
        margin: auto;
        padding: 2rem;
    }

    .testimonial-body .testi-box .img-container {
        width: 80px;
        height: 80px;
    }

    .testimonial-body .testi-box .img-container img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .testimonial-body .testi-box .icon-and-heading {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 8%;
        margin-bottom: 1.7rem;
    }

    .testimonial-body .testi-box .icon-and-heading i {
        font-size: 2.5rem;
        color: #6f6f6f;
    }

    .testimonial-body .testi-box .icon-and-heading .heading h5 {
        font-size: 18px;
        color: #6f6f6f;
    }

    .testimonial-body .testi-box .icon-and-heading .heading h6 {
        color: #1677BD;
        font-size: 15px;
    }

    .testimonial-body .testi-box p {
        font-size: 13px;
        color: #6f6f6f;
    }


    .swiper {
        width: 100%;
        height: 100%;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        padding-bottom: 2.5rem;
    }

    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* Testimonials in Index Page Ends Here --------------------------- */



    /* Blogs in Index Page Starts Here --------------------------- */
    .Blogs-section {
        width: 100%;
        height: 100%;
        background-color: white;
        padding: 2.5rem 0;
        padding-bottom: 1.5rem;
    }

    .Blogs-body {
        width: 99%;
        margin: auto;
    }

    .Blogs-body .heading-department h4 {
        font-size: 22px;
        font-weight: 400;
        font-family: var(--pri-fontFamily);
        color: var(--pri-fontColor);
        margin-bottom: 1.5rem;
    }

    .blog-box {
        border-radius: 15px;
        margin-bottom: 1.6rem;
        height: auto;
        max-height: 28.5rem;
        padding-bottom: 0.5rem;
    }

    .blog-box .img-container {
        width: 100%;
        height: 250px;
    }

    .blog-box .img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }

    .blog-box h5 {
        padding: 1rem;
        margin-top: 0rem;
        padding-bottom: 0rem;
        font-size: 1.4rem;
    }

    .blog-box p {
        padding: 1rem;
        padding-top: 0rem;
        padding-bottom: 0rem;
        margin-bottom: 4.5rem;
        font-size: 15px;
        color: #898989;
    }

    .blog-box .custom-btnn {
        margin-left: 1rem;
        margin-bottom: 0.8rem;
        top: 82%;
        font-size: 14px;
    }

    /* Blogs in Index Page Ends Here --------------------------- */


    /* Clients section Part CSS Starts Here*/

    .Clients-section {
        width: 100%;
        height: 100%;
        background-color: transparent;
        padding-top: 3.5rem;
        padding-bottom: 2rem;
    }

    .Clients-body {
        width: 100%;
    }


    .Clients-body .heading-department {
        text-align: center;
    }

    .Clients-body .heading-department .hr-and-head {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 3%;
        margin-bottom: 1.5rem;
    }

    .Clients-body .heading-department .hr-and-head .initial-hr {
        border: 1.7px solid black;
        width: 10%;
    }

    .Clients-body .heading-department .hr-and-head .end-hr {
        border: 1.7px solid black;
        width: 10%;
    }

    .Clients-body .heading-department .hr-and-head h4 {
        font-size: 1.5rem;
        font-weight: 500;
    }

    .Clients-body .Client-box {
        width: 100%;
        margin: auto;
        padding: 1rem 0.7rem;
        box-shadow: 0 3px 8px rgba(199, 199, 199, 0.258);
        transition: all 0.4s ease;
        /* border: 1px solid red; */
    }

    .Clients-body .Client-box:hover {
        box-shadow: 2px 4px 9px rgba(101, 101, 101, 0.216);
    }

    .Clients-body .Client-box .img-container {
        width: 100px;
        height: 60px;
        margin: auto;
    }

    .Clients-body .Client-box .img-container img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    /* Clients section Part CSS Ends Here  */






    /* Footer Section */

    .footer-section {
        width: 100%;
        height: 100%;
        padding-top: 0.8rem;
        background-color: #01162e;
        position: relative;
    }

    .footer-banner {
        width: 100%;
        margin: auto;
    }

    .footer-banner .banner-boxes {
        padding: 2.4rem;
        text-align: center;
        border-bottom: 1.5px solid rgba(141, 141, 141, 0.284);
        /* border: 1px solid red; */
        width: 100% !important;
    }

    .footer-banner .banner-cont:nth-child(1) .banner-boxes {
        padding-top: 3.4rem;
        padding-bottom: 2.2rem;
    }

    .footer-banner .banner-cont:last-child .banner-boxes {
        text-align: center;
        border-bottom: none;
        /* border: 1px solid red; */
    }

    .footer-banner .banner-boxes i {
        font-size: 2.4rem;
        margin-bottom: 1rem;
        color: var(--secondary-fontColor);
    }

    .footer-banner .banner-boxes .fa-phone {
        font-size: 2.2rem;
        margin-bottom: 1rem;
    }

    .footer-banner .banner-boxes .fa-whatsapp {
        font-size: 2.9rem;
        margin-bottom: 1rem;
    }

    .footer-banner .banner-boxes .fa-envelope {
        font-size: 2.5rem;
        margin-bottom: 1rem;
    }

    .footer-banner .banner-boxes h4 {
        text-align: center;
        font-size: 18px;
        font-weight: 600;
        font-family: var(--pri-fontFamily);
        margin-bottom: 0.8rem;
    }

    .footer-banner .banner-boxes h6 {
        text-align: center;
        font-size: 14.5px;
        font-weight: 400;
        line-height: 1.3;
        color: var(--pri-fontColor);
        font-family: var(--pri-fontFamily);
    }

    .footer-banner .banner-boxes p {
        text-align: center;
        font-size: 13px;
        font-weight: 400;
        padding: 0;
        color: var(--pri-fontColor);
        font-family: var(--pri-fontFamily);
    }

    .footer-banner .banner-boxes a {
        text-decoration: none;
    }

    .footer-banner .banner-boxes a h4 {
        font-size: 18px;
        font-family: var(--pri-fontFamily);
    }

    .footer-section h5 {
        color: var(--text-white);
        margin-top: 0.6rem;
    }

    .footer-section .footer-logo {
        background-color: white;
        padding: 3px !important;
        width: 130px;
        border-radius: 3px;
    }

    .logo-hr {
        width: 30%;
        margin: 2rem 0;
        border: 2px solid white;
    }

    .footer-social-links {
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        gap: 3%;
    }

    .footer-social-links a {
        text-decoration: none;
        color: var(--text-white);
        font-size: 1.2rem;
        margin: 0.4rem 0;
    }

    .footer-social-links a i {
        border: 1px solid #ccc;
        border-radius: 50%;
        width: 45px;
        height: 45px;
        padding: 0.6rem;
    }


    .QR-code img {
        width: 100px;
        height: 100px;
        object-fit: contain;
        background-color: white;
        margin-top: 0.4rem;
    }

    .Visitors {
        color: #a8a8a8;
        font-size: 16.5px;
        margin-top: 0.8rem;
    }

    .Visitors span {
        color: var(--secondary-color);
        font-size: 22px;
        font-weight: 600;
    }

    .phone-email-footer h6 {
        font-size: 18px;
        color: var(--text-white);
    }

    .phone-email-footer h6 span a {
        font-size: 17px;
        color: var(--secondary-color);
        text-decoration: none;
        margin-left: 0.5rem;
    }


    /* footer tag seo links */
    .footer-tag-links {
        width: 100%;
    }

    .footer-tag-links hr {
        border: 2px solid white;
        margin: 0.5rem 0;
    }

    .footer-tag-links .footer-multiple-seo-links-cont {
        width: 100%;
        display: inline-block;
        margin-bottom: 2rem;
        overflow: scroll !important;
    }

    .footer-tag-links .footer-multiple-seo-links-cont::-webkit-scrollbar {
        width: 0px;
        height: 4px;
    }

    .footer-tag-links .footer-multiple-seo-links-cont .seo-links {
        width: 1000000px;
        padding-bottom: 0.6rem;
    }

    .footer-tag-links .footer-multiple-seo-links-cont .seo-links a {
        border: 1px solid #ccc;
        text-decoration: none;
        padding: 2px 6px;
        line-height: 1.93;
        color: var(--text-white);
        font-size: 12px;
        font-weight: 500;
        opacity: 0.8;
    }

    /* footer tag seo links ends */






    /* About Us Page */

    .carousel-back-about {
        position: relative;
        height: 190px;
        background-position: center;
        background-size: cover;
    }

    .bg-overlay {
        background: linear-gradient(to right, var(--secondary-color), var(--primary-color));
        opacity: 0.8;
    }

    .carousel-index-about {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-top: 4.5rem;
    }

    .carousel-index-about h1 {
        color: white;
        font-size: 1.8rem;
        font-family: "Sora", sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        text-shadow: 1.2px 1.3px 3px rgba(0, 0, 0);
    }

    .carousel-index-about h5 {
        text-shadow: 1px 1.2px 4px rgba(47, 47, 47, 0.748);
        font-size: 15px;
        font-weight: 600;
        text-align: center;
    }

    .breadcrumb-manually {
        display: flex;
        justify-content: center;
        color: white;
        font-family: "Sora", sans-serif;
        font-weight: 600;
    }

    .breadcrumb-manually i {
        font-size: 13.5px;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
    }

    .breadcrumb-manually h4 {
        font-size: 14px;
    }


    .why-choose-us-body {
        width: 100%;
        margin-top: 3.5rem;
        margin-bottom: 3rem;
    }

    .why-choose-us-divider {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 3%;
    }

    .why-choose-us-divider .left-images {
        width: 98%;
        margin: auto;
    }

    .why-choose-us-divider .left-images img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        margin-bottom: 1.5rem;
        border-top-right-radius: 30px;
    }

    .why-choose-us-divider .right-desc {
        width: 98%;
        margin: auto;
        padding-top: 0rem;
    }

    .why-choose-us-divider .right-desc h3 {
        font-family: var(--pri-fontFamily);
        color: var(--secondary-fontColor);
    }

    .why-choose-us-divider .right-desc .dash-with-heading {
        display: flex;
        gap: 3%;
        align-items: end;
    }

    .why-choose-us-divider .right-desc .dash-with-heading hr {
        width: 5%;
        border: 2px solid black;
    }

    .why-choose-us-divider .right-desc .dash-with-heading h5 {
        color: var(--secondary-color);
        font-weight: 400;
        font-size: 17px;
        font-family: var(--pri-fontFamily);
    }

    .why-choose-us-divider .right-desc ul {
        list-style: none;
        padding: 0;
    }

    .why-choose-us-divider .right-desc p {
        line-height: 1.65;
        color: var(--pri-fontColor);
        font-size: 14.5px;
        text-align: justify;
    }

    .why-choose-us-divider .right-desc li {
        line-height: 1.65;
        color: var(--pri-fontColor);
        font-size: 14.5px;
        margin-bottom: 0.5rem;
    }

    .why-choose-us-divider .right-desc li i {
        color: var(--secondary-color);
        margin-right: 6px;
    }


    /* Who we are in about */

    .who-we-are-section {
        width: 100%;
        background-color: var(--fourth-color);
        padding-top: 3.8rem;
        padding-bottom: 3rem;
        overflow: hidden;
    }

    .meetTeam-section {
        width: 96%;
        margin: auto;
    }

    .meetTeam-section .heading-department {
        text-align: center;
    }

    .meetTeam-section .heading-department h4 {
        font-size: 22px;
        font-weight: 400;
        font-family: var(--pri-fontFamily);
        color: var(--pri-fontColor);
        margin-bottom: 1.5rem;
    }

    .meetTeam-section .heading-department h5 {
        font-size: 16px;
        font-weight: 400;
        color: #1677BD;
    }

    .meetTeam-section .heading-department p {
        font-size: 14px;
        font-weight: 400;
        color: var(--pri-fontColor);
        width: 96%;
        margin: auto;
        margin-bottom: 3rem;
    }

    .meetTeam-Box-details {
        background-color: white;
        text-align: center;
        margin-bottom: 1.62rem;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        z-index: 2;
        border-radius: 5px;
        box-shadow: 0 4px 9px rgba(185, 185, 185, 0.273);
    }

    .meetTeam-Box-details .img-container {
        width: 100%;
        height: 100%;
        max-height: none;
    }

    .meetTeam-Box-details .img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }


    .meetTeam-Box-details .info-box {
        position: absolute;
        bottom: 0%;
        left: 0;
        width: 100%;
        z-index: 6;
    }

    /* Info Content */
    .meetTeam-Box-details .info-box h3 {
        margin: 0;
        font-weight: 600;
        font-size: 21px;
        padding: 1.2rem 0.7rem;
        padding-bottom: 0.6rem;
    }

    .meetTeam-Box-details .info-box p {
        font-weight: 500;
        font-size: 15px;
        padding: 0 0.8rem;
        padding-bottom: 0.5rem;
    }

    /* Social Media Icons */
    .meetTeam-Box-details .info-box .social-icons {
        margin-top: 0.2rem;
        display: flex;
        justify-content: center;
        gap: 10%;
    }

    .meetTeam-Box-details .info-box .social-icons a {
        color: white;
        background-color: transparent;
        border: 0.5px solid white;
        padding: 0.25rem 0.5rem;
        font-size: 1.2rem;
        transition: color 0.3s ease;
        border-radius: 5px;
    }


    .meetTeam-Box-details:hover .info-box {
        bottom: 0;
        background-color: var(--secondary-color);
    }

    .meetTeam-Box-details:hover .info-box h3 {
        color: white;
    }

    .meetTeam-Box-details:hover .info-box p {
        color: var(--primary-color);
    }




    /* Appointment Page CSS starts here ----------------------------------------------------------------- */

    .appointment-section {
        width: 100%;
        padding-top: 2.5rem;
        /* position: relative; */
    }

    /* registration Poppup */

    .form-body {
        position: fixed;
        inset: 0;
        z-index: 210;
        width: 100%;
        height: 102vh;
        display: none;
        background-color: var(--primary-color);
        opacity: 0.8;
        filter: brightness(30%);
    }

    .registration-form-poppup {
        width: 90%;
        background-color: white;
        border: 1px solid black;
        position: fixed;
        top: 16.5%;
        left: 5%;
        z-index: 240;
        display: none;
        transform: scale(0%);
        transition: all 0.6s ease;
        padding: 1.3rem 0rem;
        background-position: center;
        border-radius: 15px;
    }

    .registration-form-poppup .heading-with-closeBTN {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        /* border: 1px solid red; */
        margin-bottom: 0.4rem;
    }

    .registration-form-poppup .heading-with-closeBTN h3 {
        font-size: 5vw;
        font-weight: 500;
        color: var(--secondary-color);
        margin-bottom: 0.8rem;
    }

    .registration-form-poppup .heading-with-closeBTN i {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: -35px;
        right: -10px;
        font-size: 1.7rem;
        padding-left: 0.4rem;
        color: var(--text-white);
        border-radius: 50%;
        background-color: var(--secondary-color);
        cursor: pointer;
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.782);
    }

    .registration-form-heading h6 {
        color: #6e7e87;
        font-size: 17px;
        font-weight: 500;
        line-height: 0.8;
        padding: 0 1rem;
    }

    .registration-form-heading hr {
        width: 94.5%;
        margin: auto;
        margin-top: 0;
        margin-bottom: 0.8rem;
    }

    .registration-form-poppup form {
        max-height: 65vh;
        overflow: auto;
        padding-bottom: 0.8rem;
        scrollbar-width: thin;
        scrollbar-color: var(--secondary-fontColor) #f1f1f1;
        scroll-behavior: smooth;
        overflow-x: hidden;
    }

    .registration-form-poppup form input {
        padding: 0.7rem 0.6rem;
        margin-bottom: 1rem;
        border: 1px solid var(--secondary-color);
    }

    .registration-form-poppup form .form-check input {
        padding: 0rem 0rem;
        margin-bottom: 1rem;
        border: 1px solid var(--secondary-color);
    }

    .registration-form-poppup form select {
        padding: 0.7rem 0.6rem;
        margin-bottom: 1rem;
        width: 100%;
        border: 1px solid var(--secondary-color);
        border-radius: 6px;
    }

    .registration-form-poppup form textarea {
        padding: 0.7rem;
        margin-bottom: 1rem;
        width: 100%;
        resize: none;
        border: 1px solid var(--secondary-color);
        border-radius: 7px;
    }

    .registration-form-poppup form textarea {
        padding: 0.7rem;
        margin-bottom: 1rem;
        width: 100%;
        resize: none;
        border: 1px solid var(--secondary-color);
    }




    .appointment-divider {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: left;
        align-items: center;
    }

    .appointment-divider .left-desc-appointment {
        width: 100%;
    }

    .appointment-divider .left-desc-appointment .img-container {
        width: 100%;
        height: 100%;
    }

    .appointment-divider .left-desc-appointment .img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }


    .appointment-divider .right-form-appointment {
        position: relative;
        width: 98%;
        margin: 1rem auto;
        margin-top: 2rem;
    }

    .appointment-divider .right-form-appointment h3 {
        margin-bottom: 1.4rem;
    }

    .right-form-appointment .head-with-btn {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1.5rem;
    }

    .right-form-appointment .head-with-btn a {
        text-decoration: none;
        color: white;
        background-color: var(--secondary-color);
        font-weight: 500;
        font-size: 15px;
        transition: all 0.2s ease;
        text-transform: uppercase;
        padding: 14px 18px;
        font-family: "Patua One", serif;
        padding-top: 14px;
        letter-spacing: 1px;
        border-radius: 15px;
    }

    .right-form-appointment .form-fields {
        border: 1px solid var(--secondary-color);
        padding-top: 0.2rem;

    }

    .right-form-appointment .form-fields form {
        margin-top: 0.7rem;
        padding: 1.2rem;
        padding-top: 0.9rem;
        padding-bottom: 1.5rem;
    }

    .right-form-appointment .form-fields form select {
        padding-top: 0.8rem;
        padding-bottom: 0.8rem;
        margin-bottom: 0.5rem;
    }

    .right-form-appointment .form-fields form input {
        padding-top: 0.8rem;
        padding-bottom: 0.8rem;
        margin-bottom: 0.5rem;
    }

    .right-form-appointment .form-fields form input::placeholder {
        font-weight: 400;
    }

    .right-form-appointment .form-fields form textarea {
        margin-bottom: 1.2rem;
        width: 100%;
        height: 110px;
        resize: none;
        border-radius: 8px;
        padding-top: 0.8rem;
    }

    .right-form-appointment .form-fields form textarea::placeholder {
        font-weight: 400;
    }

    .right-form-appointment .form-fields form button {
        padding: 11px 21px;
        border-radius: 50px;
        font-size: 16px;
        font-weight: 500;

    }

    .right-form-appointment .form-fields form button:hover {
        padding: 11px 21px;
        background-color: var(--secondary-color);
        color: #fff;
        border-radius: 50px;
    }

    /* Appointment Page CSS Ends here ----------------------------------------------------------------- */




    /* Department Page Main CSS Starts Here ----------------------------------- */

    .department-main {
        width: 100%;
        margin-top: 1.8rem;
        margin-bottom: 0rem;
    }

    .department-main-divider {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 3%;
        position: relative;
    }

    .position-depart {
        position: static;
    }

    .department-main-divider .left-images h3 {
        display: block;
        font-family: var(--pri-fontFamily);
        color: var(--secondary-fontColor);
        line-height: 1.3;
        width: 98%;
        margin: auto;
    }

    .department-main-divider .left-images .dash-with-heading {
        display: flex;
        gap: 3%;
        align-items: end;
        width: 98%;
        margin: auto;
        margin-bottom: 0.7rem;
    }

    .department-main-divider .left-images .dash-with-heading hr {
        width: 7%;
        border: 2px solid black;
    }

    .department-main-divider .left-images .dash-with-heading h5 {
        color: var(--secondary-color);
        font-weight: 400;
        font-size: 17px;
        font-family: var(--pri-fontFamily);
    }

    .department-main-divider .left-images {
        width: 98%;
        margin: auto;
    }

    .department-main-divider .left-images img {
        width: 100%;
        object-fit: cover;
        margin-bottom: 1.5rem;
        border-top-right-radius: 30px;
    }



    .department-main-divider .right-desc {
        width: 98%;
        margin: auto;
        padding-top: 0rem;
    }

    .department-main-divider .right-desc .main-department-heading {
        display: none;
    }

    .department-main-divider .right-desc .dash-with-heading {
        display: none;
    }

    .department-main-divider .right-desc ul {
        list-style: none;
        padding: 0;
        text-align: justify;
    }

    .department-main-divider .right-desc p {
        line-height: 1.5;
        color: var(--pri-fontColor);
        font-size: 14px;
        text-align: justify;
    }

    .department-main-divider .right-desc li {
        line-height: 1.5;
        color: var(--pri-fontColor);
        font-size: 14.5px;
        margin-bottom: 1rem;
    }

    .department-main-divider .right-desc i {
        color: var(--secondary-color);
        margin-right: 6px;
    }


    .meet-the-team-depart {
        width: 100%;
        height: 100%;
        background-color: var(--fourth-color);
        padding: 3.8rem 0;
    }

    .meet-the-team-depart .heading-department {
        text-align: center;
    }

    .meet-the-team-depart .heading-department h4 {
        font-size: 27px;
        font-weight: 500;
        font-family: var(--pri-fontFamily);
        color: var(--pri-fontColor);
    }


    .doctors-profile-depart {
        width: 100%;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .profile-img-desc-divider {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 0%;
    }

    .profile-img-desc-divider .left-images {
        width: 98%;
        margin: auto;
    }

    .profile-img-desc-divider .left-images img {
        width: 100%;
        margin-bottom: 1.5rem;
        border-top-right-radius: 40px;
        border: 1px solid #ddd;
        padding: 0.5rem;
    }

    .profile-img-desc-divider .right-doc-desc {
        width: 98%;
        margin: auto;
        padding-top: 0.2rem;
    }

    .profile-img-desc-divider .right-doc-desc h3 {
        font-family: var(--pri-fontFamily);
        color: var(--secondary-fontColor);
    }

    .profile-img-desc-divider .right-doc-desc ul {
        list-style: none;
        padding: 0;
        margin-top: 1.2rem;
    }

    .profile-img-desc-divider .right-doc-desc ul div {
        margin-top: 0.5rem;
    }

    .profile-img-desc-divider .right-doc-desc ul li {
        line-height: 1.6;
        color: var(--pri-fontColor);
        font-size: 16px;
    }

    .right-doc-desc ul div i {
        color: var(--secondary-color);
        margin-right: 6px;
    }



    .department-video-section {
        width: 100%;
        padding: 5rem 0;
    }

    .department-video-section .video-depart-divider {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0%;
    }


    .left-desc {
        width: 98%;
        margin: auto;
        order: 2;
    }

    .left-desc .custom-btnn {
        font-size: 15px;
    }

    .left-desc h3 {
        font-size: 1.8rem;
        color: var(--pri-fontColor);
        font-family: var(--pri-fontFamily);
    }

    .left-desc h3 span {
        color: var(--secondary-color);
    }

    .left-desc p {
        width: 98%;
        text-align: justify;
        margin-top: 1.4rem;
        margin-bottom: 1.5rem;
        line-height: 1.6;
        color: #6f6f6f;
        font-size: 15.5px;
        font-family: var(--pri-fontFamily);
    }


    .right-video {
        width: 98%;
        margin: auto;
        order: 1;
        margin-bottom: 1rem;
    }

    .right-video .vid-cont video {
        width: 100%;
        height: auto;
        object-fit: cover;
        border-radius: 5px;
    }

    /* Department Page Main CSS Starts Here ---------*/




    /* Contact Us Page CSS Starts here */

    .contactus-section {
        width: 100%;
    }

    .contactus-div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        gap: 0%;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .contactus-div .left-form {
        width: 98%;
        margin: auto;
        margin-top: 1rem;
    }

    .contactus-div .left-form h3 {
        color: var(--secondary-color);
        font-size: 2rem;
        font-weight: 600;
        margin: 0.2rem 0;
    }

    .contactus-div .left-form p {
        font-size: 16px;
        color: #656565;
    }

    .contactus-div .left-form form textarea {
        resize: none;
        height: 150px !important;
    }

    .contactus-div .right-details {
        width: 98%;
        margin: auto;
        overflow: hidden;
        margin-bottom: 1rem;
        margin-top: 3.5rem;
    }

    .contactus-div .right-details .img-cont {
        width: 70%;
        margin: 0;
        position: relative;
        margin: auto;
    }

    .contactus-div .right-details .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }


    .contactus-div .right-details .img-cont .icon-place-absolute {
        width: 100%;
        height: 100%;
    }

    .contactus-div .right-details .img-cont .icon-place-absolute .call-icon {
        width: 35px;
        height: 35px;
        padding: 1.5rem;
        left: 89%;
    }

    .contactus-div .right-details .img-cont .icon-place-absolute .call-icon i {
        font-size: 1.5rem;
    }

    .contactus-div .right-details .img-cont .icon-place-absolute .headphone-icon {
        width: 35px;
        height: 35px;
        padding: 1.2rem;
    }

    .contactus-div .right-details .img-cont .icon-place-absolute .headphone-icon i {
        font-size: 1.2rem;
    }

    .contactus-div .right-details .img-cont .icon-place-absolute .comment-icon {
        width: 35px;
        height: 35px;
        padding: 1.1rem;
        top: 0.2%;
    }

    .contactus-div .right-details .img-cont .icon-place-absolute .comment-icon i {
        font-size: 1.1rem;
    }

    .contactus-div .right-details .content {
        width: 100%;
        margin-top: 1rem;
        /* overflow: hidden; */
    }

    .contactus-div .right-details .content .icon-text {
        display: flex;
        align-items: center;
        gap: 4%;
        margin-bottom: 1.4rem;
        margin-left: 0rem;
    }

    .contactus-div .right-details .content .icon-text:last-child {
        display: flex;
        align-items: center;
        gap: 5%;
        margin-bottom: 1.1rem;
        margin-left: 0rem;
    }

    .contactus-div .right-details .content .icon-text .icon {
        width: 35px;
        height: 35px;
        padding: 1.4rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
    }

    .contactus-div .right-details .content .icon-text .icon i {
        font-size: 1.3rem;
    }

    .contactus-div .right-details .content .icon-text h5 {
        width: 100%;
        font-size: 15.5px;
        font-weight: 500;
    }

    .contactus-div .right-details .content .icon-text h5 a {
        width: 100%;
        font-size: 15.5px;
        font-weight: 500;
        line-height: 1.5;
    }

    .office-time {
        width: 100%;
    }

    /* Contact Us Page CSS ends here */




    /* Blogs Page CSS starts here */
    .blogs-Complete-Page {
        width: 100%;
        padding: 4rem 0;
    }

    .blog-completepage-divider {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 0%;
    }

    .blog-completepage-divider .left-numberofBlogs {
        width: 98%;
        margin: auto;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box {
        padding-bottom: 1rem;
        margin-bottom: 2.2rem;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .img-cont {
        width: 100%;
        height: 52vw;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .date-author {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 0.6rem;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .date-author .icon-text {
        display: flex;
        align-items: baseline;
        padding-top: 0.5rem;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .date-author .icon-text i {
        margin-right: 6px;
        font-size: 13px;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .date-author .icon-text h6 {
        font-size: 14px;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .title-and-para {
        padding: 0.5rem 0.6rem;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .title-and-para h3 {
        font-size: 1.6rem;
        color: #373737f8;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .title-and-para p {
        font-size: 16px;
    }



    .blog-completepage-divider .right-recents-blogs {
        width: 98%;
        margin: auto;
        margin-top: 2rem;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-container h3 {
        font-size: 1.4rem;
        font-weight: 600;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-container hr {
        margin: 0;
        margin-bottom: 1.1rem;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box {
        padding: 1rem;
        margin-bottom: 1.3rem;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a .date-author-img {
        display: flex;
        justify-content: center;
        align-items: end;
        gap: 3%;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a .date-author-img .img-cont {
        width: 35%;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a .date-author-img .date-author {
        display: flex;
        flex-direction: column;
        width: 72%;
        padding: 0.5rem;
        padding-bottom: 0;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a .date-author-img .date-author .icon-text {
        display: flex;
        align-items: baseline;
        color: #656565;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a .date-author-img .date-author .icon-text i {
        font-size: 12.5px;
        margin-right: 5px;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a .date-author-img .date-author .icon-text h6 {
        font-size: 13px;
    }


    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a h5 {
        margin-top: 0.5rem;
        font-size: 21px;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a p {
        font-size: 14px;
        margin-bottom: 0.1rem;
    }


    /* Blog Details Complete Page on click of read more button it opens*/
    .blog-detail-complete-container {
        position: relative;
        padding: 0px 0;
        background-color: #fff;
        border-radius: 10px;
        margin: auto;
    }

    .blog-detail-complete-container .blogs-details-cmplte {
        width: 100%;
        padding-bottom: 3rem;
        position: relative;
    }

    .img-date-author {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: end;
        gap: 0%;
        width: 100%;
        margin: auto;
        margin-top: 0rem;
        padding: 1.8rem 1.4rem;
        border-radius: 0;
    }

    .img-date-author .left-img {
        width: 98%;
        margin: auto;
    }

    .blog-detail-complete-container .blogs-details-cmplte .img-cont {
        width: 100%;
        height: 55vw;
        border: none;
    }

    .blog-detail-complete-container .blogs-details-cmplte .content {
        width: 98%;
        margin: auto;
        padding: 0.6rem 1rem;
        padding-bottom: 1rem;
    }


    .blog-detail-complete-container .blogs-details-cmplte .date-author {
        gap: 8%;
        width: 100%;
    }

    .blog-detail-complete-container .blogs-details-cmplte .date-author .bg-icon-text {
        background: linear-gradient(to right, var(--secondary-color), transparent);
        padding: 0.4rem 1rem;
    }

    .blog-detail-complete-container .blogs-details-cmplte .date-author .icon-text {
        display: flex;
        align-items: baseline;
        margin-top: 0.4rem;
    }

    .blog-detail-complete-container .blogs-details-cmplte .date-author .icon-text i {
        font-size: 17px;
        margin-right: 7px;

    }

    .blog-detail-complete-container .blogs-details-cmplte .date-author .icon-text h6 {
        font-size: 17px;
        font-weight: 500;
    }

    .blog-detail-complete-container .blogs-details-cmplte h4 {
        font-size: 1.6rem;
        margin-top: 0.7rem;
        margin-bottom: 0.5rem;
        color: #37383f;
        letter-spacing: -0.2px;
    }

    .blog-detail-complete-container .blogs-details-cmplte .heading-paragrapgh p {
        font-size: 17px;
        width: 100%;
        text-align: justify;
        margin: 0.1rem 0;
        color: #6a6b71;
    }

    .blog-detail-complete-container .blogs-details-cmplte .heading-paragrapgh ul {
        font-size: 17px;
        width: 100%;
        text-align: justify;
        margin: 0.3rem 0;
        color: #6a6b71;
        list-style: disc;
        padding-left: 20px;
    }

    /* Blog Details Complete Page on click of read more button it opens ends*/

    /* Blogs Page CSS ends here */






    /* Services Page CSS Starts here */
    .herosection-service {
        width: 100%;
        padding: 5rem 0;
        padding-bottom: 3rem;
    }

    .herosection-service .hero-servicePage-divider {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0%;
    }

    .herosection-service .hero-servicePage-divider .left-img {
        width: 98%;
        margin: auto;
    }

    .herosection-service .hero-servicePage-divider .left-img .img-cont-serv-hero {
        width: 100%;
        height: 65vw;
    }

    .herosection-service .hero-servicePage-divider .left-img .img-cont-serv-hero img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }

    .herosection-service .hero-servicePage-divider .right-desc-serv-hero {
        width: 98%;
        margin: auto;
    }

    .herosection-service .hero-servicePage-divider .right-desc-serv-hero h3 {
        font-size: 1.8rem;
        color: var(--pri-fontColor);
        font-family: var(--pri-fontFamily);
        margin-top: 1rem;
    }

    .herosection-service .hero-servicePage-divider .right-desc-serv-hero p {
        width: 98%;
        text-align: justify;
        margin-top: 0.8rem;
        margin-bottom: 1.5rem;
        line-height: 1.6;
        font-size: 15.5px;
    }

    .herosection-service .hero-servicePage-divider .right-desc-serv-hero .custom-btnn {
        font-size: 15.5px;
    }

    /* Services Page CSS ends here */



    /* Service details page CSS Starts here */
    .serv-details-page {
        width: 100%;
        padding: 3.5rem 0;
    }

    .serv-details-page .serv-detail-div {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 3%;
    }

    .serv-details-page .serv-detail-div .left-img-btn {
        width: 99%;
        margin: auto;
    }

    .serv-details-page .serv-detail-div .left-img-btn .pos-imag-servBTN {
        position: sticky;
        top: 13%;
        margin-top: 0.4rem;
        padding-bottom: 2rem;
    }

    .serv-details-page .serv-detail-div .left-img-btn .img-cont {
        width: 100%;
        height: 60vw;
        max-height: 320px;
        /* border: 2px solid white; */
        margin-bottom: 1.8rem;
        border-radius: 12px;
    }



    .serv-details-page .serv-detail-div .right-serv-desc {
        width: 99%;
        margin: auto;
    }

    .serv-details-page .serv-detail-div .right-serv-desc .serv-title {
        font-size: 1.8rem !important;
    }

    .serv-details-page .serv-detail-div .right-serv-desc h4 {
        font-size: 1.2rem;
        margin: 2rem 0;
        margin-bottom: 0.6rem;
    }

    .serv-details-page .serv-detail-div .right-serv-desc p {
        font-size: 14px;
    }

    .serv-details-page .serv-detail-div .right-serv-desc ul li {
        font-size: 14px;
        margin: 0.6rem 0;
    }

    /* Service details page CSS ends here */



    /* middlebanner section css starts here */

    .lets-work-together {
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        padding: 4rem 0;
    }

    .lets-work-together .section-heading {
        font-size: 2.5rem;
    }

    .lets-work-together-btns {
        display: flex;
        flex-wrap: wrap;
        gap: 4%;
        margin-top: 2.5rem;
        overflow: hidden;
    }

    .lets-work-together-btns a {
        padding: 0.75rem 1.4rem;
        border-radius: 60px;
        font-size: 14px;
        margin-bottom: 1rem;
    }

    /* middlebanner section css ends here */


}



@media screen and (min-width:540.1px) and (max-width: 700px) {
    .container {
        max-width: 700px;
        padding: 0 2.2rem;
    }

    .socialmedia-sidebar {
        position: fixed;
        top: 52%;
        left: 0%;
        transform: translateY(-50%);
        z-index: 777;
        /* background-color: rgb(183, 151, 151); */
    }

    .socialmedia-sidebar .socialmedia-icons {
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: white;
        padding: 0.9rem;
        border-radius: 50px;
        box-shadow: 0 0 9px rgba(88, 88, 88, 0.4);
    }

    .socialmedia-sidebar .socialmedia-icons a {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-decoration: none;
        margin: 1rem 0;
        font-size: 1.1rem;
        position: relative;
    }

    .socialmedia-sidebar .socialmedia-icons .Message::after {
        content: attr(data-text);
        position: absolute;
        top: -80% !important;
        left: -200px;
        z-index: -1;
        background-color: rgb(245, 245, 245);
        width: 7.5rem;
        border-radius: 0 50px 50px 0;
        text-align: center;
        color: var(--secondary-color);
        padding: 0.6rem 0;
        margin-left: 1.3rem;
        font-size: 15px;
        font-weight: 700;
        transition: left 0.4s ease;
        box-shadow: 0 0 7px rgba(94, 94, 94, 0.419);
    }

    .socialmedia-sidebar .socialmedia-icons .Message:hover::after {
        left: 0;
    }

    .socialmedia-sidebar .socialmedia-icons .Phone::after {
        content: attr(data-text);
        position: absolute;
        top: -80% !important;
        left: -200px;
        z-index: -1;
        background-color: rgb(245, 245, 245);
        width: 7.5rem;
        border-radius: 0 50px 50px 0;
        text-align: center;
        color: var(--secondary-color);
        padding: 0.6rem 0;
        margin-left: 1.3rem;
        font-size: 15px;
        font-weight: 700;
        transition: left 0.4s ease;
        box-shadow: 0 0 7px rgba(94, 94, 94, 0.419);
    }

    .socialmedia-sidebar .socialmedia-icons .Phone:hover::after {
        left: 0;
    }

    .socialmedia-sidebar .socialmedia-icons .Location::after {
        content: attr(data-text);
        position: absolute;
        top: -80% !important;
        left: -200px;
        z-index: -1;
        background-color: rgb(245, 245, 245);
        width: 7.5rem;
        border-radius: 0 50px 50px 0;
        text-align: center;
        color: var(--secondary-color);
        padding: 0.6rem 0;
        margin-left: 1.3rem;
        font-size: 15px;
        font-weight: 700;
        transition: left 0.4s ease;
        box-shadow: 0 0 7px rgba(94, 94, 94, 0.419);
    }

    .socialmedia-sidebar .socialmedia-icons .Location:hover::after {
        left: 0;
    }

    .whatsapp-icon {
        position: fixed;
        top: 94%;
        left: 1.3%;
        transform: translateY(-50%);
        z-index: 777;
    }

    .whatsapp-icon .whatsapp {
        text-decoration: none;
        cursor: pointer;
    }

    .whatsapp-icon .whatsapp img {
        width: 56px;
        height: 56px;
        object-fit: contain;
    }








    .navbar-info-body {
        border-bottom: 1px solid white;
    }

    .navbar-info-section {
        display: none;
    }

    .navbar-info-section .enquiry-and-info {
        display: none;
    }

    .navbar-info-section .enquiry-and-info .icon-withDetail {
        display: none;
    }

    .navbar-info-section .socialmedia-icons {
        display: none;
    }

    /* position absolute */
    .navbar-body-abs {
        /* border-bottom: 1px solid #ccc; */
        padding-bottom: 0rem;
        width: 100%;
        height: 4.1rem;
        background-color: white;
    }

    .nav-sticky {
        background-color: white;
        box-shadow: 0 7px 15px rgba(0, 0, 0, 0.3);
    }

    .navbar-section-abs {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem 2.5rem;
        height: 4.1rem;
        padding-bottom: 1rem;
        background-color: white;
    }

    .navbar-linkss-abs ul {
        display: block;
        padding-top: 5px;
        position: absolute;
        top: -1000.5px;
        left: 0;
        z-index: -2;
        background-color: white;
        width: 100%;
        transition: all 0.3s ease;
        padding: 0.7rem 2.4rem;
        max-height: 540px;
        overflow-x: hidden;
    }

    .navbar-linkss-abs ul li .navbar-item-anchor {
        display: flex;
        align-items: center;
        text-decoration: none;
        color: #292929;
        font-family: var(--pri-fontFamily);
        font-size: 14.7px;
        padding: 0.5rem 0.2rem;
        transition: color 0.2s ease;
        /* border-bottom: none !important; */
        width: 100%;
    }

    .navbar-linkss-abs ul li .navbar-item-anchor:hover {
        box-shadow: none;
        font-size: 14.7px;
        padding: 0.5rem 0.2rem;
        border-radius: none;
        border-bottom: 4px solid transparent !important;
    }

    .current-link {
        border-bottom: 4px solid transparent !important;
        text-decoration: none;
        color: var(--secondary-color);
        padding: 0.5rem 0.2rem;
        box-shadow: none;
        border-radius: none;
        margin: 0;
    }

    .menu-btn-small-screen {
        display: block;
    }

    .menu-btn-small-screen i {
        font-size: 2rem;
        padding: 0;
        margin: 0;
    }

    .bi-x {
        display: none;
    }

    .navbar-section-abs .navbar-button {
        display: none;
    }

    .small-screen-display-only {
        display: block;
    }



    .dropdown .nav-pallet-tag-and-icon {
        justify-content: space-between;
    }

    /* dropdown functionality css */
    .dropdown-menu {
        list-style: none;
        position: relative;
        /* top: auto !important; */
        left: 0%;
        background-color: white;
        width: 100%;
        max-width: none;
        display: none;
        opacity: 0;
        visibility: hidden;
        transform: translateY(0px);
        transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
        box-shadow: 0px 0px 3px rgba(95, 95, 95, 0.237);
        border-radius: 0px;
        padding: 0.6rem 0.4rem;
        margin-bottom: 0.5rem;
        margin-top: 0.5rem;
    }

    .dropdown-menu.show {
        display: block;
        /* flex-direction: column; */
        opacity: 1;
        visibility: visible;
    }

    .sub-dropdown-twice.show,
    .sub-dropdown-thrice.show {
        display: block;
        opacity: 1;
        visibility: visible;
    }

    .dropdown-menu a {
        display: flex;
        flex-direction: row;
        text-decoration: none;
        font-size: 14px;
        text-align: left;
        margin-left: 0 !important;
        padding: 0.6rem 0.8rem !important;
        border-bottom: 1px solid #ececece7;
        /* border: 2px solid white; */
    }

    .dropdown-menu a:last-child {
        border-bottom: none;
        /* border: 2px solid white; */
    }


    /* sub dropdown twice */
    .sub-dropdown-twice {
        list-style: none;
        position: relative;
        /* top: 0 !important; */
        left: 0;
        width: 100%;
        max-width: none;
        display: none;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        border: 1px solid #f3f3f3f3;
        box-shadow: none;
        border-radius: 0px;
        padding: 0.6rem;
        margin-top: 0px;
        background-color: #f3f3f3f3;
    }

    /* sub dropdown thrice added */
    .sub-dropdown-thrice {
        list-style: none;
        position: relative;
        /* top: auto; */
        left: 0%;
        width: 100%;
        max-width: none;
        display: none;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        box-shadow: none;
        border: 1px solid #edededf3;
        border-radius: 0px;
        padding: 0.6rem 0.9rem;
        margin: 2px 0;
        background-color: #edededf3;
    }


    .overlay-body {
        position: fixed;
        height: 105vh;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 899;
        background-color: rgba(0, 0, 0, 0.34);
        transition: all 0.5s ease;
        visibility: hidden;
        opacity: 0;
    }

    .Complete-body {
        overflow: auto;
    }

    /* Carousel Section */


    .carousel-control-prev {
        width: 32px;
        height: 57px;
        position: absolute;
        top: 45%;
        left: 0;
        padding-right: 0.4rem;
        border-radius: 0 50px 50px 0;
        background-color: #036b94c2;
    }

    .carousel-control-next {
        width: 32px;
        height: 57px;
        position: absolute;
        right: 0%;
        top: 45%;
        padding-left: 0.4rem;
        border-radius: 50px 0 0 50px;
        background-color: #036b94c2;
    }

    .carousel-overlay {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: #00596f4d;
        z-index: 2;
    }

    .carousel-main-index {
        width: 100%;
        position: relative;
    }

    .carousel-img-container {
        width: 100%;
        height: 65vw;
        position: relative;
        z-index: -1;
    }

    .carousel-img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
        position: relative;
        z-index: -1;
    }

    .carousel-caption {
        position: absolute;
        top: 45%;
        z-index: 6;
        left: 0;
        border-radius: 100px;
        padding: 1.2rem 2rem;
        padding-bottom: 0;
        margin-bottom: 0;
        width: 100%;
    }

    .carousel-caption h5 {
        font-size: 1.3rem;
        font-family: var(--pri-fontFamily);
        text-shadow: 0 0.5px 0.5px rgba(0, 0, 0, 0.89);
    }

    .carousel-caption p {
        font-size: 14.7px;
        font-weight: 400;
        text-shadow: none;
        letter-spacing: 0.7px;
        line-height: 1.1;
    }

    .carousel-btnn {
        background-color: var(--secondary-color);
        color: white;
        border: none;
        border-radius: 27px;
        padding: 0.6rem 1.1rem;
        font-size: 13px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .custom-btnn {
        padding: 11px 18px;
        border: none;
        background-color: var(--secondary-color);
        border-radius: 20px;
        color: white;
        padding-top: 9px;
        font-size: 13px;
        font-weight: 600;
        position: relative;
        top: 50%;
    }


    .about-company-section-cont {
        width: 100%;
        padding: 3.4rem 0;
        padding-top: 3.4rem;
    }

    .about-company-section-cont .about-index-divider {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0%;
    }

    .about-company-section-cont .about-index-divider .left-image {
        width: 98%;
        margin: auto;
        order: 2;
    }

    .about-company-section-cont .about-index-divider .left-image .img-abt-container {
        width: 100%;
        height: auto;
    }

    .about-company-section-cont .about-index-divider .left-image .img-abt-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }



    .about-company-section-cont .about-index-divider .right-desc {
        width: 98%;
        margin: auto;
        order: 1;
        margin-bottom: 2rem;
    }

    .about-company-section-cont .about-index-divider .right-desc h3 {
        font-size: 1.7rem;
        color: var(--pri-fontColor);
        font-family: var(--pri-fontFamily);
    }

    .about-company-section-cont .about-index-divider .right-desc h3 span {
        color: var(--secondary-color);
    }

    .about-company-section-cont .about-index-divider .right-desc p {
        width: 98%;
        margin: auto;
        text-align: justify;
        margin-top: 1.4rem;
        margin-bottom: 1.2rem;
        line-height: 1.5;
        color: #6f6f6f;
        font-size: 15px;
        font-family: var(--pri-fontFamily);
    }




    /* Department in Index Page Starts Here -------------------------- */

    .department-section {
        width: 100%;
        height: 100%;
        background-color: var(--fourth-color);
        padding: 3.4rem 0;
        padding-bottom: 3.6rem;
    }

    .department-body {
        width: 97%;
        margin: auto;
    }

    .department-body .heading-department {
        text-align: center;
    }

    .department-body .heading-department h4 {
        font-size: 22px;
        font-weight: 400;
        font-family: var(--pri-fontFamily);
        color: var(--pri-fontColor);
    }

    .department-body .department-detial-box {
        text-align: center;
        box-shadow: 0 0 32px rgba(22, 22, 22, 0.085);
        padding: 1rem;
        transition: all 0.3s ease;
        position: relative;
        z-index: 8;
        margin-bottom: 0.2rem;
    }

    .department-body .department-detial-box::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0%;
        left: 0%;
        z-index: -2;
        scale: 84%;
        color: white;
        /* background-color: #1E3056; */
        transition: all 0.5s ease;
    }

    .department-body .department-detial-box:hover::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0%;
        left: 0%;
        z-index: -5;
        scale: 100%;
        background: linear-gradient(to right, var(--secondary-color), var(--secondary-color));
        color: white;
    }

    .current-selected-department {
        background: linear-gradient(to right, var(--secondary-color), var(--secondary-color));
    }

    .department-body .department-detial-box .img-container {
        width: 100%;
        height: 52vw;
    }

    .department-body .department-detial-box .img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }

    .department-body .department-detial-box h6 {
        margin-top: 1rem;
        margin-bottom: 0.5rem;
        font-size: 14.6px;
    }

    .bd-selected-radius-left {
        border-top-left-radius: 0px;
    }

    .bd-selected-radius-right {
        border-top-right-radius: 0px;
    }


    .department-body .depart-and-desc-card {
        display: flex;
        flex-direction: column;
        box-shadow: 0 0 32px rgba(22, 22, 22, 0.085);
        margin-top: 1.5rem;
        align-items: center;
    }

    .department-body .depart-and-desc-card .left-card-image {
        width: 100%;
    }

    .department-body .depart-and-desc-card .left-card-image img {
        width: 100%;
    }


    .department-body .depart-and-desc-card .right-card-description {
        width: 100%;
        padding: 1.5rem;
    }

    .department-body .depart-and-desc-card .right-card-description p {
        font-size: 14px;
        line-height: 1.7;
    }

    .department-body .depart-and-desc-card .right-card-description ul {
        padding: 0;
    }

    .department-body .depart-and-desc-card .right-card-description ul li {
        line-height: 2.5;
        font-size: 14px;
    }

    /* Department in Index Page Ends Here --------------------------- */



    /* Services Section in Index Page Starts Here --------------------------- */

    .Services-section {
        width: 100%;
        height: 100%;
        padding: 3.4rem 0;
        padding-bottom: 3rem;
    }

    .Services-body .heading-department h4 {
        font-size: 28px;
        margin-bottom: 1.5rem;
    }

    .Services-body .heading-department h5 {
        font-size: 18px;
    }

    .Services-body .heading-department p {
        font-size: 14px;
        width: 50%;
        margin: auto;
        margin-bottom: 3.2rem;
    }

    .services-box {
        height: 100%;
        padding: 1.5rem;
        text-align: center;
        position: relative;
        top: 0%;
        border-radius: 5px;
        border-top-right-radius: 30px;
        box-shadow: 0 0 45px rgba(0, 0, 0, 0.07);
        overflow: hidden;
        z-index: 8;
        margin-bottom: 1.7rem;
        transition: all 0.2s ease;
    }

    .services-box::after {
        display: none;
    }

    .services-box:hover::after {
        position: absolute;
        bottom: 0px;
        z-index: -5 !important;
        scale: 100%;
        opacity: 1;
        border-radius: 0px;
        background: linear-gradient(to right, var(--secondary-color), var(--secondary-color));
    }

    .services-box:hover {
        top: 0%;
        border-radius: 0px;
    }

    .services-box i {
        font-size: 2.4rem;
        margin-top: 1.1rem;
    }

    .services-box h5 {
        margin: 1rem auto;
        font-size: 19px;
    }

    .services-box p {
        font-size: 13px;
        color: #898989;
        margin-bottom: 3.5rem;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: color 0.2s ease;
        font-family: var(--pri-fontFamily);
    }


    .services-box .circle-btn {
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 50px;
        padding-bottom: 1rem;
        padding-right: 0.1rem;
        position: absolute;
        bottom: 3%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-decoration: none;
    }

    .services-box:hover .circle-btn {
        background-color: var(--secondary-color);
    }

    .circle-btn i {
        color: var(--text-white);
        font-size: 15px;
    }

    .services-box:hover .circle-btn i {
        color: var(--text-white);
    }

    /* Services Section in Index Page Ends Here --------------------------- */



    /* Successful Numbers in Index Page Starts Here --------------------------- */

    .successful-numbers {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .bg-overlay-numbers {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -5;
        background: linear-gradient(to right, var(--secondary-color), var(--secondary-color));
        opacity: 0.6;
    }

    .successful-numbers .numbers-desc {
        width: 100%;
        margin: auto;
        height: auto;
        text-align: center;
        padding-top: 27%;
        padding-bottom: 24%;
        /* border: 1px solid red; */
    }

    .successful-numbers .numbers-desc i {
        font-size: 1.7rem;
        color: white;
        z-index: 100;
        padding-bottom: 1rem;
    }

    .successful-numbers .numbers-desc h2 {
        font-size: 2rem;
        color: white;
    }

    .successful-numbers .numbers-desc h5 {
        font-size: 16px;
        font-weight: 500;
        color: white;
    }

    /* Successful Numbers in Index Page Ends Here --------------------------- */


    /* Gallery Section CSS Starts Here ------------------------------------ */
    .Gallery-section {
        width: 100%;
        height: 100%;
        background-color: white;
        padding: 3.4rem 0;
        padding-bottom: 2.5rem !important;
    }

    .Gallery-body {
        width: 97%;
        margin: auto;
    }

    .Gallery-body .heading-department {
        text-align: center;
    }

    .Gallery-body .heading-department h4 {
        font-size: 22px;
        font-weight: 400;
        font-family: var(--pri-fontFamily);
        color: var(--pri-fontColor);
    }

    .Gallery-body .gallery-images {
        width: 50%;

    }

    .Gallery-body .gallery-boxes {
        width: 100%;
        border: none;
        margin-bottom: 1.5rem;
        position: relative;
        overflow: hidden;
    }

    .Gallery-body .gallery-boxes .img-container {
        width: 100%;
        height: 25vw;
    }

    .Gallery-body .gallery-boxes .img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        scale: 100%;
        transition: scale 0.3s ease;
    }

    .Gallery-body .gallery-boxes:hover .img-container img {
        scale: 108%;
    }

    .gallery-select-buttons {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 4%;
        margin-bottom: 1.2rem;
    }

    .gallery-select-buttons .gallery-btn {
        padding: 0.6rem 1.3rem;
        font-size: 13.7px;
        font-weight: 500;
        background-color: white;
        color: black;
        border: none;
        border-radius: 25px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.17);
        margin-bottom: 1rem;
    }

    .gallery-select-buttons .gallery-btn:hover {
        background-color: var(--secondary-color);
        color: white !important;
    }

    .current-btn-selected {
        background-color: var(--secondary-color);
        color: white !important;
    }

    /* Gallery Section CSS Ends Here ------------------------------------ */



    /* Testimonials in Index Page Starts Here --------------------------- */

    .testimonial-section {
        width: 100%;
        height: 100%;
        background-color: var(--fourth-color);
        padding: 3.5rem 0;
    }

    .prev-sld {
        display: none;
    }

    .nxt-sld {
        display: none;
    }

    .testimonial-body {
        width: 100%;
    }

    .testimonial-body .heading-department {
        text-align: center;
        margin-bottom: 1.5rem;
    }

    .testimonial-body .heading-department h4 {
        font-size: 22px;
        font-weight: 400;
    }

    .testimonial-body .heading-department h5 {
        font-size: 16px;
    }

    .testimonial-body .heading-department p {
        font-size: 13px;
        font-weight: 400;
        width: 95%;
        margin: auto;
        margin-bottom: 2.5rem;
    }

    .testimonial-body .testi-box {
        width: 95%;
        margin: auto;
        padding: 2rem;
    }

    .testimonial-body .testi-box .img-container {
        width: 80px;
        height: 80px;
    }

    .testimonial-body .testi-box .icon-and-heading {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8%;
        margin-bottom: 1.7rem;
    }

    .testimonial-body .testi-box .icon-and-heading i {
        font-size: 2.5rem;
        color: #6f6f6f;
    }

    .testimonial-body .testi-box .icon-and-heading .heading h5 {
        font-size: 18px;
        color: #6f6f6f;
    }

    .testimonial-body .testi-box .icon-and-heading .heading h6 {
        color: #1677BD;
        font-size: 15px;
    }

    .testimonial-body .testi-box p {
        font-size: 13px;
        color: #6f6f6f;
    }


    .swiper {
        width: 100%;
        height: 100%;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        padding-bottom: 2.5rem;
    }

    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* Testimonials in Index Page Ends Here --------------------------- */



    /* Blogs in Index Page Starts Here --------------------------- */
    .Blogs-section {
        width: 100%;
        height: 100%;
        background-color: white;
        padding: 2.5rem 0;
        padding-bottom: 2.5rem;
    }

    .Blogs-body {
        width: 97%;
        margin: auto;
    }

    .Blogs-body .heading-department {
        text-align: center;
    }

    .Blogs-body .heading-department h4 {
        font-size: 22px;
        font-weight: 400;
        font-family: var(--pri-fontFamily);
        color: var(--pri-fontColor);
        margin-bottom: 1.5rem;
    }

    .blog-box {
        border-radius: 15px;
        margin-bottom: 1.6rem;
        height: 32.2rem;
        position: relative;
    }

    .blog-box .img-container {
        width: 100%;
        height: 290px;
    }

    .blog-box .img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }

    .blog-box h5 {
        padding: 1rem;
        margin-top: 0rem;
        padding-bottom: 0rem;
        font-size: 1.6rem;
    }

    .blog-box p {
        padding: 1rem;
        padding-top: 0rem;
        padding-bottom: 0.2rem;
        font-size: 16px;
    }

    .blog-box .custom-btnn {
        margin-left: 1rem;
        margin-bottom: 1.5rem;
    }

    /* Blogs in Index Page Ends Here --------------------------- */


    /* Clients section Part CSS Starts Here*/

    .Clients-section {
        width: 100%;
        height: 100%;
        background-color: transparent;
        padding-top: 3.5rem;
        padding-bottom: 2rem;
    }

    .Clients-body {
        width: 100%;
    }


    .Clients-body .heading-department {
        text-align: center;
    }

    .Clients-body .heading-department .hr-and-head {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 3%;
        margin-bottom: 1.5rem;
    }

    .Clients-body .heading-department .hr-and-head .initial-hr {
        border: 1.7px solid black;
        width: 10%;
    }

    .Clients-body .heading-department .hr-and-head .end-hr {
        border: 1.7px solid black;
        width: 10%;
    }

    .Clients-body .heading-department .hr-and-head h4 {
        font-size: 1.5rem;
        font-weight: 500;
    }

    .Clients-body .Client-box {
        width: 100%;
        margin: auto;
        padding: 0.7rem;
        box-shadow: 0 3px 8px rgba(199, 199, 199, 0.258);
        transition: all 0.4s ease;
        /* border: 1px solid red; */
    }

    .Clients-body .Client-box:hover {
        box-shadow: 2px 4px 9px rgba(101, 101, 101, 0.216);
    }

    .Clients-body .Client-box .img-container {
        width: 100px;
        height: 60px;
        margin: auto;
    }

    .Clients-body .Client-box .img-container img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    /* Clients section Part CSS Ends Here  */






    /* Footer Section */

    .footer-section {
        width: 100%;
        height: 100%;
        padding-top: 0.8rem;
        background-color: #01162e;
        position: relative;
    }

    .footer-banner {
        width: 100%;
        margin: auto;
    }

    .footer-banner .banner-boxes {
        padding: 2rem 2.5rem;
        text-align: center;
        border-bottom: 1.5px solid rgba(141, 141, 141, 0.284);
        /* border: 1px solid red; */
        width: 100% !important;
    }

    .footer-banner .banner-cont:nth-child(1) .banner-boxes {
        padding-top: 3.4rem;
        padding-bottom: 2.2rem;
    }

    .footer-banner .banner-cont:last-child .banner-boxes {
        text-align: center;
        border-bottom: none;
        /* border: 1px solid red; */
    }

    .footer-banner .banner-boxes i {
        font-size: 2.4rem;
        margin-bottom: 1rem;
        color: var(--secondary-fontColor);
    }

    .footer-banner .banner-boxes .fa-phone {
        font-size: 2.2rem;
        margin-bottom: 1rem;
    }

    .footer-banner .banner-boxes .fa-whatsapp {
        font-size: 2.9rem;
        margin-bottom: 1rem;
    }

    .footer-banner .banner-boxes .fa-envelope {
        font-size: 2.5rem;
        margin-bottom: 1rem;
    }

    .footer-banner .banner-boxes h4 {
        text-align: center;
        font-size: 18px;
        font-weight: 600;
        font-family: var(--pri-fontFamily);
        margin-bottom: 0.8rem;
    }

    .footer-banner .banner-boxes h6 {
        text-align: center;
        font-size: 14.5px;
        font-weight: 400;
        line-height: 1.3;
        color: var(--pri-fontColor);
        font-family: var(--pri-fontFamily);
    }

    .footer-banner .banner-boxes p {
        text-align: center;
        font-size: 13px;
        font-weight: 400;
        padding: 0;
        color: var(--pri-fontColor);
        font-family: var(--pri-fontFamily);
    }

    .footer-banner .banner-boxes a {
        text-decoration: none;
    }

    .footer-banner .banner-boxes a h4 {
        font-size: 18px;
        font-family: var(--pri-fontFamily);
    }

    .footer-section h5 {
        color: var(--text-white);
        margin-top: 0.6rem;
    }

    .footer-section .footer-logo {
        background-color: white;
        padding: 3px !important;
        width: 130px;
        border-radius: 3px;
    }

    .logo-hr {
        width: 30%;
        margin: 2rem 0;
        border: 2px solid white;
    }

    .footer-social-links {
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        gap: 3%;
    }

    .footer-social-links a {
        text-decoration: none;
        color: var(--text-white);
        font-size: 1.2rem;
        margin: 0.4rem 0;
    }

    .footer-social-links a i {
        border: 1px solid #ccc;
        border-radius: 50%;
        width: 45px;
        height: 45px;
        padding: 0.6rem;
    }


    .QR-code img {
        width: 100px;
        height: 100px;
        object-fit: contain;
        background-color: white;
        margin-top: 0.4rem;
    }

    .Visitors {
        color: #a8a8a8;
        font-size: 16.5px;
        margin-top: 0.8rem;
    }

    .Visitors span {
        color: var(--secondary-color);
        font-size: 22px;
        font-weight: 600;
    }

    .phone-email-footer h6 {
        font-size: 18px;
        color: var(--text-white);
    }

    .phone-email-footer h6 span a {
        font-size: 17px;
        color: var(--secondary-color);
        text-decoration: none;
        margin-left: 0.5rem;
    }


    /* footer tag seo links */
    .footer-tag-links {
        width: 100%;
    }

    .footer-tag-links hr {
        border: 2px solid white;
        margin: 0.5rem 0;
    }

    .footer-tag-links .footer-multiple-seo-links-cont {
        width: 100%;
        display: inline-block;
        margin-bottom: 2rem;
        overflow: scroll !important;
    }

    .footer-tag-links .footer-multiple-seo-links-cont::-webkit-scrollbar {
        width: 0px;
        height: 4px;
    }

    .footer-tag-links .footer-multiple-seo-links-cont .seo-links {
        width: 1000000px;
        padding-bottom: 0.6rem;
    }

    .footer-tag-links .footer-multiple-seo-links-cont .seo-links a {
        border: 1px solid #ccc;
        text-decoration: none;
        padding: 2px 6px;
        line-height: 1.93;
        color: var(--text-white);
        font-size: 12px;
        font-weight: 500;
        opacity: 0.8;
    }

    /* footer tag seo links ends */






    /* About Us Page */

    .carousel-back-about {
        position: relative;
        height: 190px;
        background-position: center;
        background-size: cover;
    }

    .bg-overlay {
        background: linear-gradient(to right, var(--secondary-color), var(--primary-color));
        opacity: 0.8;
    }

    .carousel-index-about {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-top: 4.5rem;
    }

    .carousel-index-about h1 {
        color: white;
        font-size: 1.8rem;
        font-weight: 700;
        text-shadow: 1.2px 1.3px 3px rgba(0, 0, 0);
    }

    .carousel-index-about h5 {
        text-shadow: 1px 1.2px 4px rgba(47, 47, 47, 0.748);
        font-size: 15px;
        font-weight: 600;
    }

    .breadcrumb-manually {
        display: flex;
        justify-content: center;
        font-weight: 600;
    }

    .breadcrumb-manually i {
        font-size: 13.5px;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
    }

    .breadcrumb-manually h4 {
        font-size: 14px;
    }


    .why-choose-us-body {
        width: 100%;
        margin-top: 3.5rem;
        margin-bottom: 3rem;
    }

    .why-choose-us-divider {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 3%;
    }

    .why-choose-us-divider .left-images {
        width: 98%;
        margin: auto;
    }

    .why-choose-us-divider .left-images img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        margin-bottom: 1.5rem;
        border-top-right-radius: 30px;
    }

    .why-choose-us-divider .right-desc {
        width: 98%;
        margin: auto;
        padding-top: 0rem;
    }

    .why-choose-us-divider .right-desc .dash-with-heading {
        display: flex;
        gap: 3%;
        align-items: end;
    }

    .why-choose-us-divider .right-desc .dash-with-heading hr {
        width: 5%;
        border: 2px solid black;
    }

    .why-choose-us-divider .right-desc .dash-with-heading h5 {
        color: var(--secondary-color);
        font-weight: 400;
        font-size: 17px;
        font-family: var(--pri-fontFamily);
    }

    .why-choose-us-divider .right-desc ul {
        list-style: none;
        padding: 0;
    }

    .why-choose-us-divider .right-desc p {
        line-height: 1.65;
        color: var(--pri-fontColor);
        font-size: 14.5px;
        text-align: justify;
    }

    .why-choose-us-divider .right-desc li {
        line-height: 1.65;
        color: var(--pri-fontColor);
        font-size: 14.5px;
        margin-bottom: 0.5rem;
    }

    .why-choose-us-divider .right-desc li i {
        color: var(--secondary-color);
        margin-right: 6px;
    }


    /* Who we are in about */

    .who-we-are-section {
        width: 100%;
        background-color: var(--fourth-color);
        padding-top: 3.8rem;
        padding-bottom: 3rem;
        overflow: hidden;
    }

    .meetTeam-section {
        width: 96%;
        margin: auto;
    }

    .team-col {
        width: 50%;
    }

    .meetTeam-section .heading-department {
        text-align: center;
    }

    .meetTeam-section .heading-department h4 {
        font-size: 22px;
        font-weight: 400;
        font-family: var(--pri-fontFamily);
        color: var(--pri-fontColor);
        margin-bottom: 1.5rem;
    }

    .meetTeam-section .heading-department h5 {
        font-size: 16px;
        font-weight: 400;
        color: #1677BD;
    }

    .meetTeam-section .heading-department p {
        font-size: 14px;
        font-weight: 400;
        color: var(--pri-fontColor);
        width: 96%;
        margin: auto;
        margin-bottom: 3rem;
    }

    .meetTeam-Box-details {
        background-color: white;
        text-align: center;
        margin-bottom: 1.62rem;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        z-index: 2;
        border-radius: 5px;
        box-shadow: 0 4px 9px rgba(185, 185, 185, 0.273);
    }

    .meetTeam-Box-details .img-container {
        width: 100%;
        height: 45vw;
        max-height: none;
    }

    .meetTeam-Box-details .img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }


    .meetTeam-Box-details .info-box {
        position: absolute;
        bottom: 0%;
        left: 0;
        width: 100%;
        z-index: 6;
    }

    /* Info Content */
    .meetTeam-Box-details .info-box h3 {
        margin: 0;
        font-weight: 600;
        font-size: 20px;
        padding: 0.8rem 0.4rem;
        padding-bottom: 0.4rem;
    }

    .meetTeam-Box-details .info-box p {
        font-weight: 500;
        font-size: 14.5px;
        color: var(--secondary-color);
        text-transform: uppercase;
        padding: 0 0.4rem;
        padding-bottom: 0.2rem;
        margin-bottom: 0.5rem;
    }


    .meetTeam-Box-details:hover .info-box {
        bottom: 0;
        background-color: var(--secondary-color);
    }

    .meetTeam-Box-details:hover .info-box h3 {
        color: white;
    }

    .meetTeam-Box-details:hover .info-box p {
        color: var(--primary-color);
    }




    /* Appointment Page CSS starts here ----------------------------------------------------------------- */

    .appointment-section {
        width: 100%;
        padding-top: 2.5rem;
        /* position: relative; */
    }

    /* registration Poppup */

    .form-body {
        position: fixed;
        inset: 0;
        z-index: 210;
        width: 100%;
        height: 102vh;
        display: none;
        background-color: var(--primary-color);
        opacity: 0.8;
        filter: brightness(30%);
    }

    .registration-form-poppup {
        width: 90%;
        background-color: white;
        border: 1px solid black;
        position: fixed;
        top: 16.5%;
        left: 5%;
        z-index: 240;
        display: none;
        transform: scale(0%);
        transition: all 0.6s ease;
        padding: 1.3rem 0rem;
        background-position: center;
        border-radius: 15px;
    }

    .registration-form-poppup .heading-with-closeBTN {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        /* border: 1px solid red; */
        margin-bottom: 0.4rem;
    }

    .registration-form-poppup .heading-with-closeBTN h3 {
        font-size: 1.3rem;
        font-weight: 500;
        color: var(--secondary-color);
        margin-bottom: 0.8rem;
    }

    .registration-form-poppup .heading-with-closeBTN i {
        position: absolute;
        top: -35px;
        right: -10px;
        z-index: 90;
        font-size: 1.8rem;
        font-family: var(--pri-fontFamily);
        color: var(--pri-fontColor);
        padding: 0 0.5rem;
        padding-top: 3px;
        border-radius: 50%;
        background-color: var(--secondary-color);
        color: white;
        cursor: pointer;
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.782);
    }

    .registration-form-heading h6 {
        color: #6e7e87;
        font-size: 17px;
        font-weight: 500;
        line-height: 0.8;
        padding: 0 1rem;
    }

    .registration-form-heading hr {
        width: 94.5%;
        margin: auto;
        margin-top: 0;
        margin-bottom: 0.8rem;
    }

    .registration-form-poppup form {
        max-height: 67vh;
        overflow: auto;
        padding-bottom: 0.8rem;
        scrollbar-width: thin;
        scrollbar-color: var(--secondary-fontColor) #f1f1f1;
        scroll-behavior: smooth;
        overflow-x: hidden;
    }


    /* appointment form on page */
    .appointment-divider {
        display: flex;
        flex-direction: column;
        justify-content: left;
    }

    .appointment-divider .left-desc-appointment {
        width: 100%;
    }

    .appointment-divider .right-form-appointment {
        position: relative;
        width: 98%;
        margin: 1rem auto;
        margin-top: 2rem;
    }

    .appointment-divider .right-form-appointment h3 {
        margin-bottom: 1.6rem;
    }

    .right-form-appointment .head-with-btn {
        display: flex;
        flex-direction: column;
        margin-bottom: 1rem;
    }

    .right-form-appointment .head-with-btn a {
        text-decoration: none;
        color: white;
        background-color: var(--secondary-color);
        font-weight: 500;
        font-size: 19px;
        transition: all 0.2s ease;
        text-transform: uppercase;
        padding: 18px 21px;
        padding-top: 18px;
        letter-spacing: 1px;
        border-radius: 15px;
    }

    .right-form-appointment .form-fields {
        border: 1px solid var(--secondary-color);
        padding-top: 0.2rem;
        margin-top: 2rem;

    }

    .right-form-appointment .form-fields form {
        margin-top: 0.7rem;
        padding: 1.2rem;
        padding-top: 0.9rem;
        padding-bottom: 1.5rem;
    }

    .right-form-appointment .form-fields form select {
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
        margin-bottom: 0.3rem;
    }

    .right-form-appointment .form-fields form input {
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
        margin-bottom: 0.3rem;
    }

    .right-form-appointment .form-fields form input::placeholder {
        font-weight: 400;
    }

    .right-form-appointment .form-fields form textarea {
        margin-bottom: 1.2rem;
        width: 100%;
        height: 140px;
        resize: none;
        border-radius: 8px;
        padding-top: 0.8rem;
    }

    .right-form-appointment .form-fields form textarea::placeholder {
        font-weight: 400;
    }

    .right-form-appointment .form-fields form button {
        padding: 11px 21px;
        border: 1px solid var(--secondary-color);
        background-color: transparent;
        border-radius: 50px;
        padding-top: 11px;
        transition: all 0.2s ease;
        font-size: 16px;
        font-weight: 500;

    }

    .right-form-appointment .form-fields form button:hover {
        padding: 11px 21px;
        border: 1px solid var(--secondary-color);
        background-color: var(--secondary-color);
        color: #fff;
        border-radius: 50px;

    }

    /* Appointment Page CSS Ends here ----------------------------------------------------------------- */




    /* Department Page Main CSS Starts Here ----------------------------------- */

    .department-main {
        width: 100%;
        margin-top: 1.8rem;
        margin-bottom: 0rem;
    }

    .department-main-divider {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 3%;
        position: relative;
    }

    .position-depart {
        position: static;
    }

    .department-main-divider .left-images h3 {
        display: block;
        font-family: var(--pri-fontFamily);
        color: var(--secondary-fontColor);
        line-height: 1.3;
        width: 98%;
        margin: auto;
    }

    .department-main-divider .left-images .dash-with-heading {
        display: flex;
        gap: 3%;
        align-items: end;
        width: 98%;
        margin: auto;
        margin-bottom: 0.7rem;
    }

    .department-main-divider .left-images .dash-with-heading hr {
        width: 7%;
        border: 2px solid black;
    }

    .department-main-divider .left-images .dash-with-heading h5 {
        color: var(--secondary-color);
        font-weight: 400;
        font-size: 17px;
        font-family: var(--pri-fontFamily);
    }

    .department-main-divider .left-images {
        width: 98%;
        margin: auto;
    }

    .department-main-divider .left-images img {
        width: 100%;
        object-fit: cover;
        margin-bottom: 1.5rem;
        border-top-right-radius: 30px;
    }



    .department-main-divider .right-desc {
        width: 98%;
        margin: auto;
        padding-top: 0rem;
    }

    .department-main-divider .right-desc .main-department-heading {
        display: none;
    }

    .department-main-divider .right-desc .dash-with-heading {
        display: none;
    }

    .department-main-divider .right-desc ul {
        padding: 0;
    }

    .department-main-divider .right-desc p {
        line-height: 1.5;
        font-size: 14px;
    }

    .department-main-divider .right-desc li {
        line-height: 1.5;
        font-size: 14.5px;
        margin-bottom: 1rem;
    }

    .department-main-divider .right-desc i {
        margin-right: 6px;
    }


    .meet-the-team-depart {
        width: 100%;
        height: 100%;
        padding: 3.8rem 0;
    }

    .meet-the-team-depart .heading-department h4 {
        font-size: 27px;
        font-weight: 500;
    }


    .doctors-profile-depart {
        width: 100%;
        margin-top: 2rem;
        margin-bottom: 3rem;
    }

    .profile-img-desc-divider {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 0%;
    }

    .profile-img-desc-divider .left-images {
        width: 98%;
        margin: auto;
    }

    .profile-img-desc-divider .left-images img {
        width: 100%;
        margin-bottom: 1.5rem;
        border-top-right-radius: 40px;
        padding: 0.5rem;
    }

    .profile-img-desc-divider .right-doc-desc {
        width: 98%;
        margin: auto;
        padding-top: 0.2rem;
    }

    .profile-img-desc-divider .right-doc-desc ul {
        list-style: none;
        padding: 0;
        margin-top: 1.2rem;
    }

    .profile-img-desc-divider .right-doc-desc ul div {
        margin-top: 0.5rem;
    }

    .profile-img-desc-divider .right-doc-desc ul li {
        line-height: 1.6;
        font-size: 16px;
    }

    .right-doc-desc ul div i {
        margin-right: 6px;
    }



    .department-video-section {
        width: 100%;
        padding: 5rem 0;
    }

    .department-video-section .video-depart-divider {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0%;
    }


    .left-desc {
        width: 98%;
        margin: auto;
        order: 2;
    }

    .left-desc .custom-btnn {
        font-size: 15px;
    }

    .left-desc h3 {
        font-size: 1.8rem;
        color: var(--pri-fontColor);
        font-family: var(--pri-fontFamily);
    }

    .left-desc h3 span {
        color: var(--secondary-color);
    }

    .left-desc p {
        width: 98%;
        text-align: justify;
        margin-top: 1.4rem;
        margin-bottom: 1.5rem;
        line-height: 1.6;
        color: #6f6f6f;
        font-size: 15.5px;
        font-family: var(--pri-fontFamily);
    }


    .right-video {
        width: 98%;
        margin: auto;
        order: 1;
        margin-bottom: 1rem;
    }

    .right-video .vid-cont video {
        width: 100%;
        height: auto;
        object-fit: cover;
        border-radius: 5px;
    }

    /* Department Page Main CSS Starts Here ---------*/




    /* Contact Us Page CSS Starts here */

    .contactus-section {
        width: 100%;
    }

    .contactus-div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        gap: 0%;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .contactus-div .left-form {
        width: 98%;
        margin: auto;
        margin-top: 1rem;
    }

    .contactus-div .left-form h3 {
        font-size: 2rem;
        font-weight: 600;
        margin: 0.2rem 0;
    }

    .contactus-div .left-form p {
        font-size: 16px;
    }

    .contactus-div .left-form form textarea {
        resize: none;
        height: 150px !important;
    }

    .contactus-div .right-details {
        width: 98%;
        margin: auto;
        overflow: hidden;
        margin-bottom: 1rem;
        margin-top: 3.5rem;
    }

    .contactus-div .right-details .img-cont {
        width: 70%;
        margin: 0;
        position: relative;
        margin: auto;
    }

    .contactus-div .right-details .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }


    .contactus-div .right-details .img-cont .icon-place-absolute {
        width: 100%;
        height: 100%;
    }

    .contactus-div .right-details .img-cont .icon-place-absolute .call-icon {
        width: 50px;
        height: 50px;
        padding: 1.8rem;
        left: 89%;
    }

    .contactus-div .right-details .img-cont .icon-place-absolute .call-icon i {
        font-size: 1.7rem;
    }

    .contactus-div .right-details .img-cont .icon-place-absolute .headphone-icon {
        width: 55px;
        height: 55px;
        padding: 1.7rem;
    }

    .contactus-div .right-details .img-cont .icon-place-absolute .headphone-icon i {
        font-size: 1.7rem;
    }

    .contactus-div .right-details .img-cont .icon-place-absolute .comment-icon {
        width: 45px;
        height: 45px;
        padding: 1.1rem;
        top: 0.2%;
    }

    .contactus-div .right-details .img-cont .icon-place-absolute .comment-icon i {
        font-size: 1.1rem;
    }

    .contactus-div .right-details .content {
        width: 100%;
        margin-top: 1rem;
        /* overflow: hidden; */
    }

    .contactus-div .right-details .content .icon-text {
        display: flex;
        align-items: center;
        gap: 4%;
        margin-bottom: 1.4rem;
        margin-left: 0rem;
    }

    .contactus-div .right-details .content .icon-text:last-child {
        display: flex;
        align-items: center;
        gap: 4%;
        margin-bottom: 1.1rem;
        margin-left: 0rem;
    }

    .contactus-div .right-details .content .icon-text .icon {
        width: 40px;
        height: 40px;
        padding: 1.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
    }

    .contactus-div .right-details .content .icon-text .icon i {
        font-size: 1.4rem;
    }

    .contactus-div .right-details .content .icon-text h5 {
        width: 95%;
        font-size: 18px;
        font-weight: 500;
        padding: 0;
        margin: 0;
    }

    .contactus-div .right-details .content .icon-text h5 a {
        width: 95%;
        font-size: 18px;
        font-weight: 500;
        padding: 0;
        margin: 0;
    }

    .contactus-div .right-details .content .icon-text a {
        width: 95%;
        font-size: 18px;
        font-weight: 500;
        padding: 0;
        margin: 0;
    }

    .office-time {
        width: 100%;
    }

    /* Contact Us Page CSS ends here */




    /* Blogs Page CSS starts here */
    .blogs-Complete-Page {
        width: 100%;
        padding: 4rem 0;
    }

    .blog-completepage-divider {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 0%;
    }

    .blog-completepage-divider .left-numberofBlogs {
        width: 98%;
        margin: auto;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box {
        padding-bottom: 1rem;
        margin-bottom: 2.2rem;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .img-cont {
        width: 100%;
        height: 300px;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .date-author {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 0.6rem;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .date-author .icon-text {
        display: flex;
        align-items: baseline;
        padding-top: 0.5rem;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .date-author .icon-text i {
        margin-right: 6px;
        font-size: 13px;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .date-author .icon-text h6 {
        font-size: 14px;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .title-and-para {
        padding: 0.5rem 0.6rem;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .title-and-para h3 {
        font-size: 1.6rem;
        color: #373737f8;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .title-and-para p {
        font-size: 16px;
    }



    .blog-completepage-divider .right-recents-blogs {
        width: 98%;
        margin: auto;
        margin-top: 2rem;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-container h3 {
        font-size: 1.4rem;
        font-weight: 600;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-container hr {
        margin: 0;
        margin-bottom: 1.1rem;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box {
        padding: 1rem;
        margin-bottom: 1.3rem;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a .date-author-img {
        display: flex;
        justify-content: center;
        align-items: end;
        gap: 3%;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a .date-author-img .img-cont {
        width: 37%;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a .date-author-img .date-author {
        display: flex;
        flex-direction: column;
        width: 60%;
        padding: 0.5rem;
        padding-bottom: 0;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a .date-author-img .date-author .icon-text i {
        font-size: 13.5px;
        margin-right: 7px;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a .date-author-img .date-author .icon-text h6 {
        font-size: 14.5px;
    }


    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a h5 {
        margin-top: 0.5rem;
        font-size: 22px;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a p {
        font-size: 15px;
        margin-bottom: 0.1rem;
    }


    /* Blog Details Complete Page on click of read more button it opens*/
    .blog-detail-complete-container {
        position: relative;
        padding: 0px 0;
        background-color: #fff;
        border-radius: 10px;
        margin: auto;
    }

    .blog-detail-complete-container .blogs-details-cmplte {
        width: 100%;
        padding-bottom: 3rem;
        position: relative;
    }

    .img-date-author {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: end;
        gap: 0%;
        width: 100%;
        margin: auto;
        margin-top: 0rem;
        padding: 1.8rem 1.4rem;
        border-radius: 0;
    }

    .img-date-author .left-img {
        width: 98%;
        margin: auto;
    }

    .blog-detail-complete-container .blogs-details-cmplte .img-cont {
        width: 100%;
        height: 55vw;
        border: none;
    }

    .blog-detail-complete-container .blogs-details-cmplte .content {
        width: 98%;
        margin: auto;
        padding: 0.6rem 1rem;
        padding-bottom: 1rem;
    }


    .blog-detail-complete-container .blogs-details-cmplte .date-author {
        gap: 8%;
        width: 100%;
    }

    .blog-detail-complete-container .blogs-details-cmplte .date-author .bg-icon-text {
        background: linear-gradient(to right, var(--secondary-color), transparent);
        padding: 0.4rem 1rem;
    }

    .blog-detail-complete-container .blogs-details-cmplte .date-author .icon-text {
        display: flex;
        align-items: baseline;
        margin-top: 0.4rem;
    }

    .blog-detail-complete-container .blogs-details-cmplte .date-author .icon-text i {
        font-size: 17px;
        margin-right: 7px;

    }

    .blog-detail-complete-container .blogs-details-cmplte .date-author .icon-text h6 {
        font-size: 17px;
        font-weight: 500;
    }

    .blog-detail-complete-container .blogs-details-cmplte h4 {
        font-size: 1.6rem;
        margin-top: 0.7rem;
        margin-bottom: 0.5rem;
        color: #37383f;
        letter-spacing: -0.2px;
    }

    .blog-detail-complete-container .blogs-details-cmplte .heading-paragrapgh p {
        font-size: 17px;
        width: 100%;
        text-align: justify;
        margin: 0.1rem 0;
        color: #6a6b71;
    }

    .blog-detail-complete-container .blogs-details-cmplte .heading-paragrapgh ul {
        font-size: 17px;
        width: 100%;
        text-align: justify;
        margin: 0.3rem 0;
        color: #6a6b71;
        list-style: disc;
        padding-left: 20px;
    }

    /* Blog Details Complete Page on click of read more button it opens ends*/

    /* Blogs Page CSS ends here */






    /* Services Page CSS Starts here */
    .herosection-service {
        width: 100%;
        padding: 5rem 0;
        padding-bottom: 3rem;
    }

    .herosection-service .hero-servicePage-divider {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0%;
    }

    .herosection-service .hero-servicePage-divider .left-img {
        width: 98%;
        margin: auto;
    }

    .herosection-service .hero-servicePage-divider .left-img .img-cont-serv-hero {
        width: 100%;
        height: 65vw;
    }

    .herosection-service .hero-servicePage-divider .left-img .img-cont-serv-hero img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }

    .herosection-service .hero-servicePage-divider .right-desc-serv-hero {
        width: 98%;
        margin: auto;
    }

    .herosection-service .hero-servicePage-divider .right-desc-serv-hero h3 {
        font-size: 1.8rem;
        color: var(--pri-fontColor);
        font-family: var(--pri-fontFamily);
        margin-top: 1rem;
    }

    .herosection-service .hero-servicePage-divider .right-desc-serv-hero p {
        width: 98%;
        text-align: justify;
        margin-top: 0.8rem;
        margin-bottom: 1.5rem;
        line-height: 1.6;
        font-size: 15.5px;
    }

    .herosection-service .hero-servicePage-divider .right-desc-serv-hero .custom-btnn {
        font-size: 15.5px;
    }

    /* Services Page CSS ends here */




    /* Service details page CSS Starts here */
    .serv-details-page {
        width: 100%;
        padding: 3.5rem 0;
    }

    .serv-details-page .serv-detail-div {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 3%;
    }

    .serv-details-page .serv-detail-div .left-img-btn {
        width: 99%;
        margin: auto;
    }

    .serv-details-page .serv-detail-div .left-img-btn .pos-imag-servBTN {
        position: sticky;
        top: 13%;
        margin-top: 0.4rem;
        padding-bottom: 2rem;
    }

    .serv-details-page .serv-detail-div .left-img-btn .img-cont {
        width: 100%;
        height: 60vw;
        max-height: none;
        /* border: 2px solid white; */
        margin-bottom: 1.8rem;
        border-radius: 12px;
    }



    .serv-details-page .serv-detail-div .right-serv-desc {
        width: 99%;
        margin: auto;
    }

    .serv-details-page .serv-detail-div .right-serv-desc .serv-title {
        font-size: 1.8rem !important;
    }

    .serv-details-page .serv-detail-div .right-serv-desc h4 {
        font-size: 1.2rem;
        margin: 2rem 0;
        margin-bottom: 0.6rem;
    }

    .serv-details-page .serv-detail-div .right-serv-desc p {
        font-size: 14px;
    }

    .serv-details-page .serv-detail-div .right-serv-desc ul li {
        font-size: 14px;
        margin: 0.6rem 0;
    }

    /* Service details page CSS ends here */



    /* middlebanner section css starts here */

    .lets-work-together {
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        padding: 4rem 0;
    }

    .lets-work-together .section-heading {
        font-size: 2.5rem;
    }

    .lets-work-together-btns {
        display: flex;
        flex-wrap: wrap;
        gap: 4%;
        margin-top: 2.5rem;
        overflow: hidden;
    }

    .lets-work-together-btns a {
        padding: 0.75rem 1.4rem;
        border-radius: 60px;
        font-size: 14px;
        margin-bottom: 1rem;
    }

    /* middlebanner section css ends here */

}



@media screen and (min-width:700.1px) and (max-width: 850px) {
    .container {
        max-width: 850px;
        padding: 0 3rem;
    }

    .socialmedia-sidebar {
        position: fixed;
        top: 52%;
        left: 0%;
        transform: translateY(-50%);
        z-index: 777;
        /* background-color: rgb(183, 151, 151); */
    }

    .socialmedia-sidebar .socialmedia-icons {
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: white;
        padding: 0.9rem;
        border-radius: 50px;
        box-shadow: 0 0 9px rgba(88, 88, 88, 0.4);
    }

    .socialmedia-sidebar .socialmedia-icons a {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-decoration: none;
        margin: 1rem 0;
        font-size: 1.1rem;
        position: relative;
    }

    .socialmedia-sidebar .socialmedia-icons .Message::after {
        content: attr(data-text);
        position: absolute;
        top: -80% !important;
        left: -200px;
        z-index: -1;
        background-color: rgb(245, 245, 245);
        width: 7.5rem;
        border-radius: 0 50px 50px 0;
        text-align: center;
        color: var(--secondary-color);
        padding: 0.6rem 0;
        margin-left: 1.3rem;
        font-size: 15px;
        font-weight: 700;
        transition: left 0.4s ease;
        box-shadow: 0 0 7px rgba(94, 94, 94, 0.419);
    }

    .socialmedia-sidebar .socialmedia-icons .Message:hover::after {
        left: 0;
    }

    .socialmedia-sidebar .socialmedia-icons .Phone::after {
        content: attr(data-text);
        position: absolute;
        top: -80% !important;
        left: -200px;
        z-index: -1;
        background-color: rgb(245, 245, 245);
        width: 7.5rem;
        border-radius: 0 50px 50px 0;
        text-align: center;
        color: var(--secondary-color);
        padding: 0.6rem 0;
        margin-left: 1.3rem;
        font-size: 15px;
        font-weight: 700;
        transition: left 0.4s ease;
        box-shadow: 0 0 7px rgba(94, 94, 94, 0.419);
    }

    .socialmedia-sidebar .socialmedia-icons .Phone:hover::after {
        left: 0;
    }

    .socialmedia-sidebar .socialmedia-icons .Location::after {
        content: attr(data-text);
        position: absolute;
        top: -80% !important;
        left: -200px;
        z-index: -1;
        background-color: rgb(245, 245, 245);
        width: 7.5rem;
        border-radius: 0 50px 50px 0;
        text-align: center;
        color: var(--secondary-color);
        padding: 0.6rem 0;
        margin-left: 1.3rem;
        font-size: 15px;
        font-weight: 700;
        transition: left 0.4s ease;
        box-shadow: 0 0 7px rgba(94, 94, 94, 0.419);
    }

    .socialmedia-sidebar .socialmedia-icons .Location:hover::after {
        left: 0;
    }

    .whatsapp-icon {
        position: fixed;
        top: 94%;
        left: 1.3%;
        transform: translateY(-50%);
        z-index: 777;
    }

    .whatsapp-icon .whatsapp {
        text-decoration: none;
        cursor: pointer;
    }

    .whatsapp-icon .whatsapp img {
        width: 56px;
        height: 56px;
        object-fit: contain;
    }








    .navbar-info-body {
        border-bottom: 1px solid white;
    }

    .navbar-info-section {
        display: none;
    }

    .navbar-info-section .enquiry-and-info {
        display: none;
    }

    .navbar-info-section .enquiry-and-info .icon-withDetail {
        display: none;
    }

    .navbar-info-section .socialmedia-icons {
        display: none;
    }

    /* position absolute */
    .navbar-body-abs {
        /* border-bottom: 1px solid #ccc; */
        padding-bottom: 0rem;
        width: 100%;
        height: 4.1rem;
        background-color: white;
    }

    .nav-sticky {
        background-color: white;
        box-shadow: 0 7px 15px rgba(0, 0, 0, 0.3);
    }

    .navbar-section-abs {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem 2.5rem;
        height: 4.1rem;
        padding-bottom: 1rem;
        background-color: white;
    }

    .navbar-linkss-abs ul {
        display: block;
        padding-top: 5px;
        position: absolute;
        top: -1000.5px;
        left: 0;
        z-index: -2;
        background-color: white;
        width: 100%;
        transition: all 0.3s ease;
        padding: 0.7rem 2.4rem;
        max-height: 540px;
        overflow-x: hidden;
    }

    .navbar-linkss-abs ul li .navbar-item-anchor {
        display: flex;
        align-items: center;
        text-decoration: none;
        color: #292929;
        font-family: var(--pri-fontFamily);
        font-size: 14.7px;
        padding: 0.5rem 0.2rem;
        transition: color 0.2s ease;
        /* border-bottom: none !important; */
        width: 100%;
    }

    .navbar-linkss-abs ul li .navbar-item-anchor:hover {
        box-shadow: none;
        font-size: 14.7px;
        padding: 0.5rem 0.2rem;
        border-radius: none;
        border-bottom: 4px solid transparent !important;
    }

    .current-link {
        border-bottom: 4px solid transparent !important;
        text-decoration: none;
        color: var(--secondary-color);
        padding: 0.5rem 0.2rem;
        box-shadow: none;
        border-radius: none;
        margin: 0;
    }

    .menu-btn-small-screen {
        display: block;
    }

    .menu-btn-small-screen i {
        font-size: 2rem;
        padding: 0;
        margin: 0;
    }

    .bi-x {
        display: none;
    }

    .navbar-section-abs .navbar-button {
        display: none;
    }

    .small-screen-display-only {
        display: block;
    }



    .dropdown .nav-pallet-tag-and-icon {
        justify-content: space-between;
    }

    /* dropdown functionality css */
    .dropdown-menu {
        list-style: none;
        position: relative;
        /* top: auto !important; */
        left: 0%;
        background-color: white;
        width: 100%;
        max-width: none;
        display: none;
        opacity: 0;
        visibility: hidden;
        transform: translateY(0px);
        transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
        box-shadow: 0px 0px 3px rgba(95, 95, 95, 0.237);
        border-radius: 0px;
        padding: 0.6rem 0.4rem;
        margin-bottom: 0.5rem;
        margin-top: 0.5rem;
    }

    .dropdown-menu.show {
        display: block;
        /* flex-direction: column; */
        opacity: 1;
        visibility: visible;
    }

    .sub-dropdown-twice.show,
    .sub-dropdown-thrice.show {
        display: block;
        opacity: 1;
        visibility: visible;
    }

    .dropdown-menu a {
        display: flex;
        flex-direction: row;
        text-decoration: none;
        font-size: 14px;
        text-align: left;
        margin-left: 0 !important;
        padding: 0.6rem 0.8rem !important;
        border-bottom: 1px solid #ececece7;
        /* border: 2px solid white; */
    }

    .dropdown-menu a:last-child {
        border-bottom: none;
        /* border: 2px solid white; */
    }


    /* sub dropdown twice */
    .sub-dropdown-twice {
        list-style: none;
        position: relative;
        /* top: 0 !important; */
        left: 0;
        width: 100%;
        max-width: none;
        display: none;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        border: 1px solid #f3f3f3f3;
        box-shadow: none;
        border-radius: 0px;
        padding: 0.6rem;
        margin-top: 0px;
        background-color: #f3f3f3f3;
    }

    /* sub dropdown thrice added */
    .sub-dropdown-thrice {
        list-style: none;
        position: relative;
        /* top: auto; */
        left: 0%;
        width: 100%;
        max-width: none;
        display: none;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        box-shadow: none;
        border: 1px solid #edededf3;
        border-radius: 0px;
        padding: 0.6rem 0.9rem;
        margin: 2px 0;
        background-color: #edededf3;
    }



    .overlay-body {
        position: fixed;
        height: 105vh;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 899;
        background-color: rgba(0, 0, 0, 0.34);
        transition: all 0.5s ease;
        visibility: hidden;
        opacity: 0;
    }

    .Complete-body {
        overflow: auto;
    }

    /* Carousel Section */


    .carousel-control-prev {
        width: 40px;
        height: 75px;
        position: absolute;
        top: 45%;
        left: 0;
        padding-right: 0.4rem;
        border-radius: 0 50px 50px 0;
        background-color: #036b94c2;
    }

    .carousel-control-next {
        width: 40px;
        height: 75px;
        position: absolute;
        right: 0%;
        top: 45%;
        padding-left: 0.4rem;
        border-radius: 50px 0 0 50px;
        background-color: #036b94c2;
    }

    .carousel-overlay {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: #00596f4d;
        z-index: 2;
    }

    .carousel-main-index {
        width: 100%;
        position: relative;
    }

    .carousel-img-container {
        width: 100%;
        height: 65vw;
        position: relative;
        z-index: -1;
    }

    .carousel-img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
        position: relative;
        z-index: -1;
    }

    .carousel-caption {
        position: absolute;
        top: 45%;
        z-index: 6;
        left: 0;
        border-radius: 100px;
        padding: 1.2rem 2rem;
        padding-bottom: 0;
        margin-bottom: 0;
        width: 100%;
    }

    .carousel-caption h5 {
        font-size: 1.6rem;
        font-family: var(--pri-fontFamily);
        text-shadow: 0 0.5px 0.5px rgba(0, 0, 0, 0.89);
    }

    .carousel-caption p {
        font-size: 15.5px;
        font-weight: 400;
        text-shadow: none;
        letter-spacing: 0.7px;
        line-height: 1.1;
    }

    .carousel-btnn {
        background-color: var(--secondary-color);
        color: white;
        border: none;
        border-radius: 27px;
        padding: 0.6rem 1.1rem;
        font-size: 13px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .custom-btnn {
        padding: 11px 18px;
        border: none;
        background-color: var(--secondary-color);
        border-radius: 20px;
        color: white;
        padding-top: 9px;
        font-size: 13px;
        font-weight: 600;
        position: relative;
        top: 50%;
    }


    .about-company-section-cont {
        width: 80%;
        margin: auto;
        padding: 3.4rem 0;
        padding-top: 3.4rem;
    }

    .about-company-section-cont .about-index-divider {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0%;
    }

    .about-company-section-cont .about-index-divider .left-image {
        width: 98%;
        margin: auto;
        order: 2;
    }

    .about-company-section-cont .about-index-divider .left-image .img-abt-container {
        width: 100%;
        height: auto;
    }

    .about-company-section-cont .about-index-divider .left-image .img-abt-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }



    .about-company-section-cont .about-index-divider .right-desc {
        width: 98%;
        margin: auto;
        order: 1;
        margin-bottom: 2rem;
        text-align: center;
    }

    .about-company-section-cont .about-index-divider .right-desc h3 {
        font-size: 1.7rem;
        color: var(--pri-fontColor);
        font-family: var(--pri-fontFamily);
    }

    .about-company-section-cont .about-index-divider .right-desc h3 span {
        color: var(--secondary-color);
    }

    .about-company-section-cont .about-index-divider .right-desc p {
        width: 98%;
        margin: auto;
        text-align: justify;
        margin-top: 1.4rem;
        margin-bottom: 1.2rem;
        line-height: 1.5;
        color: #6f6f6f;
        font-size: 15px;
        font-family: var(--pri-fontFamily);
    }




    /* Department in Index Page Starts Here -------------------------- */

    .department-section {
        width: 100%;
        padding: 3.4rem 0;
        padding-bottom: 3.6rem;
    }

    .depart-index-col {
        width: 50%;
    }

    .department-body {
        width: 97%;
        margin: auto;
    }

    .department-body .heading-department {
        text-align: center;
    }

    .department-body .heading-department h4 {
        font-size: 22px;
        font-weight: 400;
        font-family: var(--pri-fontFamily);
        color: var(--pri-fontColor);
    }

    .department-body .department-detial-box {
        text-align: center;
        box-shadow: 0 0 32px rgba(22, 22, 22, 0.085);
        padding: 1rem;
        transition: all 0.3s ease;
        position: relative;
        z-index: 8;
        margin-bottom: 0.2rem;
    }

    .department-body .department-detial-box::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0%;
        left: 0%;
        z-index: -2;
        scale: 84%;
        color: white;
        /* background-color: #1E3056; */
        transition: all 0.5s ease;
    }

    .department-body .department-detial-box:hover::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0%;
        left: 0%;
        z-index: -5;
        scale: 100%;
        background: linear-gradient(to right, var(--secondary-color), var(--secondary-color));
        color: white;
    }

    .current-selected-department {
        background: linear-gradient(to right, var(--secondary-color), var(--secondary-color));
    }

    .department-body .department-detial-box .img-container {
        width: 100%;
        height: 24vw;
        max-height: none;
    }

    .department-body .department-detial-box .img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }

    .department-body .department-detial-box h6 {
        margin-top: 1rem;
        margin-bottom: 0.5rem;
        font-size: 14.6px;
    }

    .bd-selected-radius-left {
        border-top-left-radius: 0px;
    }

    .bd-selected-radius-right {
        border-top-right-radius: 0px;
    }


    .department-body .depart-and-desc-card {
        display: flex;
        flex-direction: column;
        box-shadow: 0 0 32px rgba(22, 22, 22, 0.085);
        margin-top: 1.5rem;
        align-items: center;
    }

    .department-body .depart-and-desc-card .left-card-image {
        width: 100%;
    }

    .department-body .depart-and-desc-card .left-card-image img {
        width: 100%;
    }


    .department-body .depart-and-desc-card .right-card-description {
        width: 100%;
        padding: 1.5rem;
    }

    .department-body .depart-and-desc-card .right-card-description p {
        font-size: 14px;
        line-height: 1.7;
    }

    .department-body .depart-and-desc-card .right-card-description ul {
        padding: 0;
    }

    .department-body .depart-and-desc-card .right-card-description ul li {
        line-height: 2.5;
        font-size: 14px;
    }

    /* Department in Index Page Ends Here --------------------------- */



    /* Services Section in Index Page Starts Here --------------------------- */

    .Services-section {
        width: 100%;
        height: 100%;
        padding: 3.4rem 0;
        padding-bottom: 3rem;
    }

    .serv-index-col {
        width: 50%;
    }

    .Services-body .heading-department h4 {
        font-size: 28px;
        margin-bottom: 1.7rem;
    }

    .Services-body .heading-department h5 {
        font-size: 18px;
    }

    .Services-body .heading-department p {
        font-size: 14px;
        width: 50%;
        margin: auto;
        margin-bottom: 3.2rem;
    }

    .services-box {
        height: 100%;
        padding: 1.5rem;
        text-align: center;
        position: relative;
        top: 0%;
        border-radius: 5px;
        border-top-right-radius: 30px;
        box-shadow: 0 0 45px rgba(0, 0, 0, 0.07);
        overflow: hidden;
        z-index: 8;
        margin-bottom: 1.7rem;
        transition: all 0.2s ease;
    }

    .services-box:hover::after {
        position: absolute;
        bottom: 0px;
        z-index: -5 !important;
        scale: 100%;
        opacity: 1;
        border-radius: 0px;
        background: linear-gradient(to right, var(--secondary-color), var(--secondary-color));
    }

    .services-box:hover {
        top: 0%;
        border-radius: 0px;
    }

    .services-box i {
        font-size: 2.4rem;
        margin-top: 1.1rem;
    }

    .services-box h5 {
        margin: 1rem auto;
        font-size: 19px;
    }

    .services-box p {
        font-size: 14px;
        margin-bottom: 3.5rem;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: color 0.2s ease;
    }


    .services-box .circle-btn {
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 50px;
        padding-bottom: 1rem;
        padding-right: 0.1rem;
        position: absolute;
        bottom: 3%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-decoration: none;
    }

    .services-box:hover .circle-btn {
        background-color: white;
    }

    .circle-btn i {
        color: var(--text-white);
        font-size: 15px;
    }

    .services-box:hover .circle-btn i {
        color: var(--secondary-color);
    }

    /* Services Section in Index Page Ends Here --------------------------- */



    /* Successful Numbers in Index Page Starts Here --------------------------- */

    .successful-numbers {
        position: relative;
        width: 100%;
        height: 100%;
        padding: 3rem 0;
    }

    .bg-overlay-numbers {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -5;
        background: linear-gradient(to right, var(--secondary-color), var(--secondary-color));
        opacity: 0.6;
    }

    .successful-numbers .numbers-desc {
        width: 100%;
        margin: auto;
        height: auto;
        text-align: center;
        padding-top: 2rem;
        padding-bottom: 2rem;
        /* border: 1px solid red; */
    }

    .successful-numbers .numbers-desc i {
        font-size: 1.9rem;
        z-index: 100;
        padding-bottom: 1rem;
    }

    .successful-numbers .numbers-desc h2 {
        font-size: 2rem;
    }

    .successful-numbers .numbers-desc h5 {
        font-size: 17px;
        font-weight: 500;
    }

    /* Successful Numbers in Index Page Ends Here --------------------------- */


    /* Gallery Section CSS Starts Here ------------------------------------ */
    .Gallery-section {
        width: 100%;
        height: 100%;
        background-color: white;
        padding: 3.4rem 0;
        padding-bottom: 2.5rem !important;
    }

    .Gallery-body {
        width: 98%;
        margin: auto;
    }

    .Gallery-body .heading-department {
        text-align: center;
    }

    .Gallery-body .heading-department h4 {
        font-size: 28px;
        font-weight: 400;
        font-family: var(--pri-fontFamily);
        color: var(--pri-fontColor);
    }

    .Gallery-body .gallery-images {
        width: 50%;
        margin-bottom: 0.3rem;
    }

    .Gallery-body .gallery-boxes {
        width: 100%;
        border: none;
        position: relative;
        overflow: hidden;
    }

    .Gallery-body .gallery-boxes .img-container {
        width: 100%;
        height: 26vw;
    }

    .Gallery-body .gallery-boxes .img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        scale: 100%;
        transition: scale 0.3s ease;
    }

    .Gallery-body .gallery-boxes:hover .img-container img {
        scale: 108%;
    }

    .gallery-select-buttons {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 3%;
        margin-bottom: 1.2rem;
    }

    .gallery-select-buttons .gallery-btn {
        padding: 0.6rem 1.3rem;
        font-size: 14px;
        font-weight: 500;
        background-color: white;
        color: black;
        border: none;
        border-radius: 25px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.17);
        margin-bottom: 1rem;
    }

    .gallery-select-buttons .gallery-btn:hover {
        background-color: var(--secondary-color);
        color: white !important;
    }

    .current-btn-selected {
        background-color: var(--secondary-color);
        color: white !important;
    }

    /* Gallery Section CSS Ends Here ------------------------------------ */



    /* Testimonials in Index Page Starts Here --------------------------- */

    .testimonial-section {
        width: 100%;
        height: 100%;
        padding: 3.5rem 0;
    }

    .prev-sld {
        display: none;
    }

    .nxt-sld {
        display: none;
    }

    .testimonial-body {
        width: 100%;
    }

    .testimonial-body .heading-department {
        text-align: center;
        margin-bottom: 1.5rem;
    }

    .testimonial-body .heading-department h4 {
        font-size: 26px;
        font-weight: 400;
        font-family: var(--pri-fontFamily);
        color: var(--pri-fontColor);
    }

    .testimonial-body .testi-box {
        width: 70%;
        margin: auto;
        padding: 2rem;
    }

    .testimonial-body .testi-box .img-container {
        width: 80px;
        height: 80px;
    }

    .testimonial-body .testi-box .img-container img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .testimonial-body .testi-box .icon-and-heading {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 8%;
        margin-bottom: 1.7rem;
    }

    .testimonial-body .testi-box .icon-and-heading .heading h5 {
        font-size: 18px;
        color: #6f6f6f;
        margin-top: 1rem;
    }

    .testimonial-body .testi-box .icon-and-heading .heading h6 {
        color: #1677BD;
        font-size: 15px;
    }

    .testimonial-body .testi-box p {
        font-size: 13px;
        color: #6f6f6f;
    }


    .swiper {
        width: 100%;
        height: 100%;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        padding-bottom: 2.5rem;
    }

    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* Testimonials in Index Page Ends Here --------------------------- */



    /* Blogs in Index Page Starts Here --------------------------- */
    .Blogs-section {
        width: 100%;
        height: 100%;
        background-color: white;
        padding: 2.5rem 0;
        padding-bottom: 2.5rem;
    }

    .Blogs-body {
        width: 98%;
        margin: auto;
    }

    .Blogs-body .heading-department {
        text-align: center;
    }

    .Blogs-body .heading-department h4 {
        font-size: 26px;
        font-weight: 400;
        margin-bottom: 1.5rem;
    }

    .blog-box {
        border-radius: 15px;
        margin-bottom: 1.6rem;
        min-height: 22.5rem;
        height: auto;
    }

    .blog-box .img-container {
        width: 100%;
        height: 170px;
    }

    .blog-box .img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }

    .blog-box h5 {
        padding: 1rem;
        margin-top: 0rem;
        padding-bottom: 0rem;
        font-size: 1.2rem;
    }

    .blog-box p {
        padding: 1rem;
        padding-top: 0rem;
        padding-bottom: 0rem;
        font-size: 14.5px;
        color: #898989;
        margin-bottom: 1rem;
    }

    .blog-box .custom-btnn {
        margin-left: 1rem;
        margin-bottom: 1.5rem;
        top: 79%;
        font-size: 14px;
        padding: 0.6rem 1.2rem;
    }

    /* Blogs in Index Page Ends Here --------------------------- */


    /* Clients section Part CSS Starts Here*/

    .Clients-section {
        width: 100%;
        height: 100%;
        background-color: transparent;
        padding-top: 3.5rem;
        padding-bottom: 2rem;
    }

    .Clients-body .heading-department .hr-and-head {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 3%;
        margin-bottom: 1.5rem;
    }

    .Clients-body .heading-department .hr-and-head .initial-hr {
        border: 1.7px solid black;
        width: 10%;
    }

    .Clients-body .heading-department .hr-and-head .end-hr {
        border: 1.7px solid black;
        width: 10%;
    }

    .Clients-body .heading-department .hr-and-head h4 {
        font-size: 1.5rem;
        font-weight: 500;
    }

    .Clients-body .Client-box {
        width: 100%;
        margin: auto;
        padding: 1rem 0.7rem;
        box-shadow: 0 3px 8px rgba(199, 199, 199, 0.258);
        transition: all 0.4s ease;
        /* border: 1px solid red; */
    }

    .Clients-body .Client-box:hover {
        box-shadow: 2px 4px 9px rgba(101, 101, 101, 0.216);
    }

    .Clients-body .Client-box .img-container {
        width: 100%;
        height: 90px;
        margin: auto;
        padding: 1.2rem;
    }

    /* Clients section Part CSS Ends Here  */






    /* Footer Section */

    .footer-section {
        width: 100%;
        height: 100%;
        padding-top: 0.8rem;
        background-color: #01162e;
        position: relative;
    }

    .footer-banner {
        width: 100%;
        margin: auto;
    }

    .footer-banner .banner-boxes {
        padding: 2.5rem;
        text-align: center;
        border-bottom: 1.5px solid rgba(141, 141, 141, 0.284);
        /* border: 1px solid red; */
        width: 100% !important;
        height: 100%;
    }

    .footer-banner .banner-cont {
        width: 50%;
    }

    .footer-banner .banner-cont:last-child .banner-boxes {
        text-align: center;
        border-bottom: none;
        /* border: 1px solid red; */
    }

    .footer-banner .banner-cont:nth-last-child(2) .banner-boxes {
        text-align: center;
        border-bottom: none;
        /* border: 1px solid red; */
    }

    .footer-banner .banner-boxes i {
        font-size: 2.4rem;
        margin-bottom: 1rem;
        color: var(--secondary-fontColor);
    }

    .footer-banner .banner-boxes .fa-phone {
        font-size: 2.2rem;
        margin-bottom: 1rem;
    }

    .footer-banner .banner-boxes .fa-whatsapp {
        font-size: 2.9rem;
        margin-bottom: 1rem;
    }

    .footer-banner .banner-boxes .fa-envelope {
        font-size: 2.5rem;
        margin-bottom: 1rem;
    }

    .footer-banner .banner-boxes h4 {
        text-align: center;
        font-size: 18px;
        font-weight: 600;
        font-family: var(--pri-fontFamily);
        margin-bottom: 0.8rem;
    }

    .footer-banner .banner-boxes h6 {
        text-align: center;
        font-size: 14.5px;
        font-weight: 400;
        line-height: 1.3;
        color: var(--pri-fontColor);
        font-family: var(--pri-fontFamily);
    }

    .footer-banner .banner-boxes p {
        text-align: center;
        font-size: 13px;
        font-weight: 400;
        padding: 0;
        color: var(--pri-fontColor);
        font-family: var(--pri-fontFamily);
    }

    .footer-banner .banner-boxes a {
        text-decoration: none;
    }

    .footer-banner .banner-boxes a h4 {
        font-size: 18px;
        font-family: var(--pri-fontFamily);
    }

    .footer-section h5 {
        color: var(--text-white);
        margin-top: 0.6rem;
    }

    .footer-section .footer-logo {
        background-color: white;
        padding: 3px !important;
        width: 130px;
        border-radius: 3px;
    }

    .logo-hr {
        width: 30%;
        margin: 2rem 0;
        border: 2px solid white;
    }

    .footer-social-links {
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        gap: 3%;
    }

    .footer-social-links a {
        text-decoration: none;
        color: var(--text-white);
        font-size: 1.2rem;
        margin: 0.4rem 0;
    }

    .footer-social-links a i {
        border: 1px solid #ccc;
        border-radius: 50%;
        width: 45px;
        height: 45px;
        padding: 0.6rem;
    }


    .QR-code img {
        width: 100px;
        height: 100px;
        object-fit: contain;
        background-color: white;
        margin-top: 0.4rem;
    }

    .Visitors {
        color: #a8a8a8;
        font-size: 16.5px;
        margin-top: 0.8rem;
    }

    .Visitors span {
        color: var(--secondary-color);
        font-size: 22px;
        font-weight: 600;
    }

    .phone-email-footer h6 {
        font-size: 18px;
        color: var(--text-white);
    }

    .phone-email-footer h6 span a {
        font-size: 17px;
        color: var(--secondary-color);
        text-decoration: none;
        margin-left: 0.5rem;
    }


    /* footer tag seo links */
    .footer-tag-links {
        width: 100%;
    }

    .footer-tag-links hr {
        border: 2px solid white;
        margin: 0.5rem 0;
    }

    .footer-tag-links .footer-multiple-seo-links-cont {
        width: 100%;
        display: inline-block;
        margin-bottom: 2rem;
        overflow: scroll !important;
    }

    .footer-tag-links .footer-multiple-seo-links-cont::-webkit-scrollbar {
        width: 0px;
        height: 4px;
    }

    .footer-tag-links .footer-multiple-seo-links-cont .seo-links {
        width: 1000000px;
        padding-bottom: 0.6rem;
    }

    .footer-tag-links .footer-multiple-seo-links-cont .seo-links a {
        border: 1px solid #ccc;
        text-decoration: none;
        padding: 2px 6px;
        line-height: 1.93;
        color: var(--text-white);
        font-size: 12px;
        font-weight: 500;
        opacity: 0.8;
    }

    /* footer tag seo links ends */






    /* About Us Page */

    .carousel-back-about {
        position: relative;
        height: 190px;
        background-position: center;
        background-size: cover;
    }

    .bg-overlay {
        background: linear-gradient(to right, var(--secondary-color), var(--primary-color));
        opacity: 0.8;
    }

    .carousel-index-about {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-top: 4.5rem;
    }

    .carousel-index-about h1 {
        color: white;
        font-size: 1.8rem;
        font-weight: 700;
        text-shadow: 1.2px 1.3px 3px rgba(0, 0, 0);
    }

    .carousel-index-about h5 {
        text-shadow: 1px 1.2px 4px rgba(47, 47, 47, 0.748);
        font-size: 15px;
        font-weight: 600;
    }

    .breadcrumb-manually {
        display: flex;
        justify-content: center;
        font-weight: 600;
    }

    .breadcrumb-manually i {
        font-size: 13.5px;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
    }

    .breadcrumb-manually h4 {
        font-size: 14px;
    }


    .why-choose-us-body {
        width: 100%;
        margin-top: 3.5rem;
        margin-bottom: 3rem;
    }

    .why-choose-us-divider {
        width: 100%;
        display: flex;
        gap: 3%;
    }

    .why-choose-us-divider .left-images {
        width: 40%;
        margin: 0 auto;
    }

    .why-choose-us-divider .left-images img {
        width: 100%;
        height: auto;
        object-fit: cover;
        margin-bottom: 1.5rem;
        border-top-right-radius: 30px;
        position: sticky;
        top: 11%;
    }

    .why-choose-us-divider .right-desc {
        width: 57%;
        margin: auto;
        padding-top: 0rem;
    }

    .why-choose-us-divider .right-desc .dash-with-heading {
        display: flex;
        gap: 3%;
        align-items: end;
    }

    .why-choose-us-divider .right-desc .dash-with-heading hr {
        width: 5%;
        border: 2px solid black;
    }

    .why-choose-us-divider .right-desc .dash-with-heading h5 {
        color: var(--secondary-color);
        font-weight: 400;
        font-size: 17px;
        font-family: var(--pri-fontFamily);
    }

    .why-choose-us-divider .right-desc ul {
        list-style: none;
        padding: 0;
    }

    .why-choose-us-divider .right-desc p {
        line-height: 1.65;
        color: var(--pri-fontColor);
        font-size: 14.5px;
        text-align: justify;
    }

    .why-choose-us-divider .right-desc li {
        line-height: 1.65;
        color: var(--pri-fontColor);
        font-size: 14.5px;
        margin-bottom: 0.5rem;
    }

    .why-choose-us-divider .right-desc li i {
        color: var(--secondary-color);
        margin-right: 6px;
    }


    /* Who we are in about */

    .who-we-are-section {
        width: 100%;
        background-color: var(--fourth-color);
        padding-top: 3.8rem;
        padding-bottom: 3rem;
        overflow: hidden;
    }

    .meetTeam-section {
        width: 96%;
        margin: auto;
    }

    .team-col {
        width: 50%;
    }

    .meetTeam-section .heading-department {
        text-align: center;
    }

    .meetTeam-section .heading-department h4 {
        font-size: 26px;
        font-weight: 400;
        font-family: var(--pri-fontFamily);
        color: var(--pri-fontColor);
        margin-bottom: 1.5rem;
    }

    .meetTeam-Box-details {
        margin-bottom: 1.62rem;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        z-index: 2;
        border-radius: 5px;
        box-shadow: 0 4px 9px rgba(185, 185, 185, 0.273);
    }

    .meetTeam-Box-details .img-container {
        width: 100%;
        height: 45vw;
        max-height: none;
    }

    .meetTeam-Box-details .img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }


    .meetTeam-Box-details .info-box {
        position: absolute;
        bottom: 0%;
        left: 0;
        width: 100%;
        z-index: 6;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        font-family: var(--pri-fontFamily);
    }

    /* Info Content */
    .meetTeam-Box-details .info-box h3 {
        margin: 0;
        font-weight: 600;
        font-size: 21px;
        padding: 1.2rem 0.7rem;
        padding-bottom: 0.6rem;
    }

    .meetTeam-Box-details .info-box p {
        font-weight: 500;
        font-size: 15px;
        color: var(--secondary-color);
        text-transform: uppercase;
        padding: 0 0.8rem;
        padding-bottom: 1rem;
    }

    /* Social Media Icons */
    .meetTeam-Box-details .info-box .social-icons {
        margin-top: 0.2rem;
        display: flex;
        justify-content: center;
        gap: 10%;
    }

    .meetTeam-Box-details .info-box .social-icons a {
        color: white;
        background-color: transparent;
        border: 0.5px solid white;
        padding: 0.25rem 0.5rem;
        font-size: 1.2rem;
        transition: color 0.3s ease;
        border-radius: 5px;
    }


    .meetTeam-Box-details:hover .info-box {
        bottom: 0;
        background-color: var(--secondary-color);
    }

    .meetTeam-Box-details:hover .info-box h3 {
        color: white;
    }

    .meetTeam-Box-details:hover .info-box p {
        color: var(--primary-color);
    }




    /* Appointment Page CSS starts here ----------------------------------------------------------------- */

    .appointment-section {
        width: 100%;
        padding: 2.6rem 0;
        /* position: relative; */
    }

    /* registration Poppup */

    .form-body {
        position: fixed;
        inset: 0;
        z-index: 210;
        width: 100%;
        height: 102vh;
        display: none;
        background-color: var(--primary-color);
        opacity: 0.8;
        filter: brightness(30%);
    }

    .registration-form-poppup {
        width: 88%;
        background-color: white;
        border: 1px solid black;
        position: fixed;
        top: 16.5%;
        left: 6%;
        z-index: 240;
        display: none;
        transform: scale(0%);
        transition: all 0.6s ease;
        padding: 1.3rem 0rem;
        background-position: center;
        border-radius: 15px;
    }

    .registration-form-poppup .heading-with-closeBTN {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        /* border: 1px solid red; */
        margin-bottom: 0.4rem;
    }

    .registration-form-poppup .heading-with-closeBTN h3 {
        font-size: 1.4rem;
        font-weight: 500;
        color: var(--secondary-color);
        margin-bottom: 0.8rem;
    }

    .registration-form-poppup .heading-with-closeBTN i {
        position: absolute;
        top: -35px;
        right: -10px;
        z-index: 90;
        font-size: 1.8rem;
        font-family: var(--pri-fontFamily);
        color: var(--pri-fontColor);
        padding: 0 0.5rem;
        padding-top: 3px;
        border-radius: 50%;
        background-color: var(--secondary-color);
        color: white;
        cursor: pointer;
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.782);
    }

    .registration-form-heading h6 {
        color: #6e7e87;
        font-size: 17px;
        font-weight: 500;
        line-height: 0.8;
        padding: 0 1rem;
    }

    .registration-form-heading hr {
        width: 94.5%;
        margin: auto;
        margin-top: 0;
        margin-bottom: 0.8rem;
    }

    .registration-form-poppup form {
        max-height: 67vh;
        overflow: auto;
        padding-bottom: 0.8rem;
        scrollbar-width: thin;
        scrollbar-color: var(--secondary-fontColor) #f1f1f1;
        scroll-behavior: smooth;
        overflow-x: hidden;
    }


    /* appointment form on page */
    .appointment-divider {
        display: flex;
        flex-direction: column;
        justify-content: left;
    }

    .appointment-divider .left-desc-appointment {
        width: 100%;
    }


    .appointment-divider .right-form-appointment {
        position: relative;
        width: 98%;
        margin: 1rem auto;
        margin-top: 2rem;
    }

    .appointment-divider .right-form-appointment h3 {
        margin-bottom: 1.5rem;
    }

    .right-form-appointment .head-with-btn {
        display: flex;
        flex-direction: column;
        margin-bottom: 2.5rem;
    }

    .right-form-appointment .head-with-btn a {
        text-decoration: none;
        color: white;
        font-weight: 500;
        font-size: 19px;
        transition: all 0.2s ease;
        padding: 18px 21px;
        padding-top: 18px;
        letter-spacing: 1px;
        border-radius: 15px;
    }

    .right-form-appointment .form-fields {
        padding-top: 0.2rem;

    }

    .right-form-appointment .form-fields form {
        margin-top: 0.7rem;
        padding: 1.2rem;
        padding-top: 0.9rem;
        padding-bottom: 1.5rem;
    }

    .right-form-appointment .form-fields form select {
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
        margin-bottom: 0.2rem;
    }

    .right-form-appointment .form-fields form input {
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
        margin-bottom: 0.2rem;
    }

    .right-form-appointment .form-fields form textarea {
        margin-bottom: 1.2rem;
        width: 100%;
        height: 150px !important;
        resize: none;
        border-radius: 8px;
        padding-top: 0.8rem;
    }

    .right-form-appointment .form-fields form button {
        padding: 11px 21px;
        border-radius: 50px;
        font-size: 16px;
        font-weight: 500;

    }

    .right-form-appointment .form-fields form button:hover {
        padding: 11px 21px;
        background-color: var(--secondary-color);
        color: #fff;
        border-radius: 50px;
    }

    /* Appointment Page CSS Ends here ----------------------------------------------------------------- */




    /* Department Page Main CSS Starts Here ----------------------------------- */

    .department-main {
        width: 100%;
        margin-top: 1.8rem;
        margin-bottom: 0rem;
    }

    .department-main-divider {
        width: 100%;
        display: flex;
        gap: 3%;
        position: relative;
    }

    .position-depart {
        position: sticky;
        top: 11%;
    }

    .department-main-divider .left-images h3 {
        display: none;
        font-family: var(--pri-fontFamily);
        color: var(--secondary-fontColor);
        line-height: 1.3;
        width: 98%;
        margin: auto;
    }

    .department-main-divider .left-images .dash-with-heading {
        display: none;
        gap: 3%;
        align-items: end;
        width: 98%;
        margin: auto;
        margin-bottom: 0.7rem;
    }

    .department-main-divider .left-images .dash-with-heading hr {
        width: 7%;
        border: 2px solid black;
    }

    .department-main-divider .left-images .dash-with-heading h5 {
        color: var(--secondary-color);
        font-weight: 400;
        font-size: 17px;
        font-family: var(--pri-fontFamily);
    }

    .department-main-divider .left-images {
        width: 39%;
        margin: 0 auto;
    }

    .department-main-divider .left-images img {
        width: 100%;
        object-fit: cover;
        margin-bottom: 1.5rem;
        border-top-right-radius: 30px;
    }



    .department-main-divider .right-desc {
        width: 58%;
        margin: auto;
        padding-top: 0rem;
    }

    .department-main-divider .right-desc .main-department-heading {
        display: block;
    }

    .department-main-divider .right-desc .dash-with-heading {
        display: flex;
    }

    .department-main-divider .right-desc ul {
        padding: 0;
    }

    .department-main-divider .right-desc p {
        line-height: 1.5;
        font-size: 14px;
    }

    .department-main-divider .right-desc li {
        line-height: 1.5;
        font-size: 14.5px;
        margin-bottom: 1rem;
    }

    .department-main-divider .right-desc i {
        margin-right: 6px;
    }


    .meet-the-team-depart {
        width: 100%;
        height: 100%;
        padding: 3.8rem 0;
    }

    .meet-the-team-depart .heading-department h4 {
        font-size: 27px;
        font-weight: 500;
    }


    .doctors-profile-depart {
        width: 100%;
        margin-top: 2rem;
        margin-bottom: 3rem;
    }

    .profile-img-desc-divider {
        width: 100%;
        display: flex;
        gap: 2%;
    }

    .profile-img-desc-divider .left-images {
        width: 36%;
        margin: 0 auto;
    }

    .profile-img-desc-divider .left-images img {
        width: 100%;
        margin-bottom: 1.5rem;
        border-top-right-radius: 40px;
        padding: 0.5rem;
    }

    .profile-img-desc-divider .right-doc-desc {
        width: 62%;
        margin: auto;
        padding-top: 0.2rem;
    }

    .profile-img-desc-divider .right-doc-desc ul {
        list-style: none;
        padding: 0;
        margin-top: 1.2rem;
    }

    .profile-img-desc-divider .right-doc-desc ul div {
        margin-top: 0.5rem;
    }

    .profile-img-desc-divider .right-doc-desc ul li {
        line-height: 1.6;
        font-size: 16px;
    }

    .right-doc-desc ul div i {
        margin-right: 6px;
    }



    .department-video-section {
        width: 100%;
        padding: 5rem 0;
    }

    .department-video-section .video-depart-divider {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0%;
    }


    .left-desc {
        width: 98%;
        margin: auto;
        order: 2;
    }

    .left-desc .custom-btnn {
        font-size: 15px;
    }

    .left-desc h3 {
        font-size: 1.8rem;
        color: var(--pri-fontColor);
        font-family: var(--pri-fontFamily);
    }

    .left-desc h3 span {
        color: var(--secondary-color);
    }

    .left-desc p {
        width: 98%;
        text-align: justify;
        margin-top: 1.4rem;
        margin-bottom: 1.5rem;
        line-height: 1.6;
        color: #6f6f6f;
        font-size: 15.5px;
        font-family: var(--pri-fontFamily);
    }


    .right-video {
        width: 98%;
        margin: auto;
        order: 1;
        margin-bottom: 1rem;
    }

    .right-video .vid-cont video {
        width: 100%;
        height: auto;
        object-fit: cover;
        border-radius: 5px;
    }

    /* Department Page Main CSS Starts Here ---------*/




    /* Contact Us Page CSS Starts here */

    .contactus-section {
        width: 100%;
    }

    .contactus-div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        gap: 0%;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .contactus-div .left-form {
        width: 98%;
        margin: auto;
        margin-top: 1rem;
    }

    .contactus-div .left-form h3 {
        font-size: 2rem;
        font-weight: 600;
        margin: 0.2rem 0;
    }

    .contactus-div .left-form p {
        font-size: 16px;
    }

    .contactus-div .left-form form textarea {
        resize: none;
        height: 150px !important;
    }

    .contactus-div .right-details {
        width: 98%;
        margin: auto;
        overflow: hidden;
        margin-bottom: 1rem;
        margin-top: 3.5rem;
    }

    .contactus-div .right-details .img-cont {
        width: 60%;
        margin: 0;
        position: relative;
        margin: auto;
    }

    .contactus-div .right-details .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }


    .contactus-div .right-details .img-cont .icon-place-absolute {
        width: 100%;
        height: 100%;
    }

    .contactus-div .right-details .img-cont .icon-place-absolute .call-icon {
        width: 50px;
        height: 50px;
        padding: 1.8rem;
        left: 90%;
    }

    .contactus-div .right-details .img-cont .icon-place-absolute .call-icon i {
        font-size: 1.7rem;
    }

    .contactus-div .right-details .img-cont .icon-place-absolute .headphone-icon {
        width: 55px;
        height: 55px;
        padding: 1.7rem;
    }

    .contactus-div .right-details .img-cont .icon-place-absolute .headphone-icon i {
        font-size: 1.7rem;
    }

    .contactus-div .right-details .img-cont .icon-place-absolute .comment-icon {
        width: 45px;
        height: 45px;
        padding: 1.1rem;
        top: 0.2%;
    }

    .contactus-div .right-details .img-cont .icon-place-absolute .comment-icon i {
        font-size: 1.1rem;
    }

    .contactus-div .right-details .content {
        width: 100%;
        margin-top: 1rem;
        /* overflow: hidden; */
    }

    .contactus-div .right-details .content .icon-text {
        display: flex;
        align-items: center;
        gap: 4%;
        margin-bottom: 1.4rem;
        margin-left: 0rem;
    }

    .contactus-div .right-details .content .icon-text:last-child {
        display: flex;
        align-items: center;
        gap: 4%;
        margin-bottom: 1.1rem;
        margin-left: 0rem;
    }

    .contactus-div .right-details .content .icon-text .icon {
        width: 40px;
        height: 40px;
        padding: 1.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
    }

    .contactus-div .right-details .content .icon-text .icon i {
        font-size: 1.4rem;
    }

    .contactus-div .right-details .content .icon-text h5 {
        width: 95%;
        font-size: 18px;
        font-weight: 500;
        padding: 0;
        margin: 0;
    }

    .contactus-div .right-details .content .icon-text h5 a {
        width: 95%;
        font-size: 18px;
        font-weight: 500;
        padding: 0;
        margin: 0;
    }

    .contactus-div .right-details .content .icon-text a {
        width: 95%;
        font-size: 18px;
        font-weight: 500;
        padding: 0;
        margin: 0;
    }

    /* Contact Us Page CSS ends here */







    /* Blogs Page CSS starts here */
    .blogs-Complete-Page {
        width: 100%;
        padding: 4rem 0;
    }

    .blog-completepage-divider {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 0%;
    }

    .blog-completepage-divider .left-numberofBlogs {
        width: 98%;
        margin: auto;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box {
        padding-bottom: 1rem;
        margin-bottom: 2.2rem;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .img-cont {
        width: 100%;
        height: 360px;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .date-author {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 0.6rem;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .date-author .icon-text {
        display: flex;
        align-items: baseline;
        padding-top: 0.5rem;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .date-author .icon-text i {
        margin-right: 6px;
        font-size: 13px;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .date-author .icon-text h6 {
        font-size: 14px;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .title-and-para {
        padding: 0.5rem 0.6rem;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .title-and-para h3 {
        font-size: 1.6rem;
        color: #373737f8;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .title-and-para p {
        font-size: 16px;
    }



    .blog-completepage-divider .right-recents-blogs {
        width: 98%;
        margin: auto;
        margin-top: 2rem;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-container h3 {
        font-size: 1.4rem;
        font-weight: 600;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-container hr {
        margin: 0;
        margin-bottom: 1.1rem;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box {
        padding: 1rem;
        margin-bottom: 1.3rem;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a .date-author-img {
        display: flex;
        justify-content: center;
        align-items: end;
        gap: 3%;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a .date-author-img .img-cont {
        width: 32%;
        max-width: 45vw;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a .date-author-img .date-author {
        display: flex;
        flex-direction: column;
        width: 65%;
        padding: 0.8rem;
        padding-bottom: 0;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a .date-author-img .date-author .icon-text i {
        font-size: 14.5px;
        margin-right: 7px;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a .date-author-img .date-author .icon-text h6 {
        font-size: 15.5px;
    }


    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a h5 {
        margin-top: 0.6rem;
        font-size: 22px;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a p {
        font-size: 15px;
        margin-bottom: 0.1rem;
    }


    /* Blog Details Complete Page on click of read more button it opens*/
    .blog-detail-complete-container {
        position: relative;
        padding: 0px 0;
        background-color: #fff;
        border-radius: 10px;
        margin: auto;
    }

    .blog-detail-complete-container .blogs-details-cmplte {
        width: 100%;
        padding-bottom: 3rem;
        position: relative;
    }

    .img-date-author {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: end;
        gap: 0%;
        width: 100%;
        margin: auto;
        margin-top: 0rem;
        padding: 1.8rem 1.4rem;
        border-radius: 0;
    }

    .img-date-author .left-img {
        width: 98%;
        margin: auto;
    }

    .blog-detail-complete-container .blogs-details-cmplte .img-cont {
        width: 100%;
        height: 55vw;
        border: none;
    }

    .blog-detail-complete-container .blogs-details-cmplte .content {
        width: 98%;
        margin: auto;
        padding: 0.6rem 1rem;
        padding-bottom: 1rem;
    }


    .blog-detail-complete-container .blogs-details-cmplte .date-author {
        gap: 8%;
        width: 100%;
    }

    .blog-detail-complete-container .blogs-details-cmplte .date-author .bg-icon-text {
        padding: 0.4rem 1rem;
    }

    .blog-detail-complete-container .blogs-details-cmplte .date-author .icon-text {
        margin-top: 0.4rem;
    }

    .blog-detail-complete-container .blogs-details-cmplte .date-author .icon-text i {
        font-size: 17px;
        margin-right: 7px;

    }

    .blog-detail-complete-container .blogs-details-cmplte .date-author .icon-text h6 {
        font-size: 17px;
        font-weight: 500;
    }

    .blog-detail-complete-container .blogs-details-cmplte h4 {
        font-size: 1.8rem;
        margin-top: 0.7rem;
        margin-bottom: 0.5rem;
        color: #37383f;
        letter-spacing: -0.2px;
    }

    .blog-detail-complete-container .blogs-details-cmplte .heading-paragrapgh p {
        font-size: 17px;
        width: 100%;
        text-align: justify;
        margin: 0.1rem 0;
        color: #6a6b71;
    }

    .blog-detail-complete-container .blogs-details-cmplte .heading-paragrapgh ul {
        font-size: 17px;
        width: 100%;
        text-align: justify;
        margin: 0.3rem 0;
        color: #6a6b71;
        list-style: disc;
        padding-left: 20px;
    }

    /* Blog Details Complete Page on click of read more button it opens ends*/

    /* Blogs Page CSS ends here */






    /* Services Page CSS Starts here */
    .herosection-service {
        width: 100%;
        padding: 5rem 0;
        padding-bottom: 3rem;
    }

    .herosection-service .hero-servicePage-divider {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0%;
    }

    .herosection-service .hero-servicePage-divider .left-img {
        width: 98%;
        margin: auto;
    }

    .herosection-service .hero-servicePage-divider .left-img .img-cont-serv-hero {
        width: 100%;
        height: 47vw;
    }

    .herosection-service .hero-servicePage-divider .left-img .img-cont-serv-hero img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: top;
    }

    .herosection-service .hero-servicePage-divider .right-desc-serv-hero {
        width: 85%;
        margin: auto;
    }

    .herosection-service .hero-servicePage-divider .right-desc-serv-hero h3 {
        font-size: 1.8rem;
        color: var(--pri-fontColor);
        font-family: var(--pri-fontFamily);
        margin-top: 1rem;
    }

    .herosection-service .hero-servicePage-divider .right-desc-serv-hero p {
        width: 98%;
        text-align: justify;
        margin-top: 0.8rem;
        margin-bottom: 1.5rem;
        line-height: 1.6;
        font-size: 15.5px;
    }

    .herosection-service .hero-servicePage-divider .right-desc-serv-hero .custom-btnn {
        font-size: 15.5px;
    }

    /* Services Page CSS ends here */




    /* Service details page CSS Starts here */
    .serv-details-page {
        width: 100%;
        padding: 3.5rem 0;
    }

    .serv-details-page .serv-detail-div {
        width: 100%;
        display: flex;
        gap: 3%;
    }

    .serv-details-page .serv-detail-div .left-img-btn {
        width: 33%;
    }

    .serv-details-page .serv-detail-div .left-img-btn .pos-imag-servBTN {
        position: sticky;
        top: 13%;
        margin-top: 0.4rem;
        padding-bottom: 2rem;
    }

    .serv-details-page .serv-detail-div .left-img-btn .img-cont {
        width: 100%;
        height: 19vw;
        max-height: none;
        /* border: 2px solid white; */
        margin-bottom: 1.5rem;
        border-radius: 12px;
    }

    .serv-details-page .serv-detail-div .left-img-btn .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 12px;
    }



    .serv-details-page .serv-detail-div .right-serv-desc {
        width: 64%;
    }

    .serv-details-page .serv-detail-div .right-serv-desc .serv-title {
        font-size: 1.7rem !important;
        margin: 0 !important;
        margin-bottom: 0.5rem !important;
    }

    .serv-details-page .serv-detail-div .right-serv-desc h4 {
        font-size: 1.2rem;
        margin: 2rem 0;
        margin-bottom: 0.6rem;
    }

    .serv-details-page .serv-detail-div .right-serv-desc p {
        font-size: 14px;
    }

    .serv-details-page .serv-detail-div .right-serv-desc ul li {
        font-size: 14px;
        margin: 0.6rem 0;
    }

    /* Service details page CSS ends here */



    /* middlebanner section css starts here */

    .lets-work-together {
        padding: 4.5rem 0;
    }

    /* middlebanner section css ends here */

}


@media screen and (min-width:850.1px) and (max-width: 1000px) {
    .container {
        max-width: 1000px;
        padding: 0 5.5rem;
    }

    .socialmedia-sidebar {
        position: fixed;
        top: 52%;
        left: 0%;
        transform: translateY(-50%);
        z-index: 777;
        /* background-color: rgb(183, 151, 151); */
    }

    .socialmedia-sidebar .socialmedia-icons {
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: white;
        padding: 0.9rem;
        border-radius: 50px;
        box-shadow: 0 0 9px rgba(88, 88, 88, 0.4);
    }

    .socialmedia-sidebar .socialmedia-icons a {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-decoration: none;
        margin: 1rem 0;
        font-size: 1.1rem;
        position: relative;
    }

    .socialmedia-sidebar .socialmedia-icons .Message::after {
        content: attr(data-text);
        position: absolute;
        top: -80% !important;
        left: -200px;
        z-index: -1;
        background-color: rgb(245, 245, 245);
        width: 7.5rem;
        border-radius: 0 50px 50px 0;
        text-align: center;
        color: var(--secondary-color);
        padding: 0.6rem 0;
        margin-left: 1.3rem;
        font-size: 15px;
        font-weight: 700;
        transition: left 0.4s ease;
        box-shadow: 0 0 7px rgba(94, 94, 94, 0.419);
    }

    .socialmedia-sidebar .socialmedia-icons .Message:hover::after {
        left: 0;
    }

    .socialmedia-sidebar .socialmedia-icons .Phone::after {
        content: attr(data-text);
        position: absolute;
        top: -80% !important;
        left: -200px;
        z-index: -1;
        background-color: rgb(245, 245, 245);
        width: 7.5rem;
        border-radius: 0 50px 50px 0;
        text-align: center;
        color: var(--secondary-color);
        padding: 0.6rem 0;
        margin-left: 1.3rem;
        font-size: 15px;
        font-weight: 700;
        transition: left 0.4s ease;
        box-shadow: 0 0 7px rgba(94, 94, 94, 0.419);
    }

    .socialmedia-sidebar .socialmedia-icons .Phone:hover::after {
        left: 0;
    }

    .socialmedia-sidebar .socialmedia-icons .Location::after {
        content: attr(data-text);
        position: absolute;
        top: -80% !important;
        left: -200px;
        z-index: -1;
        background-color: rgb(245, 245, 245);
        width: 7.5rem;
        border-radius: 0 50px 50px 0;
        text-align: center;
        color: var(--secondary-color);
        padding: 0.6rem 0;
        margin-left: 1.3rem;
        font-size: 15px;
        font-weight: 700;
        transition: left 0.4s ease;
        box-shadow: 0 0 7px rgba(94, 94, 94, 0.419);
    }

    .socialmedia-sidebar .socialmedia-icons .Location:hover::after {
        left: 0;
    }

    .whatsapp-icon {
        position: fixed;
        top: 94%;
        left: 1.3%;
        transform: translateY(-50%);
        z-index: 777;
    }

    .whatsapp-icon .whatsapp {
        text-decoration: none;
        cursor: pointer;
    }

    .whatsapp-icon .whatsapp img {
        width: 56px;
        height: 56px;
        object-fit: contain;
    }







    .navbar-info-body {
        border-bottom: 1px solid white;
    }

    .navbar-info-section {
        display: none;
    }

    .navbar-info-section .enquiry-and-info {
        display: none;
    }

    .navbar-info-section .enquiry-and-info .icon-withDetail {
        display: none;
    }

    .navbar-info-section .socialmedia-icons {
        display: none;
    }

    /* position absolute */
    .navbar-body-abs {
        /* border-bottom: 1px solid #ccc; */
        padding-bottom: 0rem;
        width: 100%;
        height: 4.1rem;
        background-color: white;
    }

    .nav-sticky {
        background-color: white;
        box-shadow: 0 7px 15px rgba(0, 0, 0, 0.3);
    }

    .navbar-section-abs {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem 2.5rem;
        height: 4.1rem;
        padding-bottom: 1rem;
        background-color: white;
    }

    .navbar-linkss-abs ul {
        display: block;
        padding-top: 5px;
        position: absolute;
        top: -1000.5px;
        left: 0;
        z-index: -2;
        background-color: white;
        width: 100%;
        transition: all 0.3s ease;
        padding: 0.7rem 2.4rem;
        max-height: 540px;
        overflow-x: hidden;
    }

    .navbar-linkss-abs ul li .navbar-item-anchor {
        display: flex;
        align-items: center;
        text-decoration: none;
        color: #292929;
        font-family: var(--pri-fontFamily);
        font-size: 14.7px;
        padding: 0.5rem 0.2rem;
        transition: color 0.2s ease;
        /* border-bottom: none !important; */
        width: 100%;
    }

    .navbar-linkss-abs ul li .navbar-item-anchor:hover {
        box-shadow: none;
        font-size: 14.7px;
        padding: 0.5rem 0.2rem;
        border-radius: none;
        border-bottom: 4px solid transparent !important;
    }

    .current-link {
        border-bottom: 4px solid transparent !important;
        text-decoration: none;
        color: var(--secondary-color);
        padding: 0.5rem 0.2rem;
        box-shadow: none;
        border-radius: none;
        margin: 0;
    }

    .menu-btn-small-screen {
        display: block;
    }

    .menu-btn-small-screen i {
        font-size: 2rem;
        padding: 0;
        margin: 0;
    }

    .bi-x {
        display: none;
    }

    .navbar-section-abs .navbar-button {
        display: none;
    }

    .small-screen-display-only {
        display: block;
    }



    .dropdown .nav-pallet-tag-and-icon {
        justify-content: space-between;
    }

    /* dropdown functionality css */
    .dropdown-menu {
        list-style: none;
        position: relative;
        /* top: auto !important; */
        left: 0%;
        background-color: white;
        width: 100%;
        max-width: none;
        display: none;
        opacity: 0;
        visibility: hidden;
        transform: translateY(0px);
        transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
        box-shadow: 0px 0px 3px rgba(95, 95, 95, 0.237);
        border-radius: 0px;
        padding: 0.6rem 0.4rem;
        margin-bottom: 0.5rem;
        margin-top: 0.5rem;
    }

    .dropdown-menu.show {
        display: block;
        /* flex-direction: column; */
        opacity: 1;
        visibility: visible;
    }

    .sub-dropdown-twice.show,
    .sub-dropdown-thrice.show {
        display: block;
        opacity: 1;
        visibility: visible;
    }

    .dropdown-menu a {
        display: flex;
        flex-direction: row;
        text-decoration: none;
        font-size: 14px;
        text-align: left;
        margin-left: 0 !important;
        padding: 0.6rem 0.8rem !important;
        border-bottom: 1px solid #ececece7;
        /* border: 2px solid white; */
    }

    .dropdown-menu a:last-child {
        border-bottom: none;
        /* border: 2px solid white; */
    }


    /* sub dropdown twice */
    .sub-dropdown-twice {
        list-style: none;
        position: relative;
        /* top: 0 !important; */
        left: 0;
        width: 100%;
        max-width: none;
        display: none;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        border: 1.2px solid #f3f3f3f3;
        box-shadow: none;
        border-radius: 0px;
        padding: 0.6rem;
        margin-top: 0px;
        background-color: #f3f3f3f3;
    }

    /* sub dropdown thrice added */
    .sub-dropdown-thrice {
        list-style: none;
        position: relative;
        /* top: auto; */
        left: 0%;
        width: 100%;
        max-width: none;
        display: none;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        box-shadow: none;
        border: 1.5px solid #edededf3;
        border-radius: 0px;
        padding: 0.6rem 0.9rem;
        margin: 2px 0;
        background-color: #edededf3;
    }



    .overlay-body {
        position: fixed;
        height: 105vh;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 899;
        background-color: rgba(0, 0, 0, 0.34);
        transition: all 0.5s ease;
        visibility: hidden;
        opacity: 0;
    }

    .Complete-body {
        overflow: auto;
    }

    /* Carousel Section */


    .carousel-control-prev {
        width: 40px;
        height: 75px;
        position: absolute;
        top: 45%;
        left: 0;
        padding-right: 0.4rem;
        border-radius: 0 50px 50px 0;
        background-color: #036b94c2;
    }

    .carousel-control-next {
        width: 40px;
        height: 75px;
        position: absolute;
        right: 0%;
        top: 45%;
        padding-left: 0.4rem;
        border-radius: 50px 0 0 50px;
        background-color: #036b94c2;
    }

    .carousel-overlay {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: #00596f4d;
        z-index: 2;
    }

    .carousel-main-index {
        width: 100%;
        position: relative;
    }

    .carousel-img-container {
        width: 100%;
        height: 65vw;
        position: relative;
        z-index: -1;
    }

    .carousel-img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
        position: relative;
        z-index: -1;
    }

    .carousel-caption {
        position: absolute;
        top: 45%;
        z-index: 6;
        left: 0;
        border-radius: 100px;
        padding: 1.2rem 2rem;
        padding-bottom: 0;
        margin-bottom: 0;
        width: 100%;
    }

    .carousel-caption h5 {
        font-size: 1.8rem;
        font-family: var(--pri-fontFamily);
        text-shadow: 0 0.5px 0.5px rgba(0, 0, 0, 0.89);
    }

    .carousel-caption p {
        font-size: 16.5px;
        font-weight: 400;
        text-shadow: none;
        letter-spacing: 0.7px;
        line-height: 1.1;
    }

    .carousel-btnn {
        background-color: var(--secondary-color);
        color: white;
        border: none;
        border-radius: 27px;
        padding: 0.6rem 1.1rem;
        font-size: 13px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .custom-btnn {
        padding: 11px 18px;
        border: none;
        background-color: var(--secondary-color);
        border-radius: 20px;
        color: white;
        padding-top: 9px;
        font-size: 13px;
        font-weight: 600;
        position: relative;
        top: 50%;
    }


    .about-company-section-cont {
        width: 80%;
        margin: auto;
        padding: 3.4rem 0;
        padding-top: 3.4rem;
    }

    .about-company-section-cont .about-index-divider {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0%;
    }

    .about-company-section-cont .about-index-divider .left-image {
        width: 98%;
        margin: auto;
        order: 2;
    }

    .about-company-section-cont .about-index-divider .left-image .img-abt-container {
        width: 100%;
        height: auto;
    }

    .about-company-section-cont .about-index-divider .left-image .img-abt-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }



    .about-company-section-cont .about-index-divider .right-desc {
        width: 98%;
        margin: auto;
        order: 1;
        margin-bottom: 2rem;
        text-align: center;
    }

    .about-company-section-cont .about-index-divider .right-desc h3 {
        font-size: 1.7rem;
        color: var(--pri-fontColor);
        font-family: var(--pri-fontFamily);
    }

    .about-company-section-cont .about-index-divider .right-desc h3 span {
        color: var(--secondary-color);
    }

    .about-company-section-cont .about-index-divider .right-desc p {
        width: 98%;
        margin: auto;
        text-align: justify;
        margin-top: 1.4rem;
        margin-bottom: 1.2rem;
        line-height: 1.5;
        color: #6f6f6f;
        font-size: 15px;
        font-family: var(--pri-fontFamily);
    }




    /* Department in Index Page Starts Here -------------------------- */

    .department-section {
        width: 100%;
        padding: 3.4rem 0;
        padding-bottom: 3.6rem;
    }

    .department-body {
        width: 97%;
        margin: auto;
    }

    .department-body .heading-department {
        text-align: center;
    }

    .department-body .heading-department h4 {
        font-size: 22px;
        font-weight: 400;
        font-family: var(--pri-fontFamily);
        color: var(--pri-fontColor);
    }

    .department-body .department-detial-box {
        text-align: center;
        box-shadow: 0 0 32px rgba(22, 22, 22, 0.085);
        padding: 1rem;
        transition: all 0.3s ease;
        position: relative;
        z-index: 8;
        margin-bottom: 0.2rem;
    }

    .department-body .department-detial-box::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0%;
        left: 0%;
        z-index: -2;
        scale: 84%;
        color: white;
        /* background-color: #1E3056; */
        transition: all 0.5s ease;
    }

    .department-body .department-detial-box:hover::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0%;
        left: 0%;
        z-index: -5;
        scale: 100%;
        background: linear-gradient(to right, var(--secondary-color), var(--secondary-color));
        color: white;
    }

    .current-selected-department {
        background: linear-gradient(to right, var(--secondary-color), var(--secondary-color));
    }

    .department-body .department-detial-box .img-container {
        width: 100%;
        height: 220px;
    }

    .department-body .department-detial-box .img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }

    .department-body .department-detial-box h6 {
        margin-top: 1rem;
        margin-bottom: 0.5rem;
        font-size: 14.6px;
    }

    .bd-selected-radius-left {
        border-top-left-radius: 0px;
    }

    .bd-selected-radius-right {
        border-top-right-radius: 0px;
    }


    .department-body .depart-and-desc-card {
        display: flex;
        flex-direction: column;
        box-shadow: 0 0 32px rgba(22, 22, 22, 0.085);
        margin-top: 1.5rem;
        align-items: center;
    }

    .department-body .depart-and-desc-card .left-card-image {
        width: 100%;
    }

    .department-body .depart-and-desc-card .left-card-image img {
        width: 100%;
    }


    .department-body .depart-and-desc-card .right-card-description {
        width: 100%;
        padding: 1.5rem;
    }

    .department-body .depart-and-desc-card .right-card-description p {
        font-size: 14px;
        line-height: 1.7;
    }

    .department-body .depart-and-desc-card .right-card-description ul {
        padding: 0;
    }

    .department-body .depart-and-desc-card .right-card-description ul li {
        line-height: 2.5;
        font-size: 14px;
    }

    /* Department in Index Page Ends Here --------------------------- */



    /* Services Section in Index Page Starts Here --------------------------- */

    .Services-section {
        width: 100%;
        height: 100%;
        padding: 3.4rem 0;
        padding-bottom: 3rem;
    }

    .Services-body .heading-department h4 {
        font-size: 28px;
        margin-bottom: 1.7rem;
    }

    .Services-body .heading-department h5 {
        font-size: 18px;
    }

    .Services-body .heading-department p {
        font-size: 14px;
        width: 50%;
        margin: auto;
        margin-bottom: 3.2rem;
    }

    .services-box {
        height: 100%;
        padding: 1.5rem;
        text-align: center;
        position: relative;
        top: 0%;
        border-radius: 5px;
        border-top-right-radius: 30px;
        box-shadow: 0 0 45px rgba(0, 0, 0, 0.07);
        overflow: hidden;
        z-index: 8;
        margin-bottom: 1.7rem;
        transition: all 0.2s ease;
    }

    .services-box:hover::after {
        position: absolute;
        bottom: 0px;
        z-index: -5 !important;
        scale: 100%;
        opacity: 1;
        border-radius: 0px;
        background: linear-gradient(to right, var(--secondary-color), var(--secondary-color));
    }

    .services-box:hover {
        top: 0%;
        border-radius: 0px;
    }

    .services-box i {
        font-size: 2.4rem;
        margin-top: 1.1rem;
    }

    .services-box h5 {
        margin: 1rem auto;
        font-size: 19px;
    }

    .services-box p {
        font-size: 14px;
        margin-bottom: 3.5rem;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: color 0.2s ease;
    }


    .services-box .circle-btn {
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 50px;
        padding-bottom: 1rem;
        padding-right: 0.1rem;
        position: absolute;
        bottom: 3%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-decoration: none;
    }

    .services-box:hover .circle-btn {
        background-color: white;
    }

    .circle-btn i {
        color: var(--text-white);
        font-size: 15px;
    }

    .services-box:hover .circle-btn i {
        color: var(--secondary-color);
    }

    /* Services Section in Index Page Ends Here --------------------------- */



    /* Successful Numbers in Index Page Starts Here --------------------------- */

    .successful-numbers {
        position: relative;
        width: 100%;
        height: 100%;
        padding: 3rem 0;
    }

    .bg-overlay-numbers {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -5;
        background: linear-gradient(to right, var(--secondary-color), var(--secondary-color));
        opacity: 0.6;
    }

    .successful-numbers .numbers-desc {
        width: 100%;
        margin: auto;
        height: auto;
        text-align: center;
        padding-top: 2rem;
        padding-bottom: 2rem;
        /* border: 1px solid red; */
    }

    .successful-numbers .numbers-desc i {
        font-size: 1.9rem;
        z-index: 100;
        padding-bottom: 1rem;
    }

    .successful-numbers .numbers-desc h2 {
        font-size: 2rem;
    }

    .successful-numbers .numbers-desc h5 {
        font-size: 17px;
        font-weight: 500;
    }

    /* Successful Numbers in Index Page Ends Here --------------------------- */


    /* Gallery Section CSS Starts Here ------------------------------------ */
    .Gallery-section {
        width: 100%;
        height: 100%;
        background-color: white;
        padding: 3.4rem 0;
        padding-bottom: 2.5rem !important;
    }

    .Gallery-body {
        width: 98%;
        margin: auto;
    }

    .Gallery-body .heading-department {
        text-align: center;
    }

    .Gallery-body .heading-department h4 {
        font-size: 28px;
        font-weight: 400;
        font-family: var(--pri-fontFamily);
        color: var(--pri-fontColor);
    }

    .Gallery-body .gallery-boxes {
        width: 100%;
        border: none;
        margin-bottom: 1.5rem;
        position: relative;
        overflow: hidden;
    }

    .Gallery-body .gallery-boxes .img-container {
        width: 100%;
        height: 15vw;
    }

    .Gallery-body .gallery-boxes .img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        scale: 100%;
        transition: scale 0.3s ease;
    }

    .Gallery-body .gallery-boxes:hover .img-container img {
        scale: 108%;
    }


    .gallery-select-buttons {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 3%;
        margin-bottom: 1.2rem;
    }

    .gallery-select-buttons .gallery-btn {
        padding: 0.6rem 1.3rem;
        font-size: 14px;
        font-weight: 500;
        background-color: white;
        color: black;
        border: none;
        border-radius: 25px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.17);
        margin-bottom: 1rem;
    }

    .gallery-select-buttons .gallery-btn:hover {
        background-color: var(--secondary-color);
        color: white !important;
    }

    .current-btn-selected {
        background-color: var(--secondary-color);
        color: white !important;
    }

    /* Gallery Section CSS Ends Here ------------------------------------ */



    /* Testimonials in Index Page Starts Here --------------------------- */

    .testimonial-section {
        width: 100%;
        height: 100%;
        padding: 3.5rem 0;
    }

    .prev-sld {
        display: none;
    }

    .nxt-sld {
        display: none;
    }

    .testimonial-body {
        width: 100%;
    }

    .testimonial-body .heading-department {
        text-align: center;
        margin-bottom: 1.5rem;
    }

    .testimonial-body .heading-department h4 {
        font-size: 26px;
        font-weight: 400;
        font-family: var(--pri-fontFamily);
        color: var(--pri-fontColor);
    }

    .testimonial-body .testi-box {
        width: 70%;
        margin: auto;
        padding: 2rem;
    }

    .testimonial-body .testi-box .img-container {
        width: 80px;
        height: 80px;
    }

    .testimonial-body .testi-box .img-container img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .testimonial-body .testi-box .icon-and-heading {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 8%;
        margin-bottom: 1.7rem;
    }

    .testimonial-body .testi-box .icon-and-heading .heading h5 {
        font-size: 18px;
        color: #6f6f6f;
        margin-top: 1rem;
    }

    .testimonial-body .testi-box .icon-and-heading .heading h6 {
        color: #1677BD;
        font-size: 15px;
    }

    .testimonial-body .testi-box p {
        font-size: 13px;
        color: #6f6f6f;
    }


    .swiper {
        width: 100%;
        height: 100%;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        padding-bottom: 2.5rem;
    }

    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* Testimonials in Index Page Ends Here --------------------------- */



    /* Blogs in Index Page Starts Here --------------------------- */
    .Blogs-section {
        width: 100%;
        height: 100%;
        background-color: white;
        padding: 2.5rem 0;
        padding-bottom: 2.5rem;
    }

    .Blogs-body {
        width: 99%;
        margin: auto;
    }

    .Blogs-body .heading-department {
        text-align: center;
    }

    .Blogs-body .heading-department h4 {
        font-size: 26px;
        font-weight: 400;
        margin-bottom: 1.5rem;
    }

    .blog-box {
        border-radius: 15px;
        margin-bottom: 1.6rem;
        height: auto;
        min-height: 26rem;
    }

    .blog-box .img-container {
        width: 100%;
        height: 220px;
    }

    .blog-box .img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }

    .blog-box h5 {
        padding: 1rem;
        margin-top: 0rem;
        padding-bottom: 0rem;
        font-size: 1.4rem;
    }

    .blog-box p {
        padding: 1rem;
        padding-top: 0rem;
        padding-bottom: 0rem;
        font-size: 14.5px;
        color: #898989;
    }

    .blog-box .custom-btnn {
        margin-left: 1rem;
        margin-bottom: 1.5rem;
        font-size: 14px;
        padding: 0.57rem 1.1rem;
        top: 82%;
    }

    /* Blogs in Index Page Ends Here --------------------------- */


    /* Clients section Part CSS Starts Here*/

    .Clients-section {
        width: 100%;
        height: 100%;
        background-color: transparent;
        padding-top: 3.5rem;
        padding-bottom: 2rem;
    }

    .Clients-body .heading-department .hr-and-head {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 3%;
        margin-bottom: 1.5rem;
    }

    .Clients-body .heading-department .hr-and-head .initial-hr {
        border: 1.7px solid black;
        width: 10%;
    }

    .Clients-body .heading-department .hr-and-head .end-hr {
        border: 1.7px solid black;
        width: 10%;
    }

    .Clients-body .heading-department .hr-and-head h4 {
        font-size: 1.5rem;
        font-weight: 500;
    }

    .Clients-body .Client-box {
        width: 100%;
        margin: auto;
        padding: 1rem 0.7rem;
        box-shadow: 0 3px 8px rgba(199, 199, 199, 0.258);
        transition: all 0.4s ease;
        /* border: 1px solid red; */
    }

    .Clients-body .Client-box:hover {
        box-shadow: 2px 4px 9px rgba(101, 101, 101, 0.216);
    }

    .Clients-body .Client-box .img-container {
        width: 100%;
        height: 90px;
        margin: auto;
        padding: 1.2rem;
    }

    /* Clients section Part CSS Ends Here  */






    /* Footer Section */

    .footer-section {
        width: 100%;
        height: 100%;
        padding-top: 0.8rem;
        background-color: #01162e;
        position: relative;
    }

    .footer-banner {
        width: 100%;
        margin: auto;
    }

    .footer-banner .banner-boxes {
        padding: 2.5rem;
        text-align: center;
        border-bottom: 1.5px solid rgba(141, 141, 141, 0.284);
        /* border: 1px solid red; */
        width: 100% !important;
        height: 100%;
    }

    .footer-banner .banner-cont {
        width: 50%;
    }

    .footer-banner .banner-cont:last-child .banner-boxes {
        text-align: center;
        border-bottom: none;
        /* border: 1px solid red; */
    }

    .footer-banner .banner-cont:nth-last-child(2) .banner-boxes {
        text-align: center;
        border-bottom: none;
        /* border: 1px solid red; */
    }

    .footer-banner .banner-boxes i {
        font-size: 2.4rem;
        margin-bottom: 1rem;
        color: var(--secondary-fontColor);
    }

    .footer-banner .banner-boxes .fa-phone {
        font-size: 2.2rem;
        margin-bottom: 1rem;
    }

    .footer-banner .banner-boxes .fa-whatsapp {
        font-size: 2.9rem;
        margin-bottom: 1rem;
    }

    .footer-banner .banner-boxes .fa-envelope {
        font-size: 2.5rem;
        margin-bottom: 1rem;
    }

    .footer-banner .banner-boxes h4 {
        text-align: center;
        font-size: 18px;
        font-weight: 600;
        font-family: var(--pri-fontFamily);
        margin-bottom: 0.8rem;
    }

    .footer-banner .banner-boxes h6 {
        text-align: center;
        font-size: 14.5px;
        font-weight: 400;
        line-height: 1.3;
        color: var(--pri-fontColor);
        font-family: var(--pri-fontFamily);
    }

    .footer-banner .banner-boxes p {
        text-align: center;
        font-size: 13px;
        font-weight: 400;
        padding: 0;
        color: var(--pri-fontColor);
        font-family: var(--pri-fontFamily);
    }

    .footer-banner .banner-boxes a {
        text-decoration: none;
    }

    .footer-banner .banner-boxes a h4 {
        font-size: 18px;
        font-family: var(--pri-fontFamily);
    }

    .footer-section h5 {
        color: var(--text-white);
        margin-top: 0.6rem;
    }

    .footer-section .footer-logo {
        background-color: white;
        padding: 3px !important;
        width: 130px;
        border-radius: 3px;
    }

    .logo-hr {
        width: 30%;
        margin: 2rem 0;
        border: 2px solid white;
    }

    .footer-social-links {
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        gap: 3%;
    }

    .footer-social-links a {
        text-decoration: none;
        color: var(--text-white);
        font-size: 1.2rem;
        margin: 0.4rem 0;
    }

    .footer-social-links a i {
        border: 1px solid #ccc;
        border-radius: 50%;
        width: 45px;
        height: 45px;
        padding: 0.6rem;
    }


    .QR-code img {
        width: 100px;
        height: 100px;
        object-fit: contain;
        background-color: white;
        margin-top: 0.4rem;
    }

    .Visitors {
        color: #a8a8a8;
        font-size: 16.5px;
        margin-top: 0.8rem;
    }

    .Visitors span {
        color: var(--secondary-color);
        font-size: 22px;
        font-weight: 600;
    }

    .phone-email-footer h6 {
        font-size: 18px;
        color: var(--text-white);
    }

    .phone-email-footer h6 span a {
        font-size: 17px;
        color: var(--secondary-color);
        text-decoration: none;
        margin-left: 0.5rem;
    }


    /* footer tag seo links */
    .footer-tag-links {
        width: 100%;
    }

    .footer-tag-links hr {
        border: 2px solid white;
        margin: 0.5rem 0;
    }

    .footer-tag-links .footer-multiple-seo-links-cont {
        width: 100%;
        display: inline-block;
        margin-bottom: 2rem;
        overflow: scroll !important;
    }

    .footer-tag-links .footer-multiple-seo-links-cont::-webkit-scrollbar {
        width: 0px;
        height: 4px;
    }

    .footer-tag-links .footer-multiple-seo-links-cont .seo-links {
        width: 1000000px;
        padding-bottom: 0.6rem;
    }

    .footer-tag-links .footer-multiple-seo-links-cont .seo-links a {
        border: 1px solid #ccc;
        text-decoration: none;
        padding: 2px 6px;
        line-height: 1.93;
        color: var(--text-white);
        font-size: 12px;
        font-weight: 500;
        opacity: 0.8;
    }

    /* footer tag seo links ends */






    /* About Us Page */

    .carousel-back-about {
        position: relative;
        height: 190px;
        background-position: center;
        background-size: cover;
    }

    .bg-overlay {
        background: linear-gradient(to right, var(--secondary-color), var(--primary-color));
        opacity: 0.8;
    }

    .carousel-index-about {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-top: 4.5rem;
    }

    .carousel-index-about h1 {
        color: white;
        font-size: 1.8rem;
        font-weight: 700;
        text-shadow: 1.2px 1.3px 3px rgba(0, 0, 0);
    }

    .carousel-index-about h5 {
        text-shadow: 1px 1.2px 4px rgba(47, 47, 47, 0.748);
        font-size: 15px;
        font-weight: 600;
    }

    .breadcrumb-manually {
        display: flex;
        justify-content: center;
        font-weight: 600;
    }

    .breadcrumb-manually i {
        font-size: 13.5px;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
    }

    .breadcrumb-manually h4 {
        font-size: 14px;
    }


    .why-choose-us-body {
        width: 100%;
        margin-top: 3.5rem;
        margin-bottom: 3rem;
    }

    .why-choose-us-divider {
        width: 100%;
        display: flex;
        gap: 3%;
    }

    .why-choose-us-divider .left-images {
        width: 40%;
        margin: 0 auto;
    }

    .why-choose-us-divider .left-images img {
        width: 100%;
        height: auto;
        object-fit: cover;
        margin-bottom: 1.5rem;
        border-top-right-radius: 30px;
        position: sticky;
        top: 11%;
    }

    .why-choose-us-divider .right-desc {
        width: 57%;
        margin: auto;
        padding-top: 0rem;
    }

    .why-choose-us-divider .right-desc .dash-with-heading {
        display: flex;
        gap: 3%;
        align-items: end;
    }

    .why-choose-us-divider .right-desc .dash-with-heading hr {
        width: 5%;
        border: 2px solid black;
    }

    .why-choose-us-divider .right-desc .dash-with-heading h5 {
        color: var(--secondary-color);
        font-weight: 400;
        font-size: 17px;
        font-family: var(--pri-fontFamily);
    }

    .why-choose-us-divider .right-desc ul {
        list-style: none;
        padding: 0;
    }

    .why-choose-us-divider .right-desc p {
        line-height: 1.65;
        color: var(--pri-fontColor);
        font-size: 14.5px;
        text-align: justify;
    }

    .why-choose-us-divider .right-desc li {
        line-height: 1.65;
        color: var(--pri-fontColor);
        font-size: 14.5px;
        margin-bottom: 0.5rem;
    }

    .why-choose-us-divider .right-desc li i {
        color: var(--secondary-color);
        margin-right: 6px;
    }


    /* Who we are in about */

    .who-we-are-section {
        width: 100%;
        background-color: var(--fourth-color);
        padding-top: 3.8rem;
        padding-bottom: 3rem;
        overflow: hidden;
    }

    .meetTeam-section {
        width: 96%;
        margin: auto;
    }

    .team-col {
        width: 50%;
    }

    .meetTeam-section .heading-department {
        text-align: center;
    }

    .meetTeam-section .heading-department h4 {
        font-size: 26px;
        font-weight: 400;
        font-family: var(--pri-fontFamily);
        color: var(--pri-fontColor);
        margin-bottom: 1.5rem;
    }

    .meetTeam-Box-details {
        margin-bottom: 1.62rem;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        z-index: 2;
        border-radius: 5px;
        box-shadow: 0 4px 9px rgba(185, 185, 185, 0.273);
    }

    .meetTeam-Box-details .img-container {
        width: 100%;
        height: 40vw;
        max-height: none;
    }

    .meetTeam-Box-details .img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }


    .meetTeam-Box-details .info-box {
        position: absolute;
        bottom: 0%;
        left: 0;
        width: 100%;
        z-index: 6;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        font-family: var(--pri-fontFamily);
    }

    /* Info Content */
    .meetTeam-Box-details .info-box h3 {
        margin: 0;
        font-weight: 600;
        font-size: 21px;
        padding: 1.2rem 0.7rem;
        padding-bottom: 0.6rem;
    }

    .meetTeam-Box-details .info-box p {
        font-weight: 500;
        font-size: 15px;
        color: var(--secondary-color);
        text-transform: uppercase;
        padding: 0 0.8rem;
        padding-bottom: 1rem;
    }

    /* Social Media Icons */
    .meetTeam-Box-details .info-box .social-icons {
        margin-top: 0.2rem;
        display: flex;
        justify-content: center;
        gap: 10%;
    }

    .meetTeam-Box-details .info-box .social-icons a {
        color: white;
        background-color: transparent;
        border: 0.5px solid white;
        padding: 0.25rem 0.5rem;
        font-size: 1.2rem;
        transition: color 0.3s ease;
        border-radius: 5px;
    }


    .meetTeam-Box-details:hover .info-box {
        bottom: 0;
        background-color: var(--secondary-color);
    }

    .meetTeam-Box-details:hover .info-box h3 {
        color: white;
    }

    .meetTeam-Box-details:hover .info-box p {
        color: var(--primary-color);
    }




    /* Appointment Page CSS starts here ----------------------------------------------------------------- */

    .appointment-section {
        width: 100%;
        padding: 2.7rem 0;
    }

    /* registration Poppup */

    .form-body {
        position: fixed;
        inset: 0;
        z-index: 210;
        width: 100%;
        height: 102vh;
        display: none;
        background-color: var(--primary-color);
        opacity: 0.8;
        filter: brightness(30%);
    }

    .registration-form-poppup {
        width: 88%;
        background-color: white;
        border: 1px solid black;
        position: fixed;
        top: 16.5%;
        left: 6%;
        z-index: 240;
        display: none;
        transform: scale(0%);
        transition: all 0.6s ease;
        padding: 1.3rem 0rem;
        background-position: center;
        border-radius: 15px;
    }

    .registration-form-poppup .heading-with-closeBTN {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        /* border: 1px solid red; */
        margin-bottom: 0.4rem;
    }

    .registration-form-poppup .heading-with-closeBTN h3 {
        font-size: 1.4rem;
        font-weight: 500;
        color: var(--secondary-color);
        margin-bottom: 0.8rem;
    }

    .registration-form-poppup .heading-with-closeBTN i {
        position: absolute;
        top: -35px;
        right: -10px;
        z-index: 90;
        font-size: 1.8rem;
        font-family: var(--pri-fontFamily);
        color: var(--pri-fontColor);
        padding: 0 0.5rem;
        padding-top: 3px;
        border-radius: 50%;
        background-color: var(--secondary-color);
        color: white;
        cursor: pointer;
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.782);
    }

    .registration-form-heading h6 {
        color: #6e7e87;
        font-size: 17px;
        font-weight: 500;
        line-height: 0.8;
        padding: 0 1rem;
    }

    .registration-form-heading hr {
        width: 94.5%;
        margin: auto;
        margin-top: 0;
        margin-bottom: 0.8rem;
    }

    .registration-form-poppup form {
        max-height: 67vh;
        overflow: auto;
        padding: 1.6rem;
        padding-bottom: 1.1rem;
        scrollbar-width: thin;
        scrollbar-color: var(--secondary-fontColor) #f1f1f1;
        scroll-behavior: smooth;
        overflow-x: hidden;
    }


    /* appointment form on page */
    .appointment-divider {
        display: flex;
        flex-direction: column;
        justify-content: left;
    }

    .appointment-divider .left-desc-appointment {
        width: 100%;
    }


    .appointment-divider .right-form-appointment {
        position: relative;
        width: 98%;
        margin: 1rem auto;
        margin-top: 2rem;
    }

    .appointment-divider .right-form-appointment h3 {
        margin-bottom: 2rem;
    }

    .right-form-appointment .head-with-btn {
        display: flex;
        flex-direction: column;
        margin-bottom: 2.5rem;
    }

    .right-form-appointment .head-with-btn a {
        color: white;
        font-weight: 500;
        font-size: 19px;
        transition: all 0.2s ease;
        padding: 18px 21px;
        padding-top: 18px;
        letter-spacing: 1px;
        border-radius: 15px;
    }

    .right-form-appointment .form-fields {
        padding-top: 0.2rem;

    }

    .right-form-appointment .form-fields form {
        margin-top: 0.7rem;
        padding: 1.2rem;
        padding-top: 0.9rem;
        padding-bottom: 1.5rem;
    }

    .right-form-appointment .form-fields form select {
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
        margin-bottom: 0.3rem;
    }

    .right-form-appointment .form-fields form input {
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
        margin-bottom: 0.3rem;
    }

    .right-form-appointment .form-fields form textarea {
        margin-bottom: 1.2rem;
        width: 100%;
        height: 160px !important;
        resize: none;
        border-radius: 8px;
        padding-top: 0.8rem;
    }

    .right-form-appointment .form-fields form button {
        padding: 11px 21px;
        border-radius: 50px;
        font-size: 16px;
        font-weight: 500;

    }

    .right-form-appointment .form-fields form button:hover {
        padding: 11px 21px;
        background-color: var(--secondary-color);
        color: #fff;
        border-radius: 50px;
    }

    /* Appointment Page CSS Ends here ----------------------------------------------------------------- */




    /* Department Page Main CSS Starts Here ----------------------------------- */

    .department-main {
        width: 100%;
        margin-top: 1.8rem;
        margin-bottom: 0rem;
    }

    .department-main-divider {
        width: 100%;
        display: flex;
        gap: 3%;
        position: relative;
    }

    .position-depart {
        position: sticky;
        top: 11%;
    }

    .department-main-divider .left-images h3 {
        display: none;
        font-family: var(--pri-fontFamily);
        color: var(--secondary-fontColor);
        line-height: 1.3;
        width: 98%;
        margin: auto;
    }

    .department-main-divider .left-images .dash-with-heading {
        display: none;
        gap: 3%;
        align-items: end;
        width: 98%;
        margin: auto;
        margin-bottom: 0.7rem;
    }

    .department-main-divider .left-images .dash-with-heading hr {
        width: 7%;
        border: 2px solid black;
    }

    .department-main-divider .left-images .dash-with-heading h5 {
        color: var(--secondary-color);
        font-weight: 400;
        font-size: 17px;
        font-family: var(--pri-fontFamily);
    }

    .department-main-divider .left-images {
        width: 39%;
        margin: 0 auto;
    }

    .department-main-divider .left-images img {
        width: 100%;
        object-fit: cover;
        margin-bottom: 1.5rem;
        border-top-right-radius: 30px;
    }



    .department-main-divider .right-desc {
        width: 58%;
        margin: auto;
        padding-top: 0rem;
    }

    .department-main-divider .right-desc .main-department-heading {
        display: block;
    }

    .department-main-divider .right-desc .dash-with-heading {
        display: flex;
    }

    .department-main-divider .right-desc ul {
        padding: 0;
    }

    .department-main-divider .right-desc p {
        line-height: 1.5;
        font-size: 14px;
    }

    .department-main-divider .right-desc li {
        line-height: 1.5;
        font-size: 14.5px;
        margin-bottom: 1rem;
    }

    .department-main-divider .right-desc i {
        margin-right: 6px;
    }


    .meet-the-team-depart {
        width: 100%;
        height: 100%;
        padding: 3.8rem 0;
    }

    .meet-the-team-depart .heading-department h4 {
        font-size: 27px;
        font-weight: 500;
    }


    .doctors-profile-depart {
        width: 100%;
        margin-top: 2rem;
        margin-bottom: 3rem;
    }

    .profile-img-desc-divider {
        width: 100%;
        display: flex;
        gap: 2%;
    }

    .profile-img-desc-divider .left-images {
        width: 36%;
        margin: 0 auto;
    }

    .profile-img-desc-divider .left-images img {
        width: 100%;
        margin-bottom: 1.5rem;
        border-top-right-radius: 40px;
        padding: 0.5rem;
    }

    .profile-img-desc-divider .right-doc-desc {
        width: 62%;
        margin: auto;
        padding-top: 0.2rem;
    }

    .profile-img-desc-divider .right-doc-desc ul {
        list-style: none;
        padding: 0;
        margin-top: 1.2rem;
    }

    .profile-img-desc-divider .right-doc-desc ul div {
        margin-top: 0.5rem;
    }

    .profile-img-desc-divider .right-doc-desc ul li {
        line-height: 1.6;
        font-size: 16px;
    }

    .right-doc-desc ul div i {
        margin-right: 6px;
    }



    .department-video-section {
        width: 100%;
        padding: 5rem 0;
    }

    .department-video-section .video-depart-divider {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0%;
    }


    .left-desc {
        width: 98%;
        margin: auto;
        order: 2;
    }

    .left-desc .custom-btnn {
        font-size: 15px;
    }

    .left-desc h3 {
        font-size: 1.8rem;
        color: var(--pri-fontColor);
        font-family: var(--pri-fontFamily);
    }

    .left-desc h3 span {
        color: var(--secondary-color);
    }

    .left-desc p {
        width: 98%;
        text-align: justify;
        margin-top: 1.4rem;
        margin-bottom: 1.5rem;
        line-height: 1.6;
        color: #6f6f6f;
        font-size: 15.5px;
        font-family: var(--pri-fontFamily);
    }


    .right-video {
        width: 98%;
        margin: auto;
        order: 1;
        margin-bottom: 1rem;
    }

    .right-video .vid-cont video {
        width: 100%;
        height: auto;
        object-fit: cover;
        border-radius: 5px;
    }

    /* Department Page Main CSS Starts Here ---------*/




    /* Contact Us Page CSS Starts here */

    .contactus-section {
        width: 100%;
    }

    .contactus-div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        gap: 0%;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .contactus-div .left-form {
        width: 98%;
        margin: auto;
        margin-top: 1rem;
    }

    .contactus-div .left-form h3 {
        font-size: 2rem;
        font-weight: 600;
        margin: 0.2rem 0;
    }

    .contactus-div .left-form p {
        font-size: 16px;
    }

    .contactus-div .left-form form textarea {
        resize: none;
        height: 150px !important;
    }

    .contactus-div .right-details {
        width: 98%;
        margin: auto;
        overflow: hidden;
        margin-bottom: 1rem;
        margin-top: 3.5rem;
    }

    .contactus-div .right-details .img-cont {
        width: 60%;
        margin: 0;
        position: relative;
        margin: auto;
    }

    .contactus-div .right-details .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }


    .contactus-div .right-details .img-cont .icon-place-absolute {
        width: 100%;
        height: 100%;
    }

    .contactus-div .right-details .img-cont .icon-place-absolute .call-icon {
        width: 50px;
        height: 50px;
        padding: 1.8rem;
        left: 90%;
    }

    .contactus-div .right-details .img-cont .icon-place-absolute .call-icon i {
        font-size: 1.7rem;
    }

    .contactus-div .right-details .img-cont .icon-place-absolute .headphone-icon {
        width: 55px;
        height: 55px;
        padding: 1.7rem;
    }

    .contactus-div .right-details .img-cont .icon-place-absolute .headphone-icon i {
        font-size: 1.7rem;
    }

    .contactus-div .right-details .img-cont .icon-place-absolute .comment-icon {
        width: 45px;
        height: 45px;
        padding: 1.1rem;
        top: 0.2%;
    }

    .contactus-div .right-details .img-cont .icon-place-absolute .comment-icon i {
        font-size: 1.1rem;
    }

    .contactus-div .right-details .content {
        width: 100%;
        margin-top: 1rem;
        /* overflow: hidden; */
    }

    .contactus-div .right-details .content .icon-text {
        display: flex;
        align-items: center;
        gap: 4%;
        margin-bottom: 1.4rem;
        margin-left: 0rem;
    }

    .contactus-div .right-details .content .icon-text:last-child {
        display: flex;
        align-items: center;
        gap: 4%;
        margin-bottom: 1.1rem;
        margin-left: 0rem;
    }

    .contactus-div .right-details .content .icon-text .icon {
        width: 40px;
        height: 40px;
        padding: 1.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
    }

    .contactus-div .right-details .content .icon-text .icon i {
        font-size: 1.4rem;
    }

    .contactus-div .right-details .content .icon-text h5 {
        width: 95%;
        font-size: 17px;
        font-weight: 500;
        padding: 0;
        margin: 0;
    }

    .contactus-div .right-details .content .icon-text h5 a {
        width: 95%;
        font-size: 17px;
        font-weight: 500;
        padding: 0;
        margin: 0;
    }

    .contactus-div .right-details .content .icon-text a {
        width: 95%;
        font-size: 17px;
        font-weight: 500;
        padding: 0;
        margin: 0;
    }

    /* Contact Us Page CSS ends here */







    /* Blogs Page CSS starts here */
    .blogs-Complete-Page {
        width: 100%;
        padding: 4rem 0;
    }

    .blog-completepage-divider {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 0%;
    }

    .blog-completepage-divider .left-numberofBlogs {
        width: 98%;
        margin: auto;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box {
        padding-bottom: 1rem;
        margin-bottom: 2.2rem;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .img-cont {
        width: 100%;
        height: 420px;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .date-author {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 0.6rem;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .date-author .icon-text {
        display: flex;
        align-items: baseline;
        padding-top: 0.5rem;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .date-author .icon-text i {
        margin-right: 6px;
        font-size: 13px;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .date-author .icon-text h6 {
        font-size: 14px;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .title-and-para {
        padding: 0.5rem 0.6rem;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .title-and-para h3 {
        font-size: 1.6rem;
        color: #373737f8;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .title-and-para p {
        font-size: 16px;
    }



    .blog-completepage-divider .right-recents-blogs {
        width: 98%;
        margin: auto;
        margin-top: 2rem;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-container h3 {
        font-size: 1.4rem;
        font-weight: 600;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-container hr {
        margin: 0;
        margin-bottom: 1.1rem;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box {
        padding: 1rem;
        margin-bottom: 1.3rem;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a .date-author-img {
        display: flex;
        justify-content: center;
        align-items: end;
        gap: 3%;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a .date-author-img .img-cont {
        width: 32%;
        max-width: 45vw;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a .date-author-img .date-author {
        display: flex;
        flex-direction: column;
        width: 65%;
        padding: 0.8rem;
        padding-bottom: 0;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a .date-author-img .date-author .icon-text i {
        font-size: 14.5px;
        margin-right: 7px;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a .date-author-img .date-author .icon-text h6 {
        font-size: 15.5px;
    }


    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a h5 {
        margin-top: 0.6rem;
        font-size: 22px;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a p {
        font-size: 15px;
        margin-bottom: 0.1rem;
    }


    /* Blog Details Complete Page on click of read more button it opens*/
    .blog-detail-complete-container {
        position: relative;
        padding: 0px 0;
        background-color: #fff;
        border-radius: 10px;
        margin: auto;
    }

    .blog-detail-complete-container .blogs-details-cmplte {
        width: 100%;
        padding-bottom: 3rem;
        position: relative;
    }

    .img-date-author {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: end;
        gap: 0%;
        width: 100%;
        margin: auto;
        margin-top: 0rem;
        padding: 1.8rem 1.4rem;
        border-radius: 0;
    }

    .img-date-author .left-img {
        width: 98%;
        margin: auto;
    }

    .blog-detail-complete-container .blogs-details-cmplte .img-cont {
        width: 100%;
        height: 55vw;
        border: none;
    }

    .blog-detail-complete-container .blogs-details-cmplte .content {
        width: 98%;
        margin: auto;
        padding: 0.6rem 1rem;
        padding-bottom: 1rem;
    }


    .blog-detail-complete-container .blogs-details-cmplte .date-author {
        gap: 8%;
        width: 100%;
    }

    .blog-detail-complete-container .blogs-details-cmplte .date-author .bg-icon-text {
        padding: 0.4rem 1rem;
    }

    .blog-detail-complete-container .blogs-details-cmplte .date-author .icon-text {
        margin-top: 0.4rem;
    }

    .blog-detail-complete-container .blogs-details-cmplte .date-author .icon-text i {
        font-size: 17px;
        margin-right: 7px;

    }

    .blog-detail-complete-container .blogs-details-cmplte .date-author .icon-text h6 {
        font-size: 17px;
        font-weight: 500;
    }

    .blog-detail-complete-container .blogs-details-cmplte h4 {
        font-size: 1.8rem;
        margin-top: 0.7rem;
        margin-bottom: 0.5rem;
        color: #37383f;
        letter-spacing: -0.2px;
    }

    .blog-detail-complete-container .blogs-details-cmplte .heading-paragrapgh p {
        font-size: 17px;
        width: 100%;
        text-align: justify;
        margin: 0.1rem 0;
        color: #6a6b71;
    }

    .blog-detail-complete-container .blogs-details-cmplte .heading-paragrapgh ul {
        font-size: 17px;
        width: 100%;
        text-align: justify;
        margin: 0.3rem 0;
        color: #6a6b71;
        list-style: disc;
        padding-left: 20px;
    }

    /* Blog Details Complete Page on click of read more button it opens ends*/

    /* Blogs Page CSS ends here */






    /* Services Page CSS Starts here */
    .herosection-service {
        width: 100%;
        padding: 5rem 0;
        padding-bottom: 3rem;
    }

    .herosection-service .hero-servicePage-divider {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0%;
    }

    .herosection-service .hero-servicePage-divider .left-img {
        width: 98%;
        margin: auto;
    }

    .herosection-service .hero-servicePage-divider .left-img .img-cont-serv-hero {
        width: 100%;
        height: 47vw;
    }

    .herosection-service .hero-servicePage-divider .left-img .img-cont-serv-hero img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: top;
    }

    .herosection-service .hero-servicePage-divider .right-desc-serv-hero {
        width: 98%;
        margin: auto;
    }

    .herosection-service .hero-servicePage-divider .right-desc-serv-hero h3 {
        font-size: 1.8rem;
        color: var(--pri-fontColor);
        font-family: var(--pri-fontFamily);
        margin-top: 1rem;
    }

    .herosection-service .hero-servicePage-divider .right-desc-serv-hero p {
        width: 98%;
        text-align: justify;
        margin-top: 0.8rem;
        margin-bottom: 1.5rem;
        line-height: 1.6;
        font-size: 15.5px;
    }

    .herosection-service .hero-servicePage-divider .right-desc-serv-hero .custom-btnn {
        font-size: 15.5px;
    }

    /* Services Page CSS ends here */


    /* Service details page CSS Starts here */
    .serv-details-page {
        width: 100%;
        padding: 3.5rem 0;
    }

    .serv-details-page .serv-detail-div {
        width: 100%;
        display: flex;
        gap: 3%;
    }

    .serv-details-page .serv-detail-div .left-img-btn {
        width: 33%;
    }

    .serv-details-page .serv-detail-div .left-img-btn .pos-imag-servBTN {
        position: sticky;
        top: 13%;
        margin-top: 0.4rem;
        padding-bottom: 2rem;
    }

    .serv-details-page .serv-detail-div .left-img-btn .img-cont {
        width: 100%;
        height: 17vw;
        max-height: none;
        /* border: 2px solid white; */
        margin-bottom: 1.5rem;
        border-radius: 12px;
    }

    .serv-details-page .serv-detail-div .left-img-btn .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 12px;
    }



    .serv-details-page .serv-detail-div .right-serv-desc {
        width: 64%;
    }

    .serv-details-page .serv-detail-div .right-serv-desc .serv-title {
        font-size: 1.7rem !important;
        margin: 0 !important;
        margin-bottom: 0.5rem !important;
    }

    .serv-details-page .serv-detail-div .right-serv-desc h4 {
        font-size: 1.2rem;
        margin: 2rem 0;
        margin-bottom: 0.6rem;
    }

    .serv-details-page .serv-detail-div .right-serv-desc p {
        font-size: 14px;
    }

    .serv-details-page .serv-detail-div .right-serv-desc ul li {
        font-size: 14px;
        margin: 0.6rem 0;
    }

    /* Service details page CSS ends here */



    /* middlebanner section css starts here */

    .lets-work-together {
        padding: 4.5rem 0;
    }

    /* middlebanner section css ends here */

}



/* For navbar info social media icons */

@media screen and (min-width: 1000.1px) and (max-width: 1150px) and (min-height:920px) {

    .carousel-img-container {
        width: 100%;
        height: auto !important;
        position: relative;
        z-index: -1;
    }

}




@media screen and (min-width: 1000.1px) and (max-width: 1150px) {

    .socialmedia-sidebar {
        position: fixed;
        top: 45%;
        left: 0%;
        transform: translateY(-50%);
        z-index: 777;
        /* background-color: rgb(183, 151, 151); */
    }

    .socialmedia-sidebar .socialmedia-icons {
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: white;
        padding: 0.8rem;
        border-radius: 50px;
        box-shadow: 0 0 8px rgba(94, 94, 94, 0.377);
    }

    .socialmedia-sidebar .socialmedia-icons a {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-decoration: none;
        margin: 0.8rem 0;
        font-size: 1.1rem;
        position: relative;
    }

    .socialmedia-sidebar .socialmedia-icons .Message::after {
        content: attr(data-text);
        position: absolute;
        top: -62%;
        left: -200px;
        z-index: -1;
        background-color: rgb(245, 245, 245);
        width: 7.7rem;
        border-radius: 0 50px 50px 0;
        text-align: center;
        color: var(--secondary-color);
        padding: 0.6rem 0;
        margin-left: 1.3rem;
        font-size: 15px;
        font-weight: 700;
        transition: left 0.4s ease;
        box-shadow: 0 0 7px rgba(94, 94, 94, 0.419);
    }

    .socialmedia-sidebar .socialmedia-icons .Message:hover::after {
        left: 0;
    }

    .socialmedia-sidebar .socialmedia-icons .Phone::after {
        content: attr(data-text);
        position: absolute;
        top: -62%;
        left: -200px;
        z-index: -1;
        background-color: rgb(245, 245, 245);
        width: 7.7rem;
        border-radius: 0 50px 50px 0;
        text-align: center;
        color: var(--secondary-color);
        padding: 0.6rem 0;
        margin-left: 1.3rem;
        font-size: 15px;
        font-weight: 700;
        transition: left 0.4s ease;
        box-shadow: 0 0 7px rgba(94, 94, 94, 0.419);
    }

    .socialmedia-sidebar .socialmedia-icons .Phone:hover::after {
        left: 0;
    }

    .socialmedia-sidebar .socialmedia-icons .Location::after {
        content: attr(data-text);
        position: absolute;
        top: -62%;
        left: -200px;
        z-index: -1;
        background-color: rgb(245, 245, 245);
        width: 7.7rem;
        border-radius: 0 50px 50px 0;
        text-align: center;
        color: var(--secondary-color);
        padding: 0.6rem 0;
        margin-left: 1.3rem;
        font-size: 15px;
        font-weight: 700;
        transition: left 0.4s ease;
        box-shadow: 0 0 7px rgba(94, 94, 94, 0.419);
    }

    .socialmedia-sidebar .socialmedia-icons .Location:hover::after {
        left: 0;
    }

    .whatsapp-icon {
        position: fixed;
        top: 93%;
        left: 1.1%;
        transform: translateY(-50%);
    }

    .whatsapp-icon .whatsapp {
        text-decoration: none;
        cursor: pointer;
    }

    .whatsapp-icon .whatsapp img {
        width: 54px;
        height: 54px;
        object-fit: contain;
    }


    .navbar-info-body {
        border-bottom: 1px solid #ccc;
    }

    .navbar-info-section {
        width: 100%;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.25rem 0;
        height: 2.5rem;
    }

    .navbar-info-section .enquiry-and-info {
        display: flex;
        justify-content: center;
        gap: 6%;
        text-wrap: nowrap;
        padding-top: 9px;
        /* width: 67%; */
    }

    .navbar-info-section .enquiry-and-info .icon-withDetail {
        display: flex;
        justify-content: center;
        align-items: baseline;
        gap: 3%;
        width: 100%;
    }

    .navbar-info-section .enquiry-and-info .icon-withDetail i {
        font-size: 12.5px;
    }

    .navbar-info-section .enquiry-and-info .icon-withDetail h6 {
        font-size: 12.5px;
        font-weight: 400;
    }

    .navbar-info-section .socialmedia-icons {
        display: flex;
        justify-content: end;
        gap: 3%;
        width: auto;
    }

    .navbar-info-section .socialmedia-icons .social-icons {
        display: flex;
        align-items: center;
        gap: 0%;
    }

    /* position absolute */
    .navbar-body-abs {
        padding-bottom: 0rem;
        padding-top: 0rem;
        width: 100%;
        height: 4.1rem;
        background-color: white;
    }

    .nav-sticky {
        background-color: white;
        box-shadow: 0 4px 8px rgba(78, 78, 78, 0.3);
    }

    .navbar-section-abs {
        width: 100%;
        display: flex;
        justify-content: space-between;
        background-color: white;
        height: 4.1rem;
    }

    .navbar-linkss-abs ul {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        list-style: none;
        position: relative;
        margin: 0;
    }

    .navbar-linkss-abs ul li .navbar-item-anchor {
        font-size: 14.4px;
        padding: 1.1rem 0.55rem;
        border-bottom: 4px solid transparent;
    }

    .navbar-linkss-abs ul li .navbar-item-anchor:hover {
        font-size: 14.4px;
        padding: 1.1rem 0.55rem;
        box-shadow: 0px 2px 7px rgba(70, 70, 70, 0.332);
        border-radius: 4px;
        border-bottom: 4px solid var(--secondary-color) !important;
    }

    .current-link {
        border-bottom: 4px solid var(--secondary-color) !important;
        text-decoration: none;
        color: var(--secondary-color) !important;
        margin-top: 0;
        margin: 0 2.6px;
        padding: 1.1rem 0.55rem;
        border-radius: 4px;
    }

    .nav-appointment-btnn {
        padding: 0.6rem 0.8rem;
        padding-top: 0.5rem;
        border: 1px solid var(--secondary-color);
        border-radius: 50px;
        color: white;
        text-decoration: none;
        background-color: var(--secondary-color);
        transition: all 0.2s ease;
        font-size: 13.7px;
    }
    .nav-appointment-btnn:hover {
        padding: 0.6rem 0.8rem;
        padding-top: 0.5rem;
        border-radius: 50px;
        color: var(--secondary-color);
        background-color: transparent;
        font-size: 13.7px;
    }
    .menu-btn-small-screen {
        display: none;
    }

    .navbar-button {
        display: block;
    }

    .small-screen-display-only{
        display: none;
    }



    /* dropdown functionality css */
    /* Default state: Hide dropdown */
    .dropdown-menu {
        list-style: none;
        position: absolute;
        top: 100%;
        left: -50%;
        width: 210px;
        max-width: 215px;
        background-color: white;
        display: flex;
        flex-direction: column;
        opacity: 0;
        visibility: hidden;
        transform: translateY(10px);
        transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
        box-shadow: 0px 2px 5px rgba(54, 54, 54, 0.337);
        border: none;
        border-radius: 5px;
        padding: 0.6rem 0rem;
        margin-top: 1.3rem;
    }

    .dropdown-menu a {
        display: flex;
        text-decoration: none;
        font-size: 14.4px;
        font-family: var(--pri-fontFamily);
        text-align: left;
        margin-left: 0 !important;
        padding: 0.6rem 1rem !important;
        /* border: 2px solid white; */
        justify-content: space-between;
        word-wrap: break-word;
        white-space: normal;
        overflow-wrap: break-word;
        color: #292929;
        transition: color 0.3s ease;
    }

    .dropdown-menu a:hover {
        color: var(--secondary-color) !important;
    }


    .dropdown-icon i {
        font-size: 12px;
        margin-left: 5px;
        transition: transform 0.3s ease;
    }

    .dropdown:hover .dropdown-icon i {
        transform: rotate(90deg);
    }

    .dropdown-toggle::after {
        display: none !important;
        /* Hides Bootstrap's default dropdown icon */
    }

    /* Show dropdown on hover for large screens */
    @media screen and (min-width: 982px) {
        .dropdown:hover .dropdown-menu {
            display: block;
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }
    }

    /* dropdown functionality css ends here */



    /* sub dropdown twice */
    .sub-dropdown-twice {
        list-style: none;
        position: absolute;
        top: auto;
        left: 100.15%;
        background-color: white;
        width: 170px;
        max-width: 175px;
        display: flex;
        flex-direction: column;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        box-shadow: 0px 2px 5px rgba(54, 54, 54, 0.337);
        border-radius: 5px;
        padding: 0.6rem 0rem;
        margin-top: -47px;
    }

    .sub-twice-class .dropdown-icon-twice {
        justify-content: right;
        /* border: 1px solid red; */
    }

    .dropdown-icon-twice i {
        font-size: 12px;
        margin-left: 5px;
        transition: transform 0.3s ease;
    }

    .dropdown .sub-twice-class:hover .dropdown-icon-twice i {
        transform: rotate(90deg);
    }

    /* Show dropdown on hover for large screens */
    @media screen and (min-width: 982px) {
        .dropdown .sub-twice-class:hover .sub-dropdown-twice {
            opacity: 1;
            visibility: visible;
        }
    }

    /* sub dropdown twice ends */




    /* sub dropdown thrice added */
    .sub-dropdown-thrice {
        list-style: none;
        position: absolute;
        top: auto;
        left: 100.2%;
        width: 170px;
        max-width: 175px;
        background-color: white;
        display: flex;
        flex-direction: column;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        box-shadow: 0px 2px 5px rgba(54, 54, 54, 0.337);
        border-radius: 5px;
        padding: 0.6rem 0rem;
        margin-top: -47px;
    }


    .sub-thrice-class .dropdown-icon-thrice {
        justify-content: right;
        /* border: 1px solid red; */
    }

    .dropdown-icon-thrice i {
        font-size: 12px;
        margin-left: 5px;
        transition: transform 0.3s ease;
    }

    .dropdown .sub-thrice-class:hover .dropdown-icon-thrice i {
        transform: rotate(90deg);
    }

    /* Show dropdown on hover for large screens */
    @media screen and (min-width: 982px) {
        .dropdown .sub-thrice-class:hover .sub-dropdown-thrice {
            display: block;
            opacity: 1;
            visibility: visible;
        }
    }

    /* sub dropdown thrice added ends */





    /* Carousel Section */


    .carousel-control-prev {
        border: 0.2px solid rgb(194, 194, 194);
        width: 38px;
        height: 68px;
        position: absolute;
        top: 45%;
        left: 0;
        padding-right: 0.4rem;
        border-radius: 0 50px 50px 0;
        background-color: #025576bf;
    }

    .carousel-control-prev span {
        border-radius: 50%;
    }

    .carousel-control-next {
        border: 0.2px solid rgb(194, 194, 194);
        width: 38px;
        height: 68px;
        position: absolute;
        right: 0%;
        top: 45%;
        padding-left: 0.4rem;
        border-radius: 50px 0 0 50px;
        background-color: #025576bf;
    }

    .carousel-control-next span {
        border-radius: 50%;
    }

    .carousel-overlay {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: #00596f2c;
        z-index: 2;
    }

    .carousel-main-index {
        width: 100%;
        position: relative;
    }

    .carousel-img-container {
        width: 100%;
        height: 100vh;
        position: relative;
        z-index: -1;
    }

    .carousel-img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
        position: relative;
        z-index: -1;
    }

    .carousel-caption {
        color: white;
        position: absolute;
        top: 45%;
        z-index: 6;
        border-radius: 100px;
        padding: 1.5rem 2rem;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .carousel-caption h5 {
        font-size: 2.4rem;
        font-family: var(--pri-fontFamily);
        text-shadow: 0 2px 2px rgba(0, 0, 0, 0.89);
    }

    .carousel-caption p {
        font-size: 18px;
        font-weight: 400;
        text-shadow: 0 0.5px 0.5px rgba(0, 0, 0, 0.89);
        letter-spacing: 1px;
    }

    .carousel-btnn {
        background: linear-gradient(to right, var(--secondary-color), var(--secondary-color));
        color: white;
        border: none;
        border-radius: 27px;
        padding: 0.8rem 2.4rem;
        font-size: 17px;
        font-weight: 600;
        text-transform: uppercase;
    }





    .custom-btnn {
        padding: 11px 22px;
        border: none;
        background: linear-gradient(to right, var(--secondary-color), var(--secondary-color));
        border-radius: 20px;
        color: white;
        padding-top: 8px;
        font-weight: 600;
        transition: all 0.5s ease;
        text-decoration: none;
    }

    .custom-btnn:hover {
        background: linear-gradient(to right, var(--secondary-color), var(--secondary-color));
        transition: all 1s ease;
    }



    .about-company-section-cont {
        width: 100%;
        padding: 5rem 0;
    }

    .about-company-section-cont .about-index-divider {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 4%;
    }

    .about-company-section-cont .about-index-divider .left-image {
        width: 47%;
    }

    .about-company-section-cont .about-index-divider .left-image .img-abt-container {
        width: 100%;
        height: 320px;
    }

    .about-company-section-cont .about-index-divider .left-image .img-abt-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }



    .about-company-section-cont .about-index-divider .right-desc {
        width: 49%;
    }

    .about-company-section-cont .about-index-divider .right-desc h3 {
        font-size: 1.8rem;
        color: var(--pri-fontColor);
        font-family: var(--pri-fontFamily);
        line-height: 1.4;
    }

    .about-company-section-cont .about-index-divider .right-desc p {
        width: 95%;
        text-align: justify;
        margin-top: 1.4rem;
        margin-bottom: 1.5rem;
        line-height: 1.6;
        color: #6f6f6f;
        font-size: 15px;
        font-family: var(--pri-fontFamily);
    }


    /* Department in Index Page Starts Here -------------------------- */

    .department-section {
        width: 100%;
        height: 100%;
        background-color: var(--fourth-color);
        padding: 4rem 0;
    }

    .department-body .heading-department h4 {
        font-size: 28px;
        font-weight: 400;
        font-family: var(--pri-fontFamily);
        color: var(--pri-fontColor);
        margin-bottom: 1rem;
    }

    .department-body .department-detial-box {
        text-align: center;
        box-shadow: 0 0 35px rgba(0, 0, 0, 0.06);
        padding: 1rem;
        transition: all 0.3s ease;
        position: relative;
        z-index: 8;
        margin: 1rem 0;
        border-radius: 8px;
    }

    .department-body .department-detial-box::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0%;
        left: 0%;
        z-index: -2;
        scale: 84%;
        color: white;
        /* background-color: #1E3056; */
        transition: all 0.5s ease;
    }

    .department-body .department-detial-box:hover::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0%;
        left: 0%;
        z-index: -5;
        scale: 100%;
        background: linear-gradient(to right, var(--secondary-color), var(--secondary-color));
        color: white;
        border-radius: 8px;
    }

    .department-body .department-detial-box .img-container {
        width: 100%;
        height: 175px;
    }

    .department-body .department-detial-box .img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    /* Department in Index Page Ends Here --------------------------- */



    /* Services Section in Index Page Starts Here --------------------------- */

    .Services-section {
        width: 100%;
        height: 100%;
        background-color: white;
        padding: 4rem 0;
    }

    .Services-body .heading-department h4 {
        font-size: 28px;
        font-weight: 400;
        font-family: var(--pri-fontFamily);
        color: var(--pri-fontColor);
        margin-bottom: 1.5rem;
    }

    .services-box {
        height: 100%;
        padding: 1rem;
        text-align: center;
        position: relative;
        top: 1.5%;
        overflow: hidden;
        z-index: 8;
        margin-bottom: 1.7rem;
        transition: all 0.2s ease;
    }

    .services-box::after {
        content: "";
        width: 100%;
        height: 360px;
        position: absolute;
        bottom: -200px;
        left: 0;
        transition: all 0.2s ease;
        opacity: 0;
        border-radius: 0px;
        z-index: -2;
    }

    .services-box:hover::after {
        position: absolute;
        bottom: 0px;
        z-index: -5 !important;
        scale: 100%;
        opacity: 1;
        border-radius: 0px;
        background: linear-gradient(to right, var(--secondary-color), var(--secondary-color));
    }

    .services-box:hover {
        top: -0.5%;
        border-radius: 0px;
    }

    .services-box i {
        font-size: 2.1rem;
        color: var(--secondary-color);
        transition: color 0.2s ease;
        margin-top: 0.8rem;
    }

    .services-box:hover i {
        color: white;
    }

    .services-box h5 {
        margin: 0.8rem auto;
        transition: color 0.2s ease;
        color: var(--secondary-fontColor);
        font-family: var(--pri-fontFamily);
        font-size: 16.5px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .services-box:hover h5 {
        color: white;
    }

    .services-box p {
        font-size: 13px;
        color: #898989;
        margin-bottom: 3.4rem;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: color 0.2s ease;
        font-family: var(--pri-fontFamily);
    }

    .services-box:hover p {
        color: white
    }


    .services-box .circle-btn {
        border: none;
        background-color: var(--secondary-color);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 50px;
        padding-bottom: 1rem;
        padding-right: 0.1rem;
        position: absolute;
        bottom: 1.5%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-decoration: none;
    }

    .services-box:hover .circle-btn {
        background-color: var(--text-white);
    }

    .circle-btn i {
        color: white;
        font-size: 15px;
    }

    .services-box:hover .circle-btn i {
        color: var(--secondary-color);
    }

    /* Services Section in Index Page Ends Here --------------------------- */



    /* Successful Numbers in Index Page Starts Here --------------------------- */

    .successful-numbers {
        position: relative;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(to right, var(--secondary-fontColor) 10%, var(--secondary-color) 90%);
        z-index: 2;
    }

    .bg-overlay-numbers {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -5;
        background: linear-gradient(to right, var(--secondary-color), var(--secondary-fontColor));
        opacity: 0.8;
    }

    .successful-numbers .numbers-desc {
        width: 100%;
        height: 100% !important;
        text-align: center;
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .successful-numbers .numbers-desc i {
        font-size: 2.2rem;
        color: white;
        z-index: 100;
        padding-bottom: 1.2rem;
    }

    .successful-numbers .numbers-desc h2 {
        font-size: 2.3rem;
        color: white;
    }

    .successful-numbers .numbers-desc h5 {
        font-size: 18px;
        font-weight: 400;
        color: white;
    }

    /* Successful Numbers in Index Page Ends Here --------------------------- */



    /* Galllery Section starts here */
    .Gallery-section {
        width: 100%;
        height: 100%;
        padding: 4rem 0rem;
        padding-bottom: 4rem;
    }

    .Gallery-body .heading-department {
        width: 50%;
        margin: auto;
        margin-bottom: 1.5rem;
        text-align: center;
    }

    .Gallery-body .heading-department h4 {
        font-size: 28px;
    }

    .Gallery-body .gallery-boxes {
        width: 100%;
        border: none;
        margin-bottom: 1.5rem;
        position: relative;
        overflow: hidden;
    }

    .Gallery-body .gallery-boxes a {
        text-decoration: none;
    }

    .Gallery-body .gallery-boxes .img-container {
        width: 100%;
        height: 175px;
    }

    .Gallery-body .gallery-boxes .img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        scale: 100%;
        transition: scale 0.3s ease;
    }

    .Gallery-body .gallery-boxes:hover .img-container img {
        scale: 108%;
    }

    .gallery-select-buttons {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 2%;
        margin-bottom: 2.4rem;
    }

    .gallery-select-buttons .gallery-btn {
        padding: 0.7rem 1.6rem;
        font-size: 16px;
        font-weight: 500;
        background-color: white;
        color: black;
        border: none;
        border-radius: 25px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.17);
    }

    .gallery-select-buttons .gallery-btn:hover {
        background-color: var(--secondary-color);
        color: white !important;
    }

    .current-btn-selected {
        padding: 0.7rem 1.6rem;
        font-size: 16px;
        font-weight: 500;
        background-color: var(--secondary-color) !important;
        color: white !important;
        border: none;
        border-radius: 25px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
    }



    .pagination-controls {
        display: flex;
        justify-content: center;
        margin-top: 2rem;
        gap: 0.5rem;
    }

    .pagination-controls .pagination-btn {
        padding: 0.5rem 1rem;
        border: none;
        background-color: #f0f0f0;
        color: #333;
        cursor: pointer;
        border-radius: 5px;
        transition: background-color 0.3s ease;
    }

    .pagination-controls .pagination-btn.active {
        background-color: var(--secondary-color);
        color: white;
        font-weight: bold;
    }

    .pagination-controls .pagination-btn:hover {
        background-color: #ddd;
    }


    /* Gallery Page CSS Ends Here ------------------------------------ */



    /* Testimonials in Index Page Starts Here --------------------------- */

    .testimonial-section {
        width: 100%;
        height: 100%;
        background-color: var(--fourth-color);
        padding: 4rem 0;
    }

    .testimonial-body .heading-department h4 {
        font-size: 28px;
        font-weight: 400;
        font-family: var(--pri-fontFamily);
        color: var(--pri-fontColor);
        margin-bottom: 1.5rem;
    }

    .testimonial-body .testi-box {
        width: 95%;
        margin: auto;
        padding: 2rem 1.2rem;
    }

    .testimonial-body .testi-box .img-container {
        width: 60px;
        height: 60px;
    }

    .testimonial-body .testi-box .img-container img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .testimonial-body .testi-box .icon-and-heading {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 7%;
        margin-bottom: 1.7rem;
    }

    .testimonial-body .testi-box p {
        font-size: 15px;
        color: #6f6f6f;
    }


    .swiper {
        width: 100%;
        height: 100%;
        padding-left: 4rem;
        padding-right: 4rem;
        padding-bottom: 2.5rem;
    }

    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* Testimonials in Index Page Ends Here --------------------------- */



    /* Blogs in Index Page Starts Here --------------------------- */
    .Blogs-section {
        width: 100%;
        height: 100%;
        background-color: white;
        padding: 3rem 0;
    }

    .Blogs-section .swiper-slide {
        text-align: start;
    }

    .Blogs-body .heading-department h4 {
        font-size: 28px;
        margin-bottom: 1.5rem;
    }

    .blog-box {
        border-radius: 20px;
        height: auto;
        min-height: 27.6rem;
    }

    .blog-box .img-container {
        width: 100%;
        height: 240px;
    }

    .blog-box .img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }

    .blog-box h5 {
        padding: 1rem 1.3rem;
        margin-top: 0rem;
        padding-bottom: 0rem;
    }

    .blog-box p {
        padding: 1.3rem;
        padding-top: 0.1rem;
        padding-bottom: 0rem;
        font-size: 14px;
        margin-bottom: 0.5rem;
    }

    .blog-box .custom-btnn {
        margin-left: 1.3rem;
        margin-bottom: 1.8rem;
        font-size: 14.4px;
        padding: 0.57rem 1.2rem;
        top: 85%;
    }

    /* Blogs in Index Page Ends Here --------------------------- */




    /* Clients section Part CSS Starts Here*/

    .Clients-section {
        width: 100%;
        height: 100%;
        background-color: transparent;
        padding-top: 4rem;
    }

    .Clients-body .heading-department .hr-and-head {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 4%;
        margin-bottom: 2.4rem;
    }

    .Clients-body .heading-department .hr-and-head .initial-hr {
        border: 2px solid black;
        width: 15%;
    }

    .Clients-body .heading-department .hr-and-head .end-hr {
        border: 2px solid black;
        width: 15%;
    }

    .Clients-body .heading-department .hr-and-head h4 {
        font-size: 2.4rem;
    }

    .Clients-body .Client-box {
        width: 100%;
        margin: auto;
        padding: 2rem;
        transition: all 0.4s ease;
    }

    .Clients-body .Client-box:hover {
        box-shadow: 2px 4px 9px rgba(0, 0, 0, 0.215);
    }

    .Clients-body .Client-box .img-container {
        width: 130px;
    }

    /* Clients section Part CSS Ends Here  */



    /* Footer Section */

    .footer-section {
        width: 100%;
        height: 100%;
        padding-top: 0.8rem;
        background-color: #01162e;
    }

    .footer-banner {
        width: 100%;
        margin: auto;
        background-color: var(--fourth-color);
        border: none;
        overflow: hidden;
        color: white;
    }

    .footer-banner .banner-boxes {
        padding: 1.5rem 0.5rem;
        padding-top: 2.5rem;
        text-align: center;
    }

    .footer-banner .banner-boxes i {
        font-size: 2.2rem;
        margin-bottom: 1rem;
        color: var(--secondary-fontColor);
    }

    .footer-banner .banner-boxes .fa-phone {
        font-size: 2.1rem;
        margin-bottom: 1rem;
    }

    .telephone {
        text-decoration: none;
        line-height: 2.1;
        font-weight: 600;
    }

    .footer-banner .banner-boxes .fa-whatsapp {
        font-size: 2.8rem;
        margin-bottom: 1rem;
    }

    .footer-banner .banner-boxes .fa-envelope {
        font-size: 2.7rem;
        margin-bottom: 1rem;
    }

    .footer-banner .banner-boxes h4 {
        font-size: 16px;
    }

    .footer-banner .banner-boxes h6 {
        font-size: 14px;
    }

    .footer-banner .banner-boxes .email-banner {
        font-size: 14px;
    }

    .footer-banner .banner-boxes p {
        font-size: 13px;
    }

    .foot-log {
        margin-top: 2.5rem;
    }

    .footer-section .footer-logo {
        padding-right: 6px;
        width: 140px;
    }

    .logo-hr {
        width: 30%;
        margin: 1.2rem 0;
        border: 2px solid white;
    }

    .footer-social-links {
        display: flex;
        gap: 3.5%;
        flex-wrap: wrap;
    }

    .footer-social-links a {
        text-decoration: none;
        color: var(--text-white);
        font-size: 1.2rem;
        margin: 0.4rem 0;
    }

    .footer-social-links a i {
        border: 1px solid #ccc;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        padding: 0.9rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .footer-social-links a .fa-facebook-f:hover {
        background-color: #1877F2;
        color: white;
    }

    .footer-social-links a .fa-instagram:hover {
        background: linear-gradient(45deg, #E4405F, #F77737, #833AB4, #405DE6);
        color: white;
    }

    .footer-social-links a .fa-linkedin-in:hover {
        background-color: #0077B5;
        color: white;
    }

    .footer-social-links a .fa-github:hover {
        color: white;
        background-color: black;
    }

    .footer-social-links a .fa-x-twitter:hover {
        color: white;
        background-color: black;
    }

    .footer-section ul li a {
        transition: all 0.4s ease;
    }

    .footer-section ul li a:hover {
        letter-spacing: 1.6px;
        color: var(--secondary-color) !important;
    }


    .QR-code img {
        width: 110px;
        height: 110px;
        object-fit: contain;
        background-color: white;
        margin-top: 0.4rem;
    }

    .Visitors {
        color: #a8a8a8;
        font-size: 16.5px;
        margin-top: 0.5rem;
    }

    .Visitors span {
        color: var(--secondary-color);
        font-size: 22px;
        font-weight: 600;
    }

    .phone-email-footer h6 {
        font-size: 18px;
        color: var(--text-white);
    }

    .phone-email-footer h6 span a {
        font-size: 17px;
        color: var(--secondary-color);
        text-decoration: none;
    }


    /* footer tag seo links */
    .footer-tag-links {
        width: 100%;
    }

    .footer-tag-links hr {
        border: 2px solid white;
        margin: 0.5rem 0;
    }

    .footer-tag-links .footer-multiple-seo-links-cont {
        width: 100%;
        display: inline-block;
        margin-bottom: 2rem;
        overflow: scroll !important;
    }

    .footer-tag-links .footer-multiple-seo-links-cont::-webkit-scrollbar {
        width: 0px;
        height: 4px;
    }

    .footer-tag-links .footer-multiple-seo-links-cont .seo-links {
        width: 1000000px;
        padding-bottom: 0.6rem;
    }

    .footer-tag-links .footer-multiple-seo-links-cont .seo-links a {
        border: 1px solid #ccc;
        text-decoration: none;
        padding: 2px 6px;
        line-height: 1.93;
        color: var(--text-white);
        font-size: 12px;
        font-weight: 500;
        opacity: 0.8;
    }

    /* footer tag seo links ends */


    /* About Us Page */


    .carousel-back-about {
        position: relative;
        height: 210px;
        background-position: left;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .bg-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(to right, var(--secondary-color), var(--primary-color));
        opacity: 0.5;
        z-index: -2;
        /* Adjust the opacity of the overlay */
    }

    .carousel-index-about {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 5rem;
    }

    .carousel-index-about h1 {
        color: white;
        font-size: 2.1rem;
        font-family: "Sora", sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        text-shadow: 2px 2px 5px rgba(0, 0, 0);
    }

    .carousel-index-about h5 {
        text-shadow: 1px 1px 3px rgba(0, 0, 0);
        font-size: 18px;
        font-weight: 600;
    }

    .breadcrumb-manually {
        display: flex;
        justify-content: center;
        color: white;
        font-family: "Sora", sans-serif;
        font-weight: 600;
    }

    .breadcrumb-manually a {
        text-decoration: none;
        color: white;
    }

    .breadcrumb-manually i {
        font-size: 1rem;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
    }

    .breadcrumb-manually h4 {
        font-size: 24px;
    }


    .why-choose-us-body {
        width: 95%;
        margin: auto;
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    .why-choose-us-divider {
        width: 100%;
        display: flex;
        gap: 3%;
    }

    .why-choose-us-divider .left-images {
        width: 45%;
    }

    .why-choose-us-divider .left-images img {
        width: 100%;
        margin-bottom: 1.5rem;
        border-top-right-radius: 30px;
    }



    .why-choose-us-divider .right-desc {
        width: 52%;
        padding-top: 2rem;
    }

    .why-choose-us-divider .right-desc h3 {
        font-family: var(--pri-fontFamily);
        color: var(--secondary-fontColor);
    }

    .why-choose-us-divider .right-desc .dash-with-heading {
        display: flex;
        gap: 3%;
        align-items: end;
    }

    .why-choose-us-divider .right-desc .dash-with-heading hr {
        width: 5%;
        border: 2px solid black;
    }

    .why-choose-us-divider .right-desc .dash-with-heading h5 {
        color: var(--secondary-color);
        font-weight: 400;
        font-size: 17px;
        font-family: var(--pri-fontFamily);
    }

    .why-choose-us-divider .right-desc ul {
        list-style: none;
        padding: 0;
    }

    .why-choose-us-divider .right-desc p {
        line-height: 1.7;
        color: var(--pri-fontColor);
        font-size: 15px;
    }

    .why-choose-us-divider .right-desc li {
        line-height: 1.7;
        color: var(--pri-fontColor);
        font-size: 15px;
        margin-bottom: 0.5rem;
    }

    .why-choose-us-divider .right-desc li i {
        color: var(--secondary-color);
        margin-right: 6px;
    }


    /* Who we are in about */

    .who-we-are-section {
        width: 100%;
        background-color: var(--fourth-color);
        padding-top: 4rem;
        overflow: hidden;
    }

    .meetTeam-section {
        width: 96%;
        margin: auto;
    }

    .team-col {
        width: 50%;
    }

    .meetTeam-section .heading-department {
        text-align: center;
    }

    .meetTeam-section .heading-department h4 {
        font-size: 26px;
        font-weight: 400;
        font-family: var(--pri-fontFamily);
        color: var(--pri-fontColor);
        margin-bottom: 1.5rem;
    }

    .meetTeam-Box-details {
        background-color: white;
        text-align: center;
        margin-bottom: 1.62rem;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        z-index: 2;
        border-radius: 5px;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.147);
    }

    .meetTeam-Box-details .img-container {
        width: 100%;
        height: 35vw;
        max-height: none;
    }

    .meetTeam-Box-details .img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }

    /* Info Content */
    .meetTeam-Box-details .info-box h3 {
        margin: 0;
        font-weight: 600;
        font-size: 16.5px;
        padding: 1.2rem 0.7rem;
        padding-bottom: 0.6rem;
    }

    .meetTeam-Box-details .info-box p {
        font-weight: 500;
        font-size: 13.5px;
        text-transform: uppercase;
        padding: 0 0.8rem;
        padding-bottom: 1rem;
    }

    /* Social Media Icons */
    .meetTeam-Box-details .info-box .social-icons {
        margin-top: 0.2rem;
        display: flex;
        justify-content: center;
        gap: 10%;
    }

    .meetTeam-Box-details .info-box .social-icons a {
        color: white;
        background-color: transparent;
        border: 0.5px solid white;
        padding: 0.25rem 0.5rem;
        font-size: 1.2rem;
        transition: color 0.3s ease;
        border-radius: 5px;
    }


    .meetTeam-Box-details:hover .info-box {
        bottom: 0;
        background-color: var(--secondary-color);
    }

    .meetTeam-Box-details:hover .info-box h3 {
        color: white;
    }

    .meetTeam-Box-details:hover .info-box p {
        color: var(--primary-color);
    }





    /* Appointment Page CSS starts here ----------------------------------------------------------------- */

    .appointment-section {
        width: 100%;
        padding:3.5rem 0;
        position: relative;
        z-index: 20;
    }


    /* registration Poppup */

    .form-body {
        position: fixed;
        top: 3.5rem;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 210;
        width: 100%;
        height: 106vh;
        display: none;
        background-color: var(--primary-color);
        opacity: 0.8;
        filter: brightness(30%);
    }

    .registration-form-poppup {
        width: 70%;
        background-color: white;
        border: 1px solid black;
        position: fixed;
        top: 16.5%;
        left: 15%;
        z-index: 240;
        display: none;
        transform: scale(0%);
        transition: all 0.6s ease;
        padding: 1.3rem 0rem;
        background-position: center;
        border-radius: 15px;
    }

    .registration-form-poppup .heading-with-closeBTN {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        /* border: 1px solid red; */
        margin-bottom: 0.4rem;
    }

    .registration-form-poppup .heading-with-closeBTN h3 {
        font-size: 1.3rem;
        font-weight: 500;
        color: var(--secondary-color);
        margin-bottom: 0.8rem;
    }

    .registration-form-poppup .heading-with-closeBTN i {
        position: absolute;
        font-size: 1.5rem;
        padding: 0 0.4rem;
        padding-top: 3px;
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.782);
    }

    .registration-form-heading h6 {
        color: #6e7e87;
        font-size: 17px;
        font-weight: 500;
        line-height: 0.8;
        padding: 0 1rem;
    }

    .registration-form-heading hr {
        width: 94.5%;
        margin: auto;
        margin-top: 0;
        margin-bottom: 0.8rem;
    }

    .registration-form-poppup form {
        max-height: 64vh;
        overflow: auto;
        padding-bottom: 1.2rem;
        scrollbar-width: thin;
        scrollbar-color: var(--secondary-fontColor) #f1f1f1;
        scroll-behavior: smooth;
        overflow-x: hidden;
    }

    .registration-form-poppup form input {
        padding: 0.7rem 0.6rem;
        margin-bottom: 1rem;
        border: 1px solid var(--secondary-color);
    }

    .registration-form-poppup form .form-check input {
        padding: 0rem 0rem;
        margin-bottom: 1rem;
        border: 1px solid var(--secondary-color);
    }

    .registration-form-poppup form select {
        padding: 0.7rem 0.6rem;
        margin-bottom: 1rem;
        width: 100%;
        border: 1px solid var(--secondary-color);
        border-radius: 6px;
    }

    .registration-form-poppup form textarea {
        padding: 0.7rem;
        margin-bottom: 1rem;
        width: 100%;
        resize: none;
        border: 1px solid var(--secondary-color);
        border-radius: 7px;
    }

    .registration-form-poppup form textarea {
        padding: 0.7rem;
        margin-bottom: 1rem;
        width: 100%;
        resize: none;
        border: 1px solid var(--secondary-color);
    }






    .appointment-divider {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0rem;
        gap: 4%;
    }

    .appointment-divider .left-desc-appointment {
        width: 38%;
    }

    .appointment-divider .left-desc-appointment .img-container {
        width: 100%;
        height: 38vw;
    }

    .appointment-divider .left-desc-appointment .img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }




    .appointment-divider .right-form-appointment {
        position: relative;
        width: 58%;
        margin-top: 0;
    }

    .appointment-divider .right-form-appointment h3 {
        font-size: 19px;
        margin-bottom: 0;
    }

    .appointment-divider .right-form-appointment .dash-with-heading {
        display: flex;
        gap: 3%;
        align-items: end;
    }

    .right-form-appointment .head-with-btn {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1rem;
    }

    .right-form-appointment .head-with-btn a {
        font-weight: 500;
        font-size: 14px;
        padding: 14px 21px;
        padding-top: 14px;
        letter-spacing: 1px;
    }

    .right-form-appointment .form-fields {
        padding-top: 0.2rem;
        margin-top: 1.7rem;
    }

    .right-form-appointment .form-fields form {
        margin-top: 0.5rem;
        padding: 2rem;
        padding-top: 0.8rem;
        padding-bottom: 1.5rem;
    }

    .right-form-appointment .form-fields form select {
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
        margin-bottom: 0.1rem;
    }

    .right-form-appointment .form-fields form input {
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
        margin-bottom: 0.1rem;
    }

    .right-form-appointment .form-fields form input::placeholder {
        font-weight: 500;
    }

    .right-form-appointment .form-fields form textarea {
        margin-bottom: 1.5rem;
        width: 100%;
        height: 110px;
        resize: none;
        border-radius: 8px;
        padding-top: 1rem;
    }

    .right-form-appointment .form-fields form textarea::placeholder {
        font-weight: 500;
    }


    .right-form-appointment .form-fields form button {
        padding: 12px 20px;
        border: 1px solid var(--secondary-color);
        background-color: transparent;
        border-radius: 50px;
        transition: all 0.2s ease;
        font-size: 15px;
        font-weight: 500;

    }

    .right-form-appointment .form-fields form button:hover {
        padding: 12px 20px;
        border: 1px solid var(--secondary-color);
        border-radius: 50px;
        color: #fff;
        transition: all 0.2s ease;
        background-color: var(--secondary-color);

    }


    /* Appointment Page CSS Ends here ----------------------------------------------------------------- */





    /* Department Page Main CSS Starts Here ----------------------------------- */

    .department-main {
        width: 100%;
        margin-top: 4rem;
    }

    .department-main-divider {
        width: 100%;
        display: flex;
        gap: 3%;
        position: relative;
        padding-bottom: 2.6rem;
    }

    .position-depart {
        position: sticky;
        top: 15%;
    }

    .department-main-divider .left-images h3 {
        display: none;
    }

    .department-main-divider .left-images .dash-with-heading {
        display: none;
    }

    .department-main-divider .left-images {
        width: 46%;
    }

    .department-main-divider .left-images img {
        width: 100%;
        object-fit: cover;
        margin-bottom: 1.5rem;
        border-top-right-radius: 30px;
    }



    .department-main-divider .right-desc {
        width: 50%;
        padding-top: 2rem;
    }

    .department-main-divider .right-desc h3 {
        font-family: var(--pri-fontFamily);
        color: var(--secondary-fontColor);
    }

    .department-main-divider .right-desc .dash-with-heading {
        display: flex;
        gap: 3%;
        align-items: end;
    }

    .department-main-divider .right-desc .dash-with-heading hr {
        width: 5%;
        border: 2px solid black;
    }

    .department-main-divider .right-desc .dash-with-heading h5 {
        color: var(--secondary-color);
        font-weight: 400;
        font-size: 17px;
        font-family: var(--pri-fontFamily);
    }

    .department-main-divider .right-desc ul {
        list-style: none;
        padding: 0;
    }

    .department-main-divider .right-desc p {
        line-height: 1.7;
        color: var(--pri-fontColor);
        font-size: 15px;
    }

    .department-main-divider .right-desc li {
        line-height: 1.7;
        color: var(--pri-fontColor);
        font-size: 15px;
        margin-bottom: 0.5rem;
    }

    .department-main-divider .right-desc i {
        color: var(--secondary-color);
        margin-right: 7px;
    }


    .meet-the-team-depart {
        width: 100%;
        height: 100%;
        background-color: var(--fourth-color);
        padding: 4rem 0;
    }

    .meet-the-team-depart:last-child {
        width: 100%;
        height: 100%;
        background-color: var(--fourth-color);
        padding: 4rem 0;
        padding-bottom: 0.2rem;
    }

    .meet-the-team-depart .heading-department {
        text-align: center;
    }

    .meet-the-team-depart .heading-department h4 {
        font-size: 31px;
        font-weight: 400;
        font-family: var(--pri-fontFamily);
        color: var(--pri-fontColor);
    }


    .doctors-profile-depart {
        width: 100%;
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    .profile-img-desc-divider {
        width: 100%;
        display: flex;
        gap: 3%;
    }

    .profile-img-desc-divider .left-images {
        width: 25%;
    }

    .profile-img-desc-divider .left-images img {
        width: 100%;
        margin-bottom: 1.5rem;
        border-top-right-radius: 40px;
        border: 1px solid #ddd;
        padding: 0.5rem;
    }

    .profile-img-desc-divider .right-doc-desc {
        width: 75%;
        padding-top: 1rem;
    }

    .profile-img-desc-divider .right-doc-desc h3 {
        font-family: var(--pri-fontFamily);
        color: var(--secondary-fontColor);
    }

    .profile-img-desc-divider .right-doc-desc ul {
        list-style: none;
        padding: 0;
        margin-top: 1.5rem;
    }

    .profile-img-desc-divider .right-doc-desc ul div {
        margin-top: 1rem;
    }

    .profile-img-desc-divider .right-doc-desc ul li {
        line-height: 1.6;
        color: var(--pri-fontColor);
        font-size: 16px;
    }

    .right-doc-desc ul div i {
        color: var(--secondary-color);
        margin-right: 6px;
    }


    .department-video-section {
        width: 100%;
        padding: 5rem 0;
    }

    .department-video-section .video-depart-divider {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5%;
    }


    .left-desc {
        width: 52%;
    }

    .left-desc h3 {
        font-size: 2.2rem;
        color: var(--pri-fontColor);
        font-family: var(--pri-fontFamily);
    }

    .left-desc h3 span {
        color: var(--secondary-color);
    }

    .left-desc p {
        width: 99%;
        text-align: justify;
        margin-top: 1.4rem;
        margin-bottom: 1.5rem;
        line-height: 1.6;
        color: #6f6f6f;
        font-size: 15.5px;
        font-family: var(--pri-fontFamily);
    }


    .right-video {
        width: 43%;
    }

    .right-video .vid-cont video {
        width: 100%;
        height: auto;
        object-fit: cover;
        border-radius: 10px;
    }

    /* Department Page Main CSS Ends Here ----------------------------------- */




    /* Contact Us Page CSS Starts here */

    .contactus-section {
        width: 100%;
        padding: 3rem 0;
        padding-top: 1.5rem;
    }

    .contactus-div {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        gap: 5%;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .contactus-div .left-form {
        width: 53%;
        margin-top: 1rem;
    }

    .contactus-div .left-form h3 {
        color: var(--secondary-color);
        font-size: 2.7rem;
        font-weight: 600;
        font-family: var(--pri-fontFamily);
    }

    .contactus-div .left-form p {
        font-size: 17.5px;
        color: #656565;
    }

    .contactus-div .left-form form textarea {
        resize: none;
    }

    .contactus-div .left-form .cont-btn {
        background-color: var(--secondary-color);
        border: none;
        padding: 0.7rem 2rem;
        font-size: 16.5px;
        font-weight: 600;
        text-transform: capitalize;
        color: white;
        width: 100%;
        border-radius: 5px;
        position: relative;
        z-index: 30;
        overflow: hidden;
        transition: all 0.3s ease;
    }

    .contactus-div .left-form .cont-btn:hover {
        background-color: var(--secondary-color);
    }

    .contactus-div .right-details {
        width: 42%;
        margin-top: 2.1rem;
    }

    .contactus-div .right-details .img-cont {
        width: 68%;
        margin: 0;
        position: relative;
        margin: auto;
        z-index: 60;
    }

    .contactus-div .right-details .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }


    .contactus-div .right-details .img-cont .icon-place-absolute {
        width: 100%;
        height: 100%;
    }

    .contactus-div .right-details .img-cont .icon-place-absolute .call-icon {
        width: 40px;
        height: 40px;
        padding: 1.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid white;
        border-radius: 100%;
        position: absolute;
        left: 92%;
        top: 29%;
        background-color: var(--secondary-color);
        box-shadow: 0 2px 3px rgba(116, 116, 116, 0.603);
    }

    .contactus-div .right-details .img-cont .icon-place-absolute .call-icon i {
        font-size: 1.6rem;
        color: white;
    }

    .contactus-div .right-details .img-cont .icon-place-absolute .headphone-icon {
        width: 40px;
        height: 40px;
        padding: 1.4rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid white;
        border-radius: 100%;
        position: absolute;
        left: -8%;
        top: 45%;
        background-color: var(--secondary-color);
        box-shadow: 0 2px 3px rgba(116, 116, 116, 0.603);
    }

    .contactus-div .right-details .img-cont .icon-place-absolute .headphone-icon i {
        font-size: 1.4rem;
        color: white;
    }

    .contactus-div .right-details .img-cont .icon-place-absolute .comment-icon {
        width: 35px;
        height: 35px;
        padding: 1.2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid white;
        border-radius: 100%;
        position: absolute;
        left: 31%;
        top: -1%;
        background-color: var(--secondary-color);
        box-shadow: 0 2px 3px rgba(116, 116, 116, 0.603);
    }

    .contactus-div .right-details .img-cont .icon-place-absolute .comment-icon i {
        font-size: 1.2rem;
        color: white;
    }

    .contactus-div .right-details .content {
        width: 100%;
        margin-top: 0rem;
    }

    .contactus-div .right-details .content .phone-num {
        display: flex;
        align-items: center;
        gap: 10%;
    }

    .contactus-div .right-details .content .phone-num a {
        font-weight: 500;
        transition: color 0.25s ease;
        text-decoration: none;
    }

    .contactus-div .right-details .content .phone-num a:hover {
        color: var(--secondary-color);
    }

    .contactus-div .right-details .content .icon-text {
        display: flex;
        align-items: center;
        gap: 5%;
        margin-bottom: 1.1rem;
        margin-left: 1rem;
    }

    .contactus-div .right-details .content .icon-text:last-child {
        display: flex;
        align-items: center;
        gap: 5%;
        margin-bottom: 0.5rem;
        margin-left: 1rem;
    }

    .contactus-div .right-details .content .icon-text .icon {
        width: 35px;
        height: 35px;
        padding: 1.6rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--secondary-color);
        border-radius: 100%;
    }

    .contactus-div .right-details .content .icon-text .icon i {
        font-size: 1.5rem;
        color: var(--secondary-color);
    }

    .contactus-div .right-details .content .icon-text h5 {
        width: 100%;
        font-size: 16px;
        font-weight: 500;
        padding: 0;
        margin: 0;
    }

    .contactus-div .right-details .content .icon-text h5 a {
        font-size: 16px;
        font-weight: 500;
        padding: 0;
        margin: 0;
    }

    .office-time {
        width: 100%;
    }

    /* Contact Us Page CSS ends here */





    /* Blogs Page CSS starts here */
    .blogs-Complete-Page {
        width: 100%;
        padding: 4rem 0;
    }

    .blog-completepage-divider {
        width: 100%;
        display: flex;
        justify-content: center;
        gap: 3%;
    }

    .blog-completepage-divider .left-numberofBlogs {
        width: 63%;
    }

    /* .blog-completepage-divider .left-numberofBlogs .blogs-container{
    width: 100%;
} */
    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box {
        width: 100%;
        border: 1px solid #ccc;
        padding-bottom: 1rem;
        margin-bottom: 2.2rem;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .img-cont {
        width: 100%;
        height: 320px;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .date-author {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 1rem;
        background-color: var(--secondary-color);
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .date-author .icon-text {
        display: flex;
        align-items: baseline;
        padding-top: 0.5rem;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .date-author .icon-text i {
        margin-right: 6px;
        font-size: 14px;
        color: white;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .date-author .icon-text h6 {
        font-size: 15px;
        color: white;
        font-family: var(--pri-fontFamily);
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .title-and-para {
        padding: 0.5rem 1rem;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .title-and-para h3 {
        font-size: 1.8rem;
        font-weight: 500;
        font-family: var(--sec-fontFamily);
        color: #373737f8;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .title-and-para p {
        font-size: 15.5px;
        display: -webkit-box;
        color: #6c6c6c;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }



    .blog-completepage-divider .right-recents-blogs {
        width: 34%;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-container {
        width: 100%;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-container h3 {
        font-size: 1.5rem;
        font-weight: 600;
        font-family: var(--pri-fontFamily);
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-container hr {
        border: 2px solid var(--pri-fontColor);
        margin: 0;
        margin-bottom: 1.2rem;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box {
        width: 100%;
        padding: 1rem;
        background-color: rgb(236, 236, 253);
        margin-bottom: 1.6rem;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a {
        text-decoration: none;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a .date-author-img {
        display: flex;
        justify-content: center;
        align-items: end;
        gap: 3%;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a .date-author-img .img-cont {
        width: 36%;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a .date-author-img .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a .date-author-img .date-author {
        display: flex;
        flex-direction: column;
        width: 61%;
        background: linear-gradient(to left, transparent, white);
        padding: 0.5rem;
        padding-bottom: 0;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a .date-author-img .date-author .icon-text {
        display: flex;
        align-items: baseline;
        color: #656565;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a .date-author-img .date-author .icon-text i {
        font-size: 12px;
        margin-right: 5px;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a .date-author-img .date-author .icon-text h6 {
        font-size: 12px;
    }


    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a h5 {
        margin-top: 0.5rem;
        font-size: 21px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        color: var(--secondary-fontColor);
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a p {
        font-size: 14px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #4f4f4f;
        margin-bottom: 0.1rem;
    }



    #pagination-controls-blogs {
        text-align: center;
        margin: 24px 0;
    }

    #pagination-controls-blogs::before {
        content: "—";
        margin-right: 6px;
    }

    #pagination-controls-blogs::after {
        content: "—";
        margin-left: 6px;
    }

    #pagination-controls-blogs .pagination-button {
        padding: 0.8rem 1.3rem;
        margin: 0 5px;
        border: 1px solid #ddd;
        background-color: #fff;
        cursor: pointer;
    }

    #pagination-controls-blogs .pagination-button.active {
        background-color: #007bff;
        color: #fff;
    }


    /* Blog Details Complete Page on click of read more button it opens*/
    .blog-detail-complete-container {
        position: relative;
        padding: 15px 0;
        background-color: #fff;
        border-radius: 10px;
        margin: auto;
    }

    .blog-detail-complete-container .blogs-details-cmplte {
        width: 100%;
        padding-bottom: 3rem;
        position: relative;
    }

    .img-date-author {
        display: flex;
        justify-content: center;
        align-items: end;
        gap: 3%;
        width: 90%;
        margin: auto;
        margin-top: 2.4rem;
        background-color: rgb(245, 245, 255);
        padding: 2rem 1.6rem;
        border-radius: 10px;
    }

    .img-date-author .left-img {
        width: 41%;
        margin: auto;
    }

    .blog-detail-complete-container .blogs-details-cmplte .img-cont {
        width: 100%;
        height: 15rem;
        border: none;
        background-position: center !important;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .blog-detail-complete-container .blogs-details-cmplte .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        backdrop-filter: blur(9px) brightness(50%);
    }

    .blog-detail-complete-container .blogs-details-cmplte .content {
        width: 90%;
        margin: auto;
        padding: 0.6rem 1rem;
        padding-bottom: 1rem;
    }


    .blog-detail-complete-container .blogs-details-cmplte .date-author {
        gap: 8%;
        width: 56%;
    }

    .blog-detail-complete-container .blogs-details-cmplte .date-author .bg-icon-text {
        background: linear-gradient(to right, var(--secondary-color), transparent);
        padding: 0.7rem 1rem;
    }

    .blog-detail-complete-container .blogs-details-cmplte .date-author .icon-text {
        display: flex;
        align-items: baseline;
        color: white;
        margin-top: 0.4rem;
    }

    .blog-detail-complete-container .blogs-details-cmplte .date-author .icon-text i {
        font-size: 15px;
        margin-right: 7px;

    }

    .blog-detail-complete-container .blogs-details-cmplte .date-author .icon-text h6 {
        font-size: 15px;
        font-weight: 500;
    }

    .blog-detail-complete-container .blogs-details-cmplte h4 {
        font-size: 1.8rem;
        margin-top: 0.5rem;
        margin-bottom: 1rem;
        color: #37383f;
        letter-spacing: -0.2px;
        font-family: var(--pri-fontFamily);
    }

    .blog-detail-complete-container .blogs-details-cmplte .heading-paragrapgh p {
        font-size: 16px;
        width: 100%;
        text-align: justify;
        margin: 0.1rem 0;
        color: #6a6b71;
    }

    .blog-detail-complete-container .blogs-details-cmplte .heading-paragrapgh ul {
        font-size: 17.5px;
        width: 100%;
        text-align: justify;
        margin: 0.3rem 0;
        color: #6a6b71;
        list-style: disc;
        padding-left: 20px;
    }

    /* Blog Details Complete Page on click of read more button it opens ends*/

    /* Blogs Page CSS ends here */



    /* Services Page CSS Starts here */
    .herosection-service {
        width: 100%;
        padding: 5rem 0;
        padding-bottom: 3rem;
    }

    .herosection-service .hero-servicePage-divider {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 3%;
    }

    .herosection-service .hero-servicePage-divider .left-img {
        width: 48%;
    }

    .herosection-service .hero-servicePage-divider .left-img .img-cont-serv-hero {
        width: 100%;
        height: 22rem;
    }

    .herosection-service .hero-servicePage-divider .left-img .img-cont-serv-hero img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }

    .herosection-service .hero-servicePage-divider .right-desc-serv-hero {
        width: 49%;
    }

    .herosection-service .hero-servicePage-divider .right-desc-serv-hero h3 {
        font-size: 2.1rem;
        color: var(--pri-fontColor);
        font-family: var(--pri-fontFamily);
    }

    .herosection-service .hero-servicePage-divider .right-desc-serv-hero p {
        width: 99%;
        text-align: justify;
        margin-top: 1.4rem;
        margin-bottom: 1.5rem;
        line-height: 1.6;
        color: #6f6f6f;
        font-size: 15px;
        font-family: var(--pri-fontFamily);
    }

    /* Services Page CSS ends here */


    /* Service details page CSS Starts here */
    .serv-details-page {
        width: 100%;
        padding: 3.5rem 0;
    }

    .serv-details-page .serv-detail-div {
        width: 100%;
        display: flex;
        gap: 3%;
    }

    .serv-details-page .serv-detail-div .left-img-btn {
        width: 33%;
    }

    .serv-details-page .serv-detail-div .left-img-btn .pos-imag-servBTN {
        position: sticky;
        top: 13%;
        margin-top: 0.4rem;
        padding-bottom: 2rem;
    }

    .serv-details-page .serv-detail-div .left-img-btn .img-cont {
        width: 100%;
        height: 19vw;
        max-height: none;
        /* border: 2px solid white; */
        margin-bottom: 1.5rem;
        border-radius: 12px;
    }

    .serv-details-page .serv-detail-div .left-img-btn .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 12px;
    }



    .serv-details-page .serv-detail-div .right-serv-desc {
        width: 64%;
    }

    .serv-details-page .serv-detail-div .right-serv-desc .serv-title {
        font-size: 1.7rem !important;
        margin: 0 !important;
        margin-bottom: 0.5rem !important;
    }

    .serv-details-page .serv-detail-div .right-serv-desc h4 {
        font-size: 1.2rem;
        margin: 2rem 0;
        margin-bottom: 0.6rem;
    }

    .serv-details-page .serv-detail-div .right-serv-desc p {
        font-size: 14px;
    }

    .serv-details-page .serv-detail-div .right-serv-desc ul li {
        font-size: 14px;
        margin: 0.6rem 0;
    }

    /* Service details page CSS ends here */



    /* middlebanner section css starts here */

    .lets-work-together {
        padding: 4.5rem 0;
    }

    /* middlebanner section css ends here */

}




@media screen and (min-width: 1150.1px) and (max-width: 1350px) and (min-height:1020px) {
    .navbar-info-section {
        height: 2.3rem !important;
    }

    .carousel-img-container {
        width: 100%;
        height: auto !important;
        position: relative;
        z-index: -1;
    }

}




@media screen and (min-width: 1150.1px) and (max-width: 1350px) {

    .navbar-info-body {
        border-bottom: 1px solid #ccc;
    }

    .navbar-info-section {
        width: 100%;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.25rem 0;
        height: 2.5rem;
    }

    .navbar-info-section .enquiry-and-info {
        display: flex;
        justify-content: center;
        gap: 6%;
        text-wrap: nowrap;
        padding-top: 9px;
        /* width: 67%; */
    }

    .navbar-info-section .enquiry-and-info .icon-withDetail {
        display: flex;
        justify-content: center;
        align-items: baseline;
        gap: 3%;
        width: 100%;
    }

    .navbar-info-section .enquiry-and-info .icon-withDetail i {
        font-size: 12.5px;
    }

    .navbar-info-section .enquiry-and-info .icon-withDetail h6 {
        font-size: 12.5px;
        font-weight: 400;
    }

    .navbar-info-section .socialmedia-icons {
        display: flex;
        justify-content: end;
        gap: 3%;
        width: auto;
    }

    .navbar-info-section .socialmedia-icons .social-icons {
        display: flex;
        align-items: center;
        gap: 0%;
    }

    /* position absolute */
    .navbar-body-abs {
        padding-bottom: 0rem;
        padding-top: 0rem;
        width: 100%;
        height: 4.1rem;
        background-color: white;
    }

    .nav-sticky {
        background-color: white;
        box-shadow: 0 4px 8px rgba(78, 78, 78, 0.3);
    }

    .navbar-section-abs {
        width: 100%;
        display: flex;
        justify-content: space-between;
        background-color: white;
        height: 4.1rem;
    }

    .navbar-linkss-abs ul {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        list-style: none;
        position: relative;
        margin: 0;
    }

    .navbar-linkss-abs ul li .navbar-item-anchor {
        font-size: 14.4px;
        padding: 1.1rem 0.7rem;
        border-bottom: 4px solid transparent;
    }

    .navbar-linkss-abs ul li .navbar-item-anchor:hover {
        font-size: 14.4px;
        padding: 1.1rem 0.7rem;
        box-shadow: 0px 2px 7px rgba(70, 70, 70, 0.332);
        border-radius: 4px;
        border-bottom: 4px solid var(--secondary-color) !important;
    }

    .navbar-linkss-abs ul a:hover {
        color: var(--secondary-color);
    }

    .current-link {
        border-bottom: 4px solid var(--secondary-color) !important;
        text-decoration: none;
        color: var(--secondary-color) !important;
        margin-top: 0;
        margin: 0 2.6px;
        padding: 1.1rem 0.7rem;
        border-radius: 4px;
    }

    .nav-appointment-btnn {
        padding: 0.65rem 1rem;
        padding-top: 0.6rem;
        border: 1px solid var(--secondary-color);
        border-radius: 50px;
        color: white;
        text-decoration: none;
        background-color: var(--secondary-color);
        transition: all 0.2s ease;
        font-size: 14.5px;
    }
    .nav-appointment-btnn:hover {
        padding: 0.65rem 1rem;
        padding-top: 0.6rem;
        border-radius: 50px;
        color: var(--secondary-color);
        background-color: transparent;
        font-size: 14.5px;
    }

    .menu-btn-small-screen {
        display: none;
    }

    .navbar-button {
        display: block;
    }

    .small-screen-display-only{
        display: none;
    }




    /* Carousel Section */
    .carousel-control-prev {
        border: 0.2px solid rgb(194, 194, 194);
        width: 38px;
        height: 68px;
        position: absolute;
        top: 45%;
        left: 0;
        padding-right: 0.4rem;
        border-radius: 0 50px 50px 0;
        background-color: #025576bf;
    }

    .carousel-control-prev span {
        border-radius: 50%;
    }

    .carousel-control-next {
        border: 0.2px solid rgb(194, 194, 194);
        width: 38px;
        height: 68px;
        position: absolute;
        right: 0%;
        top: 45%;
        padding-left: 0.4rem;
        border-radius: 50px 0 0 50px;
        background-color: #025576bf;
    }

    .carousel-control-next span {
        border-radius: 50%;
    }

    .carousel-overlay {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: #00596f2c;
        z-index: 2;
    }

    .carousel-main-index {
        width: 100%;
        position: relative;
    }

    .carousel-img-container {
        width: 100%;
        height: 100vh;
        position: relative;
        z-index: -1;
    }

    .carousel-img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
        position: relative;
        z-index: -1;
    }

    .carousel-caption {
        color: white;
        position: absolute;
        top: 45%;
        z-index: 6;
        border-radius: 100px;
        padding: 1.5rem 2rem;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .carousel-caption h5 {
        font-size: 2.4rem;
        font-family: var(--pri-fontFamily);
        text-shadow: 0 2px 2px rgba(0, 0, 0, 0.89);
    }

    .carousel-caption p {
        font-size: 18px;
        font-weight: 400;
        text-shadow: 0 0.5px 0.5px rgba(0, 0, 0, 0.89);
        letter-spacing: 1px;
    }

    .carousel-btnn {
        background: linear-gradient(to right, var(--secondary-color), var(--secondary-color));
        color: white;
        border: none;
        border-radius: 27px;
        padding: 0.8rem 2.4rem;
        font-size: 17px;
        font-weight: 600;
        text-transform: uppercase;
    }





    .custom-btnn {
        padding: 11px 22px;
        border: none;
        background: linear-gradient(to right, var(--secondary-color), var(--secondary-color));
        border-radius: 20px;
        color: white;
        padding-top: 8px;
        font-weight: 600;
        transition: all 0.5s ease;
        text-decoration: none;
    }

    .custom-btnn:hover {
        background: linear-gradient(to right, var(--secondary-color), var(--secondary-color));
        transition: all 1s ease;
    }



    .about-company-section-cont {
        width: 100%;
        padding: 5rem 0;
    }

    .about-company-section-cont .about-index-divider {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 4%;
    }

    .about-company-section-cont .about-index-divider .left-image {
        width: 47%;
    }

    .about-company-section-cont .about-index-divider .left-image .img-abt-container {
        width: 100%;
        height: 320px;
    }

    .about-company-section-cont .about-index-divider .left-image .img-abt-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }



    .about-company-section-cont .about-index-divider .right-desc {
        width: 49%;
    }

    .about-company-section-cont .about-index-divider .right-desc h3 {
        font-size: 1.8rem;
        color: var(--pri-fontColor);
        font-family: var(--pri-fontFamily);
        line-height: 1.4;
    }

    .about-company-section-cont .about-index-divider .right-desc p {
        width: 95%;
        text-align: justify;
        margin-top: 1.4rem;
        margin-bottom: 1.5rem;
        line-height: 1.6;
        color: #6f6f6f;
        font-size: 15px;
        font-family: var(--pri-fontFamily);
    }


    /* Department in Index Page Starts Here -------------------------- */

    .department-section {
        width: 100%;
        height: 100%;
        background-color: var(--fourth-color);
        padding: 4rem 0;
    }

    .department-body .heading-department h4 {
        font-size: 28px;
        font-weight: 400;
        font-family: var(--pri-fontFamily);
        color: var(--pri-fontColor);
        margin-bottom: 1rem;
    }

    .department-body .department-detial-box {
        text-align: center;
        box-shadow: 0 0 35px rgba(0, 0, 0, 0.06);
        padding: 1rem;
        transition: all 0.3s ease;
        position: relative;
        z-index: 8;
        margin: 1rem 0;
        border-radius: 8px;
    }

    .department-body .department-detial-box::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0%;
        left: 0%;
        z-index: -2;
        scale: 84%;
        color: white;
        /* background-color: #1E3056; */
        transition: all 0.5s ease;
    }

    .department-body .department-detial-box:hover::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0%;
        left: 0%;
        z-index: -5;
        scale: 100%;
        background: linear-gradient(to right, var(--secondary-color), var(--secondary-color));
        color: white;
        border-radius: 8px;
    }

    .department-body .department-detial-box .img-container {
        width: 100%;
        height: 175px;
    }

    .department-body .department-detial-box .img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    /* Department in Index Page Ends Here --------------------------- */



    /* Services Section in Index Page Starts Here --------------------------- */

    .Services-section {
        width: 100%;
        height: 100%;
        background-color: white;
        padding: 4rem 0;
    }

    .Services-body .heading-department h4 {
        font-size: 28px;
        font-weight: 400;
        font-family: var(--pri-fontFamily);
        color: var(--pri-fontColor);
        margin-bottom: 1.5rem;
    }

    .services-box {
        height: 100%;
        padding: 1rem;
        text-align: center;
        position: relative;
        top: 1.5%;
        overflow: hidden;
        z-index: 8;
        margin-bottom: 1.7rem;
        transition: all 0.2s ease;
    }

    .services-box::after {
        content: "";
        width: 100%;
        height: 360px;
        position: absolute;
        bottom: -200px;
        left: 0;
        transition: all 0.2s ease;
        opacity: 0;
        border-radius: 0px;
        z-index: -2;
    }

    .services-box:hover::after {
        position: absolute;
        bottom: 0px;
        z-index: -5 !important;
        scale: 100%;
        opacity: 1;
        border-radius: 0px;
        background: linear-gradient(to right, var(--secondary-color), var(--secondary-color));
    }

    .services-box:hover {
        top: -0.5%;
        border-radius: 0px;
    }

    .services-box i {
        font-size: 2.1rem;
        color: var(--secondary-color);
        transition: color 0.2s ease;
        margin-top: 0.8rem;
    }

    .services-box:hover i {
        color: white;
    }

    .services-box h5 {
        margin: 0.8rem auto;
        transition: color 0.2s ease;
        color: var(--secondary-fontColor);
        font-family: var(--pri-fontFamily);
        font-size: 19px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .services-box:hover h5 {
        color: white;
    }

    .services-box p {
        font-size: 13px;
        color: #898989;
        margin-bottom: 3.4rem;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: color 0.2s ease;
        font-family: var(--pri-fontFamily);
    }

    .services-box:hover p {
        color: white
    }


    .services-box .circle-btn {
        border: none;
        background-color: var(--secondary-color);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 50px;
        padding-bottom: 1rem;
        padding-right: 0.1rem;
        position: absolute;
        bottom: 1.5%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-decoration: none;
    }

    .services-box:hover .circle-btn {
        background-color: var(--text-white);
    }

    .circle-btn i {
        color: white;
        font-size: 15px;
    }

    .services-box:hover .circle-btn i {
        color: var(--secondary-color);
    }

    /* Services Section in Index Page Ends Here --------------------------- */



    /* Successful Numbers in Index Page Starts Here --------------------------- */

    .successful-numbers {
        position: relative;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(to right, var(--secondary-fontColor) 10%, var(--secondary-color) 90%);
        z-index: 2;
    }

    .bg-overlay-numbers {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -5;
        background: linear-gradient(to right, var(--secondary-color), var(--secondary-fontColor));
        opacity: 0.8;
    }

    .successful-numbers .numbers-desc {
        width: 100%;
        height: 100% !important;
        text-align: center;
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .successful-numbers .numbers-desc i {
        font-size: 2.2rem;
        color: white;
        z-index: 100;
        padding-bottom: 1.2rem;
    }

    .successful-numbers .numbers-desc h2 {
        font-size: 2.5rem;
        color: white;
    }

    .successful-numbers .numbers-desc h5 {
        font-size: 18px;
        font-weight: 400;
        color: white;
    }

    /* Successful Numbers in Index Page Ends Here --------------------------- */



    /* Galllery Section starts here */
    .Gallery-section {
        width: 100%;
        height: 100%;
        padding: 4rem 0rem;
        padding-bottom: 4rem;
    }

    .Gallery-body .heading-department {
        width: 50%;
        margin: auto;
        margin-bottom: 1.5rem;
        text-align: center;
    }

    .Gallery-body .heading-department h4 {
        font-size: 28px;
    }

    .Gallery-body .gallery-boxes {
        width: 100%;
        border: none;
        margin-bottom: 1.5rem;
        position: relative;
        overflow: hidden;
    }

    .Gallery-body .gallery-boxes a {
        text-decoration: none;
    }

    .Gallery-body .gallery-boxes .img-container {
        width: 100%;
        height: 175px;
    }

    .Gallery-body .gallery-boxes .img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        scale: 100%;
        transition: scale 0.3s ease;
    }

    .Gallery-body .gallery-boxes:hover .img-container img {
        scale: 108%;
    }

    .gallery-select-buttons {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 2%;
        margin-bottom: 2.4rem;
    }

    .gallery-select-buttons .gallery-btn {
        padding: 0.7rem 1.6rem;
        font-size: 16px;
        font-weight: 500;
        background-color: white;
        color: black;
        border: none;
        border-radius: 25px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.17);
    }

    .gallery-select-buttons .gallery-btn:hover {
        background-color: var(--secondary-color);
        color: white !important;
    }

    .current-btn-selected {
        padding: 0.7rem 1.6rem;
        font-size: 16px;
        font-weight: 500;
        background-color: var(--secondary-color) !important;
        color: white !important;
        border: none;
        border-radius: 25px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
    }



    .pagination-controls {
        display: flex;
        justify-content: center;
        margin-top: 2rem;
        gap: 0.5rem;
    }

    .pagination-controls .pagination-btn {
        padding: 0.5rem 1rem;
        border: none;
        background-color: #f0f0f0;
        color: #333;
        cursor: pointer;
        border-radius: 5px;
        transition: background-color 0.3s ease;
    }

    .pagination-controls .pagination-btn.active {
        background-color: var(--secondary-color);
        color: white;
        font-weight: bold;
    }

    .pagination-controls .pagination-btn:hover {
        background-color: #ddd;
    }


    /* Gallery Page CSS Ends Here ------------------------------------ */



    /* Testimonials in Index Page Starts Here --------------------------- */

    .testimonial-section {
        width: 100%;
        height: 100%;
        background-color: var(--fourth-color);
        padding: 4rem 0;
    }

    .testimonial-body .heading-department h4 {
        font-size: 28px;
        font-weight: 400;
        font-family: var(--pri-fontFamily);
        color: var(--pri-fontColor);
        margin-bottom: 1.5rem;
    }

    .testimonial-body .testi-box {
        width: 95%;
        margin: auto;
        padding: 2rem 1.2rem;
    }

    .testimonial-body .testi-box .img-container {
        width: 60px;
        height: 60px;
    }

    .testimonial-body .testi-box .img-container img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .testimonial-body .testi-box .icon-and-heading {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 7%;
        margin-bottom: 1.7rem;
    }

    .testimonial-body .testi-box p {
        font-size: 15px;
        color: #6f6f6f;
    }


    .swiper {
        width: 100%;
        height: 100%;
        padding-left: 4rem;
        padding-right: 4rem;
        padding-bottom: 2.5rem;
    }

    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* Testimonials in Index Page Ends Here --------------------------- */



    /* Blogs in Index Page Starts Here --------------------------- */
    .Blogs-section {
        width: 100%;
        height: 100%;
        background-color: white;
        padding: 3rem 0;
    }

    .Blogs-section .swiper-slide {
        text-align: start;
    }

    .Blogs-body .heading-department h4 {
        font-size: 28px;
        margin-bottom: 1.5rem;
    }

    .blog-box {
        border-radius: 20px;
        height: auto;
        min-height: 27.6rem;
    }

    .blog-box .img-container {
        width: 100%;
        height: 240px;
    }

    .blog-box .img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }

    .blog-box h5 {
        padding: 1rem 1.3rem;
        margin-top: 0rem;
        padding-bottom: 0rem;
    }

    .blog-box p {
        padding: 1.3rem;
        padding-top: 0.1rem;
        padding-bottom: 0rem;
        font-size: 14px;
        margin-bottom: 0.5rem;
    }

    .blog-box .custom-btnn {
        margin-left: 1.3rem;
        margin-bottom: 1.8rem;
        font-size: 14.4px;
        padding: 0.57rem 1.2rem;
        top: 85%;
    }

    /* Blogs in Index Page Ends Here --------------------------- */




    /* Clients section Part CSS Starts Here*/

    .Clients-section {
        width: 100%;
        height: 100%;
        background-color: transparent;
        padding-top: 4rem;
    }

    .Clients-body .heading-department .hr-and-head {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 4%;
        margin-bottom: 2.4rem;
    }

    .Clients-body .heading-department .hr-and-head .initial-hr {
        border: 2px solid black;
        width: 15%;
    }

    .Clients-body .heading-department .hr-and-head .end-hr {
        border: 2px solid black;
        width: 15%;
    }

    .Clients-body .heading-department .hr-and-head h4 {
        font-size: 2.4rem;
    }

    .Clients-body .Client-box {
        width: 100%;
        margin: auto;
        padding: 2rem;
        transition: all 0.4s ease;
    }

    .Clients-body .Client-box:hover {
        box-shadow: 2px 4px 9px rgba(0, 0, 0, 0.215);
    }

    .Clients-body .Client-box .img-container {
        width: 130px;
    }

    /* Clients section Part CSS Ends Here  */



    /* Footer Section */

    .footer-section {
        width: 100%;
        height: 100%;
        padding-top: 0.8rem;
        background-color: #01162e;
    }

    .footer-banner {
        width: 100%;
        margin: auto;
        background-color: var(--fourth-color);
        border: none;
        overflow: hidden;
        color: white;
    }

    .footer-banner .banner-boxes {
        padding: 2.5rem 0.9rem;
        text-align: center;
    }

    .footer-banner .banner-boxes i {
        font-size: 2.5rem;
        margin-bottom: 1rem;
        color: var(--secondary-fontColor);
    }

    .footer-banner .banner-boxes .fa-phone {
        font-size: 2.3rem;
        margin-bottom: 1rem;
    }

    .telephone {
        text-decoration: none;
        line-height: 2.1;
        font-weight: 600;
    }

    .footer-banner .banner-boxes .fa-whatsapp {
        font-size: 3rem;
        margin-bottom: 1rem;
    }

    .footer-banner .banner-boxes .fa-envelope {
        font-size: 3rem;
        margin-bottom: 1rem;
    }

    .footer-banner .banner-boxes h4 {
        text-align: center;
        font-size: 17px;
        font-weight: 600;
        font-family: var(--pri-fontFamily);
        margin-bottom: 1rem;
        color: var(--pri-fontColor);
    }

    .footer-banner .banner-boxes h6 {
        text-align: center;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.5;
        color: rgb(236, 236, 236);
        font-family: var(--pri-fontFamily);
        color: var(--pri-fontColor);
    }

    .footer-banner .banner-boxes .email-banner {
        text-align: center;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.2;
        color: rgb(236, 236, 236);
        font-family: var(--pri-fontFamily);
        color: var(--pri-fontColor);
    }

    .footer-banner .banner-boxes p {
        text-align: center;
        font-size: 13px;
        font-weight: 400;
        color: var(--pri-fontColor);
        font-family: var(--pri-fontFamily);
    }

    .footer-banner .banner-boxes a {
        text-decoration: none;
        color: var(--pri-fontColor);
    }

    .footer-banner .banner-boxes a h4 {
        color: var(--pri-fontColor);
    }

    .footer-section h5 {
        color: var(--text-white);
    }

    .foot-log {
        margin-top: 2.5rem;
    }

    .footer-section .footer-logo {
        background-color: white;
        padding-right: 6px;
        width: 140px;
    }

    .logo-hr {
        width: 30%;
        margin: 1.2rem 0;
        border: 2px solid white;
    }

    .footer-social-links {
        text-align: center;
        display: flex;
        gap: 3.5%;
        flex-wrap: wrap;
    }

    .footer-social-links a {
        text-decoration: none;
        color: var(--text-white);
        font-size: 1.2rem;
        margin: 0.4rem 0;
    }

    .footer-social-links a i {
        border: 1px solid #ccc;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        padding: 0.9rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .footer-social-links a .fa-facebook-f:hover {
        background-color: #1877F2;
        color: white;
    }

    .footer-social-links a .fa-instagram:hover {
        background: linear-gradient(45deg, #E4405F, #F77737, #833AB4, #405DE6);
        color: white;
    }

    .footer-social-links a .fa-linkedin-in:hover {
        background-color: #0077B5;
        color: white;
    }

    .footer-social-links a .fa-github:hover {
        color: white;
        background-color: black;
    }

    .footer-social-links a .fa-x-twitter:hover {
        color: white;
        background-color: black;
    }


    .footer-section ul li a {
        transition: all 0.4s ease;
    }

    .footer-section ul li a:hover {
        letter-spacing: 1.6px;
        color: var(--secondary-color) !important;
    }


    .QR-code img {
        width: 110px;
        height: 110px;
        object-fit: contain;
        background-color: white;
        margin-top: 0.4rem;
    }

    .Visitors {
        color: #a8a8a8;
        font-size: 16.5px;
        margin-top: 0.5rem;
    }

    .Visitors span {
        color: var(--secondary-color);
        font-size: 22px;
        font-weight: 600;
    }

    .phone-email-footer h6 {
        font-size: 18px;
        color: var(--text-white);
    }

    .phone-email-footer h6 span a {
        font-size: 17px;
        color: var(--secondary-color);
        text-decoration: none;
    }


    /* footer tag seo links */
    .footer-tag-links {
        width: 100%;
    }

    .footer-tag-links hr {
        border: 2px solid white;
        margin: 0.5rem 0;
    }

    .footer-tag-links .footer-multiple-seo-links-cont {
        width: 100%;
        display: inline-block;
        margin-bottom: 2rem;
        overflow: scroll !important;
    }

    .footer-tag-links .footer-multiple-seo-links-cont::-webkit-scrollbar {
        width: 0px;
        height: 4px;
    }

    .footer-tag-links .footer-multiple-seo-links-cont .seo-links {
        width: 1000000px;
        padding-bottom: 0.6rem;
    }

    .footer-tag-links .footer-multiple-seo-links-cont .seo-links a {
        border: 1px solid #ccc;
        text-decoration: none;
        padding: 2px 6px;
        line-height: 1.93;
        color: var(--text-white);
        font-size: 12px;
        font-weight: 500;
        opacity: 0.8;
    }

    /* footer tag seo links ends */


    /* About Us Page */


    .carousel-back-about {
        position: relative;
        height: 250px;
        background-position: left;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .bg-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(to right, var(--secondary-color), var(--primary-color));
        opacity: 0.5;
        z-index: -2;
        /* Adjust the opacity of the overlay */
    }

    .carousel-index-about {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 6.1rem;
    }

    .carousel-index-about h1 {
        color: white;
        font-size: 3rem;
        font-family: "Sora", sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        text-shadow: 2px 2px 5px rgba(0, 0, 0);
    }

    .carousel-index-about h5 {
        text-shadow: 1px 1px 3px rgba(0, 0, 0);
        font-size: 22px;
        font-weight: 600;
    }

    .breadcrumb-manually {
        display: flex;
        justify-content: center;
        color: white;
        font-family: "Sora", sans-serif;
        font-weight: 600;
    }

    .breadcrumb-manually a {
        text-decoration: none;
        color: white;
    }

    .breadcrumb-manually i {
        font-size: 1rem;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
    }

    .breadcrumb-manually h4 {
        font-size: 24px;
    }


    .why-choose-us-body {
        width: 95%;
        margin: auto;
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    .why-choose-us-divider {
        width: 100%;
        display: flex;
        gap: 3%;
    }

    .why-choose-us-divider .left-images {
        width: 45%;
    }

    .why-choose-us-divider .left-images img {
        width: 100%;
        margin-bottom: 1.5rem;
        border-top-right-radius: 30px;
    }



    .why-choose-us-divider .right-desc {
        width: 52%;
        padding-top: 2rem;
    }

    .why-choose-us-divider .right-desc h3 {
        font-family: var(--pri-fontFamily);
        color: var(--secondary-fontColor);
    }

    .why-choose-us-divider .right-desc .dash-with-heading {
        display: flex;
        gap: 3%;
        align-items: end;
    }

    .why-choose-us-divider .right-desc .dash-with-heading hr {
        width: 5%;
        border: 2px solid black;
    }

    .why-choose-us-divider .right-desc .dash-with-heading h5 {
        color: var(--secondary-color);
        font-weight: 400;
        font-size: 17px;
        font-family: var(--pri-fontFamily);
    }

    .why-choose-us-divider .right-desc ul {
        list-style: none;
        padding: 0;
    }

    .why-choose-us-divider .right-desc p {
        line-height: 1.7;
        color: var(--pri-fontColor);
        font-size: 15px;
    }

    .why-choose-us-divider .right-desc li {
        line-height: 1.7;
        color: var(--pri-fontColor);
        font-size: 15px;
        margin-bottom: 0.5rem;
    }

    .why-choose-us-divider .right-desc li i {
        color: var(--secondary-color);
        margin-right: 6px;
    }


    /* Who we are in about */

    .who-we-are-section {
        width: 100%;
        background-color: var(--fourth-color);
        padding-top: 4.5rem;
        padding-bottom: 2rem;
        overflow: hidden;
    }

    .meetTeam-section {
        width: 96%;
        margin: auto;
    }

    .meetTeam-section .heading-department {
        text-align: center;
    }

    .meetTeam-section .heading-department h4 {
        font-size: 28px;
        font-weight: 400;
        font-family: var(--pri-fontFamily);
        color: var(--pri-fontColor);
        margin-bottom: 1.5rem;
    }

    .meetTeam-Box-details {
        background-color: white;
        text-align: center;
        margin-bottom: 1.62rem;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        z-index: 2;
        border-radius: 5px;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.147);
    }

    .meetTeam-Box-details .img-container {
        width: 100%;
        height: 300px;
    }

    .meetTeam-Box-details .img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }


    .meetTeam-Box-details .info-box {
        position: absolute;
        bottom: 0%;
        left: 0;
        width: 100%;
        z-index: 6;
        background-color: white;
        color: #000;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        cursor: default;
        transition: all 0.3s ease;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        font-family: var(--pri-fontFamily);
    }

    /* Info Content */
    .meetTeam-Box-details .info-box h3 {
        margin: 0;
        font-weight: 600;
        font-size: 18px;
        padding: 1.2rem 0.7rem;
        padding-bottom: 0.6rem;
    }

    .meetTeam-Box-details .info-box p {
        font-weight: 500;
        font-size: 13.5px;
        padding: 0 0.8rem;
        padding-bottom: 1rem;
    }

    /* Social Media Icons */

    .meetTeam-Box-details:hover .info-box {
        bottom: 0;
        background-color: var(--secondary-color);
    }

    .meetTeam-Box-details:hover .info-box h3 {
        color: white;
    }

    .meetTeam-Box-details:hover .info-box p {
        color: var(--primary-color);
    }





    /* Appointment Page CSS starts here ----------------------------------------------------------------- */


    /* registration Poppup */

    .registration-form-poppup {
        width: 60%;
        background-color: white;
        border: 1px solid black;
        position: fixed;
        top: 18.5%;
        left: 20%;
        z-index: 80;
        display: none;
        transform: scale(0%);
    }

    .registration-form-poppup .heading-with-closeBTN {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .registration-form-poppup .heading-with-closeBTN h3 {
        font-size: 1.4rem;
        font-weight: 600;
        margin-bottom: 1em;
    }

    .registration-form-poppup .heading-with-closeBTN i {
        position: absolute;
        font-size: 1.5rem;
        padding: 0 0.4rem;
        padding-top: 3px;
    }

    .registration-form-heading h6 {
        color: #6e7e87;
        font-size: 17px;
        font-weight: 500;
        line-height: 0.8;
        padding: 0 1rem;
    }

    .registration-form-heading hr {
        width: 94.5%;
        margin: auto;
        margin-top: 0;
        margin-bottom: 0.8rem;
    }

    .registration-form-poppup form {
        max-height: 62vh;
        overflow: auto;
        padding-bottom: 1.2rem;
        scrollbar-width: thin;
        scrollbar-color: var(--secondary-fontColor) #f1f1f1;
        scroll-behavior: smooth;
        overflow-x: hidden;
    }

    .registration-form-poppup form input {
        padding: 0.7rem 0.6rem;
        margin-bottom: 1rem;
    }

    .registration-form-poppup form .form-check input {
        padding: 0rem 0rem;
        margin-bottom: 1rem;
    }

    .registration-form-poppup form select {
        padding: 0.7rem 0.6rem;
        margin-bottom: 1rem;
        width: 100%;
        border-radius: 6px;
    }

    .registration-form-poppup form textarea {
        padding: 0.7rem;
        margin-bottom: 1rem;
        width: 100%;
        resize: none;
        border-radius: 7px;
    }

    .registration-form-poppup form textarea {
        padding: 0.7rem;
        margin-bottom: 1rem;
        width: 100%;
        resize: none;
    }



    .appointment-divider {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0rem;
        gap: 4%;
    }

    .appointment-divider .left-desc-appointment {
        width: 38%;
    }

    .appointment-divider .left-desc-appointment .img-container {
        width: 100%;
        height: 38vw;
    }

    .appointment-divider .left-desc-appointment .img-container img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center;
    }




    .appointment-divider .right-form-appointment {
        position: relative;
        width: 58%;
        margin-top: 0;
    }

    .appointment-divider .right-form-appointment h3 {
        font-size: 19px;
        margin-bottom: 0;
    }

    .appointment-divider .right-form-appointment .dash-with-heading {
        display: flex;
        gap: 3%;
        align-items: end;
    }

    .right-form-appointment .head-with-btn {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1rem;
    }

    .right-form-appointment .head-with-btn a {
        font-weight: 500;
        font-size: 14px;
        padding: 14px 21px;
        padding-top: 14px;
        letter-spacing: 1px;
    }

    .right-form-appointment .form-fields {
        padding-top: 0.2rem;
        margin-top: 1.7rem;
    }

    .right-form-appointment .form-fields form {
        margin-top: 0.5rem;
        padding: 2rem;
        padding-top: 0.8rem;
        padding-bottom: 1.5rem;
    }

    .right-form-appointment .form-fields form select {
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
        margin-bottom: 0.1rem;
    }

    .right-form-appointment .form-fields form input {
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
        margin-bottom: 0.1rem;
    }

    .right-form-appointment .form-fields form input::placeholder {
        font-weight: 500;
    }

    .right-form-appointment .form-fields form textarea {
        margin-bottom: 1.5rem;
        width: 100%;
        height: 110px;
        resize: none;
        border-radius: 8px;
        padding-top: 1rem;
    }

    .right-form-appointment .form-fields form textarea::placeholder {
        font-weight: 500;
    }


    .right-form-appointment .form-fields form button {
        padding: 12px 20px;
        border: 1px solid var(--secondary-color);
        background-color: transparent;
        border-radius: 50px;
        transition: all 0.2s ease;
        font-size: 15px;
        font-weight: 500;

    }

    .right-form-appointment .form-fields form button:hover {
        padding: 12px 20px;
        border: 1px solid var(--secondary-color);
        border-radius: 50px;
        color: #fff;
        transition: all 0.2s ease;
        background-color: var(--secondary-color);

    }



    /* Appointment Page CSS Ends here ----------------------------------------------------------------- */





    /* Department Page Main CSS Starts Here ----------------------------------- */

    .department-main {
        width: 100%;
        margin-top: 4rem;
    }

    .department-main-divider {
        width: 100%;
        display: flex;
        gap: 3%;
        position: relative;
        padding-bottom: 2.6rem;
    }

    .position-depart {
        position: sticky;
        top: 15%;
    }

    .department-main-divider .left-images h3 {
        display: none;
    }

    .department-main-divider .left-images .dash-with-heading {
        display: none;
    }

    .department-main-divider .left-images {
        width: 46%;
    }

    .department-main-divider .left-images img {
        width: 100%;
        object-fit: cover;
        margin-bottom: 1.5rem;
        border-top-right-radius: 30px;
    }



    .department-main-divider .right-desc {
        width: 50%;
        padding-top: 2rem;
    }

    .department-main-divider .right-desc h3 {
        font-family: var(--pri-fontFamily);
        color: var(--secondary-fontColor);
    }

    .department-main-divider .right-desc .dash-with-heading {
        display: flex;
        gap: 3%;
        align-items: end;
    }

    .department-main-divider .right-desc .dash-with-heading hr {
        width: 5%;
        border: 2px solid black;
    }

    .department-main-divider .right-desc .dash-with-heading h5 {
        color: var(--secondary-color);
        font-weight: 400;
        font-size: 17px;
        font-family: var(--pri-fontFamily);
    }

    .department-main-divider .right-desc ul {
        list-style: none;
        padding: 0;
    }

    .department-main-divider .right-desc p {
        line-height: 1.7;
        color: var(--pri-fontColor);
        font-size: 15px;
    }

    .department-main-divider .right-desc li {
        line-height: 1.7;
        color: var(--pri-fontColor);
        font-size: 15px;
        margin-bottom: 0.5rem;
    }

    .department-main-divider .right-desc i {
        color: var(--secondary-color);
        margin-right: 7px;
    }


    .meet-the-team-depart {
        width: 100%;
        height: 100%;
        background-color: var(--fourth-color);
        padding: 4rem 0;
    }

    .meet-the-team-depart:last-child {
        width: 100%;
        height: 100%;
        background-color: var(--fourth-color);
        padding: 4rem 0;
        padding-bottom: 0.2rem;
    }

    .meet-the-team-depart .heading-department {
        text-align: center;
    }

    .meet-the-team-depart .heading-department h4 {
        font-size: 31px;
        font-weight: 400;
        font-family: var(--pri-fontFamily);
        color: var(--pri-fontColor);
    }


    .doctors-profile-depart {
        width: 100%;
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    .profile-img-desc-divider {
        width: 100%;
        display: flex;
        gap: 3%;
    }

    .profile-img-desc-divider .left-images {
        width: 25%;
    }

    .profile-img-desc-divider .left-images img {
        width: 100%;
        margin-bottom: 1.5rem;
        border-top-right-radius: 40px;
        border: 1px solid #ddd;
        padding: 0.5rem;
    }

    .profile-img-desc-divider .right-doc-desc {
        width: 75%;
        padding-top: 1rem;
    }

    .profile-img-desc-divider .right-doc-desc h3 {
        font-family: var(--pri-fontFamily);
        color: var(--secondary-fontColor);
    }

    .profile-img-desc-divider .right-doc-desc ul {
        list-style: none;
        padding: 0;
        margin-top: 1.5rem;
    }

    .profile-img-desc-divider .right-doc-desc ul div {
        margin-top: 1rem;
    }

    .profile-img-desc-divider .right-doc-desc ul li {
        line-height: 1.6;
        color: var(--pri-fontColor);
        font-size: 16px;
    }

    .right-doc-desc ul div i {
        color: var(--secondary-color);
        margin-right: 6px;
    }


    .department-video-section {
        width: 100%;
        padding: 5rem 0;
    }

    .department-video-section .video-depart-divider {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5%;
    }


    .left-desc {
        width: 52%;
    }

    .left-desc h3 {
        font-size: 2.2rem;
        color: var(--pri-fontColor);
        font-family: var(--pri-fontFamily);
    }

    .left-desc h3 span {
        color: var(--secondary-color);
    }

    .left-desc p {
        width: 99%;
        text-align: justify;
        margin-top: 1.4rem;
        margin-bottom: 1.5rem;
        line-height: 1.6;
        color: #6f6f6f;
        font-size: 15.5px;
        font-family: var(--pri-fontFamily);
    }


    .right-video {
        width: 43%;
    }

    .right-video .vid-cont video {
        width: 100%;
        height: auto;
        object-fit: cover;
        border-radius: 10px;
    }

    /* Department Page Main CSS Ends Here ----------------------------------- */




    /* Contact Us Page CSS Starts here */

    .contactus-section {
        width: 100%;
        padding: 3rem 0;
        padding-top: 1.5rem;
    }

    .contactus-div {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        gap: 5%;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .contactus-div .left-form {
        width: 53%;
        margin-top: 1rem;
    }

    .contactus-div .left-form h3 {
        color: var(--secondary-color);
        font-size: 2.7rem;
        font-weight: 600;
        font-family: var(--pri-fontFamily);
    }

    .contactus-div .left-form p {
        font-size: 17.5px;
        color: #656565;
    }

    .contactus-div .left-form form textarea {
        resize: none;
    }

    .contactus-div .left-form .cont-btn {
        background-color: var(--secondary-color);
        border: none;
        padding: 0.7rem 2rem;
        font-size: 16.5px;
        font-weight: 600;
        text-transform: capitalize;
        color: white;
        width: 100%;
        border-radius: 5px;
        position: relative;
        z-index: 30;
        overflow: hidden;
        transition: all 0.3s ease;
    }

    .contactus-div .left-form .cont-btn:hover {
        background-color: var(--secondary-color);
    }

    .contactus-div .right-details {
        width: 42%;
        margin-top: 2.1rem;
    }

    .contactus-div .right-details .img-cont {
        width: 65%;
        margin: 0;
        position: relative;
        margin: auto;
        z-index: 60;
    }

    .contactus-div .right-details .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }


    .contactus-div .right-details .img-cont .icon-place-absolute {
        width: 100%;
        height: 100%;
    }

    .contactus-div .right-details .img-cont .icon-place-absolute .call-icon {
        width: 40px;
        height: 40px;
        padding: 1.8rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid white;
        border-radius: 100%;
        position: absolute;
        left: 92%;
        top: 29%;
        background-color: var(--secondary-color);
        box-shadow: 0 2px 3px rgba(116, 116, 116, 0.603);
    }

    .contactus-div .right-details .img-cont .icon-place-absolute .call-icon i {
        font-size: 1.9rem;
        color: white;
    }

    .contactus-div .right-details .img-cont .icon-place-absolute .headphone-icon {
        width: 40px;
        height: 40px;
        padding: 1.4rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid white;
        border-radius: 100%;
        position: absolute;
        left: -8%;
        top: 45%;
        background-color: var(--secondary-color);
        box-shadow: 0 2px 3px rgba(116, 116, 116, 0.603);
    }

    .contactus-div .right-details .img-cont .icon-place-absolute .headphone-icon i {
        font-size: 1.4rem;
        color: white;
    }

    .contactus-div .right-details .img-cont .icon-place-absolute .comment-icon {
        width: 40px;
        height: 40px;
        padding: 1.3rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid white;
        border-radius: 100%;
        position: absolute;
        left: 31%;
        top: -1%;
        background-color: var(--secondary-color);
        box-shadow: 0 2px 3px rgba(116, 116, 116, 0.603);
    }

    .contactus-div .right-details .img-cont .icon-place-absolute .comment-icon i {
        font-size: 1.3rem;
        color: white;
    }

    .contactus-div .right-details .content {
        width: 100%;
        margin-top: 0rem;
    }

    .contactus-div .right-details .content .phone-num {
        display: flex;
        align-items: center;
        gap: 10%;
    }

    .contactus-div .right-details .content .phone-num a {
        font-weight: 500;
        transition: color 0.25s ease;
        text-decoration: none;
    }

    .contactus-div .right-details .content .phone-num a:hover {
        color: var(--secondary-color);
    }

    .contactus-div .right-details .content .icon-text {
        display: flex;
        align-items: center;
        gap: 5%;
        margin-bottom: 1.1rem;
        margin-left: 1rem;
    }

    .contactus-div .right-details .content .icon-text:last-child {
        display: flex;
        align-items: center;
        gap: 5%;
        margin-bottom: 0.5rem;
        margin-left: 1rem;
    }

    .contactus-div .right-details .content .icon-text .icon {
        width: 35px;
        height: 35px;
        padding: 1.6rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--secondary-color);
        border-radius: 100%;
    }

    .contactus-div .right-details .content .icon-text .icon i {
        font-size: 1.5rem;
        color: var(--secondary-color);
    }

    .contactus-div .right-details .content .icon-text h5 {
        width: 100%;
        font-size: 16px;
        font-weight: 500;
        padding: 0;
        margin: 0;
    }

    .contactus-div .right-details .content .icon-text h5 a {
        font-size: 16px;
        font-weight: 500;
        padding: 0;
        margin: 0;
    }

    .office-time {
        width: 100%;
    }

    /* Contact Us Page CSS ends here */





    /* Blogs Page CSS starts here */
    .blogs-Complete-Page {
        width: 100%;
        padding: 4rem 0;
    }

    .blog-completepage-divider {
        width: 100%;
        display: flex;
        justify-content: center;
        gap: 3%;
    }

    .blog-completepage-divider .left-numberofBlogs {
        width: 65%;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box {
        width: 100%;
        border: 1px solid #ccc;
        padding-bottom: 1rem;
        margin-bottom: 2.2rem;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .img-cont {
        width: 100%;
        height: 380px;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .date-author {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 1rem;
        background-color: var(--secondary-color);
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .date-author .icon-text {
        display: flex;
        align-items: baseline;
        padding-top: 0.5rem;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .date-author .icon-text i {
        margin-right: 6px;
        font-size: 14px;
        color: white;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .date-author .icon-text h6 {
        font-size: 15px;
        color: white;
        font-family: var(--pri-fontFamily);
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .title-and-para {
        padding: 0.5rem 1rem;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .title-and-para h3 {
        font-size: 2rem;
        font-weight: 500;
        font-family: var(--sec-fontFamily);
        color: #373737f8;
    }

    .blog-completepage-divider .left-numberofBlogs .blog-single-detail-box .title-and-para p {
        font-size: 17px;
        display: -webkit-box;
        color: #6c6c6c;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }



    .blog-completepage-divider .right-recents-blogs {
        width: 32%;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-container {
        width: 100%;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-container h3 {
        font-size: 1.5rem;
        font-weight: 600;
        font-family: var(--pri-fontFamily);
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-container hr {
        border: 2px solid var(--pri-fontColor);
        margin: 0;
        margin-bottom: 1.2rem;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box {
        width: 100%;
        padding: 1rem;
        background-color: rgb(236, 236, 253);
        margin-bottom: 1.6rem;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a {
        text-decoration: none;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a .date-author-img {
        display: flex;
        justify-content: center;
        align-items: end;
        gap: 3%;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a .date-author-img .img-cont {
        width: 34%;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a .date-author-img .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a .date-author-img .date-author {
        display: flex;
        flex-direction: column;
        width: 73%;
        background: linear-gradient(to left, transparent, white);
        padding: 0.5rem;
        padding-bottom: 0;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a .date-author-img .date-author .icon-text {
        display: flex;
        align-items: baseline;
        color: #656565;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a .date-author-img .date-author .icon-text i {
        font-size: 12.5px;
        margin-right: 5px;
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a .date-author-img .date-author .icon-text h6 {
        font-size: 13px;
    }


    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a h5 {
        margin-top: 0.5rem;
        font-size: 21px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        color: var(--secondary-fontColor);
    }

    .blog-completepage-divider .right-recents-blogs .recent-blog-post-box a p {
        font-size: 14px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #4f4f4f;
        margin-bottom: 0.1rem;
    }



    #pagination-controls-blogs {
        text-align: center;
        margin: 24px 0;
    }

    #pagination-controls-blogs::before {
        content: "—";
        margin-right: 6px;
    }

    #pagination-controls-blogs::after {
        content: "—";
        margin-left: 6px;
    }

    #pagination-controls-blogs .pagination-button {
        padding: 0.8rem 1.3rem;
        margin: 0 5px;
        border: 1px solid #ddd;
        background-color: #fff;
        cursor: pointer;
    }

    #pagination-controls-blogs .pagination-button.active {
        background-color: #007bff;
        color: #fff;
    }


    /* Blog Details Complete Page on click of read more button it opens*/
    .blog-detail-complete-container {
        position: relative;
        padding: 15px 0;
        background-color: #fff;
        border-radius: 10px;
        margin: auto;
    }

    .blog-detail-complete-container .blogs-details-cmplte {
        width: 100%;
        padding-bottom: 3rem;
        position: relative;
    }

    .img-date-author {
        display: flex;
        justify-content: center;
        align-items: end;
        gap: 2.5%;
        width: 90%;
        margin: auto;
        margin-top: 2.4rem;
        background-color: rgb(245, 245, 255);
        padding: 2rem 1.6rem;
        border-radius: 10px;
    }

    .img-date-author .left-img {
        width: 41.5%;
        margin: auto;
    }

    .blog-detail-complete-container .blogs-details-cmplte .img-cont {
        width: 100%;
        height: 290px;
        border: none;
        background-position: center !important;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .blog-detail-complete-container .blogs-details-cmplte .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        backdrop-filter: blur(9px) brightness(50%);
    }

    .blog-detail-complete-container .blogs-details-cmplte .content {
        width: 90%;
        margin: auto;
        padding: 0.6rem 1rem;
        padding-bottom: 1rem;
    }


    .blog-detail-complete-container .blogs-details-cmplte .date-author {
        gap: 8%;
        width: 56%;
    }

    .blog-detail-complete-container .blogs-details-cmplte .date-author .bg-icon-text {
        background: linear-gradient(to right, var(--secondary-color), transparent);
        padding: 0.8rem 1rem;
    }

    .blog-detail-complete-container .blogs-details-cmplte .date-author .icon-text {
        display: flex;
        align-items: baseline;
        color: white;
        margin-top: 0.4rem;
    }

    .blog-detail-complete-container .blogs-details-cmplte .date-author .icon-text i {
        font-size: 17px;
        margin-right: 7px;

    }

    .blog-detail-complete-container .blogs-details-cmplte .date-author .icon-text h6 {
        font-size: 17px;
        font-weight: 500;
    }

    .blog-detail-complete-container .blogs-details-cmplte h4 {
        font-size: 2.3rem;
        margin-top: 0.5rem;
        margin-bottom: 1rem;
        color: #37383f;
        letter-spacing: -0.2px;
        font-family: var(--pri-fontFamily);
    }

    .blog-detail-complete-container .blogs-details-cmplte .heading-paragrapgh p {
        font-size: 17.5px;
        width: 100%;
        text-align: justify;
        margin: 0.1rem 0;
        color: #6a6b71;
    }

    .blog-detail-complete-container .blogs-details-cmplte .heading-paragrapgh ul {
        font-size: 17.5px;
        width: 100%;
        text-align: justify;
        margin: 0.3rem 0;
        color: #6a6b71;
        list-style: disc;
        padding-left: 20px;
    }

    /* Blog Details Complete Page on click of read more button it opens ends*/

    /* Blogs Page CSS ends here */



    /* Services Page CSS Starts here */
    .herosection-service {
        width: 100%;
        padding: 5rem 0;
        padding-bottom: 3rem;
    }

    .herosection-service .hero-servicePage-divider {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 3%;
    }

    .herosection-service .hero-servicePage-divider .left-img {
        width: 48%;
    }

    .herosection-service .hero-servicePage-divider .left-img .img-cont-serv-hero {
        width: 100%;
        height: 22rem;
    }

    .herosection-service .hero-servicePage-divider .left-img .img-cont-serv-hero img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }

    .herosection-service .hero-servicePage-divider .right-desc-serv-hero {
        width: 49%;
    }

    .herosection-service .hero-servicePage-divider .right-desc-serv-hero h3 {
        font-size: 2.5rem;
        color: var(--pri-fontColor);
        font-family: var(--pri-fontFamily);
    }

    .herosection-service .hero-servicePage-divider .right-desc-serv-hero h3 span {
        color: var(--secondary-color);
    }

    .herosection-service .hero-servicePage-divider .right-desc-serv-hero p {
        width: 99%;
        text-align: justify;
        margin-top: 1.4rem;
        margin-bottom: 1.5rem;
        line-height: 1.6;
        color: #6f6f6f;
        font-size: 15.5px;
        font-family: var(--pri-fontFamily);
    }

    /* Services Page CSS ends here */


    /* Service details page CSS Starts here */
    .serv-details-page {
        width: 100%;
        padding: 3.5rem 0;
    }

    .serv-details-page .serv-detail-div {
        width: 100%;
        display: flex;
        gap: 3%;
    }

    .serv-details-page .serv-detail-div .left-img-btn {
        width: 33%;
    }

    .serv-details-page .serv-detail-div .left-img-btn .pos-imag-servBTN {
        position: sticky;
        top: 13%;
        margin-top: 0.4rem;
        padding-bottom: 2rem;
    }

    .serv-details-page .serv-detail-div .left-img-btn .img-cont {
        width: 100%;
        height: 19vw;
        max-height: none;
        /* border: 2px solid white; */
        margin-bottom: 1.5rem;
        border-radius: 12px;
    }

    .serv-details-page .serv-detail-div .left-img-btn .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 12px;
    }



    .serv-details-page .serv-detail-div .right-serv-desc {
        width: 64%;
    }

    .serv-details-page .serv-detail-div .right-serv-desc .serv-title {
        font-size: 1.9rem !important;
        margin: 0 !important;
        margin-bottom: 0.5rem !important;
    }

    .serv-details-page .serv-detail-div .right-serv-desc h4 {
        font-size: 1.3rem;
        margin: 2rem 0;
        margin-bottom: 0.6rem;
    }

    .serv-details-page .serv-detail-div .right-serv-desc p {
        font-size: 14.4px;
    }

    .serv-details-page .serv-detail-div .right-serv-desc ul li {
        font-size: 14.4px;
        margin: 0.6rem 0;
    }

    /* Service details page CSS ends here */



    /* middlebanner section css starts here */

    .lets-work-together {
        padding: 4.5rem 0;
    }

    /* middlebanner section css ends here */

}


@media screen and (min-width: 1350.1px) and (min-height:1100px) {

    .carousel-img-container {
        width: 100%;
        height: 64vw !important;
        max-height: 1150px;
        position: relative;
        z-index: -1;
    }
}