:root {
    --primary-color: rgb(19, 14, 5);
    --secondary-color: #c0a06a;
    --third-color: #f5f2cb;
    --text-white: white;
    --text-dark: black;
    --pri-fontColor: #777258;
    --sec-fontColor: #dbd9cd;
    --pri-fontFamily: "Outfit", serif;
    --sec-fontFamily: "Noto Serif", serif;
}



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

    .carousel-control-prev,
    .carousel-control-next {
        display: none;
    }

    .carousel-inner .carouselcontent h3 {
        width: 80%;
        font-size: 7vw !important;
        font-weight: 500;
        color: white;
    }

    .carousel-inner .content .trustedline {
        display: none;
    }

    .team-box-col {
        width: 100% !important;
    }

    .footer-links-col {
        width: 100% !important;
    }

    .footer-compbanner .footbanner-div .right-company-details {
        width: 97%;
        margin: auto;
        margin-top: 1.1rem;
        padding: 0.7rem 0;
    }

    .footer-compbanner .footbanner-div .right-company-details .com_detail-box {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
        gap: 3%;
        margin: 0.34rem 0 !important;
        padding: 0.5rem 0.4rem !important;
        text-align: center;
    }

    .footer-compbanner .footbanner-div .right-company-details .com_detail-box i {
        width: 45px !important;
        height: 45px !important;
        padding: 1.1rem !important;
        font-size: 1.1rem !important;
        margin-bottom: 0.5rem;
        margin-top: 0px !important;
    }

    .footer-compbanner .footbanner-div .right-company-details .com_detail-box .comp_det-desc h6 {
        font-size: 15px !important;
    }

    .footer-compbanner .footbanner-div .right-company-details .com_detail-box .comp_det-desc h6 a {
        font-size: 15px !important;
    }

    .footer-compbanner .footbanner-div .right-company-details .com_detail-box .email h6 a {
        font-size: 15.3px !important;
        word-break: break-all;
    }

    .company-rights-div p {
        font-weight: 400 !important;
        font-size: 14px !important;
        margin: 0.1rem 0 !important;
    }



    .spec-title {
        font-size: 17vw !important;
        font-weight: 800 !important;
        letter-spacing: 2px !important;
        margin: 0 !important;
        opacity: 0.25;
    }

    .section-heading {
        font-size: 1.7rem !important;
    }

    .services-indexsection .head .section-heading {
        font-size: 1.7rem !important;
    }

    .services-indexsection .srvcs-boxes-index .servcs-box .servcs-box-content h4 {
        font-size: 1.2rem !important;
        color: var(--secondary-color) !important;
    }


    .common-banner .section-heading {
        font-size: 1.5rem !important;
    }

    .clients-section .spec-title {
        font-size: 17vw !important;
    }

    .clients-section .head .section-heading {
        font-size: 1.7rem !important;
    }

    .blogs-index-section .head .section-heading {
        font-size: 1.7rem !important;
    }

    .blg-index-col .blg-box .blg-title {
        font-size: 1.2rem !important;
        -webkit-line-clamp: 3 !important;
    }

    .about-pagehero-section .aboutHero-pagediv .left-halfabout .section-heading {
        font-size: 1.6rem !important;
        margin-top: -1.4rem !important;
        margin-bottom: 0.6rem;
    }

    .about-pagehero-section .aboutHero-pagediv .right-halfimg .img-cont img {
        background-color: rgb(255, 255, 255);
    }


    .team-about-page .spec-title {
        font-size: 17vw !important;
    }

    .team-about-page .head .section-heading {
        font-size: 1.7rem !important;
        margin-top: -1.7rem !important;
    }

    .teamSwiper {
        padding: 1rem 0rem !important;
    }

    .teams-box {
        padding: 0.5rem !important;
    }

    .teams-box .content .teamMember-name {
        font-size: 1.2rem !important;
    }


    .contactus-page-section .spec-title {
        font-size: 16vw !important;
    }

    .contactus-page-section .contactus-page-compdiv .section-heading {
        margin-top: -1.4rem !important;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp .phone-numbers {
        display: flex;
        flex-direction: column !important;
        gap: 0%;
    }

    .phone-divider {
        display: none;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp .icon-and-text {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        justify-content: center;
        gap: 0%;
        margin-bottom: 1.6rem !important;
    }
    .contactus-page-compdiv .left-halfdesc .contact-details-comp .icon-and-text:last-child {
        margin-bottom: 0rem !important;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp .icon-and-text .icon {
        margin-bottom: 0.4rem;
    }

    .blogs-page-col .blg-title {
        font-size: 1.2rem !important;
        -webkit-line-clamp: 3 !important;
    }

    .blogs-details-page .blogs-details-cmplte .date-author .bg-icon-text {
        display: block !important;
    }

    .blogs-details-page .blogs-details-cmplte .blog-tt {
        font-size: 1.3rem !important;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh p {
        font-size: 14.5px !important;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh ul {
        margin: 0.5rem 0 !important;
        list-style: disc;
        padding-left: 16px;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh ul li {
        font-size: 14.5px !important;
        margin: 0.3rem 0 !important;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh ul strong {
        font-size: 16px !important;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh h6,
    ul h6 {
        font-size: 16px !important;
        margin-top: 1.3rem !important;
        margin-bottom: 0.4rem !important;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh h5,
    ul h5 {
        font-size: 1.2rem !important;
        margin-top: 1.3rem !important;
        margin-bottom: 0.4rem !important;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh h4,
    ul h4 {
        font-size: 1.35rem !important;
        margin-top: 1.3rem !important;
        margin-bottom: 0.4rem !important;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh h3,
    ul h3 {
        font-size: 1.5rem !important;
        margin-top: 1.3rem !important;
        margin-bottom: 0.4rem !important;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh h2,
    ul h2 {
        font-size: 1.65rem !important;
        margin-top: 1.3rem !important;
        margin-bottom: 0.4rem !important;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh h1,
    ul h1 {
        font-size: 1.9rem !important;
        margin-top: 1.3rem !important;
        margin-bottom: 0.4rem !important;
    }


    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc .serv-title {
        font-size: 1.6rem !important;
        margin: 0 !important;
        margin-bottom: 0.5rem !important;
    }
    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc h2,
    ul h2 {
        font-size: 1.8rem !important;
        margin: 1.3rem 0 !important;
        margin-bottom: 0.4rem !important;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc h3,
    ul h3 {
        font-size: 1.55rem !important;
        margin: 1.3rem 0 !important;
        margin-bottom: 0.4rem !important;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc h4,
    ul h4 {
        font-size: 1.4rem !important;
        margin: 1.3rem 0 !important;
        margin-bottom: 0.4rem !important;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc h5,
    ul h5 {
        font-size: 1.22rem !important;
        margin: 1.3rem 0 !important;
        margin-bottom: 0.4rem !important;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc h6,
    ul h6 {
        font-size: 16px !important;
        margin: 1.3rem 0 !important;
        margin-bottom: 0.4rem !important;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc p {
        font-size: 14.5px !important;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc ul li {
        font-size: 14.5px !important;
    }
}



@media screen and (min-width:350px) and (max-width:376px) {
    .spec-title {
        font-size: 19vw !important;
        font-weight: 800 !important;
        letter-spacing: 2px !important;
        margin: 0 !important;
        opacity: 0.25;
    }

    .contactus-page-section .spec-title {
        font-size: 16vw !important;
    }

}



@media screen and (max-width:550px) {
    .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: var(--primary-color);
        width: 97%;
        margin: auto;
        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: none;
        border-radius: 0;
        padding: 0.2rem 0.2rem;
        margin-bottom: 0.3rem;
        margin-top: 0.2rem;
        border: 0.2px solid var(--secondary-color);
    }

    .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: 17px;
        text-align: left;
        margin-left: 0 !important;
        padding: 0.7rem 0.8rem !important;
        border-bottom: none;
        /* border: 2px solid white; */
    }


    .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;
        background-color: var(--primary-color);
        width: 95%;
        margin: auto;
        max-width: none;
        display: none;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        box-shadow: none;
        border-radius: 0;
        padding: 0.3rem 0.4rem;
        margin-top: 4px;
        margin-bottom: 4px;
        border: 0.2px solid var(--secondary-color);
    }

    .sub-dropdown-twice a {
        border-bottom: 0.2px solid var(--secondary-color);
    }

    .sub-dropdown-twice a:active {
        color: var(--secondary-color) !important;
    }

    .sub-dropdown-twice a:last-child {
        border-bottom: none;
    }

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


    .no-scroll {
        overflow: hidden;
    }

    .menu-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        z-index: 887;
    }

    /* Overlay visible when menu is open */
    .menu-overlay.active {
        opacity: 1;
        visibility: visible;
    }

    .navbar-complete-body {
        display: flex;
        align-items: center;
        width: 100%;
        height: 5rem;
        background-color: var(--primary-color);
        position: fixed;
        top: 0 !important;
        z-index: 888 !important;
        transition: all 0.3s ease;
    }

    .nav-sticky {
        background-color: var(--primary-color);
        box-shadow: 0 0 12px rgba(40, 40, 40, 0.595);
        transition: all 0.3s ease;
    }

    .navbar-complete-body .navbar-section {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .navbar-section .navbar_logo {
        width: 130px;
        height: 60px;
        padding-left: 0.3rem;
    }

    .navbar-section .navbar_logo .main-logo {
        width: 100%;
        height: 100%;
        object-fit: contain;
        filter: drop-shadow(0 0.2px 0.7px #565656);
        background-color: rgba(255, 255, 255, 0.248);
        padding: 0.2rem;
        margin-top: 0rem;
    }

    .navbar-section .navbar_links ul {
        display: block;
        flex-direction: column;
        justify-content: center;
        list-style: none;
        gap: 0rem;
        position: fixed;
        left: 0;
        top: 4.51rem;
        z-index: 25 !important;
        width: 100%;
        max-height: 540px !important;
        overflow-x: hidden;
        background-color: var(--primary-color);
        padding: 1rem 0.5rem;
        box-shadow: 0 4px 5px rgba(0, 0, 0, 0.675);
        transform: translateY(-981px);
        /* Hide initially above */
        transition: transform 0.3s ease-in-out;
    }

    .navbar-section .navbar_links ul.open {
        transform: translateY(0);
        /* Slide down when open */
    }


    .navbar-section .navbar_links ul li {
        font-size: 17.8px;
        font-weight: 400;
        margin: 0rem 0;
        padding: 0rem 0;
        font-family: var(--pri-fontFamily);
    }

    .navbar-section .navbar_links ul li a {
        color: white;
        padding: 0.7rem 0.6rem;
    }

    .navbar-section .navbar_links ul li .bord-btm-hover {
        display: flex;
        gap: 0%;
    }

    .navbar-section .navbar_links ul li .bord-btm-hover::after {
        display: none;
    }

    .navbar-section .navbar_links ul li .bord-btm-hover:hover::after {
        display: none;
    }

    .call-us-nav-btn {
        display: none;
    }

    .small-multidevice-visible-only {
        display: block;
    }

    .small-multidevice-visible-only a {
        display: flex;
        align-items: center;
        color: var(--secondary-color) !important;
    }

    .small-multidevice-visible-only a i {
        margin-right: 0.6rem;
    }




    .custm-btn {
        border: 2px solid var(--secondary-color);
        padding: 0.45rem 0.8rem;
        font-size: 13.6px;
        font-weight: 600;
        z-index: 50;
        letter-spacing: 0.4px;
    }

    .custm-btn2 {
        border: 2px solid var(--text-white);
        padding: 0.45rem 0.8rem;
        font-size: 13.6px;
        font-weight: 600;
        z-index: 50;
        letter-spacing: 0.4px;
    }




    /* menu close button */
    /* Basic styles for the menu button */
    .menu-btns {
        width: 26px;
        height: 22px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        cursor: pointer;
        position: relative;
        z-index: 1000;
        margin-right: 0.6rem;
        transition: all 0.3s ease-in-out;
    }

    /* Styles for the bars (spans) */
    .menu-btns span {
        display: block;
        height: 4px;
        /* width: 100%; */
        background-color: var(--text-white);
        /* Change to your desired color */
        border-radius: 4px;
        transition: all 0.3s ease-in-out;
    }

    /* Change to a close button when active */
    .menu-btns.active span:nth-child(1) {
        transform: rotate(45deg) translate(6px, 6.5px);
    }

    .menu-btns.active span:nth-child(2) {
        opacity: 0;
    }

    .menu-btns.active span:nth-child(3) {
        transform: rotate(-45deg) translate(6px, -6.5px);
    }

    /* menu close button ends */



    .socialmedia-sidebar {
        position: fixed !important;
        left: -48px;
        top: 33%;
        z-index: 886;
        transition: left 0.23s ease-out;
        width: auto;
        height: auto;
        background-color: rgb(225, 225, 225);
        padding-right: 0.8rem;
        border-top-right-radius: 42px;
        border-bottom-right-radius: 42px;
        box-shadow: 3px 1px 4px rgba(87, 87, 87, 0.623);
        cursor: grab;
        display: flex;
        align-items: center;
    }

    .socialmedia-abs {
        display: flex;
        flex-direction: column;
        background-color: var(--text-white);
        padding: 1rem;
        border-top-right-radius: 25px;
        border-bottom-right-radius: 25px;
    }

    .socialmedia-abs a {
        text-decoration: none;
        color: var(--primary-color);
        margin: 0.8rem 0;
        font-size: 1.2rem !important;
    }

    .sidebar-arrow-right {
        position: absolute;
        z-index: 99999;
        color: var(--primary-color);
        top: 45%;
        left: 80%;
        font-size: 1.5rem;
        animation: Sidebararrow 1.2s linear infinite;
        display: block;
    }

    .sidebar-arrow-left {
        position: absolute;
        z-index: 99999;
        color: var(--primary-color);
        top: 45%;
        left: 80%;
        font-size: 1.5rem;
        animation: Sidebararrow 1.2s linear infinite reverse;
        display: none;
    }


    @keyframes Sidebararrow {
        0% {
            transform: translateX(0);
            opacity: 0;
        }

        100% {
            transform: translateX(50%);
            opacity: 1;
        }
    }

    .whatsappicon {
        position: fixed;
        top: 88.5%;
        left: 1.5%;
        z-index: 881;
    }

    .whatsappicon a {
        text-decoration: none;
    }

    .whatsappicon img {
        width: 62px;
        height: 62px;
        object-fit: contain;
    }

    .top-scroll-full {
        display: none;
    }




    /* Carousel Hero */
    .carousel-control-prev,
    .carousel-control-next {
        display: none;
    }

    .carousel-fade .carousel-item {
        width: 100%;
        height: 75vw;
    }

    .carousel-inner {
        position: relative;
        z-index: 8;
        margin-top: 5.01rem;
    }

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

    .carousel-inner .carouselcontent {
        position: absolute;
        top: 53%;
        left: 43.9%;
        transform: translate(-50%, -50%);
        width: 80%;
        margin: auto;
        color: white;
        z-index: 555 !important;
    }

    .carousel-inner .carouselcontent h3 {
        width: 96%;
        font-size: 1.6rem;
        font-weight: 600;
        color: white;
    }

    .carousel-inner .carouselcontent .carousel-para {
        display: none;
        /* width: 64%;
        font-size: 21px;
        color: white !important;
        padding: 0.5rem 0; */
    }

    .carousel-inner .carouselcontent .trustedline {
        width: 64%;
        font-size: 12px;
        color: white !important;
        padding-top: 0.8rem;
    }

    .img-screenoverlay {
        width: 100%;
        height: 100%;
        position: absolute;
        inset: 0;
        background: linear-gradient(245deg, transparent, var(--secondary-color));
        z-index: 3;
        opacity: 0.5;
    }

    .video-screenoverlay {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0.2;
        z-index: 4;
    }

    /* Carousel Hero ends */




    /* gettoknowus section css starts here */
    .index-about-section {
        width: 100%;
        background-color: var(--primary-color);
        padding: 4.5rem 0;
        padding-top: 4rem;
        overflow: hidden;

        background-repeat: no-repeat;
        background-position: 73% 60%;
        background-size: cover;
        background-blend-mode: soft-light;
    }

    .index-about-section .indexabout-div {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 0%;
    }

    .index-about-section .indexabout-div .left-halfimg {
        width: 97%;
        margin: auto;
        order: 2;
        margin-top: 1.6rem;
    }

    .index-about-section .indexabout-div .left-halfimg .img-cont {
        width: 100%;
        height: 0vw;
        max-height: none;
        border-radius: 5px;
    }

    .index-about-section .indexabout-div .left-halfimg .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 5px;
    }


    .index-about-section .indexabout-div .right-halfdesc {
        width: 97%;
        margin: auto;
        order: 1;
    }

    .spec-title {
        font-size: 4.4rem;
        font-weight: 800 !important;
        letter-spacing: 2px !important;
        margin: 0 !important;
        opacity: 0.25;
    }

    .section-title {
        font-size: 14px;
        font-weight: 700;
    }

    .section-heading {
        font-size: 2rem;
        margin-bottom: 0.6rem;
        margin-top: -1.8rem;
    }

    .section-paragraph {
        font-size: 15px;
        margin-bottom: 0.4rem;
    }


    .successful-numbers-section {
        width: 100%;
        padding: 5rem 0;
        padding-bottom: 4rem;
        overflow: hidden;
    }

    .successful-numbers-section .content {
        margin: 2rem 0;
    }

    .successful-numbers-section .content h2 {
        font-size: 2.8rem !important;
        font-weight: 600;
    }

    .successful-numbers-section .content h3 {
        font-size: 2.4rem !important;
        font-weight: 500;
    }

    .successful-numbers-section .content h6 {
        font-size: 16px;
        text-transform: uppercase;
    }

    .successful-numbers-section .outer-layer-circle .first-line {
        display: none;
    }

    .successful-numbers-section .outer-layer-circle .second-line {
        display: none;
    }

    /* gettoknowus section css ends here */




    .shine-bg-shadow1 {
        width: 180px;
        height: 180px;
        box-shadow: 300px 200px 1000px var(--secondary-color);
        position: absolute;
        left: -120%;
        top: -14%;
        z-index: 0.2;
        opacity: 0.3;
        animation: movableitem 19s ease infinite;
    }

    .shine-bg-shadow2 {
        width: 250px;
        height: 250px;
        box-shadow: -400px 15px 1100px var(--secondary-color);
        position: absolute;
        right: -170%;
        top: -2%;
        z-index: 0.3;
        opacity: 0.4;
        animation: movableitem2 23s ease infinite;
    }



    .shine-bg-shadow3 {
        width: 190px;
        height: 190px;
        box-shadow: 300px 200px 1000px var(--secondary-color);
        position: absolute;
        left: -112%;
        bottom: 30%;
        z-index: 0.2;
        opacity: 0.3;
        animation: movableitem 19s ease infinite;
    }

    .shine-bg-shadow4 {
        width: 260px;
        height: 260px;
        box-shadow: -500px 15px 1100px var(--secondary-color);
        position: absolute;
        right: -177%;
        bottom: 82%;
        z-index: 0.3;
        opacity: 0.2;
        animation: movableitem2 19s ease infinite;
    }

    .shine-bg-shadow5 {
        width: 260px;
        height: 260px;
        box-shadow: -500px 15px 1100px var(--secondary-color);
        position: absolute;
        right: -0%;
        bottom: -100%;
        z-index: 0.3;
        opacity: 0.2;
        animation: movableitem3 1s ease-in infinite;
    }


    /* services index page css starts here */
    .services-indexsection {
        width: 100%;
        padding: 2.4rem 0;
        padding-bottom: 3rem;
        overflow: hidden;
    }

    .services-indexsection .head .section-heading {
        font-size: 2rem;
        margin-top: -2rem !important;
        margin-bottom: 0.6rem;
    }

    .services-indexsection .head .section-paragraph {
        font-size: 14px;
        width: 95%;
        margin: auto;
    }

    .services-indexsection .srvcs-boxes-index .service-pos:nth-child(1) .servcs-box.slidInFromBottom.animate-slide-in,
    .services-indexsection .srvcs-boxes-index .service-pos:nth-child(2) .servcs-box.slidInFromBottom.animate-slide-in,
    .services-indexsection .srvcs-boxes-index .service-pos:nth-child(3) .servcs-box.slidInFromBottom.animate-slide-in,
    .services-indexsection .srvcs-boxes-index .service-pos:nth-child(4) .servcs-box.slidInFromBottom.animate-slide-in {
        animation: slide-in-from-bottom 0.65s ease-in-out 0.05s forwards;
    }


    .service-pos {
        margin: 0rem 0;
        margin-bottom: 1.1rem;
    }

    .services-indexsection .srvcs-boxes-index {
        width: 97%;
        margin: auto;
        margin-top: 2rem;
    }

    .services-indexsection .srvcs-boxes-index .servcs-box {
        border-radius: 10px;
        padding: 0.3rem;
        margin-bottom: 1.7rem;
        height: 100%;
        position: relative;
    }

    .services-indexsection .srvcs-boxes-index .servcs-box .img-cont {
        width: 100%;
        height: 62vw;
        max-height: none;
        overflow: hidden;
    }

    .services-indexsection .srvcs-boxes-index .servcs-box .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .services-indexsection .srvcs-boxes-index .servcs-box .servcs-box-content {
        padding: 0.1rem 0rem;
    }

    .services-indexsection .srvcs-boxes-index .servcs-box .servcs-box-content h4 {
        font-family: var(--sec-fontFamily);
        font-size: 1.4rem;
        margin-top: 0.8rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-bottom: 0;
    }

    .services-indexsection .srvcs-boxes-index .servcs-box .servcs-box-content p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-bottom: 0;
        color: var(--sec-fontColor);
        font-size: 16px;
    }

    .services-indexsection .srvcs-boxes-index .servcs-box .servcs-box-content .serv-index-btn {
        font-size: 13px;
        font-weight: 600;
        color: var(--secondary-color);
        text-decoration: none;
        text-transform: uppercase;
        position: absolute;
        bottom: 5%;
    }

    /* services index page css ends here */


    /* middlebanner section css starts here */

    .common-banner {
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: scroll;
        background-position: center;
        padding: 4.5rem 0;
        padding-bottom: 4rem;
        position: relative;
        z-index: 2;
        text-align: center;
    }

    .common-banner .section-heading {
        font-size: 1.8rem;
    }

    .common-banner-btns {
        display: flex;
        flex-wrap: wrap;
        margin-top: 2.4rem;
    }

    .common-banner-btns a {
        font-size: 15px;
        margin-bottom: 1rem;
    }

    .common-banner-btns .slidInFromRight.animate-slide-in {
        animation: slide-in-from-right 0.7s ease-in-out 0.1s forwards;
    }

    .common-banner-btns .slidInFromLefttoright.animate-slide-in {
        animation: slide-in-from-left 0.7s ease-in-out 0.1s forwards;
    }

    /* middlebanner section css ends here */




    /* Multiple Clients CSS starts here */

    .clients-section {
        width: 100%;
        padding: 3.5rem 0;
        padding-bottom: 4.5rem;
    }

    .clients-section .head {
        width: 100%;
        margin-bottom: 1rem;
    }

    .clients-section .spec-title {
        font-size: 4.4rem;
        letter-spacing: 2px !important;
        margin: 0 !important;
        opacity: 0.2 !important;
    }

    .clients-section .head .section-heading {
        font-size: 2rem;
        margin-top: -2rem !important;
        margin-bottom: 0.6rem;
    }

    .clients-section .head .section-paragraph {
        font-size: 14px;
        width: 96%;
        margin: auto;
    }

    .clients-section .clients-boxes {
        width: 100%;
        margin-top: 3rem;
        overflow: hidden;
    }

    .clients-section .clients-boxes .clients-single-box {
        width: 15%;
        height: 6rem;
        margin: 0 0.4rem;
        border-radius: 8px;
    }

    .clients-section .clients-boxes .img-container {
        width: 77%;
        height: 100%;
        margin: auto;
        justify-content: center;
        padding: 0.4rem;
    }

    /* Multiple Clients CSS ends here */





    /* Blogs index section CSS starts here */
    .blogs-index-section {
        width: 100%;
        padding: 2.5rem 0;
        padding-bottom: 10rem;
        overflow: hidden;
    }

    .blogs-index-section .head {
        width: 100%;
        text-align: center;
        margin-bottom: 2.5rem;
    }

    .blogs-index-section .head .section-heading {
        font-size: 2rem;
        margin-top: -2rem;
        margin-bottom: 0.6rem;
    }

    .blogs-index-section .head .section-paragraph {
        font-size: 14px;
        width: 96%;
        margin: auto;
    }

    .blg-index-col {
        width: 97%;
        margin: auto;
        margin-bottom: 2.5rem;
    }

    .blg-index-col:nth-child(3) {
        margin-bottom: 1rem;
    }

    .blg-box {
        height: 100%;
        position: relative;
        padding-bottom: 1.5rem;
    }

    .blg-box .img-cont {
        width: 100%;
        height: 57vw;
        max-height: none;
        overflow: hidden;
    }

    .blg-box .date-and-author-div {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 4%;
        padding: 0.5rem 0;
        padding-bottom: 0.1rem;
        margin-bottom: 0.6rem;
    }

    .blg-box .date-and-author-div .date {
        font-size: 14px;
        font-weight: 500;
    }

    .blg-box .date-and-author-div .author-name {
        font-size: 14px;
        font-weight: 500;
    }

    .blg-box .date-and-author-div .author-name::before {
        content: "|";
        margin-right: 16px;
    }

    .blg-index-col .blg-box .blg-title {
        font-size: 1.4rem;
        font-weight: 500;
    }

    .blg-index-col .blg-box .blg-paragraph {
        font-size: 14.5px;
    }

    .blg-index-col .blg-box .blg-btn {
        font-size: 13.2px;
        font-weight: 600;
        position: absolute;
        bottom: 2.5%;
    }

    /* Blogs index section CSS ends here */




    /* footer BANNER CSS section starts here */
    .footer-compbanner {
        width: 100%;
    }

    .footer-compbanner .footbanner-div {
        width: 100%;
        margin-top: -8rem;
    }

    .footer-banner-col-three {
        width: 100%;
    }

    .footer-compbanner .footbanner-div .right-company-details {
        width: 97%;
        margin: auto;
        margin-top: 1.1rem;
        padding: 0.8rem 0;
        padding-bottom: 0;
    }

    .footer-compbanner .footbanner-div .right-company-details .com_detail-box {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: start;
        gap: 3%;
        margin: 0rem 0;
        padding: 0.8rem 0.6rem;
    }

    .footer-compbanner .footbanner-div .right-company-details .com_detail-box i {
        width: 50px;
        height: 50px;
        padding: 1.2rem;
        font-size: 1.2rem;
        margin-top: -7px;
    }

    .footer-compbanner .footbanner-div .right-company-details .com_detail-box .comp_det-desc h6 {
        font-size: 16px;
    }

    .footer-compbanner .footbanner-div .right-company-details .com_detail-box .comp_det-desc h6 a {
        font-size: 16px;
    }

    .footer-compbanner .footbanner-div .right-company-details .com_detail-box .email h6 a {
        font-size: 16.2px;
    }

    /* footer BANNER CSS section ends here */

    /* footer svgs */
    .footersvgs-abs-footer {
        display: none;
    }

    /* footer svgs ends */

    /* footer section CSS starts here */
    .footer-compsection {
        width: 100%;
        position: relative;
    }

    .footer-compsection h5 {
        font-size: 20.2px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .footer-compsection p {
        font-size: 15px;
    }

    .all-links-footer ul li a {
        font-size: 15.7px;
    }

    .all-links-footer ul li a:hover {
        letter-spacing: 0.1px;
    }

    .company-rights-line {
        width: 100%;
        height: 100%;
        padding: 1rem 0.7rem !important;
    }

    .company-rights-div {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .company-rights-div p {
        font-weight: 500;
        font-size: 15px;
        margin: 0.3rem 0;
        text-align: center;
    }

    .extra-col-footer {
        display: none;
    }

    /* footer section CSS ends here */




    /* breadcrumb section .. common for every page */
    .breadcrumb-overall-section {
        width: 100%;
        height: 14rem;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        margin-top: 5.01rem;
    }

    .breadcrumb-overlay-bgColor {
        opacity: 0.55;
    }

    .bcb-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-top: 4.85rem;
        width: 100%;
        position: relative;
        z-index: 40 !important;
    }

    .bcb-content h2 {
        font-size: 1.65rem;
        width: 100%;
        /* border: 2px solid red; */
        text-align: center;
    }

    .bcb-content .multi-links-breadcrumb {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 2%;
    }

    .bcb-content .multi-links-breadcrumb a {
        font-size: 15px;
    }

    .bcb-content .multi-links-breadcrumb h6 {
        font-size: 15px;
    }

    /* breadcrumb section .. common for every page ends */



    /* About Us Page CSS Starts here */
    .about-pagehero-section {
        width: 100%;
        padding: 3rem 0;
        padding-bottom: 4.2rem;
    }

    .about-pagehero-section .aboutHero-pagediv {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 0%;
    }

    .about-pagehero-section .aboutHero-pagediv .left-halfabout {
        width: 97%;
        margin: auto;
    }

    .about-pagehero-section .aboutHero-pagediv .left-halfabout .section-heading {
        font-size: 1.9rem;
        margin-top: -2rem;
        margin-bottom: 0.6rem;
    }

    .about-pagehero-section .aboutHero-pagediv .left-halfabout .section-paragraph {
        font-size: 15.5px;
    }


    .about-pagehero-section .aboutHero-pagediv .right-halfimg {
        width: 97%;
        margin: auto;
        margin-top: 1.5rem;
    }

    .about-pagehero-section .aboutHero-pagediv .right-halfimg .img-cont {
        width: 100%;
        height: auto;
        max-height: none;
    }

    .about-pagehero-section .aboutHero-pagediv .right-halfimg .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        background-color: rgb(255, 255, 255);
    }

    .abt-page-stats {
        padding: 2.5rem 0;
        padding-bottom: 3rem;
    }


    /* team member section css starts here */
    .team-about-page {
        width: 100%;
        padding-top: 3rem;
        padding-bottom: 7rem;
        overflow: hidden;
    }

    .team-about-page .head {
        width: 100%;
        text-align: center;
        margin-bottom: 2.5rem;
    }

    .team-about-page .spec-title {
        font-size: 4.4rem;
        letter-spacing: 2px !important;
        margin: 0 !important;
        opacity: 0.2 !important;
    }

    .team-about-page .head .section-heading {
        font-size: 2rem;
        margin-top: -2rem;
        margin-bottom: 0.6rem;
    }

    .team-about-page .head .section-paragraph {
        font-size: 14px;
        width: 96%;
        margin: auto;
    }

    .teamSwiper {
        padding: 1rem 0.4rem;
    }

    .teams-box {
        margin-bottom: 4rem;
    }

    .teams-box .img-cont {
        width: 100%;
        height: 76vw;
        max-height: none;
        border-radius: 10px;
    }

    .teams-box .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
    }

    .teams-box .content {
        margin: 1rem 0;
    }

    .teams-box .content .designation {
        font-size: 13px;
        font-weight: 400;
    }

    .teams-box .content .teamMember-name {
        font-size: 1.4rem;
    }

    /* team member section css ends here */

    /* About Us Page CSS Ends here */




    /* Contact US Page CSS Starts here */
    .contactus-page-section {
        width: 100%;
        background-color: var(--primary-color);
        padding: 3.5rem 0;
        padding-bottom: 10rem;
        overflow: hidden;
        position: relative;
    }

    .contactus-page-section .spec-title {
        font-size: 4rem;
        letter-spacing: 1.2px !important;
        opacity: 0.2 !important;
        margin: 0 !important;
    }

    .contactus-page-section .contactus-page-compdiv {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 0%;
    }

    .contactus-page-section .contactus-page-compdiv .section-heading {
        margin-top: -1.7rem;
        margin-bottom: 0.6rem;
    }

    .contactus-page-section .contactus-page-compdiv .section-paragraph {
        font-size: 14px;
        font-weight: 400;
        width: 98%;
        margin: auto;
    }

    .contactus-page-section .contactus-page-compdiv .left-halfdesc {
        width: 97%;
        margin: auto;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp {
        width: 100%;
        margin-top: 1.5rem;
        padding: 2rem 0.8rem;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp .phone-numbers {
        display: flex;
        align-items: center;
        gap: 3%;
        width: 100%;
        flex-wrap: wrap;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp h6 {
        font-weight: 400;
        font-size: 16px;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp .email-ids h6 a {
        font-weight: 400;
        font-size: 16px;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp .phone-numbers a {
        font-weight: 400;
        font-size: 16px;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp .icon-and-text {
        display: flex;
        align-items: center;
        gap: 3%;
        margin-bottom: 1.2rem;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp .icon-and-text:last-child {
        display: flex;
        align-items: center;
        gap: 3%;
        margin-bottom: 0rem;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp .icon-and-text .icon {
        width: 30px;
        height: 30px;
        padding: 1.4rem;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp .icon-and-text .icon i {
        font-size: 1.3rem;
    }

    .office-time {
        width: 100%;
    }


    .contactus-page-section .contactus-page-compdiv .right-halfForm {
        width: 97%;
        margin: auto;
        margin-top: 2.5rem;
    }

    .contactus-page-section .contactus-page-compdiv .right-halfForm form input {
        font-size: 16px;
    }

    .contactus-page-section .contactus-page-compdiv .right-halfForm form textarea {
        font-size: 16px;
    }

    /* Contact US Page CSS ends here */






    /* Galllery Section starts here */
    .Gallery-section {
        width: 100%;
        height: 100%;
        padding: 10.5rem 0;
        padding-top: 3rem;
        overflow: hidden;
        background-color: var(--primary-color);
    }

    .Gallery-body .heading-department {
        width: 97%;
        margin: auto;
        margin-bottom: 1.8rem;
        text-align: center;
    }

    .Gallery-body .heading-department .section-heading {
        font-size: 2rem;
        margin-top: -2rem;
        margin-bottom: 0.6rem;
    }

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

    .Gallery-body .gallery-boxes a {
        text-decoration: none;
    }

    .Gallery-body .gallery-boxes .img-container {
        width: 100%;
        height: 63vw;
        max-height: none;
        border-radius: 8px;
    }

    .Gallery-body .gallery-boxes .img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        border-radius: 8px;
    }

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

    .hidden {
        display: none !important;
    }

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

    .gallery-select-buttons .gallery-btn {
        padding: 0.6rem 1.4rem;
        font-size: 14.5px;
        font-weight: 600;
        border: none;
        border-radius: 25px;
        margin-bottom: 1rem;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.17);
    }

    .current-btn-selected {
        padding: 0.6rem 1.4rem;
        font-size: 14.5px;
        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: 1.2rem;
        gap: 0.5rem;
    }

    .pagination-controls .pagination-btn {
        padding: 0.5rem 1rem;
        border: none;
        border-radius: 5px;
    }

    /* Gallery Page CSS Ends Here ------------------------------------ */



    /* blog page css starts here */
    .blogs-section-comppage {
        width: 100%;
        background-color: var(--primary-color);
        padding: 4.5rem 0;
        padding-bottom: 9rem;
    }

    .blogs-section-comppage .blogs-div {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 0%;
    }

    .blogs-section-comppage .blogs-div .left-blogs-main {
        width: 97%;
        margin: auto;
    }

    .blogs-page-col {
        width: 100%;
        margin-bottom: 2.5rem;
    }

    .blogs-page-col .blog-box .img-cont {
        height: 52vw;
    }

    .blogs-page-col .blg-title {
        font-size: 1.4rem;
    }




    /* recent blogs page */
    .recent-blogs {
        width: 100%;
        height: 100%;
    }

    .ps-fxd {
        position: relative;
        top: auto;
    }

    .recent-blogs .section-heading {
        font-size: 1.6rem;
        margin-bottom: 0.6rem !important;
    }

    .heading-underline-hr-recnt {
        height: 0.2rem;
        margin-top: 3px;
    }

    .opening-link-recent {
        display: flex;
        flex-direction: column;
        text-decoration: none;
    }

    .rcnt_blgs {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 2%;
        border: 1.5px solid #ddd;
        padding: 1rem;
        border-radius: 5px;
        margin-bottom: 1rem;
        margin-top: 5px;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .rcnt_blgs img {
        width: 100%;
        height: 58vw;
        object-fit: cover;
        object-position: left;
        margin-right: 7px;
        border-radius: 5px;
    }

    .rcnt_blgs .content .author-date {
        margin-top: 0.6rem;
    }

    .rcnt_blgs .content .author-date h5 {
        font-size: 13.4px;
    }

    .rcnt_blgs .content .rcnt-tt {
        font-size: 1.25rem;
    }

    .enq-box-complete {
        display: none;
        padding: 1.4rem 1.1rem;
        border-radius: 7px;
    }

    .enq-box-complete h2 {
        font-size: 1.6rem;
        margin-bottom: 1.3rem;
    }

    .enq-box-complete .anchor-enq-box-blogs {
        display: flex;
        flex-direction: column;
    }

    .enq-box-complete .anchor-enq-box-blogs .enq-anchr-link {
        font-size: 15.5px;
        margin-bottom: 0.5rem;
    }

    .enq-box-complete .anchor-enq-box-blogs .enq-anchr-link i {
        width: 25px;
        height: 25px;
        font-size: 1.3rem;
        margin-right: 7px;
    }

    .enq-box-complete .anchor-enq-box-blogs .enq-anchr-link strong {
        margin-right: 7px;
    }

    /* recent blogs page ends */



    /* blogs detailed page complete */
    .blogs-details-page {
        width: 100%;
        padding: 4.5rem 0;
        background-color: var(--primary-color);
        overflow: hidden;
    }

    .blog-details-col-half {
        width: 100%;
        margin-bottom: 1.5rem;
    }

    .recent-blogs-col-half {
        width: 97%;
        margin: auto;
        margin-top: 2.6rem;
        margin-bottom: 6rem;
    }

    .blogs-details-cmplte .img-date-author {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: end;
        gap: 0%;
        width: 100%;
        margin: auto;
        border-radius: 10px;
    }

    .blogs-details-cmplte .img-date-author .left-img {
        width: 97%;
        margin: auto;
        margin-bottom: 0.6rem;
    }

    .blogs-details-page .blogs-details-cmplte .img-cont {
        width: 100%;
        height: 62vw;
        border: none;
        max-height: none;
        background-position: center !important;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 5px;
    }

    .blogs-details-page .blogs-details-cmplte .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        backdrop-filter: blur(9px) brightness(50%);
        border-radius: 5px;
    }

    .blogs-details-page .blogs-details-cmplte .content {
        width: 97%;
        margin: auto;
        margin-top: 0.6rem;
    }


    .blogs-details-page .blogs-details-cmplte .date-author {
        width: 97%;
        margin: auto;
    }

    .blogs-details-page .blogs-details-cmplte .date-author .bg-icon-text {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .blogs-details-page .blogs-details-cmplte .date-author .icon-text {
        display: flex;
        align-items: baseline;
        margin-top: 0.4rem;
        background-color: transparent;
        padding: 0;
        color: var(--secondary-color);
    }

    .blogs-details-page .blogs-details-cmplte .date-author .icon-text i {
        font-size: 14px;
        margin-right: 7px;
    }

    .blogs-details-page .blogs-details-cmplte .date-author .icon-text h6 {
        font-size: 14px;
        font-weight: 400;
    }

    .blogs-details-page .blogs-details-cmplte .blog-tt {
        font-size: 1.7rem;
        margin-top: 0.6rem;
        margin-bottom: 0.6rem;
        letter-spacing: -0.1px;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh p {
        font-size: 15px;
        width: 100%;
        margin: 0.1rem 0;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh ul {
        margin: 0.6rem 0;
        list-style: disc;
        padding-left: 16px;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh ul li {
        font-size: 15px;
        width: 100%;
        margin: 0.3rem 0;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh ul strong {
        font-size: 16.5px;
        color: white;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh h6,
    ul h6 {
        font-size: 16.8px;
        margin-top: 1.4rem;
        margin-bottom: 0.6rem;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh h5,
    ul h5 {
        font-size: 1.25rem;
        margin-top: 1.4rem;
        margin-bottom: 0.6rem;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh h4,
    ul h4 {
        font-size: 1.42rem;
        margin-top: 1.4rem;
        margin-bottom: 0.6rem;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh h3,
    ul h3 {
        font-size: 1.55rem;
        margin-top: 1.4rem;
        margin-bottom: 0.6rem;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh h2,
    ul h2 {
        font-size: 1.7rem;
        margin-top: 1.4rem;
        margin-bottom: 0.6rem;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh h1,
    ul h1 {
        font-size: 1.95rem;
        margin-top: 1.4rem;
        margin-bottom: 0.6rem;
    }

    /* blogs detailed page complete ends */

    /* blog page css ends here */




    /* services detailed page css starts here */
    .serv-details-page-indiv {
        width: 100%;
        background-color: var(--primary-color);
        padding: 3.5rem 0;
        padding-bottom: 9rem;
    }

    .serv-details-page-indiv .serv-detail-compdiv {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 0%;
    }

    .serv-details-page-indiv .serv-detail-compdiv .left-img-btn {
        width: 97%;
        margin: auto;
    }

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

    .serv-details-page-indiv .serv-detail-compdiv .left-img-btn .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 12px;
    }



    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc {
        width: 97%;
        margin: auto;
        margin-top: 1.3rem;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc .serv-title {
        font-size: 1.8rem;
        margin: 0 !important;
        margin-bottom: 0.5rem !important;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc h2,
    ul h2 {
        font-size: 2rem;
        margin: 1.4rem 0;
        margin-bottom: 0.5rem;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc h3,
    ul h3 {
        font-size: 1.7rem;
        margin: 1.4rem 0;
        margin-bottom: 0.5rem;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc h4,
    ul h4 {
        font-size: 1.5rem;
        margin: 1.4rem 0;
        margin-bottom: 0.5rem;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc h5,
    ul h5 {
        font-size: 1.36rem;
        margin: 1.4rem 0;
        margin-bottom: 0.5rem;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc h6,
    ul h6 {
        font-size: 1.22rem;
        margin: 1.4rem 0;
        margin-bottom: 0.5rem;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc p {
        font-size: 15px;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc ul {
        padding-left: 16px;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc ul li {
        font-size: 15px;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc ul li strong {
        font-weight: 600;
    }

    /* services detailed page css ends here */
}




@media screen and (min-width:550.1px) and (max-width:767.8px) {

    .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: var(--primary-color);
        /* filter: brightness(1.1); */
        width: 96.7%;
        margin: auto;
        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: none;
        border-radius: 0;
        padding: 0.2rem 0.2rem;
        margin-bottom: 0.45rem;
        margin-top: 0.35rem;
        border: 0.2px solid var(--secondary-color);
    }

    .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: 16.5px;
        text-align: left;
        margin-left: 0 !important;
        padding: 0.7rem 0.8rem !important;
        border-bottom: none;
        /* border: 2px solid white; */
    }


    .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;
        background-color: var(--primary-color);
        width: 96%;
        margin: auto;
        max-width: none;
        display: none;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        box-shadow: none;
        border-radius: 0;
        padding: 0.3rem 0.4rem;
        margin-top: 4px;
        margin-bottom: 4px;
        border: 0.2px solid var(--secondary-color);
    }

    .sub-dropdown-twice a {
        border-bottom: 0.2px solid var(--secondary-color);
    }

    .sub-dropdown-twice a:active {
        color: var(--secondary-color) !important;
    }

    .sub-dropdown-twice a:last-child {
        border-bottom: none;
    }


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


    .no-scroll {
        overflow: hidden;
    }

    .menu-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        z-index: 887;
    }

    /* Overlay visible when menu is open */
    .menu-overlay.active {
        opacity: 1;
        visibility: visible;
    }

    .navbar-complete-body {
        display: flex;
        align-items: center;
        width: 100%;
        height: 5rem;
        background-color: var(--primary-color);
        position: fixed;
        top: 0 !important;
        z-index: 888 !important;
        transition: all 0.3s ease;
    }

    .nav-sticky {
        background-color: var(--primary-color);
        box-shadow: 0 0 12px rgba(40, 40, 40, 0.595);
        transition: all 0.3s ease;
    }

    .navbar-complete-body .navbar-section {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .navbar-section .navbar_logo {
        width: 130px;
        height: 60px;
        padding-left: 0.3rem;
    }

    .navbar-section .navbar_logo .main-logo {
        width: 100%;
        height: 100%;
        object-fit: contain;
        filter: drop-shadow(0 0.2px 0.7px #565656);
        background-color: rgba(255, 255, 255, 0.248);
        padding: 0.2rem;
        margin-top: 0rem;
    }

    .navbar-section .navbar_links ul {
        display: block;
        flex-direction: column;
        justify-content: center;
        list-style: none;
        gap: 0rem;
        position: fixed;
        left: 0;
        top: 4.51rem;
        z-index: 25 !important;
        width: 100%;
        max-height: 540px !important;
        overflow-x: hidden;
        background-color: var(--primary-color);
        padding: 1rem 1.57rem;
        box-shadow: 0 4px 5px rgba(0, 0, 0, 0.675);
        transform: translateY(-981px);
        /* Hide initially above */
        transition: transform 0.3s ease-in-out;
    }

    .navbar-section .navbar_links ul.open {
        transform: translateY(0);
        /* Slide down when open */
    }


    .navbar-section .navbar_links ul li {
        font-size: 17.8px;
        font-weight: 400;
        margin: 0rem 0;
        padding: 0rem 0;
        font-family: var(--pri-fontFamily);
    }

    .navbar-section .navbar_links ul li a {
        color: white;
        padding: 0.7rem 0.8rem;
        /* border: 1px solid white; */
    }

    .navbar-section .navbar_links ul li .bord-btm-hover {
        display: flex;
        gap: 0%;
    }

    .navbar-section .navbar_links ul li .bord-btm-hover::after {
        display: none;
    }

    .navbar-section .navbar_links ul li .bord-btm-hover:hover::after {
        display: none;
    }

    .small-multidevice-visible-only {
        display: block;
    }

    .small-multidevice-visible-only a {
        display: flex;
        align-items: center;
        color: var(--secondary-color) !important;
    }

    .small-multidevice-visible-only a i {
        margin-right: 0.6rem;
    }

    .call-us-nav-btn {
        display: none;
    }




    .custm-btn {
        border: 2px solid var(--secondary-color);
        padding: 0.5rem 1rem;
        font-size: 14px;
        font-weight: 600;
        z-index: 50;
        letter-spacing: 0.4px;
    }

    .custm-btn2 {
        border: 2px solid var(--text-white);
        padding: 0.5rem 1rem;
        font-size: 14px;
        font-weight: 600;
        z-index: 50;
        letter-spacing: 0.4px;
    }




    /* menu close button */
    /* Basic styles for the menu button */
    .menu-btns {
        width: 26px;
        height: 22px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        cursor: pointer;
        position: relative;
        z-index: 1000;
        margin-right: 0.6rem;
        transition: all 0.3s ease-in-out;
    }

    /* Styles for the bars (spans) */
    .menu-btns span {
        display: block;
        height: 4px;
        /* width: 100%; */
        background-color: var(--text-white);
        /* Change to your desired color */
        border-radius: 4px;
        transition: all 0.3s ease-in-out;
    }

    /* Change to a close button when active */
    .menu-btns.active span:nth-child(1) {
        transform: rotate(45deg) translate(6px, 6.5px);
    }

    .menu-btns.active span:nth-child(2) {
        opacity: 0;
    }

    .menu-btns.active span:nth-child(3) {
        transform: rotate(-45deg) translate(6px, -6.5px);
    }

    /* menu close button ends */



    .socialmedia-sidebar {
        position: fixed !important;
        left: -48px;
        top: 33%;
        z-index: 886;
        transition: left 0.23s ease-out;
        width: auto;
        height: auto;
        background-color: rgb(225, 225, 225);
        padding-right: 0.8rem;
        border-top-right-radius: 42px;
        border-bottom-right-radius: 42px;
        box-shadow: 3px 1px 4px rgba(87, 87, 87, 0.623);
        cursor: grab;
        display: flex;
        align-items: center;
    }

    .socialmedia-abs {
        display: flex;
        flex-direction: column;
        background-color: var(--text-white);
        padding: 1rem;
        border-top-right-radius: 25px;
        border-bottom-right-radius: 25px;
    }

    .socialmedia-abs a {
        text-decoration: none;
        color: var(--primary-color);
        margin: 0.8rem 0;
        font-size: 1.2rem !important;
    }

    .sidebar-arrow-right {
        position: absolute;
        z-index: 99999;
        color: var(--primary-color);
        top: 45%;
        left: 80%;
        font-size: 1.5rem;
        animation: Sidebararrow 1.2s linear infinite;
        display: block;
    }

    .sidebar-arrow-left {
        position: absolute;
        z-index: 99999;
        color: var(--primary-color);
        top: 45%;
        left: 80%;
        font-size: 1.5rem;
        animation: Sidebararrow 1.2s linear infinite reverse;
        display: none;
    }


    @keyframes Sidebararrow {
        0% {
            transform: translateX(0);
            opacity: 0;
        }

        100% {
            transform: translateX(50%);
            opacity: 1;
        }
    }

    .whatsappicon {
        position: fixed;
        top: 89.4%;
        left: 1.6%;
        z-index: 881;
    }

    .whatsappicon a {
        text-decoration: none;
    }

    .whatsappicon img {
        width: 62px;
        height: 62px;
        object-fit: contain;
    }

    .top-scroll-full {
        display: none;
    }


    /* Carousel Hero */
    .carousel-control-prev,
    .carousel-control-next {
        display: none;
    }

    .carousel-fade .carousel-item {
        width: 100%;
        height: 66vw;
    }

    .carousel-inner {
        position: relative;
        z-index: 8;
        margin-top: 5.01rem;
    }

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

    .container {
        max-width: 768px;
        padding: 0 2rem;
    }

    .carousel-inner .carouselcontent {
        position: absolute;
        top: 50%;
        left: 47.4%;
        transform: translate(-50%, -50%);
        width: 82%;
        margin: auto;
        color: white;
        z-index: 555 !important;
    }

    .carousel-inner .carouselcontent h3 {
        width: 93%;
        font-size: 1.9rem;
        font-weight: 500;
        color: white;
    }

    .carousel-inner .carouselcontent .carousel-para {
        width: 93%;
        font-size: 14px;
        padding: 0.1rem 0;
        margin-bottom: 0.6rem;
    }

    .carousel-inner .carouselcontent .trustedline {
        display: none;
    }

    .video-screenoverlay {
        opacity: 0.2;
    }

    /* Carousel Hero ends */




    /* gettoknowus section css starts here */
    .index-about-section {
        width: 100%;
        padding: 4rem 0;
        padding-top: 3rem;
        overflow: hidden;

        background-position: 70% 60%;
    }

    .index-about-section .indexabout-div {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 0%;
    }

    .index-about-section .indexabout-div .left-halfimg {
        width: 97%;
        margin: auto;
        order: 2;
        margin-top: 1.6rem;
    }

    .index-about-section .indexabout-div .left-halfimg .img-cont {
        width: 100%;
        height: 0;
        max-height: none;
        border-radius: 5px;
    }

    .index-about-section .indexabout-div .left-halfimg .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 5px;
    }


    .index-about-section .indexabout-div .right-halfdesc {
        width: 97%;
        margin: auto;
        order: 1;
    }

    .spec-title {
        font-size: 5.4rem !important;
        font-weight: 800 !important;
        letter-spacing: 2px !important;
        margin: 0 !important;
        opacity: 0.25;
    }

    .section-title {
        font-size: 14px;
        font-weight: 700;
    }

    .section-heading {
        font-size: 2.15rem;
        margin-top: -1.8rem;
        margin-bottom: 0.6rem;
    }

    .section-paragraph {
        font-size: 15.5px;
        margin-bottom: 0.4rem;
    }


    .successful-numbers-section {
        width: 100%;
        padding: 4.5rem 0;
        padding-bottom: 3.5rem;
        overflow: hidden;
    }

    .successful-numbers-section .stats-col {
        width: 50%;
    }

    .successful-numbers-section .content {
        margin: 1.2rem 0;
    }

    .successful-numbers-section .content h2 {
        font-size: 2.7rem !important;
        font-weight: 600;
    }

    .successful-numbers-section .content h3 {
        font-size: 2.3rem !important;
        font-weight: 500;
    }

    .successful-numbers-section .content h6 {
        font-size: 16.7px;
    }

    .successful-numbers-section .outer-layer-circle .first-line {
        margin-left: -1.2rem;
        margin-top: -1.2rem;
        transform: rotate(-3deg);
        height: 30px;
    }

    .successful-numbers-section .outer-layer-circle .second-line {
        margin-left: 0rem;
        margin-top: -5.2rem;
        transform: rotate(-4.5deg);
        height: 27px;
    }

    /* gettoknowus section css ends here */


    .shine-bg-shadow1 {
        width: 180px;
        height: 180px;
        box-shadow: 300px 200px 1000px var(--secondary-color);
        position: absolute;
        left: -120%;
        top: -14%;
        z-index: 0.2;
        opacity: 0.3;
        animation: movableitem 19s ease infinite;
    }

    .shine-bg-shadow2 {
        width: 250px;
        height: 250px;
        box-shadow: -400px 15px 1100px var(--secondary-color);
        position: absolute;
        right: -170%;
        top: -2%;
        z-index: 0.3;
        opacity: 0.4;
        animation: movableitem2 23s ease infinite;
    }



    .shine-bg-shadow3 {
        width: 190px;
        height: 190px;
        box-shadow: 300px 200px 1000px var(--secondary-color);
        position: absolute;
        left: -112%;
        bottom: 30%;
        z-index: 0.2;
        opacity: 0.3;
        animation: movableitem 19s ease infinite;
    }

    .shine-bg-shadow4 {
        width: 260px;
        height: 260px;
        box-shadow: -500px 15px 1100px var(--secondary-color);
        position: absolute;
        right: -177%;
        bottom: 82%;
        z-index: 0.3;
        opacity: 0.2;
        animation: movableitem2 19s ease infinite;
    }

    .shine-bg-shadow5 {
        width: 260px;
        height: 260px;
        box-shadow: -500px 15px 1100px var(--secondary-color);
        position: absolute;
        right: -0%;
        bottom: -100%;
        z-index: 0.3;
        opacity: 0.2;
        animation: movableitem3 1s ease-in infinite;
    }


    /* services index page css starts here */
    .services-indexsection {
        width: 100%;
        padding: 3rem 0;
        padding-bottom: 3.5rem;
        overflow: hidden;
    }

    .services-indexsection .head .section-heading {
        font-size: 2.15rem;
        margin-top: -2rem !important;
        margin-bottom: 0.6rem;
    }

    .services-indexsection .srvcs-boxes-index .service-pos:nth-child(1) .servcs-box.slidInFromBottom.animate-slide-in,
    .services-indexsection .srvcs-boxes-index .service-pos:nth-child(2) .servcs-box.slidInFromBottom.animate-slide-in,
    .services-indexsection .srvcs-boxes-index .service-pos:nth-child(3) .servcs-box.slidInFromBottom.animate-slide-in,
    .services-indexsection .srvcs-boxes-index .service-pos:nth-child(4) .servcs-box.slidInFromBottom.animate-slide-in {
        animation: slide-in-from-bottom 0.65s ease-in-out 0.05s forwards;
    }


    .service-pos {
        margin: 0rem 0;
        margin-bottom: 1.1rem;
    }

    .services-indexsection .srvcs-boxes-index {
        width: 94%;
        margin: auto;
        margin-top: 2.6rem;
    }

    .services-indexsection .srvcs-boxes-index .servcs-box {
        border-radius: 10px;
        padding: 0.3rem;
        margin-bottom: 1.7rem;
        height: 100%;
        position: relative;
    }

    .services-indexsection .srvcs-boxes-index .servcs-box .img-cont {
        width: 100%;
        height: 55vw;
        max-height: none;
        border-radius: 13px;
        overflow: hidden;
    }

    .services-indexsection .srvcs-boxes-index .servcs-box .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 13px;
        transition: scale 0.5s ease;
    }

    .services-indexsection .srvcs-boxes-index .servcs-box:hover .img-cont img {
        scale: 110%;
    }

    .services-indexsection .srvcs-boxes-index .servcs-box .servcs-box-content {
        padding: 0.1rem 0rem;
    }

    .services-indexsection .srvcs-boxes-index .servcs-box .servcs-box-content h4 {
        font-size: 1.6rem;
        margin-top: 0.8rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-bottom: 0;
    }

    .services-indexsection .srvcs-boxes-index .servcs-box .servcs-box-content p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-bottom: 0;
        font-size: 15px;
    }

    .services-indexsection .srvcs-boxes-index .servcs-box .servcs-box-content .serv-index-btn {
        font-size: 14px;
        font-weight: 600;
        color: var(--secondary-color);
        text-decoration: none;
        text-transform: uppercase;
        position: absolute;
        bottom: 4%;
    }

    /* services index page css ends here */



    /* middlebanner section css starts here */

    .common-banner {
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: scroll;
        background-position: center;
        padding: 4.5rem 0;
        padding-bottom: 4rem;
        position: relative;
        z-index: 2;
        text-align: center;
    }

    .common-banner .section-heading {
        font-size: 2.2rem;
    }

    .common-banner-btns {
        display: flex;
        flex-wrap: wrap;
        margin-top: 2.4rem;
    }

    .common-banner-btns a {
        font-size: 15px;
        margin-bottom: 1rem;
    }

    .common-banner-btns .slidInFromRight.animate-slide-in {
        animation: slide-in-from-right 0.7s ease-in-out 0.1s forwards;
    }

    .common-banner-btns .slidInFromLefttoright.animate-slide-in {
        animation: slide-in-from-left 0.7s ease-in-out 0.1s forwards;
    }

    /* middlebanner section css ends here */






    /* Multiple Clients CSS starts here */

    .clients-section {
        width: 100%;
        padding: 3.5rem 0;
        padding-bottom: 4.5rem;
    }

    .clients-section .head {
        width: 100%;
        margin-bottom: 1rem;
    }

    .clients-section .spec-title {
        font-size: 5.4rem !important;
        letter-spacing: 2px !important;
        margin: 0 !important;
        opacity: 0.22 !important;
    }

    .clients-section .head .section-heading {
        font-size: 2.15rem;
        margin-bottom: 0.6rem;
        margin-top: -2rem !important;
    }

    .clients-section .head .section-paragraph {
        font-size: 14px;
        width: 96%;
        margin: auto;
    }

    .clients-section .clients-boxes .clients-single-box {
        width: 15%;
        height: 6rem;
        margin: 0 0.4rem;
        border-radius: 8px;
    }

    .clients-section .clients-boxes .img-container {
        width: 77%;
        height: 100%;
        margin: auto;
        justify-content: center;
        padding: 0.4rem;
    }

    /* Multiple Clients CSS ends here */





    /* Blogs index section CSS starts here */
    .blogs-index-section {
        width: 100%;
        padding: 2.5rem 0;
        padding-bottom: 10rem;
        overflow: hidden;
    }

    .blogs-index-section .head {
        width: 100%;
        text-align: center;
        margin-bottom: 2.5rem;
    }

    .blogs-index-section .head .section-heading {
        font-size: 2rem;
        margin-top: -2rem;
        margin-bottom: 0.6rem;
    }

    .blogs-index-section .head .section-paragraph {
        font-size: 14px;
        width: 96%;
        margin: auto;
    }

    .blg-index-col {
        width: 97%;
        margin: auto;
        margin-bottom: 3rem;
    }

    .blg-index-col:nth-child(3) {
        margin-bottom: 1rem;
    }

    .blg-box {
        height: 100%;
        position: relative;
        padding-bottom: 1.5rem;
    }

    .blg-box .img-cont {
        width: 100%;
        height: 50vw;
        max-height: none;
        overflow: hidden;
    }

    .blg-box .date-and-author-div {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 4%;
        padding: 0.5rem 0;
        padding-bottom: 0.1rem;
        margin-bottom: 0.6rem;
    }

    .blg-box .date-and-author-div .date {
        font-size: 14px;
        font-weight: 500;
    }

    .blg-box .date-and-author-div .author-name {
        font-size: 14px;
        font-weight: 500;
    }

    .blg-box .date-and-author-div .author-name::before {
        content: "|";
        margin-right: 16px;
    }

    .blg-box .blg-title {
        font-size: 1.55rem;
        font-weight: 500;
    }

    .blg-box .blg-paragraph {
        font-size: 15px;
    }

    .blg-box .blg-btn {
        font-size: 13.2px;
        font-weight: 600;
        position: absolute;
        bottom: 2.5%;
    }

    /* Blogs index section CSS ends here */




    /* footer BANNER CSS section starts here */
    .footer-compbanner {
        width: 100%;
    }

    .footer-compbanner .footbanner-div {
        width: 100%;
        margin-top: -8rem;
    }

    .footer-banner-col-three {
        width: 100%;
    }

    .footer-compbanner .footbanner-div .right-company-details {
        width: 97%;
        margin: auto;
        margin-top: 1.1rem;
        padding: 0.7rem 0;
    }

    .footer-compbanner .footbanner-div .right-company-details .com_detail-box {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: start;
        gap: 3%;
        margin: 0rem 0;
        padding: 1rem 0.8rem;
    }

    .footer-compbanner .footbanner-div .right-company-details .com_detail-box i {
        width: 50px;
        height: 50px;
        padding: 1.2rem;
        font-size: 1.2rem;
    }

    .footer-compbanner .footbanner-div .right-company-details .com_detail-box .comp_det-desc h6 {
        font-size: 16.5px;
    }

    .footer-compbanner .footbanner-div .right-company-details .com_detail-box .comp_det-desc h6 a {
        font-size: 16.5px;
    }

    .footer-compbanner .footbanner-div .right-company-details .com_detail-box .email h6 a {
        font-size: 17px;
    }

    /* footer BANNER CSS section ends here */

    /* footer svgs */
    .footersvgs-abs-footer {
        display: none;
    }

    /* footer svgs ends */


    /* footer section CSS starts here */
    .footer-compsection {
        width: 100%;
        position: relative;
    }

    .footer-compsection h5 {
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .footer-compsection p {
        font-size: 15.3px;
    }

    .all-links-footer ul li a {
        font-size: 16px;
    }

    .all-links-footer ul li a:hover {
        letter-spacing: 0.1px;
    }

    .company-rights-line {
        width: 100%;
        height: 100%;
        padding: 1rem 0.7rem !important;
    }

    .company-rights-div {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .company-rights-div p {
        font-weight: 500;
        font-size: 15px;
        margin: 0.3rem 0;
        text-align: center;
    }

    .extra-col-footer {
        display: none;
    }

    /* footer section CSS ends here */



    /* breadcrumb section .. common for every page */
    .breadcrumb-overall-section {
        width: 100%;
        height: 14rem;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        margin-top: 5.01rem;
    }

    .breadcrumb-overlay-bgColor {
        opacity: 0.55;
    }

    .bcb-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-top: 4.85rem;
        width: 100%;
        position: relative;
        z-index: 40 !important;
    }

    .bcb-content h2 {
        font-size: 1.75rem;
        width: 98%;
        margin: auto;
        /* border: 2px solid red; */
        text-align: center;
    }

    .bcb-content .multi-links-breadcrumb {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 2%;
    }

    .bcb-content .multi-links-breadcrumb a {
        font-size: 16px;
    }

    .bcb-content .multi-links-breadcrumb h6 {
        font-size: 16px;
    }

    /* breadcrumb section .. common for every page ends */





    /* About Us Page CSS Starts here */
    .about-pagehero-section {
        width: 100%;
        padding: 3rem 0;
        padding-bottom: 4.5rem;
    }

    .about-pagehero-section .aboutHero-pagediv {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 0%;
    }

    .about-pagehero-section .aboutHero-pagediv .left-halfabout {
        width: 97%;
        margin: auto;
    }

    .about-pagehero-section .aboutHero-pagediv .left-halfabout .section-heading {
        font-size: 2.15rem;
        margin-top: -2rem;
        margin-bottom: 0.6rem;
    }

    .about-pagehero-section .aboutHero-pagediv .left-halfabout .section-paragraph {
        font-size: 15.5px;
    }


    .about-pagehero-section .aboutHero-pagediv .right-halfimg {
        width: 97%;
        margin: auto;
        margin-top: 1.5rem;
    }

    .about-pagehero-section .aboutHero-pagediv .right-halfimg .img-cont {
        width: 55%;
        height: auto;
        max-height: none;
        background-color: rgba(255, 255, 255, 0.318);
    }

    .about-pagehero-section .aboutHero-pagediv .right-halfimg .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .abt-page-stats {
        padding: 2.5rem 0;
        padding-bottom: 3rem;
    }



    /* team member section css starts here */
    .team-about-page {
        width: 100%;
        padding-top: 3rem;
        padding-bottom: 7.5rem;
        overflow: hidden;
    }

    .team-about-page .head {
        width: 100%;
        text-align: center;
        margin-bottom: 2.2rem;
    }

    .team-about-page .spec-title {
        font-size: 5.4rem !important;
        letter-spacing: 2px !important;
        margin: 0 !important;
        opacity: 0.2 !important;
    }

    .team-about-page .head .section-heading {
        font-size: 2.15rem;
        margin-top: -2rem;
        margin-bottom: 0.6rem;
    }

    .team-about-page .head .section-paragraph {
        font-size: 14px;
        width: 96%;
        margin: auto;
    }

    .teamSwiper {
        padding: 0.4rem 0.4rem;
    }

    .teams-box {
        margin-bottom: 4rem;
    }

    .teams-box .img-cont {
        width: 100%;
        height: 32vw;
        max-height: none;
        border-radius: 10px;
    }

    .teams-box .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
    }

    .teams-box .content {
        margin: 1rem 0;
    }

    .teams-box .content .designation {
        font-size: 13px;
        font-weight: 400;
    }

    .teams-box .content .teamMember-name {
        font-size: 1.25rem;
    }

    /* team member section css ends here */

    /* About Us Page CSS Ends here */




    /* Contact US Page CSS Starts here */
    .contactus-page-section {
        width: 100%;
        padding: 3.5rem 0;
        padding-bottom: 10.5rem;
        overflow: hidden;
    }

    .contactus-page-section .spec-title {
        font-size: 5.4rem !important;
        letter-spacing: 1.2px !important;
        opacity: 0.2 !important;
        margin: 0 !important;
    }

    .contactus-page-section .contactus-page-compdiv {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 0%;
    }

    .contactus-page-section .contactus-page-compdiv .left-halfdesc {
        width: 97%;
        margin: auto;
    }
    .contactus-page-section .contactus-page-compdiv .left-halfdesc .section-heading{
        margin-top: -2rem;
        margin-bottom: 0.6rem;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp {
        width: 100%;
        margin-top: 1.5rem;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp .phone-numbers {
        display: flex;
        align-items: center;
        gap: 5%;
        width: 100%;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp h6 {
        font-weight: 400;
        font-size: 17px;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp .email-ids h6 a {
        font-weight: 400;
        font-size: 17.4px;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp .phone-numbers a {
        font-weight: 400;
        font-size: 17px;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp .icon-and-text {
        display: flex;
        align-items: center;
        gap: 4%;
        margin-bottom: 1.1rem;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp .icon-and-text:last-child {
        display: flex;
        align-items: center;
        gap: 4%;
        margin-bottom: 0rem;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp .icon-and-text .icon {
        width: 35px;
        height: 35px;
        padding: 1.6rem;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp .icon-and-text .icon i {
        font-size: 1.5rem;
    }

    .office-time {
        width: 100%;
    }


    .contactus-page-section .contactus-page-compdiv .right-halfForm {
        width: 97%;
        margin: auto;
        margin-top: 2.5rem;
    }

    .contactus-page-section .contactus-page-compdiv .right-halfForm form input {
        font-size: 16px;
    }

    .contactus-page-section .contactus-page-compdiv .right-halfForm form textarea {
        font-size: 16px;
    }

    /* Contact US Page CSS ends here */






    /* Galllery Section starts here */
    .Gallery-section {
        width: 100%;
        height: 100%;
        padding: 10.5rem 0;
        padding-top: 3rem;
        overflow: hidden;
    }

    .Gallery-body .heading-department {
        width: 97%;
        margin: auto;
        margin-bottom: 1.8rem;
        text-align: center;
    }

    .Gallery-body .heading-department .section-heading {
        font-size: 2rem;
        margin-top: -2rem;
        margin-bottom: 0.6rem;
    }

    .gallery-images {
        width: 50%;
    }

    .Gallery-body .gallery-boxes {
        width: 97%;
        margin: auto;
        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: 30vw;
        max-height: none;
        border-radius: 8px;
    }

    .Gallery-body .gallery-boxes .img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        border-radius: 8px;
    }

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

    .hidden {
        display: none !important;
    }

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

    .gallery-select-buttons .gallery-btn {
        padding: 0.6rem 1.4rem;
        font-size: 14.5px;
        font-weight: 600;
        border: none;
        border-radius: 25px;
        margin-bottom: 1rem;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.17);
    }

    .current-btn-selected {
        padding: 0.6rem 1.4rem;
        font-size: 14.5px;
        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: 1.2rem;
        margin-bottom: 0.5rem;
        gap: 0.5rem;
    }

    .pagination-controls .pagination-btn {
        padding: 0.5rem 1rem;
        border: none;
        border-radius: 5px;
    }

    /* Gallery Page CSS Ends Here ------------------------------------ */



    /* blog page css starts here */
    .blogs-section-comppage {
        width: 100%;
        padding: 4.5rem 0;
        padding-bottom: 8rem;
    }

    .blogs-section-comppage .blogs-div {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 0%;
    }

    .blogs-section-comppage .blogs-div .left-blogs-main {
        width: 97%;
        margin: auto;
    }

    .blogs-page-col {
        width: 95% !important;
        margin: auto;
        margin-bottom: 2.5rem;
    }

    .blogs-page-col .blg-box .img-cont {
        height: 55.5vw;
    }



    /* recent blogs page */
    .recent-blogs {
        width: 100%;
        height: 100%;
    }

    .ps-fxd {
        position: relative;
        top: auto;
    }

    .recent-blogs .section-heading {
        font-size: 1.8rem;
        margin-bottom: 0.6rem !important;
    }

    .heading-underline-hr-recnt {
        height: 0.2rem;
        margin-top: 3px;
    }

    .opening-link-recent {
        display: flex;
        text-decoration: none;
    }

    .rcnt_blgs {
        display: flex;
        justify-content: center;
        gap: 4%;
        border: 1.5px solid #ddd;
        padding: 1rem;
        border-radius: 5px;
        margin-bottom: 1rem;
        margin-top: 5px;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .rcnt_blgs img {
        width: 137px;
        height: 102px;
        object-fit: cover;
        object-position: left;
        margin-right: 16px;
        border-radius: 5px;
    }

    .rcnt_blgs .content .author-date {
        margin-top: 0rem;
        margin-bottom: 0.4rem;
    }

    .rcnt_blgs .content .author-date h5 {
        font-size: 14px;
    }

    .rcnt_blgs .content .rcnt-tt {
        font-size: 1.36rem;
        font-weight: 400;
    }

    .enq-box-complete {
        display: none;
        padding: 1.4rem 1.1rem;
        border-radius: 7px;
    }

    .enq-box-complete h2 {
        font-size: 1.6rem;
        margin-bottom: 1.3rem;
    }

    .enq-box-complete .anchor-enq-box-blogs {
        display: flex;
        flex-direction: column;
    }

    .enq-box-complete .anchor-enq-box-blogs .enq-anchr-link {
        font-size: 15.5px;
        margin-bottom: 0.5rem;
    }

    .enq-box-complete .anchor-enq-box-blogs .enq-anchr-link i {
        width: 25px;
        height: 25px;
        font-size: 1.3rem;
        margin-right: 7px;
    }

    .enq-box-complete .anchor-enq-box-blogs .enq-anchr-link strong {
        margin-right: 7px;
    }

    /* recent blogs page ends */


    /* blogs detailed page complete */
    .blogs-details-page {
        width: 100%;
        padding: 4.5rem 0;
        overflow: hidden;
    }

    .blog-details-col-half {
        width: 100%;
        margin-bottom: 1.5rem;
    }

    .recent-blogs-col-half {
        width: 97%;
        margin: auto;
        margin-top: 2.6rem;
        margin-bottom: 6rem;
    }

    .blogs-details-cmplte .img-date-author {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: end;
        gap: 0%;
        width: 100%;
        margin: auto;
        border-radius: 10px;
    }

    .blogs-details-cmplte .img-date-author .left-img {
        width: 97%;
        margin: auto;
    }

    .blogs-details-page .blogs-details-cmplte .img-cont {
        width: 100%;
        height: 58vw;
        max-height: none;
        border: none;
        background-position: center !important;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 10px;
    }

    .blogs-details-page .blogs-details-cmplte .img-cont img {
        border-radius: 10px;
    }

    .blogs-details-page .blogs-details-cmplte .content {
        width: 97%;
        margin: auto;
        margin-top: 0.6rem;
    }


    .blogs-details-page .blogs-details-cmplte .date-author {
        width: 97%;
        margin: auto;
    }

    .blogs-details-page .blogs-details-cmplte .date-author .bg-icon-text {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .blogs-details-page .blogs-details-cmplte .date-author .icon-text {
        display: flex;
        align-items: baseline;
        margin-top: 0.9rem;
        background-color: transparent;
        padding: 0.2rem 0;
        color: var(--secondary-color);
    }

    .blogs-details-page .blogs-details-cmplte .date-author .icon-text i {
        font-size: 14px;
        margin-right: 7px;
    }

    .blogs-details-page .blogs-details-cmplte .date-author .icon-text h6 {
        font-size: 14px;
        font-weight: 400;
    }

    .blogs-details-page .blogs-details-cmplte .blog-tt {
        font-size: 1.95rem;
        margin-top: 0.6rem;
        margin-bottom: 0.6rem;
        letter-spacing: -0.1px;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh p {
        font-size: 15px;
        width: 100%;
        margin: 0.1rem 0;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh ul {
        margin: 0.6rem 0;
        list-style: disc;
        padding-left: 16px;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh ul li {
        font-size: 15px;
        width: 100%;
        margin: 0.3rem 0;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh ul strong {
        font-size: 16.5px;
        color: white;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh h6,
    ul h6 {
        font-size: 17px;
        margin-top: 1.4rem;
        margin-bottom: 0.6rem;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh h5,
    ul h5 {
        font-size: 1.34rem;
        margin-top: 1.4rem;
        margin-bottom: 0.6rem;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh h4,
    ul h4 {
        font-size: 1.5rem;
        margin-top: 1.4rem;
        margin-bottom: 0.6rem;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh h3,
    ul h3 {
        font-size: 1.7rem;
        margin-top: 1.4rem;
        margin-bottom: 0.6rem;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh h2,
    ul h2 {
        font-size: 1.9rem;
        margin-top: 1.4rem;
        margin-bottom: 0.6rem;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh h1,
    ul h1 {
        font-size: 2.1rem;
        margin-top: 1.4rem;
        margin-bottom: 0.6rem;
    }

    /* blogs detailed page complete ends */

    /* blog page css ends here */




    /* services detailed page css starts here */
    .serv-details-page-indiv {
        width: 100%;
        padding: 3.5rem 0;
        padding-bottom: 9rem;
    }

    .serv-details-page-indiv .serv-detail-compdiv {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 0%;
    }

    .serv-details-page-indiv .serv-detail-compdiv .left-img-btn {
        width: 97%;
        margin: auto;
        margin-bottom: 0.7rem;
    }

    .serv-details-page-indiv .serv-detail-compdiv .left-img-btn .img-cont {
        width: 75%;
        height: 44vw;
        max-height: none;
        margin-bottom: 1.6rem;
        border-radius: 12px;
    }

    .serv-details-page-indiv .serv-detail-compdiv .left-img-btn .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 12px;
    }



    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc {
        width: 97%;
        margin: auto;
        margin-top: 1rem;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc .serv-title {
        font-size: 1.9rem !important;
        font-weight: 500 !important;
        margin: 0 !important;
        margin-bottom: 0.5rem !important;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc h2,
    ul h2 {
        font-size: 2rem;
        margin: 1.4rem 0;
        margin-bottom: 0.5rem;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc h3,
    ul h3 {
        font-size: 1.7rem;
        margin: 1.4rem 0;
        margin-bottom: 0.5rem;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc h4,
    ul h4 {
        font-size: 1.5rem;
        margin: 1.4rem 0;
        margin-bottom: 0.5rem;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc h5,
    ul h5 {
        font-size: 1.36rem;
        margin: 1.4rem 0;
        margin-bottom: 0.5rem;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc h6,
    ul h6 {
        font-size: 1.22rem;
        margin: 1.4rem 0;
        margin-bottom: 0.5rem;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc p {
        font-size: 15px;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc ul {
        padding-left: 16px;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc ul li {
        font-size: 15px;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc ul li strong {
        font-weight: 600;
    }

    /* services detailed page css ends here */
}









@media screen and (min-width:767.9px) and (max-width:981px) {

    .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: var(--primary-color);
        width: 96%;
        margin: auto;
        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: none;
        border-radius: 0;
        padding: 0.2rem 0.2rem;
        margin-bottom: 0.45rem;
        margin-top: 0.35rem;
        border: 0.2px solid var(--secondary-color);
    }

    .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: 16.5px;
        text-align: left;
        margin-left: 0 !important;
        padding: 0.7rem 0.8rem !important;
        border-bottom: none;
        /* border: 2px solid white; */
    }


    .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;
        background-color: var(--primary-color);
        width: 96.5%;
        margin: auto;
        max-width: none;
        display: none;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        box-shadow: none;
        border-radius: 0;
        padding: 0.3rem 0.4rem;
        margin-top: 4px;
        margin-bottom: 4px;
        border: 0.2px solid var(--secondary-color);
    }

    .sub-dropdown-twice a {
        border-bottom: 0.2px solid var(--secondary-color);
    }

    .sub-dropdown-twice a:active {
        color: var(--secondary-color) !important;
    }

    .sub-dropdown-twice a:last-child {
        border-bottom: none;
    }

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


    .no-scroll {
        overflow: hidden;
    }

    .menu-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        z-index: 887;
    }

    /* Overlay visible when menu is open */
    .menu-overlay.active {
        opacity: 1;
        visibility: visible;
    }

    .navbar-complete-body {
        display: flex;
        align-items: center;
        width: 100%;
        height: 5rem;
        background-color: var(--primary-color);
        position: fixed;
        top: 0 !important;
        z-index: 888 !important;
        transition: all 0.3s ease;
    }

    .nav-sticky {
        background-color: var(--primary-color);
        box-shadow: 0 0 12px rgba(40, 40, 40, 0.595);
        transition: all 0.3s ease;
    }

    .navbar-complete-body .navbar-section {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .navbar-section .navbar_logo {
        width: 130px;
        height: 60px;
        padding-left: 0.3rem;
    }

    .navbar-section .navbar_logo .main-logo {
        width: 100%;
        height: 100%;
        object-fit: contain;
        filter: drop-shadow(0 0.2px 0.7px #565656);
        background-color: rgba(255, 255, 255, 0.248);
        padding: 0.2rem;
        margin-top: 0rem;
    }

    .navbar-section .navbar_links ul {
        display: block;
        flex-direction: column;
        justify-content: center;
        list-style: none;
        gap: 0rem;
        position: fixed;
        left: 0;
        top: 4.51rem;
        z-index: 25 !important;
        width: 100%;
        max-height: 540px !important;
        overflow-x: hidden;
        background-color: var(--primary-color);
        padding: 1rem 2.34rem;
        box-shadow: 0 4px 5px rgba(0, 0, 0, 0.675);
        transform: translateY(-981px);
        /* Hide initially above */
        transition: transform 0.3s ease-in-out;
    }

    .navbar-section .navbar_links ul.open {
        transform: translateY(0);
        /* Slide down when open */
    }


    .navbar-section .navbar_links ul li {
        font-size: 17.6px;
        font-weight: 400;
        margin: 0rem 0;
        padding: 0rem 0;
        font-family: var(--pri-fontFamily);
    }

    .navbar-section .navbar_links ul li a {
        color: white;
        padding: 0.75rem 1rem;
        /* border: 1px solid white; */
    }

    .navbar-section .navbar_links ul li .bord-btm-hover {
        display: flex;
        gap: 0%;
    }

    .navbar-section .navbar_links ul li .bord-btm-hover::after {
        display: none;
    }

    .navbar-section .navbar_links ul li .bord-btm-hover:hover::after {
        display: none;
    }

    .small-multidevice-visible-only {
        display: block;
    }

    .small-multidevice-visible-only a {
        display: flex;
        align-items: center;
        color: var(--secondary-color) !important;
    }

    .small-multidevice-visible-only a i {
        margin-right: 0.6rem;
    }

    .call-us-nav-btn {
        display: none;
    }




    .custm-btn {
        border: 2px solid var(--secondary-color);
        padding: 0.55rem 1.05rem;
        font-size: 14px;
        font-weight: 600;
        z-index: 50;
        letter-spacing: 0.4px;
    }

    .custm-btn2 {
        border: 2px solid var(--text-white);
        padding: 0.55rem 1.05rem;
        font-size: 14px;
        font-weight: 600;
        z-index: 50;
        letter-spacing: 0.4px;
    }



    /* menu close button */
    /* Basic styles for the menu button */
    .menu-btns {
        width: 26px;
        height: 22px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        cursor: pointer;
        position: relative;
        z-index: 1000;
        margin-right: 0.6rem;
        transition: all 0.3s ease-in-out;
    }

    /* Styles for the bars (spans) */
    .menu-btns span {
        display: block;
        height: 4px;
        /* width: 100%; */
        background-color: var(--text-white);
        /* Change to your desired color */
        border-radius: 4px;
        transition: all 0.3s ease-in-out;
    }

    /* Change to a close button when active */
    .menu-btns.active span:nth-child(1) {
        transform: rotate(45deg) translate(6px, 6.5px);
    }

    .menu-btns.active span:nth-child(2) {
        opacity: 0;
    }

    .menu-btns.active span:nth-child(3) {
        transform: rotate(-45deg) translate(6px, -6.5px);
    }

    /* menu close button ends */



    .socialmedia-sidebar {
        position: fixed !important;
        left: -48px;
        top: 33%;
        z-index: 886;
        transition: left 0.23s ease-out;
        width: auto;
        height: auto;
        background-color: rgb(225, 225, 225);
        padding-right: 0.8rem;
        border-top-right-radius: 42px;
        border-bottom-right-radius: 42px;
        box-shadow: 3px 1px 4px rgba(87, 87, 87, 0.623);
        cursor: grab;
        display: flex;
        align-items: center;
    }

    .socialmedia-abs {
        display: flex;
        flex-direction: column;
        background-color: var(--text-white);
        padding: 1rem;
        border-top-right-radius: 25px;
        border-bottom-right-radius: 25px;
    }

    .socialmedia-abs a {
        text-decoration: none;
        color: var(--primary-color);
        margin: 0.8rem 0;
        font-size: 1.2rem !important;
    }

    .sidebar-arrow-right {
        position: absolute;
        z-index: 99999;
        top: 45%;
        left: 80%;
        font-size: 1.5rem;
        animation: Sidebararrow 1.2s linear infinite;
        display: block;
    }

    .sidebar-arrow-left {
        position: absolute;
        z-index: 99999;
        top: 45%;
        left: 80%;
        font-size: 1.5rem;
        animation: Sidebararrow 1.2s linear infinite reverse;
        display: none;
    }


    @keyframes Sidebararrow {
        0% {
            transform: translateX(0);
            opacity: 0;
        }

        100% {
            transform: translateX(50%);
            opacity: 1;
        }
    }

    .whatsappicon {
        position: fixed;
        top: 89.4%;
        left: 1.6%;
        z-index: 881;
    }

    .whatsappicon a {
        text-decoration: none;
    }

    .whatsappicon img {
        width: 62px;
        height: 62px;
        object-fit: contain;
    }

    .top-scroll-full {
        display: none;
    }


    /* Carousel Hero */
    .carousel-control-prev,
    .carousel-control-next {
        display: none;
    }

    .carousel-fade .carousel-item {
        width: 100%;
        height: 63vw;
    }

    .carousel-inner {
        position: relative;
        z-index: 8;
        margin-top: 5.01rem;
    }

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

    .container {
        max-width: 981px;
        padding: 0 3rem;
    }

    .carousel-inner .carouselcontent {
        position: absolute;
        top: 50.5%;
        left: 45.55%;
        transform: translate(-50%, -50%);
        width: 77%;
        margin: auto;
        color: white;
        z-index: 555 !important;
    }

    .carousel-inner .carouselcontent h3 {
        width: 77%;
        font-size: 2.3rem;
        font-weight: 600;
        color: white;
    }

    .carousel-inner .carouselcontent .carousel-para {
        width: 76%;
        font-size: 17px;
        color: white !important;
        padding: 0.2rem 0;
        margin-bottom: 0.6rem;
    }

    .carousel-inner .carouselcontent .trustedline {
        width: 75%;
        font-size: 12px;
        color: white !important;
        padding-top: 0.8rem;
    }

    .video-screenoverlay {
        opacity: 0.2;
    }

    /* Carousel Hero ends */




    /* gettoknowus section css starts here */
    .index-about-section {
        width: 100%;
        padding: 4rem 0;
        padding-top: 3rem;
        overflow: hidden;
        background-position: 65% 60%;
    }

    .index-about-section .indexabout-div {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 0%;
    }

    .index-about-section .indexabout-div .left-halfimg {
        width: 97%;
        margin: auto;
        order: 2;
        margin-top: 1.6rem;
    }

    .index-about-section .indexabout-div .left-halfimg .img-cont {
        width: 100%;
        height: 0;
        max-height: none;
        border-radius: 5px;
    }

    .index-about-section .indexabout-div .left-halfimg .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 5px;
    }


    .index-about-section .indexabout-div .right-halfdesc {
        width: 97%;
        margin: auto;
        order: 1;
    }

    .spec-title {
        font-size: 7rem !important;
        font-weight: 800 !important;
        letter-spacing: 2px !important;
        margin: 0 !important;
        opacity: 0.25;
    }

    .section-title {
        font-size: 14px;
        font-weight: 700;
    }

    .section-heading {
        font-size: 2.3rem;
        margin-top: -2.7rem;
        margin-bottom: 0.6rem;
    }

    .section-paragraph {
        font-size: 14.5px;
        margin-bottom: 0.4rem;
    }


    .successful-numbers-section {
        width: 100%;
        padding: 3.5rem 0;
        padding-bottom: 3rem;
        overflow: hidden;
    }

    .successful-numbers-section .stats-col {
        width: 50%;
    }

    .successful-numbers-section .content {
        margin: 1.2rem 0;
    }

    .successful-numbers-section .content h2 {
        font-size: 2.8rem !important;
        font-weight: 600;
    }

    .successful-numbers-section .content h3 {
        font-size: 2.4rem !important;
        font-weight: 500;
    }

    .successful-numbers-section .content h6 {
        font-size: 16.7px;
    }

    .successful-numbers-section .outer-layer-circle .first-line {
        margin-left: 1.6rem;
        margin-top: -1.2rem;
        transform: rotate(-3deg);
        height: 30px;
    }

    .successful-numbers-section .outer-layer-circle .second-line {
        margin-left: 2.4rem;
        margin-top: -5.2rem;
        transform: rotate(-4.5deg);
        height: 28px;
    }

    /* gettoknowus section css ends here */


    .shine-bg-shadow1 {
        width: 180px;
        height: 180px;
        box-shadow: 300px 200px 1000px var(--secondary-color);
        position: absolute;
        left: -120%;
        top: -14%;
        z-index: 0.2;
        opacity: 0.3;
        animation: movableitem 19s ease infinite;
    }

    .shine-bg-shadow2 {
        width: 250px;
        height: 250px;
        box-shadow: -400px 15px 1100px var(--secondary-color);
        position: absolute;
        right: -170%;
        top: -2%;
        z-index: 0.3;
        opacity: 0.4;
        animation: movableitem2 23s ease infinite;
    }



    .shine-bg-shadow3 {
        width: 190px;
        height: 190px;
        box-shadow: 300px 200px 1000px var(--secondary-color);
        position: absolute;
        left: -112%;
        bottom: 30%;
        z-index: 0.2;
        opacity: 0.3;
        animation: movableitem 19s ease infinite;
    }

    .shine-bg-shadow4 {
        width: 260px;
        height: 260px;
        box-shadow: -500px 15px 1100px var(--secondary-color);
        position: absolute;
        right: -177%;
        bottom: 82%;
        z-index: 0.3;
        opacity: 0.2;
        animation: movableitem2 19s ease infinite;
    }

    .shine-bg-shadow5 {
        width: 260px;
        height: 260px;
        box-shadow: -500px 15px 1100px var(--secondary-color);
        position: absolute;
        right: -0%;
        bottom: -100%;
        z-index: 0.3;
        opacity: 0.2;
        animation: movableitem3 1s ease-in infinite;
    }


    /* services index page css starts here */
    .services-indexsection {
        width: 100%;
        padding: 2.5rem 0;
        padding-bottom: 3.5rem;
        overflow: hidden;
    }

    .services-indexsection .head .section-heading {
        font-size: 2.3rem;
        margin-top: -2.7rem !important;
        margin-bottom: 0.6rem;
    }

    .services-indexsection .srvcs-boxes-index .service-pos:nth-child(1) .servcs-box.slidInFromBottom.animate-slide-in,
    .services-indexsection .srvcs-boxes-index .service-pos:nth-child(2) .servcs-box.slidInFromBottom.animate-slide-in,
    .services-indexsection .srvcs-boxes-index .service-pos:nth-child(3) .servcs-box.slidInFromBottom.animate-slide-in,
    .services-indexsection .srvcs-boxes-index .service-pos:nth-child(4) .servcs-box.slidInFromBottom.animate-slide-in {
        animation: slide-in-from-bottom 0.65s ease-in-out 0.1s forwards;
    }


    .service-pos {
        margin: 0rem 0;
        margin-bottom: 1.1rem;
    }

    .services-indexsection .srvcs-boxes-index {
        width: 98%;
        margin: auto;
        margin-top: 2.6rem;
    }

    .services-indexsection .srvcs-boxes-index .servcs-box {
        border-radius: 10px;
        padding: 0.3rem;
        margin-bottom: 1.7rem;
        height: 100%;
        position: relative;
    }

    .services-indexsection .srvcs-boxes-index .servcs-box .img-cont {
        width: 100%;
        height: 27vw;
        max-height: none;
        border-radius: 13px;
        overflow: hidden;
    }

    .services-indexsection .srvcs-boxes-index .servcs-box .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 13px;
        transition: scale 0.5s ease;
    }

    .services-indexsection .srvcs-boxes-index .servcs-box:hover .img-cont img {
        scale: 110%;
    }

    .services-indexsection .srvcs-boxes-index .servcs-box .servcs-box-content {
        padding: 0.1rem 0rem;
    }

    .services-indexsection .srvcs-boxes-index .servcs-box .servcs-box-content h4 {
        font-size: 1.5rem;
        margin-top: 0.8rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-bottom: 0;
    }

    .services-indexsection .srvcs-boxes-index .servcs-box .servcs-box-content p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-bottom: 0;
        font-size: 15.4px;
    }

    .services-indexsection .srvcs-boxes-index .servcs-box .servcs-box-content .serv-index-btn {
        font-size: 13.4px;
        font-weight: 600;
        color: var(--secondary-color);
        text-decoration: none;
        text-transform: uppercase;
        position: absolute;
        bottom: 5.5%;
    }

    /* services index page css ends here */


    /* middlebanner section css starts here */

    .common-banner {
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        padding: 4.5rem 0;
        padding-bottom: 4rem;
        position: relative;
        z-index: 2;
        text-align: center;
    }

    .common-banner .section-heading {
        font-size: 2.2rem;
    }

    .common-banner-btns {
        display: flex;
        flex-wrap: wrap;
        margin-top: 2.4rem;
    }

    .common-banner-btns a {
        font-size: 15px;
        margin-bottom: 1rem;
    }

    .common-banner-btns .slidInFromRight.animate-slide-in {
        animation: slide-in-from-right 0.7s ease-in-out 0.1s forwards;
    }

    .common-banner-btns .slidInFromLefttoright.animate-slide-in {
        animation: slide-in-from-left 0.7s ease-in-out 0.1s forwards;
    }

    /* middlebanner section css ends here */





    /* Multiple Clients CSS starts here */

    .clients-section {
        width: 100%;
        padding: 3.5rem 0;
        padding-bottom: 4.5rem;
    }

    .clients-section .head {
        width: 100%;
        margin-bottom: 1rem;
    }

    .clients-section .spec-title {
        font-size: 7rem !important;
        letter-spacing: 2px !important;
        margin: 0 !important;
        opacity: 0.22 !important;
    }

    .clients-section .head .section-heading {
        font-size: 2.3rem;
        margin-bottom: 0.6rem;
        margin-top: -2.7rem !important;
    }

    .clients-section .head .section-paragraph {
        font-size: 14px;
        width: 95%;
        margin: auto;
    }

    .clients-section .clients-boxes .clients-single-box {
        width: 15%;
        height: 6rem;
        margin: 0 0.4rem;
        border-radius: 8px;
    }

    .clients-section .clients-boxes .img-container {
        width: 77%;
        height: 100%;
        margin: auto;
        justify-content: center;
        padding: 0.4rem;
    }

    /* Multiple Clients CSS ends here */





    /* Blogs index section CSS starts here */
    .blogs-index-section {
        width: 100%;
        padding: 2.5rem 0;
        padding-bottom: 8rem;
        overflow: hidden;
    }

    .blogs-index-section .head {
        width: 100%;
        text-align: center;
        margin-bottom: 2.5rem;
    }

    .blogs-index-section .head .section-heading {
        font-size: 2.3rem;
        margin-top: -2.7rem;
        margin-bottom: 0.6rem;
    }

    .blogs-index-section .head .section-paragraph {
        font-size: 14px;
        width: 95%;
        margin: auto;
    }

    .blg-index-col {
        width: 50%;
        margin: auto;
        margin-bottom: 2rem;
    }

    .blg-index-col:nth-child(3) {
        margin-bottom: 1rem;
    }

    .blg-index-col:last-child {
        display: block;
        margin-bottom: 1rem;
    }

    .blg-box {
        height: 100%;
        position: relative;
        padding-bottom: 1.6rem;
    }

    .blg-box .img-cont {
        width: 100%;
        height: 28vw;
        max-height: none;
        overflow: hidden;
    }

    .blg-box .date-and-author-div {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 4%;
        padding: 0.5rem 0;
        padding-bottom: 0.1rem;
        margin-bottom: 0.6rem;
    }

    .blg-box .date-and-author-div .date {
        font-size: 14px;
        font-weight: 500;
    }

    .blg-box .date-and-author-div .author-name {
        font-size: 14px;
        font-weight: 500;
    }

    .blg-box .date-and-author-div .author-name::before {
        content: "|";
        margin-right: 16px;
    }

    .blg-box .blg-title {
        font-size: 1.42rem !important;
        font-weight: 500;
    }

    .blg-box .blg-paragraph {
        font-size: 15px;
    }

    .blg-box .blg-btn {
        font-size: 13.2px;
        font-weight: 600;
        position: absolute;
        bottom: 2.5%;
    }

    /* Blogs index section CSS ends here */




    /* footer BANNER CSS section starts here */
    .footer-compbanner {
        width: 100%;
    }

    .footer-compbanner .footbanner-div {
        width: 100%;
        margin-top: -6.7rem;
    }

    .footer-banner-col-three {
        width: 32%;
    }

    .footer-banner-col-three:last-child {
        width: 36%;
    }

    .footer-compbanner .footbanner-div .right-company-details {
        width: 97%;
        margin: auto;
        margin-top: 1.1rem;
        padding: 0.7rem 0;
    }

    .footer-compbanner .footbanner-div .right-company-details .com_detail-box {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
        gap: 3%;
        margin: 0rem 0;
        padding: 1.1rem 0.2rem;
        /* border: 1px solid red; */
        text-align: center;
    }

    .footer-compbanner .footbanner-div .right-company-details .com_detail-box i {
        width: 50px;
        height: 50px;
        padding: 1.2rem;
        font-size: 1.2rem;
        margin-bottom: 1rem;
    }

    .footer-compbanner .footbanner-div .right-company-details .com_detail-box .comp_det-desc h6 {
        font-size: 16.2px;
    }

    .footer-compbanner .footbanner-div .right-company-details .com_detail-box .comp_det-desc h6 a {
        font-size: 16.2px;
    }

    .footer-compbanner .footbanner-div .right-company-details .com_detail-box .email h6 a {
        font-size: 16.4px;
    }

    /* footer BANNER CSS section ends here */


    /* footer section CSS starts here */
    .footer-compsection {
        width: 100%;
        position: relative;
    }

    .footer-compsection .container {
        padding: 0 2rem;
    }

    .all-links-footer {
        padding: 0 2rem;
    }

    .footer-compsection h5 {
        font-size: 22.5px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .footer-compsection p {
        font-size: 15.3px;
    }

    .all-links-footer ul li a {
        font-size: 16px;
    }

    .all-links-footer ul li a:hover {
        letter-spacing: 0.1px;
    }

    .company-rights-line {
        width: 100%;
        height: 100%;
        padding: 1rem 0.7rem !important;
    }

    .company-rights-div {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .company-rights-div p {
        font-weight: 500;
        font-size: 15px;
        margin: 0.3rem 0;
        text-align: center;
    }

    .extra-col-footer {
        display: none;
    }

    .footer-taglinks-row {
        padding: 0 2rem;
    }

    /* footer section CSS ends here */




    /* breadcrumb section .. common for every page */
    .breadcrumb-overall-section {
        width: 100%;
        height: 14rem;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        margin-top: 5.01rem;
    }

    .breadcrumb-overlay-bgColor {
        opacity: 0.55;
    }

    .bcb-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 5.1rem;
        width: 98%;
        margin: auto;
        position: relative;
        z-index: 40 !important;
    }

    .bcb-content h2 {
        font-size: 1.8rem;
    }

    .bcb-content .multi-links-breadcrumb {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 2%;
    }

    .bcb-content .multi-links-breadcrumb a {
        font-size: 16px;
    }

    .bcb-content .multi-links-breadcrumb h6 {
        font-size: 16px;
    }

    /* breadcrumb section .. common for every page ends */





    /* About Us Page CSS Starts here */
    .about-pagehero-section {
        width: 100%;
        padding: 2.5rem 0;
        padding-bottom: 5rem;
    }

    .about-pagehero-section .aboutHero-pagediv {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 0%;
    }

    .about-pagehero-section .aboutHero-pagediv .left-halfabout {
        width: 99%;
        margin: auto;
    }

    .about-pagehero-section .aboutHero-pagediv .left-halfabout .section-heading {
        font-size: 2.3rem;
        margin-top: -2.7rem;
        margin-bottom: 0.6rem;
    }

    .about-pagehero-section .aboutHero-pagediv .left-halfabout .section-paragraph {
        font-size: 15.5px;
    }


    .about-pagehero-section .aboutHero-pagediv .right-halfimg {
        width: 40%;
        margin-top: 1.5rem;
        margin-left: 0.1rem;
    }

    .about-pagehero-section .aboutHero-pagediv .right-halfimg .img-cont {
        width: 100%;
        height: auto;
        max-height: none;
        background-color: rgba(255, 255, 255, 0.318);
        padding: 0.8rem;
    }

    .about-pagehero-section .aboutHero-pagediv .right-halfimg .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .abt-page-stats {
        padding: 3rem 0;
        padding-bottom: 3rem;
    }



    /* team member section css starts here */
    .team-about-page {
        width: 100%;
        padding-top: 3rem;
        padding-bottom: 7rem;
        overflow: hidden;
    }

    .team-about-page .head {
        width: 100%;
        text-align: center;
        margin-bottom: 2.2rem;
    }

    .team-about-page .spec-title {
        font-size: 7rem !important;
        letter-spacing: 2px !important;
        margin: 0 !important;
        opacity: 0.2 !important;
    }

    .team-about-page .section-heading {
        font-size: 2.3rem !important;
        margin-top: -2.7rem !important;
        margin-bottom: 0.6rem;
    }

    .team-about-page .head .section-paragraph {
        font-size: 14px;
        width: 96%;
        margin: auto;
    }

    .teamSwiper {
        padding: 0.4rem 0.4rem;
    }

    .teams-box {
        margin-bottom: 4rem;
    }

    .teams-box .img-cont {
        width: 100%;
        height: 31vw;
        max-height: none;
        border-radius: 10px;
    }

    .teams-box .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
    }

    .teams-box .content {
        margin: 1.5rem 0;
    }

    .teams-box .content .designation {
        font-size: 13.7px;
        font-weight: 400;
        color: var(--third-color);
    }

    .teams-box .content .teamMember-name {
        font-size: 1.35rem;
        text-transform: capitalize;
        font-weight: 400;
    }

    /* team member section css ends here */


    /* About Us Page CSS Ends here */




    /* Contact US Page CSS Starts here */
    .contactus-page-section {
        width: 100%;
        padding: 3.5rem 0;
        padding-bottom: 10.5rem;
        overflow: hidden;
    }

    .contactus-page-section .spec-title {
        font-size: 7rem !important;
        letter-spacing: 1.2px !important;
        opacity: 0.2 !important;
        margin: 0 !important;
    }

    .contactus-page-section .contactus-page-compdiv {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 0%;
    }

    .contactus-page-section .contactus-page-compdiv .left-halfdesc {
        width: 97%;
        margin: auto;
    }

    .contactus-page-section .contactus-page-compdiv .left-halfdesc .section-heading {
        font-size: 2.3rem;
        margin-top: -2.7rem;
        margin-bottom: 0.6rem;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp {
        width: 100%;
        margin-top: 1.5rem;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp .phone-numbers {
        display: flex;
        align-items: center;
        gap: 5%;
        width: 100%;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp h6 {
        font-weight: 400;
        font-size: 17px;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp .email-ids h6 a {
        font-weight: 400;
        font-size: 17.4px;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp .phone-numbers a {
        font-weight: 400;
        font-size: 17px;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp .icon-and-text {
        display: flex;
        align-items: center;
        gap: 4%;
        margin-bottom: 1rem;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp .icon-and-text:last-child {
        display: flex;
        align-items: center;
        gap: 4%;
        margin-bottom: 0rem;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp .icon-and-text .icon {
        width: 42px;
        height: 42px;
        padding: 1.9rem;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp .icon-and-text .icon i {
        font-size: 1.45rem;
    }

    .office-time {
        width: 100%;
    }


    .contactus-page-section .contactus-page-compdiv .right-halfForm {
        width: 97%;
        margin: auto;
        margin-top: 2.5rem;
    }

    .contactus-page-section .contactus-page-compdiv .right-halfForm form input {
        font-size: 16px;
    }

    .contactus-page-section .contactus-page-compdiv .right-halfForm form textarea {
        font-size: 16px;
    }

    /* Contact US Page CSS ends here */



    /* Galllery Section starts here */
    .Gallery-section {
        width: 100%;
        height: 100%;
        padding: 9.5rem 0;
        padding-top: 3rem;
        overflow: hidden;
    }

    .Gallery-body .heading-department {
        width: 97%;
        margin: auto;
        margin-bottom: 1.8rem;
        text-align: center;
    }

    .Gallery-body .heading-department .section-heading {
        font-size: 2.3rem;
        margin-top: -2.7rem;
        margin-bottom: 0.6rem;
    }

    .gallery-images {
        width: 50%;
    }

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

    .Gallery-body .gallery-boxes a {
        text-decoration: none;
    }

    .Gallery-body .gallery-boxes .img-container {
        width: 100%;
        height: 28.4vw;
        max-height: none;
        border-radius: 8px;
    }

    .Gallery-body .gallery-boxes .img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        border-radius: 8px;
    }

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

    .hidden {
        display: none !important;
    }

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

    .gallery-select-buttons .gallery-btn {
        padding: 0.5rem 1.2rem;
        font-size: 14.5px;
        font-weight: 600;
        border: none;
        border-radius: 25px;
        margin-bottom: 1rem;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.17);
    }

    .current-btn-selected {
        padding: 0.5rem 1.2rem;
        font-size: 14.5px;
        border: none;
        border-radius: 25px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.17);
    }



    .pagination-controls {
        display: flex;
        justify-content: center;
        margin-top: 1rem;
        gap: 0.5rem;
    }

    .pagination-controls .pagination-btn {
        padding: 0.5rem 1rem;
        border: none;
        border-radius: 5px;
    }

    /* Gallery Page CSS Ends Here ------------------------------------ */



    /* blog page css starts here */
    .blogs-section-comppage {
        width: 100%;
        padding: 4.5rem 0;
        padding-bottom: 7rem;
    }

    .blogs-section-comppage .blogs-div {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 0%;
    }

    .blogs-section-comppage .blogs-div .left-blogs-main {
        width: 98.7%;
        margin: auto;
    }

    .blogs-page-col {
        width: 50% !important;
        margin: auto;
        margin-bottom: 2.5rem;
    }

    .blogs-page-col .blg-box .img-cont {
        height: 26.7vw !important;
    }




    /* recent blogs page */
    .recent-blogs {
        width: 100%;
        height: 100%;
    }

    .ps-fxd {
        position: relative;
        top: auto;
    }

    .recent-blogs .section-heading {
        font-size: 2rem;
        margin-bottom: 0.6rem !important;
    }

    .heading-underline-hr-recnt {
        height: 0.2rem;
        margin-top: 3px;
    }

    .opening-link-recent {
        display: flex;
        text-decoration: none;
    }

    .rcnt_blgs {
        display: flex;
        justify-content: center;
        gap: 4%;
        border: 1.5px solid #ddd;
        padding: 1rem;
        border-radius: 5px;
        margin-bottom: 1rem;
        margin-top: 5px;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .rcnt_blgs img {
        width: 160px;
        height: 110px;
        object-fit: cover;
        object-position: left;
        margin-right: 16px;
        border-radius: 5px;
    }

    .rcnt_blgs .content .author-date {
        margin-top: 0rem;
        margin-bottom: 0.5rem;
    }

    .rcnt_blgs .content .author-date h5 {
        font-size: 15px;
    }

    .rcnt_blgs .content .rcnt-tt {
        font-size: 1.5rem;
        font-weight: 400;
    }

    .enq-box-complete {
        display: none;
        padding: 1.4rem 1.1rem;
        border-radius: 7px;
    }

    .enq-box-complete h2 {
        font-size: 1.6rem;
        margin-bottom: 1.3rem;
    }

    .enq-box-complete .anchor-enq-box-blogs {
        display: flex;
        flex-direction: column;
    }

    .enq-box-complete .anchor-enq-box-blogs .enq-anchr-link {
        font-size: 15.5px;
        margin-bottom: 0.5rem;
    }

    .enq-box-complete .anchor-enq-box-blogs .enq-anchr-link i {
        width: 25px;
        height: 25px;
        font-size: 1.3rem;
        margin-right: 7px;
    }

    .enq-box-complete .anchor-enq-box-blogs .enq-anchr-link strong {
        margin-right: 7px;
    }

    /* recent blogs page ends */


    /* blogs detailed page complete */
    .blogs-details-page {
        width: 100%;
        padding: 4.5rem 0;
        overflow: hidden;
    }

    .blog-details-col-half {
        width: 98.5%;
        margin: auto;
        margin-bottom: 1.5rem;
    }

    .recent-blogs-col-half {
        width: 98.5%;
        margin: auto;
        margin-top: 2.6rem;
        margin-bottom: 6rem;
    }


    .blogs-details-cmplte .img-date-author {
        display: flex;
        justify-content: center;
        align-items: end;
        gap: 3%;
        width: 100%;
        margin: auto;
        border-radius: 10px;
    }

    .blogs-details-cmplte .img-date-author .left-img {
        width: 56.5%;
    }

    .blogs-details-page .blogs-details-cmplte .img-cont {
        width: 100%;
        height: 32.5vw;
        max-height: none;
        border: none;
        background-position: center !important;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 10px;
    }

    .blogs-details-page .blogs-details-cmplte .img-cont img {
        border-radius: 10px;
    }

    .blogs-details-page .blogs-details-cmplte .content {
        width: 100%;
        margin: auto;
        margin-top: 1rem;
    }


    .blogs-details-page .blogs-details-cmplte .date-author {
        width: 40.5%;
    }

    .blogs-details-page .blogs-details-cmplte .date-author .icon-text {
        display: flex;
        align-items: baseline;
        margin-top: 0.8rem;
    }

    .blogs-details-page .blogs-details-cmplte .date-author .icon-text i {
        font-size: 15px;
        margin-right: 9px;
    }

    .blogs-details-page .blogs-details-cmplte .date-author .icon-text h6 {
        font-size: 15px;
        font-weight: 400;
    }

    .blogs-details-page .blogs-details-cmplte .blog-tt {
        font-size: 2.2rem;
        margin-top: 0.6rem;
        margin-bottom: 0.6rem;
        letter-spacing: -0.1px;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh p {
        font-size: 16px;
        width: 100%;
        margin: 0.1rem 0;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh ul {
        margin: 0.6rem 0;
        list-style: disc;
        padding-left: 16px;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh ul li {
        font-size: 16px;
        width: 100%;
        margin: 0.3rem 0;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh ul strong {
        font-size: 17.4px;
        font-weight: 500;
        color: white;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh h6,
    ul h6 {
        font-size: 18px;
        margin-top: 1.4rem;
        margin-bottom: 0.6rem;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh h5,
    ul h5 {
        font-size: 1.4rem;
        margin-top: 1.4rem;
        margin-bottom: 0.6rem;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh h4,
    ul h4 {
        font-size: 1.6rem;
        margin-top: 1.4rem;
        margin-bottom: 0.6rem;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh h3,
    ul h3 {
        font-size: 1.8rem;
        margin-top: 1.4rem;
        margin-bottom: 0.6rem;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh h2,
    ul h2 {
        font-size: 2rem;
        margin-top: 1.4rem;
        margin-bottom: 0.6rem;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh h1,
    ul h1 {
        font-size: 2.2rem;
        margin-top: 1.4rem;
        margin-bottom: 0.6rem;
    }

    /* blogs detailed page complete ends */

    /* blog page css ends here */




    /* services detailed page css starts here */
    .serv-details-page-indiv {
        width: 100%;
        padding: 3.5rem 0;
        padding-bottom: 9rem;
    }

    .serv-details-page-indiv .serv-detail-compdiv {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 0%;
    }

    .serv-details-page-indiv .serv-detail-compdiv .left-img-btn {
        width: 98.5%;
        margin: auto;
    }

    .serv-details-page-indiv .serv-detail-compdiv .left-img-btn .img-cont {
        width: 60%;
        height: 34vw;
        max-height: none;
        /* border: 2px solid red; */
        margin-bottom: 1.6rem;
        border-radius: 0px !important;
    }



    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc {
        width: 98.5%;
        margin: auto;
        margin-top: 1.3rem;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc .serv-title {
        font-size: 2rem !important;
        font-weight: 500 !important;
        margin: 0 !important;
        margin-bottom: 0.5rem !important;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc h2,
    ul h2 {
        font-size: 2rem;
        margin: 1.4rem 0;
        margin-bottom: 0.5rem;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc h3,
    ul h3 {
        font-size: 1.8rem;
        margin: 1.4rem 0;
        margin-bottom: 0.5rem;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc h4,
    ul h4 {
        font-size: 1.6rem;
        margin: 1.4rem 0;
        margin-bottom: 0.5rem;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc h5,
    ul h5 {
        font-size: 1.4rem;
        margin: 1.4rem 0;
        margin-bottom: 0.5rem;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc h6,
    ul h6 {
        font-size: 1.3rem;
        margin: 1.4rem 0;
        margin-bottom: 0.5rem;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc p {
        font-size: 15.5px;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc ul {
        padding-left: 16px;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc ul li {
        font-size: 15.5px;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc ul li strong {
        font-weight: 500;
    }

    /* services detailed page css ends here */
}






@media screen and (min-width:981.1px) and (max-width:1120px) {

    .dropdown-menu {
        left: -60%;
        width: 240px;
        max-width: 245px;
    }

    .dropdown-menu a {
        padding: 0.6rem 0.9rem !important;
    }

    /* dropdown functionality css ends here */

    /* sub dropdown twice */
    .sub-dropdown-twice {
        width: 231px;
        max-width: 235px;
    }

    /* sub dropdown twice ends */

    .no-scroll {
        overflow: hidden;
    }

    .menu-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        z-index: 887;
    }

    /* Overlay visible when menu is open */
    .menu-overlay.active {
        opacity: 1;
        visibility: visible;
    }


    .navbar-complete-body {
        display: block;
        width: 100%;
        height: 5.3rem;
        background-color: transparent;
        position: fixed;
        top: 0;
        z-index: 888;
        transition: all 0.3s ease;
        /* background-color: grey; */
    }

    .nav-sticky {
        background-color: var(--secondary-color);
        box-shadow: 0 0 12px rgba(40, 40, 40, 0.595);
        transition: all 0.3s ease;
    }

    .navbar-complete-body .navbar-section {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        /* border: 1px solid red; */
    }

    .navbar-section .navbar_logo {
        width: 150px;
        height: 65px;
        border-radius: 10px;
        /* border: 1px solid white; */
        /* padding: 0.7rem; */
    }

    .navbar-section .navbar_logo .main-logo {
        width: 100%;
        height: 100%;
        padding: 0.2rem;
        object-fit: contain;
        background-color: rgba(255, 255, 255, 0.148);
        border-radius: 10px !important;
    }


    .navbar-section .navbar_links ul {
        display: flex;
        justify-content: center;
        list-style: none;
        gap: 0rem;
        padding-left: 0;
        margin-top: 0.33rem;
    }

    .navbar-section .navbar_links ul li {
        font-size: 16.5px;
        font-weight: 500;
        margin-top: 0rem;
        padding: 0rem 0;
        position: relative;
    }

    .navbar-section .navbar_links ul li a {
        text-decoration: none;
        color: white;
        /* border: 1px solid red; */
        padding: 1.7rem 0.6rem;
        position: relative;
    }

    .navbar-section .navbar_links ul li .bord-btm-hover {
        display: inline-flex;
        gap: 2%;
        overflow: hidden;
        /* border: 2px solid red; */
    }

    .navbar-section .navbar_links ul li .bord-btm-hover::after {
        content: "";
        background-color: var(--primary-color);
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 0.3rem;
        left: 0;
        transform: translateX(-102%);
        transition: transform 0.4s ease;
    }

    .navbar-section .navbar_links ul li .bord-btm-hover:hover::after {
        transform: translateX(0);
    }

    .navbar-section .navbar_links ul li a:hover {
        color: var(--third-color) !important;
    }

    .active-link-menu {
        color: var(--third-color) !important;
    }

    .call-us-nav-btn {
        text-decoration: none;
        color: white;
        font-size: 16.5px;
        font-weight: 500;
        padding: 9px 14px;
    }


    .menu-btns {
        display: none;
    }


    .custm-btn {
        border: 2px solid var(--secondary-color);
        padding: 0.55rem 1.05rem;
        font-size: 14.2px;
        font-weight: 600;
        z-index: 50;
        letter-spacing: 0.4px;
    }

    .custm-btn2 {
        border: 2px solid var(--text-white);
        padding: 0.55rem 1.05rem;
        font-size: 14.2px;
        font-weight: 600;
        z-index: 50;
        letter-spacing: 0.4px;
    }



    .socialmedia-sidebar {
        position: fixed !important;
        left: -48px;
        top: 33%;
        z-index: 886;
        transition: left 0.23s ease-out;
        width: auto;
        height: auto;
        background-color: rgb(225, 225, 225);
        padding-right: 0.8rem;
        border-top-right-radius: 42px;
        border-bottom-right-radius: 42px;
        box-shadow: 3px 1px 4px rgba(87, 87, 87, 0.623);
        cursor: grab;
        display: flex;
        align-items: center;
    }

    .socialmedia-abs {
        display: flex;
        flex-direction: column;
        background-color: var(--text-white);
        padding: 1rem;
        border-top-right-radius: 25px;
        border-bottom-right-radius: 25px;
    }

    .socialmedia-abs a {
        text-decoration: none;
        color: var(--primary-color);
        margin: 0.8rem 0;
        font-size: 1.2rem !important;
    }

    .sidebar-arrow-right {
        position: absolute;
        z-index: 99999;
        top: 45%;
        left: 80%;
        font-size: 1.5rem;
        animation: Sidebararrow 1.2s linear infinite;
        display: block;
    }

    .sidebar-arrow-left {
        position: absolute;
        z-index: 99999;
        top: 45%;
        left: 80%;
        font-size: 1.5rem;
        animation: Sidebararrow 1.2s linear infinite reverse;
        display: none;
    }


    @keyframes Sidebararrow {
        0% {
            transform: translateX(0);
            opacity: 0;
        }

        100% {
            transform: translateX(50%);
            opacity: 1;
        }
    }

    .whatsappicon {
        position: fixed;
        bottom: 2.5%;
        left: 1.6%;
        z-index: 881;
    }

    .whatsappicon a {
        text-decoration: none;
    }

    .whatsappicon img {
        width: 62px;
        height: 62px;
        object-fit: contain;
    }


    .top-scroll-full {
        position: fixed;
        bottom: 2.5%;
        right: 1.6%;
        z-index: 811;
    }


    /* Carousel Hero */

    .caro-hov:hover .carousel-control-prev {
        left: 0.7%;
    }

    .caro-hov:hover .carousel-control-next {
        right: 0.7%;
    }

    .carousel-fade .carousel-item {
        width: 100%;
        height: 64vw;
    }

    .carousel-inner {
        position: relative;
        z-index: 8;
    }

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

    .container {
        max-width: 1120px;
        padding: 0 4rem;
    }

    .carousel-inner .carouselcontent {
        position: absolute;
        top: 52%;
        left: 44.1%;
        transform: translate(-50%, -50%);
        width: 75%;
        margin: auto;
        color: white;
        z-index: 555 !important;
    }

    .carousel-inner .carouselcontent h3 {
        width: 71%;
        font-size: 2.7rem;
        font-weight: 500;
        color: white;
    }

    .carousel-inner .carouselcontent .carousel-para {
        width: 70.5%;
        font-size: 15.8px;
        color: white !important;
        padding: 0.4rem 0;
        margin-bottom: 0.5rem;
    }

    .carousel-inner .carouselcontent .trustedline {
        width: 75%;
        font-size: 12.5px;
        color: white !important;
        padding-top: 0.8rem;
    }

    .video-screenoverlay {
        opacity: 0.2;
    }

    /* Carousel Hero ends */




    /* gettoknowus section css starts here */
    .index-about-section {
        width: 100%;
        padding: 3rem 0;
        padding-bottom: 5.5rem;
        overflow: hidden;

        background-repeat: no-repeat;
        background-position: 58% 60%;
        background-size: cover;
        background-blend-mode: soft-light;
    }

    .index-about-section .indexabout-div {
        width: 100%;
        display: flex;
        gap: 3%;
    }

    .index-about-section .indexabout-div .left-halfimg {
        width: 27%;
        margin-top: 0;
    }

    .index-about-section .indexabout-div .left-halfimg .img-cont {
        max-height: none;
    }


    .index-about-section .indexabout-div .right-halfdesc {
        width: 70%;
    }


    .spec-title {
        font-size: 7rem !important;
        font-weight: 800 !important;
        letter-spacing: 5px !important;
        margin: 0 !important;
        background: linear-gradient(to top, transparent 20%, var(--secondary-color)) !important;
        -webkit-background-clip: text !important;
        color: transparent !important;
        position: relative !important;
        z-index: 2 !important;
        opacity: 0.25;
    }

    .section-title {
        font-size: 14px;
        font-weight: 700;
    }

    .section-heading {
        font-size: 2.5rem;
        margin-top: -2.7rem;
        margin-bottom: 0.6rem;
    }

    .section-paragraph {
        font-size: 15px;
        margin-bottom: 0.4rem;
    }


    .successful-numbers-section {
        width: 100%;
        padding: 3.5rem 0;
        padding-bottom: 3rem;
        overflow: hidden;
    }

    .successful-numbers-section .stats-col {
        width: 25%;
    }

    .successful-numbers-section .content {
        margin: 1.2rem 0;
    }

    .successful-numbers-section .content h2 {
        font-size: 2.5rem !important;
        font-weight: 600;
    }

    .successful-numbers-section .content h3 {
        font-size: 2.1rem !important;
        font-weight: 500;
    }

    .successful-numbers-section .content h6 {
        font-size: 16.2px;
    }

    .successful-numbers-section .outer-layer-circle .first-line {
        margin-left: -2.2rem;
        margin-top: -1.6rem;
        transform: rotate(-3deg);
        height: 27px;
    }

    .successful-numbers-section .outer-layer-circle .second-line {
        margin-left: -2rem;
        margin-top: -5.6rem;
        transform: rotate(-4.5deg);
        height: 27px;
    }

    /* gettoknowus section css ends here */



    .shine-bg-shadow1 {
        width: 180px;
        height: 180px;
        box-shadow: 300px 200px 1000px var(--secondary-color);
        position: absolute;
        left: -55%;
        top: -24%;
        z-index: 0.2;
        animation: movableitem 17s ease infinite;
    }

    .shine-bg-shadow2 {
        width: 250px;
        height: 250px;
        box-shadow: -500px 15px 1100px var(--secondary-color);
        position: absolute;
        right: -82%;
        top: -12%;
        z-index: 0.3;
        opacity: 0.8;
        animation: movableitem2 22s ease infinite;
    }


    .shine-bg-shadow3 {
        width: 190px;
        height: 190px;
        box-shadow: 300px 200px 1000px var(--secondary-color);
        position: absolute;
        left: -55%;
        bottom: 30%;
        z-index: 0.2;
        animation: movableitem 14s ease infinite;
    }

    .shine-bg-shadow4 {
        width: 260px;
        height: 260px;
        box-shadow: -500px 15px 1100px var(--secondary-color);
        position: absolute;
        right: -75%;
        bottom: 70%;
        z-index: 0.3;
        animation: movableitem2 19s ease infinite;
    }

    .shine-bg-shadow5 {
        width: 260px;
        height: 260px;
        box-shadow: -500px 15px 1100px var(--secondary-color);
        position: absolute;
        right: 25%;
        bottom: 0%;
        z-index: 0.3;
        opacity: 0.2;
        animation: movableitem3 35s ease-in infinite;
    }



    /* services index page css starts here */
    .services-indexsection {
        width: 100%;
        padding: 2.5rem 0;
        padding-bottom: 3.5rem;
        overflow: hidden;
    }

    .services-indexsection .head .section-heading {
        font-size: 2.5rem;
        margin-top: -2.7rem !important;
        margin-bottom: 0.6rem;
    }


    .services-indexsection .srvcs-boxes-index .service-pos:nth-child(1) .servcs-box.slidInFromBottom.animate-slide-in {
        animation: slide-in-from-bottom 0.65s ease-in-out 0.1s forwards;
    }

    .services-indexsection .srvcs-boxes-index .service-pos:nth-child(2) .servcs-box.slidInFromBottom.animate-slide-in {
        animation: slide-in-from-bottom 0.65s ease-in-out 0.1s forwards;
    }

    .services-indexsection .srvcs-boxes-index .service-pos:nth-child(3) .servcs-box.slidInFromBottom.animate-slide-in {
        animation: slide-in-from-bottom 0.65s ease-in-out 0.1s forwards;
    }

    .services-indexsection .srvcs-boxes-index .service-pos:nth-child(4) .servcs-box.slidInFromBottom.animate-slide-in {
        animation: slide-in-from-bottom 0.65s ease-in-out 0.1s forwards;
    }


    .service-pos {
        margin: 0rem 0;
        margin-bottom: 1.1rem;
        width: 50%;
    }

    .services-indexsection .srvcs-boxes-index {
        width: 97%;
        margin: auto;
        margin-top: 1.9rem;
    }

    .services-indexsection .srvcs-boxes-index .servcs-box {
        border-radius: 10px;
        padding: 0.3rem;
        margin-bottom: 1.7rem;
        height: 100%;
        position: relative;
    }

    .services-indexsection .srvcs-boxes-index .servcs-box .img-cont {
        width: 100%;
        height: 29vw;
        max-height: none;
        border-radius: 13px;
        overflow: hidden;
    }

    .services-indexsection .srvcs-boxes-index .servcs-box .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 13px;
        transition: scale 0.5s ease;
    }

    .services-indexsection .srvcs-boxes-index .servcs-box:hover .img-cont img {
        scale: 110%;
    }

    .services-indexsection .srvcs-boxes-index .servcs-box .servcs-box-content {
        padding: 0.3rem 0rem;
    }

    .services-indexsection .srvcs-boxes-index .servcs-box .servcs-box-content h4 {
        font-size: 1.6rem;
        margin-top: 0.8rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-bottom: 0;
    }

    .services-indexsection .srvcs-boxes-index .servcs-box .servcs-box-content p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-bottom: 0;
        color: var(--sec-fontColor);
        font-size: 16px;
    }

    .services-indexsection .srvcs-boxes-index .servcs-box .servcs-box-content .serv-index-btn {
        font-size: 13.6px;
        font-weight: 600;
        text-decoration: none;
        text-transform: uppercase;
        position: absolute;
        bottom: 5.5%;
    }

    /* services index page css ends here */



    /* middlebanner section css starts here */

    .common-banner {
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        padding: 5rem 0;
        padding-bottom: 4rem;
        position: relative;
        z-index: 2;
        text-align: center;
    }

    .common-banner .section-heading {
        font-size: 2.4rem;
    }

    .common-banner-btns {
        display: flex;
        flex-wrap: wrap;
        margin-top: 2.4rem;
    }

    .common-banner-btns a {
        font-size: 15px;
        cursor: pointer;
        margin-bottom: 1rem;
    }

    .common-banner-btns .slidInFromRight.animate-slide-in {
        animation: slide-in-from-right 0.7s ease-in-out 0.1s forwards;
    }

    .common-banner-btns .slidInFromLefttoright.animate-slide-in {
        animation: slide-in-from-left 0.7s ease-in-out 0.1s forwards;
    }

    /* middlebanner section css ends here */



    /* Multiple Clients CSS starts here */

    .clients-section {
        width: 100%;
        padding: 2.5rem 0;
        padding-bottom: 5rem;
    }

    .clients-section .head {
        width: 100%;
        margin-bottom: 1rem;
    }

    .clients-section .spec-title {
        font-size: 7rem !important;
        letter-spacing: 2px !important;
        margin: 0 !important;
        opacity: 0.22 !important;
    }

    .clients-section .head .section-heading {
        font-size: 2.5rem;
        margin-bottom: 0.6rem;
        margin-top: -2.7rem !important;
    }

    .clients-section .head .section-paragraph {
        font-size: 14px;
        width: 95%;
        margin: auto;
    }

    .clients-section .clients-boxes .clients-single-box {
        width: 15%;
        height: 6rem;
        margin: 0 0.4rem;
        border-radius: 8px;
    }

    .clients-section .clients-boxes .img-container {
        width: 77%;
        height: 100%;
        margin: auto;
        justify-content: center;
        padding: 0.4rem;
    }

    /* Multiple Clients CSS ends here */





    /* Blogs index section CSS starts here */
    .blogs-index-section {
        width: 100%;
        padding: 2.5rem 0;
        padding-bottom: 7.5rem;
        overflow: hidden;
    }

    .blogs-index-section .head {
        width: 100%;
        text-align: center;
        margin-bottom: 2.5rem;
    }

    .blogs-index-section .head .section-heading {
        font-size: 2.5rem;
        margin-top: -2.7rem;
        margin-bottom: 0.6rem;
    }

    .blogs-index-section .head .section-paragraph {
        font-size: 14px;
        width: 95%;
        margin: auto;
    }

    .blg-index-col {
        width: 50%;
        margin-bottom: 2rem;
    }

    .blg-index-col:nth-child(3) {
        margin-bottom: 1rem;
    }

    .blg-index-col:last-child {
        display: block;
        margin-bottom: 1rem;
    }

    .blg-box {
        height: 100%;
        position: relative;
        padding-bottom: 1.6rem;
    }

    .blg-box .img-cont {
        width: 100%;
        height: 28vw;
        max-height: none;
        overflow: hidden;
    }

    .blg-box .date-and-author-div {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 4%;
        padding: 0.5rem 0;
        padding-bottom: 0.1rem;
        margin-bottom: 0.6rem;
    }

    .blg-box .date-and-author-div .date {
        font-size: 14px;
        font-weight: 500;
    }

    .blg-box .date-and-author-div .author-name {
        font-size: 14px;
        font-weight: 500;
    }

    .blg-box .date-and-author-div .author-name::before {
        content: "|";
        margin-right: 16px;
    }

    .blg-box .blg-title {
        font-size: 1.7rem;
        font-weight: 500;
    }

    .blg-box .blg-paragraph {
        font-size: 16.5px;
    }

    .blg-box .blg-btn {
        font-size: 13.2px;
        font-weight: 600;
        position: absolute;
        bottom: 3%;
    }

    /* Blogs index section CSS ends here */




    /* footer BANNER CSS section starts here */
    .footer-compbanner {
        width: 100%;
    }

    .footer-compbanner .footbanner-div {
        width: 100%;
        margin-top: -6.7rem;
    }

    .footer-banner-col-three {
        width: 32%;
    }

    .footer-banner-col-three:last-child {
        width: 36%;
    }

    .footer-compbanner .footbanner-div .right-company-details {
        width: 97%;
        margin: auto;
        margin-top: 1.1rem;
        padding: 0.7rem 0;
    }

    .footer-compbanner .footbanner-div .right-company-details .com_detail-box {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
        gap: 3%;
        margin: 0rem 0;
        padding: 1.1rem 0.2rem;
        /* border: 1px solid red; */
        text-align: center;
    }

    .footer-compbanner .footbanner-div .right-company-details .com_detail-box i {
        width: 50px;
        height: 50px;
        padding: 1.2rem;
        font-size: 1.2rem;
        margin-bottom: 1rem;
    }

    .footer-compbanner .footbanner-div .right-company-details .com_detail-box .comp_det-desc h6 {
        font-size: 16.8px;
    }

    .footer-compbanner .footbanner-div .right-company-details .com_detail-box .comp_det-desc h6 a {
        font-size: 16.8px;
    }

    .footer-compbanner .footbanner-div .right-company-details .com_detail-box .email h6 a {
        font-size: 17px;
    }

    /* footer BANNER CSS section ends here */


    /* footer section CSS starts here */
    .footer-compsection {
        width: 100%;
        position: relative;
    }

    .footer-compsection .container {
        padding: 0 4rem;
    }

    .all-links-footer {
        padding: 0 0.74rem;
    }

    .footer-about-col {
        width: 100%;
    }

    .footer-links-col {
        width: 33.33%;
        padding: 0 !important;
    }

    .footer-compsection h5 {
        font-size: 23px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .footer-compsection p {
        font-size: 15.5px;
    }

    .all-links-footer ul li a {
        font-size: 16.5px;
    }

    .all-links-footer ul li a:hover {
        letter-spacing: 0.1px;
        color: var(--secondary-color);
    }

    .company-rights-line {
        width: 100%;
        height: 100%;
        padding: 1rem 0rem !important;
    }

    .company-rights-div {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .company-rights-div p {
        font-weight: 500;
        font-size: 15px;
        margin: 0.3rem 0;
        text-align: center;
    }

    .extra-col-footer {
        display: none;
    }

    .footer-taglinks-row {
        padding: 0 0.74rem;
    }

    /* footer section CSS ends here */




    /* breadcrumb section .. common for every page */
    .breadcrumb-overall-section {
        width: 100%;
        height: 18rem;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

    .bcb-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 9.3rem;
        width: 98%;
        margin: auto;
        position: relative;
        z-index: 40 !important;
    }

    .bcb-content h2 {
        font-size: 1.9rem;
    }

    .bcb-content .multi-links-breadcrumb {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 2%;
    }

    .bcb-content .multi-links-breadcrumb a {
        font-size: 17px;
    }

    .bcb-content .multi-links-breadcrumb h6 {
        font-size: 17px;
    }

    /* breadcrumb section .. common for every page ends */





    /* About Us Page CSS Starts here */
    .about-pagehero-section {
        width: 100%;
        padding: 2.5rem 0;
        padding-bottom: 5rem;
    }

    .about-pagehero-section .aboutHero-pagediv {
        width: 100%;
        display: flex;
        gap: 3%;
    }

    .about-pagehero-section .aboutHero-pagediv .left-halfabout {
        width: 69%;
        margin: auto;
    }

    .about-pagehero-section .aboutHero-pagediv .left-halfabout .section-heading {
        font-size: 2.5rem;
        margin-top: -2.7rem;
        margin-bottom: 0.6rem;
    }

    .about-pagehero-section .aboutHero-pagediv .left-halfabout .section-paragraph {
        font-size: 15.5px;
    }


    .about-pagehero-section .aboutHero-pagediv .right-halfimg {
        width: 28%;
        margin: auto;
        margin-top: 1.5rem;
    }

    .about-pagehero-section .aboutHero-pagediv .right-halfimg .img-cont {
        width: 100%;
        height: auto;
        max-height: none;
        background-color: rgba(255, 255, 255, 0.318);
        padding: 0.8rem;
    }

    .about-pagehero-section .aboutHero-pagediv .right-halfimg .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .abt-page-stats {
        padding: 3rem 0;
        padding-bottom: 3rem;
    }



    /* team member section css starts here */
    .team-about-page {
        width: 100%;
        padding-top: 3rem;
        padding-bottom: 7rem;
        overflow: hidden;
    }

    .team-about-page .head {
        width: 100%;
        text-align: center;
        margin-bottom: 2.2rem;
    }

    .team-about-page .spec-title {
        font-size: 7rem !important;
        letter-spacing: 2px !important;
        margin: 0 !important;
        opacity: 0.2 !important;
    }

    .team-about-page .section-heading {
        font-size: 2.5rem !important;
        margin-top: -2.7rem !important;
        margin-bottom: 0.6rem;
    }

    .team-about-page .head .section-paragraph {
        font-size: 14px;
        width: 96%;
        margin: auto;
    }

    .teamSwiper {
        padding: 0.4rem 0rem;
    }

    .teams-box {
        margin-bottom: 4rem;
    }

    .teams-box .img-cont {
        width: 100%;
        height: 19vw;
        max-height: none;
        border-radius: 10px;
    }

    .teams-box .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
    }

    .teams-box .content {
        margin: 1rem 0;
    }

    .teams-box .content .designation {
        font-size: 12.7px;
        font-weight: 400;
    }

    .teams-box .content .teamMember-name {
        font-size: 1.3rem;
        text-transform: capitalize;
        font-weight: 400;
    }

    /* team member section css ends here */

    /* About Us Page CSS Ends here */




    /* Contact US Page CSS Starts here */

    .contactus-page-section {
        width: 100%;
        padding: 3.5rem 0;
        padding-bottom: 10.5rem;
        overflow: hidden;
    }

    .contactus-page-section .spec-title {
        font-size: 7rem !important;
        letter-spacing: 1.2px !important;
        opacity: 0.2 !important;
        margin: 0 !important;
    }

    .contactus-page-section .contactus-page-compdiv {
        align-items: end;
        gap: 3%;
    }

    .contactus-page-section .contactus-page-compdiv .left-halfdesc {
        width: 47%;
    }

    .contactus-page-section .contactus-page-compdiv .left-halfdesc .section-heading {
        font-size: 2.5rem;
        margin-top: -2.7rem;
        margin-bottom: 0.6rem;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp .phone-numbers {
        display: flex;
        align-items: center;
        gap: 5%;
        width: 100%;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp .email-ids h6 a {
        font-weight: 400;
        font-size: 17.2px;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp .phone-numbers a {
        font-weight: 400;
        font-size: 17px;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp .icon-and-text {
        margin-bottom: 0.9rem;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp .icon-and-text:last-child {
        margin-bottom: 0rem;
    }


    .contactus-page-section .contactus-page-compdiv .right-halfForm {
        width: 50%;
        margin-top: 2.5rem;
    }

    /* Contact US Page CSS ends here */






    /* Galllery Section starts here */
    .Gallery-section {
        width: 100%;
        height: 100%;
        padding: 9.5rem 0;
        padding-top: 3rem;
        overflow: hidden;
    }

    .Gallery-body .heading-department {
        width: 97%;
        margin: auto;
        margin-bottom: 1.8rem;
        text-align: center;
    }

    .Gallery-body .heading-department .section-heading {
        font-size: 2.5rem;
        margin-top: -2.7rem;
        margin-bottom: 0.6rem;
    }

    .gallery-images {
        width: 33.33%;
    }

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

    .Gallery-body .gallery-boxes a {
        text-decoration: none;
    }

    .Gallery-body .gallery-boxes .img-container {
        width: 100%;
        height: 18.4vw;
        max-height: none;
        border-radius: 8px;
    }

    .Gallery-body .gallery-boxes .img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        border-radius: 8px;
    }

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

    .hidden {
        display: none !important;
    }

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

    .gallery-select-buttons .gallery-btn {
        padding: 0.6rem 1.4rem;
        font-size: 14.5px;
        font-weight: 600;
        border: none;
        border-radius: 25px;
        margin-bottom: 1rem;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.17);
    }

    .current-btn-selected {
        padding: 0.6rem 1.4rem;
        font-size: 14.5px;
        border: none;
        border-radius: 25px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
    }

    /* Gallery Page CSS Ends Here ------------------------------------ */



    /* blog page css starts here */

    .blogs-section-comppage {
        width: 100%;
        padding: 4.5rem 0;
        padding-bottom: 7rem;
    }

    .blogs-section-comppage .blogs-div {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 0%;
    }

    .blogs-section-comppage .blogs-div .left-blogs-main {
        width: 100%;
    }

    .blogs-page-col {
        width: 50% !important;
        margin-bottom: 2.5rem;
    }

    .blogs-page-col .blg-box .img-cont {
        height: 26.7vw !important;
    }





    /* recent blogs page */
    .recent-blogs {
        width: 100%;
        height: 100%;
    }

    .ps-fxd {
        position: sticky;
        top: 11%;
    }

    .recent-blogs .section-heading {
        font-size: 1.8rem;
        margin-bottom: 0.6rem !important;
    }

    .heading-underline-hr-recnt {
        height: 0.2rem;
        margin-top: 3px;
    }

    .opening-link-recent {
        display: flex;
        flex-direction: column;
        text-decoration: none;
    }

    .rcnt_blgs {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 0%;
        border: 1.5px solid #ddd;
        padding: 0.7rem;
        border-radius: 5px;
        margin-bottom: 1rem;
        margin-top: 5px;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .rcnt_blgs img {
        width: 100%;
        height: 15vw;
        object-fit: cover;
        object-position: left;
        margin-right: 16px;
        border-radius: 5px;
    }

    .rcnt_blgs .content .author-date {
        margin: 0.5rem 0;
        margin-bottom: 0.2rem;
        flex-direction: column;
        justify-content: start;
        align-items: baseline;
    }

    .rcnt_blgs .content .author-date h5 {
        font-size: 14.5px;
    }

    .rcnt_blgs .content .rcnt-tt {
        font-size: 1.2rem;
        font-weight: 400;
    }

    .enq-box-complete {
        padding: 1.4rem 0.7rem;
        border-radius: 7px;
    }

    .enq-box-complete h2 {
        font-size: 1.35rem;
        margin-bottom: 1.3rem;
    }

    .enq-box-complete .anchor-enq-box-blogs {
        display: flex;
        flex-direction: column;
    }

    .enq-box-complete .anchor-enq-box-blogs .enq-anchr-link {
        font-size: 15px;
        margin-bottom: 0.5rem;
        flex-wrap: wrap;
    }

    .enq-box-complete .anchor-enq-box-blogs .enq-anchr-link i {
        width: 23px;
        height: 23px;
        font-size: 1.2rem;
        margin-right: 5px;
    }

    .enq-box-complete .anchor-enq-box-blogs .enq-anchr-link strong {
        margin-right: 7px;
    }

    /* recent blogs page ends */


    /* blogs detailed page complete */
    .blogs-details-page {
        width: 100%;
        padding: 4.5rem 0;
        padding-bottom: 7.5rem;
    }

    .blog-details-col-half {
        width: 69%;
        margin: auto;
        margin-bottom: 2.4rem;
    }

    .recent-blogs-col-half {
        width: 31%;
        margin: auto;
        margin-top: 2.6rem;
        margin-bottom: 0rem;
    }


    .blogs-details-cmplte .img-date-author {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: end !important;
        gap: 0%;
        width: 100%;
        margin: auto;
        border-radius: 10px;
    }

    .blogs-details-cmplte .img-date-author .left-img {
        width: 99%;
        margin: auto;
    }

    .blogs-details-page .blogs-details-cmplte .img-cont {
        width: 100%;
        height: 38vw;
        max-height: none;
        border: none;
        background-position: center !important;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 10px;
    }

    .blogs-details-page .blogs-details-cmplte .img-cont img {
        border-radius: 10px;
    }

    .blogs-details-page .blogs-details-cmplte .content {
        width: 100%;
        margin: auto;
        margin-top: 0.6rem;
    }


    .blogs-details-page .blogs-details-cmplte .date-author {
        width: 99%;
        margin: auto;
    }

    .blogs-details-page .blogs-details-cmplte .date-author .bg-icon-text {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .blogs-details-page .blogs-details-cmplte .date-author .icon-text {
        display: flex;
        align-items: baseline;
        margin-top: 0.9rem;
        background-color: transparent;
        padding: 0.2rem 0;
        color: var(--secondary-color);
    }

    .blogs-details-page .blogs-details-cmplte .date-author .icon-text i {
        font-size: 15px;
        margin-right: 7px;
    }

    .blogs-details-page .blogs-details-cmplte .date-author .icon-text h6 {
        font-size: 15px;
        font-weight: 400;
    }

    .blogs-details-page .blogs-details-cmplte .blog-tt {
        font-size: 1.95rem;
        margin-top: 0.6rem;
        margin-bottom: 0.6rem;
        letter-spacing: -0.1px;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh p {
        font-size: 15.4px;
        width: 100%;
        margin: 0.1rem 0;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh ul {
        margin: 0.6rem 0;
        list-style: disc;
        padding-left: 16px;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh ul li {
        font-size: 15.4px;
        width: 100%;
        margin: 0.3rem 0;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh ul strong {
        font-size: 16.5px;
        color: white;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh h6,
    ul h6 {
        font-size: 17.4px;
        margin-top: 1.4rem;
        margin-bottom: 0.6rem;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh h5,
    ul h5 {
        font-size: 1.4rem;
        margin-top: 1.4rem;
        margin-bottom: 0.6rem;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh h4,
    ul h4 {
        font-size: 1.55rem;
        margin-top: 1.4rem;
        margin-bottom: 0.6rem;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh h3,
    ul h3 {
        font-size: 1.75rem;
        margin-top: 1.4rem;
        margin-bottom: 0.6rem;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh h2,
    ul h2 {
        font-size: 1.95rem;
        margin-top: 1.4rem;
        margin-bottom: 0.6rem;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh h1,
    ul h1 {
        font-size: 2.2rem;
        margin-top: 1.4rem;
        margin-bottom: 0.6rem;
    }

    /* blogs detailed page complete ends */

    /* blog page css ends here */




    /* services detailed page css starts here */
    .serv-details-page-indiv {
        width: 100%;
        padding: 4rem 0;
        padding-bottom: 9rem;
    }

    .serv-details-page-indiv .serv-detail-compdiv {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 0%;
    }

    .serv-details-page-indiv .serv-detail-compdiv .left-img-btn {
        width: 98.5%;
        margin: auto;
    }

    .serv-details-page-indiv .serv-detail-compdiv .left-img-btn .img-cont {
        width: 48%;
        height: 28vw;
        max-height: none;
        /* border: 2px solid red; */
        margin-bottom: 1.6rem;
        border-radius: 0px !important;
    }


    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc {
        width: 98.5%;
        margin: auto;
        margin-top: 1.3rem;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc .serv-title {
        font-size: 2.2rem !important;
        font-weight: 500 !important;
        margin: 0 !important;
        margin-bottom: 0.5rem !important;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc h2,
    ul h2 {
        font-size: 2rem;
        margin: 1.4rem 0;
        margin-bottom: 0.5rem;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc h3,
    ul h3 {
        font-size: 1.85rem;
        margin: 1.4rem 0;
        margin-bottom: 0.5rem;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc h4,
    ul h4 {
        font-size: 1.65rem;
        margin: 1.4rem 0;
        margin-bottom: 0.5rem;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc h5,
    ul h5 {
        font-size: 1.45rem;
        margin: 1.4rem 0;
        margin-bottom: 0.5rem;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc h6,
    ul h6 {
        font-size: 1.3rem;
        margin: 1.4rem 0;
        margin-bottom: 0.5rem;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc p {
        font-size: 15.5px;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc ul {
        padding-left: 16px;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc ul li {
        font-size: 15.5px;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc ul li strong {
        font-weight: 500;
    }

    /* services detailed page css ends here */
}



@media screen and (min-width:1120.1px) and (max-width:1260px) {

    .teams-box .img-cont {
        height: 19.5vw !important;
        max-height: none;
    }
}


@media screen and (min-width:1120.1px) and (max-width:1320px) {
    .dropdown-menu a {
        padding: 0.6rem 0.9rem !important;
    }

    .no-scroll {
        overflow: hidden;
    }

    .menu-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        z-index: 887;
    }

    /* Overlay visible when menu is open */
    .menu-overlay.active {
        opacity: 1;
        visibility: visible;
    }


    .navbar-complete-body {
        display: block;
        width: 100%;
        height: 5.3rem;
        background-color: transparent;
        position: fixed;
        top: 0;
        z-index: 888;
        transition: all 0.3s ease;
        /* background-color: grey; */
    }

    .nav-sticky {
        background-color: var(--secondary-color);
        box-shadow: 0 0 12px rgba(40, 40, 40, 0.595);
        transition: all 0.3s ease;
    }

    .navbar-complete-body .navbar-section {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        /* border: 1px solid red; */
    }

    .navbar-section .navbar_logo {
        width: 150px;
        height: 65px;
        border-radius: 10px;
    }

    .navbar-section .navbar_logo .main-logo {
        width: 100%;
        height: 100%;
        padding: 0.2rem;
        object-fit: contain;
        background-color: rgba(255, 255, 255, 0.148);
        border-radius: 10px !important;
    }


    .navbar-section .navbar_links ul {
        display: flex;
        justify-content: center;
        list-style: none;
        gap: 0rem;
        padding-left: 0;
        margin-top: 0.33rem;
    }

    .navbar-section .navbar_links ul li {
        font-size: 16.5px;
        font-weight: 500;
        margin-top: 0rem;
        padding: 0rem 0;
        position: relative;
    }

    .navbar-section .navbar_links ul li a {
        text-decoration: none;
        color: white;
        /* border: 1px solid red; */
        padding: 1.7rem 0.8rem;
        position: relative;
    }

    .navbar-section .navbar_links ul li .bord-btm-hover {
        display: inline-flex;
        gap: 2%;
        overflow: hidden;
        /* border: 2px solid red; */
    }

    .navbar-section .navbar_links ul li .bord-btm-hover::after {
        content: "";
        background-color: var(--primary-color);
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 0.3rem;
        left: 0;
        transform: translateX(-102%);
        transition: transform 0.4s ease;
    }

    .navbar-section .navbar_links ul li .bord-btm-hover:hover::after {
        transform: translateX(0);
    }

    .navbar-section .navbar_links ul li a:hover {
        color: var(--third-color) !important;
    }

    .active-link-menu {
        color: var(--third-color) !important;
    }

    .call-us-nav-btn {
        text-decoration: none;
        color: white;
        font-size: 16.5px;
        font-weight: 500;
        padding: 9px 14px;
    }

    .menu-btns {
        display: none;
    }




    .custm-btn {
        border: 2px solid var(--secondary-color);
        padding: 0.63rem 1.1rem;
        font-size: 14.7px;
        font-weight: 600;
        z-index: 50;
        letter-spacing: 0.4px;
    }

    .custm-btn2 {
        border: 2px solid var(--text-white);
        padding: 0.63rem 1.1rem;
        font-size: 14.7px;
        font-weight: 600;
        z-index: 50;
        letter-spacing: 0.4px;
    }


    .socialmedia-sidebar {
        position: fixed !important;
        left: -48px;
        top: 33%;
        z-index: 886;
        transition: left 0.23s ease-out;
        width: auto;
        height: auto;
        background-color: rgb(225, 225, 225);
        padding-right: 0.8rem;
        border-top-right-radius: 42px;
        border-bottom-right-radius: 42px;
        box-shadow: 3px 1px 4px rgba(87, 87, 87, 0.623);
        cursor: grab;
        display: flex;
        align-items: center;
    }

    .socialmedia-abs {
        display: flex;
        flex-direction: column;
        background-color: var(--text-white);
        padding: 1rem;
        border-top-right-radius: 25px;
        border-bottom-right-radius: 25px;
    }

    .socialmedia-abs a {
        text-decoration: none;
        color: var(--primary-color);
        margin: 0.8rem 0;
        font-size: 1.2rem !important;
    }

    .sidebar-arrow-right {
        position: absolute;
        z-index: 99999;
        top: 45%;
        left: 80%;
        font-size: 1.5rem;
        animation: Sidebararrow 1.2s linear infinite;
        display: block;
    }

    .sidebar-arrow-left {
        position: absolute;
        z-index: 99999;
        top: 45%;
        left: 80%;
        font-size: 1.5rem;
        animation: Sidebararrow 1.2s linear infinite reverse;
        display: none;
    }


    @keyframes Sidebararrow {
        0% {
            transform: translateX(0);
            opacity: 0;
        }

        100% {
            transform: translateX(50%);
            opacity: 1;
        }
    }

    .whatsappicon {
        position: fixed;
        bottom: 2.7%;
        left: 1.75%;
        z-index: 881;
    }

    .whatsappicon a {
        text-decoration: none;
    }

    .whatsappicon img {
        width: 62px;
        height: 62px;
        object-fit: contain;
    }

    .top-scroll-full {
        position: fixed;
        bottom: 2.7%;
        right: 1.75%;
        z-index: 811;
    }


    /* Carousel Hero */

    .caro-hov:hover .carousel-control-prev {
        left: 1.6%;
    }

    .caro-hov:hover .carousel-control-next {
        right: 1.6%;
    }

    .carousel-fade .carousel-item {
        width: 100%;
        height: 65vw;
    }

    .carousel-inner {
        position: relative;
        z-index: 8;
    }

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

    .container {
        max-width: 1320px;
        padding: 0 5rem;
    }

    .carousel-inner .carouselcontent {
        position: absolute;
        top: 51%;
        left: 44.8%;
        transform: translate(-50%, -50%);
        width: 75.8%;
        margin: auto;
        color: white;
        z-index: 555 !important;
    }

    .carousel-inner .carouselcontent h3 {
        width: 70%;
        font-size: 3.4rem;
        font-weight: 600;
        color: white;
    }

    .carousel-inner .content .carousel-para {
        width: 69%;
        font-size: 17.5px;
        color: white !important;
        padding: 0.5rem 0;
    }

    .carousel-inner .content .trustedline {
        width: 69%;
        font-size: 13px;
        color: white !important;
        padding-top: 0.8rem;
    }

    .video-screenoverlay {
        opacity: 0.2;
    }

    /* Carousel Hero ends */


    /* getto know us section */
    .index-about-section {
        padding: 2.5rem 0;
        padding-bottom: 5.5rem;

        background-position: 30% 60%;
    }

    .indexabout-div .left-halfimg .img-cont {
        max-height: none;
    }

    .spec-title {
        font-size: 8.8rem !important;
        font-weight: 800 !important;
        letter-spacing: 5px !important;
        margin: 0 !important;
        background: linear-gradient(to top, transparent 20%, var(--secondary-color)) !important;
        -webkit-background-clip: text !important;
        color: transparent !important;
        position: relative !important;
        z-index: 2 !important;
        opacity: 0.25;
    }

    .section-heading {
        font-size: 2.7rem;
        margin-top: -3.5rem;
        margin-bottom: 0.6rem;
    }

    .successful-numbers-section {
        width: 100%;
        padding: 3.5rem 0;
        padding-bottom: 3rem;
        overflow: hidden;
    }

    .successful-numbers-section .stats-col {
        width: 25%;
    }

    .successful-numbers-section .content {
        margin: 1.2rem 0;
    }

    .successful-numbers-section .content h2 {
        font-size: 2.7rem !important;
        font-weight: 600;
    }

    .successful-numbers-section .content h3 {
        font-size: 2.3rem !important;
        font-weight: 500;
    }

    .successful-numbers-section .content h6 {
        font-size: 16.2px;
    }

    .successful-numbers-section .outer-layer-circle .first-line {
        margin-left: -1.9rem;
        margin-top: -0.6rem;
        transform: rotate(-3.2deg);
        height: 40px;
    }

    .successful-numbers-section .outer-layer-circle .second-line {
        margin-left: -1.2rem;
        margin-top: -5.6rem;
        transform: rotate(-4.9deg);
        height: 34px;
    }

    /* getto know us section ends */

    .shine-bg-shadow1 {
        width: 180px;
        height: 180px;
        box-shadow: 300px 200px 1000px var(--secondary-color);
        position: absolute;
        left: -45%;
        top: -24%;
        z-index: 0.2;
        animation: movableitem 16s ease infinite;
    }

    .shine-bg-shadow2 {
        width: 250px;
        height: 250px;
        box-shadow: -500px 15px 1100px var(--secondary-color);
        position: absolute;
        right: -66%;
        top: -12%;
        z-index: 0.3;
        opacity: 0.8;
        animation: movableitem2 23s ease infinite;
    }


    .shine-bg-shadow3 {
        width: 190px;
        height: 190px;
        box-shadow: 300px 200px 1000px var(--secondary-color);
        position: absolute;
        left: -55%;
        bottom: 30%;
        z-index: 0.2;
        animation: movableitem 16s ease infinite;
    }

    .shine-bg-shadow4 {
        width: 260px;
        height: 260px;
        box-shadow: -500px 15px 1100px var(--secondary-color);
        position: absolute;
        right: -75%;
        bottom: 70%;
        z-index: 0.3;
        animation: movableitem2 20s ease infinite;
    }

    .shine-bg-shadow5 {
        width: 260px;
        height: 260px;
        box-shadow: -500px 15px 1100px var(--secondary-color);
        position: absolute;
        right: 25%;
        bottom: 0%;
        z-index: 0.3;
        opacity: 0.2;
        animation: movableitem3 35s ease-in infinite;
    }

    /* services index page css starts here */
    .services-indexsection {
        width: 100%;
        padding: 2.5rem 0;
        padding-bottom: 4rem;
        overflow: hidden;
    }

    .services-indexsection .head {
        margin-bottom: 2rem;
    }

    .services-indexsection .head .section-heading {
        font-size: 2.7rem;
        margin-top: -3.5rem !important;
        margin-bottom: 0.6rem;
    }

    .service-pos {
        margin: 0rem 0;
        margin-bottom: 1rem;
        width: 25%;
    }

    .services-indexsection .srvcs-boxes-index .servcs-box {
        height: 100%;
        padding: 0.9rem 0;
    }

    .services-indexsection .srvcs-boxes-index .servcs-box .servcs-box-content h4 {
        font-size: 1.25rem;
        color: var(--secondary-color);
    }

    .services-indexsection .srvcs-boxes-index .servcs-box .servcs-box-content p {
        font-size: 15px;
        -webkit-line-clamp: 2;
        margin-bottom: 0.3rem;
        color: var(--sec-fontColor);
    }

    .services-indexsection .srvcs-boxes-index .servcs-box .servcs-box-content .serv-index-btn {
        font-size: 13px;
        color: var(--secondary-color);
    }

    /* services index page css ends here */


    .common-banner {
        padding: 5rem 0;
        padding-bottom: 5rem;
    }

    .common-banner .section-heading {
        font-size: 2.7rem;
    }


    /* Multiple Clients CSS starts here */
    .clients-section {
        padding: 2.9rem 0;
        padding-bottom: 6rem;
    }

    .clients-section .spec-title {
        font-size: 8.8rem !important;
        letter-spacing: 2px !important;
        margin: 0 !important;
        opacity: 0.22 !important;
    }

    .clients-section .head .section-heading {
        font-size: 2.7rem;
        margin-bottom: 0.6rem;
        margin-top: -3.5rem !important;
    }

    /* Multiple Clients CSS ends here */


    /* Blogs index section CSS starts here */
    .blogs-index-section {
        padding: 3rem 0;
        padding-bottom: 7.5rem;
    }

    .blogs-index-section .head .section-heading {
        font-size: 2.7rem;
        margin-top: -3.5rem;
        margin-bottom: 0.6rem;
    }

    .blg-box {
        height: 100%;
        position: relative;
    }

    .blg-box .img-cont {
        width: 100%;
        height: 19vw;
        max-height: none;
        overflow: hidden;
    }

    .blg-box .blg-title {
        font-size: 1.4rem !important;
    }

    /* Blogs index section CSS ends here */


    /* footer BANNER CSS section starts here */
    .footer-compbanner {
        width: 100%;
    }

    .footer-compbanner .footbanner-div {
        width: 100%;
        margin-top: -5.7rem;
    }

    .footer-banner-col-three {
        width: 31.5%;
    }

    .footer-banner-col-three:last-child {
        width: 37%;
    }

    .footer-compbanner .footbanner-div .right-company-details .com_detail-box {
        margin: 1rem 0;
        padding: 2rem 1.4rem;
    }

    .footer-compbanner .footbanner-div .right-company-details .com_detail-box i {
        width: 55px;
        height: 55px;
        padding: 1.4rem;
        font-size: 1.3rem;
    }

    .footer-compbanner .footbanner-div .right-company-details .com_detail-box .comp_det-desc h6,
    .footer-compbanner .footbanner-div .right-company-details .com_detail-box .comp_det-desc h6 a {
        font-size: 17.4px;
    }

    /* footer BANNER CSS section ends here */


    /* footer section CSS starts here */
    .footer-compsection .container {
        padding: 0 5.5rem;
    }

    .footer-about-col {
        width: 40%;
    }

    .footer-links-col {
        width: 18.33%;
        padding: 0 !important;
    }

    .extra-col-footer {
        width: 5%;
    }

    .footer-compsection h5 {
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .footer-compsection p {
        font-size: 15.5px;
    }

    .all-links-footer ul li a {
        font-size: 16.5px;
    }

    .all-links-footer ul li a:hover {
        letter-spacing: 0.1px;
        color: var(--secondary-color);
    }

    .company-rights-line {
        width: 100%;
        padding: 1rem 0rem !important;
    }

    .company-rights-line .container {
        padding: 0 4.7rem;
    }

    .company-rights-div {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .company-rights-div p {
        font-weight: 500;
        font-size: 15px;
        margin: 0.3rem 0;
        text-align: center;
    }




    /* breadcrumb section .. common for every page */
    .breadcrumb-overall-section {
        width: 100%;
        height: 20rem;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

    .bcb-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 10.2rem;
        width: 99%;
        margin: auto;
    }

    .bcb-content h2 {
        font-size: 1.9rem;
    }


    .about-pagehero-section {
        width: 100%;
        padding: 2.5rem 0;
        padding-bottom: 5rem;
    }

    .about-pagehero-section .aboutHero-pagediv {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 3%;
    }

    .about-pagehero-section .aboutHero-pagediv .left-halfabout .section-heading {
        font-size: 2.7rem;
        margin-top: -3.5rem;
        margin-bottom: 0.6rem;
    }

    .about-pagehero-section .aboutHero-pagediv .left-halfabout .section-paragraph {
        font-size: 15.5px;
    }

    .about-pagehero-section .aboutHero-pagediv .right-halfimg .img-cont {
        width: 100%;
        height: auto;
        max-height: none;
        background-color: rgba(255, 255, 255, 0.318);
        padding: 0.8rem;
    }


    /* about section page starts here */
    .team-about-page {
        width: 100%;
        padding-top: 3rem;
        padding-bottom: 6rem;
        overflow: hidden;
    }

    .team-about-page .spec-title {
        font-size: 8.8rem !important;
        letter-spacing: 2px !important;
        margin: 0 !important;
        opacity: 0.2 !important;
    }

    .team-about-page .section-heading {
        font-size: 2.7rem !important;
        margin-top: -3.5rem !important;
        margin-bottom: 0.6rem;
    }

    .teams-box .img-cont {
        height: 15.6vw;
        max-height: none;
        border-radius: 10px;
    }

    .teamSwiper {
        padding: 0.4rem 0rem !important;
    }

    /* about section page ends here */



    /* Contact US Page CSS Starts here */

    .contactus-page-section .spec-title {
        font-size: 8.8rem !important;
        letter-spacing: 1.2px !important;
        opacity: 0.2 !important;
        margin: 0 !important;
    }

    .contactus-page-section .contactus-page-compdiv .left-halfdesc .section-heading {
        font-size: 2.5rem;
        margin-top: -3.5rem;
        margin-bottom: 0.6rem;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp .phone-numbers {
        display: flex;
        align-items: center;
        gap: 5%;
        width: 100%;
    }

    .contactus-page-section .contactus-page-compdiv {
        align-items: end;
        gap: 3%;
    }

    .contactus-page-section .contactus-page-compdiv .left-halfdesc {
        width: 48%;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp .email-ids h6 a {
        font-weight: 400;
        font-size: 17.2px;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp .phone-numbers a {
        font-weight: 400;
        font-size: 17px;
    }

    .contactus-page-section .contactus-page-compdiv .right-halfForm {
        width: 49%;
    }

    /* Contact US Page CSS ends here */



    /* gallery */
    .Gallery-body .heading-department .section-heading {
        font-size: 2.7rem;
        margin-top: -3.5rem;
        margin-bottom: 0.6rem;
    }

    .Gallery-body .gallery-boxes .img-container {
        width: 100%;
        height: 15vw;
        max-height: none;
        border-radius: 8px;
    }

    /* gallery ends */



    /* recent blogs page */
    .recent-blogs {
        width: 100%;
        height: 100%;
    }

    .ps-fxd {
        position: sticky;
        top: 11%;
    }

    .recent-blogs .section-heading {
        font-size: 1.8rem;
        margin-bottom: 0.6rem !important;
    }

    .heading-underline-hr-recnt {
        height: 0.2rem;
        margin-top: 3px;
    }

    .opening-link-recent {
        display: flex;
        flex-direction: column;
        text-decoration: none;
    }

    .rcnt_blgs {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 0%;
        border: 1.5px solid #ddd;
        padding: 0.7rem;
        border-radius: 5px;
        margin-bottom: 1rem;
        margin-top: 5px;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .rcnt_blgs img {
        width: 100%;
        height: 13vw;
        object-fit: cover;
        object-position: left;
        margin-right: 16px;
        border-radius: 5px;
    }

    .rcnt_blgs .content .author-date {
        margin: 0.5rem 0;
        margin-bottom: 0.1rem;
        flex-direction: column;
        justify-content: start;
        align-items: baseline;
    }

    .rcnt_blgs .content .author-date h5 {
        font-size: 15px;
    }

    .rcnt_blgs .content .rcnt-tt {
        font-size: 1.25rem;
        font-weight: 400;
    }

    .enq-box-complete {
        padding: 1.4rem 0.7rem;
        border-radius: 7px;
    }

    .enq-box-complete h2 {
        font-size: 1.35rem;
        margin-bottom: 1.3rem;
    }

    .enq-box-complete .anchor-enq-box-blogs {
        display: flex;
        flex-direction: column;
    }

    .enq-box-complete .anchor-enq-box-blogs .enq-anchr-link {
        font-size: 15px;
        margin-bottom: 0.5rem;
        flex-wrap: wrap;
    }

    .enq-box-complete .anchor-enq-box-blogs .enq-anchr-link i {
        width: 23px;
        height: 23px;
        font-size: 1.2rem;
        margin-right: 5px;
    }

    .enq-box-complete .anchor-enq-box-blogs .enq-anchr-link strong {
        margin-right: 7px;
    }

    /* recent blogs page ends */


    /* blogs detailed page complete */
    .blogs-details-page {
        width: 100%;
        padding: 4.5rem 0;
        padding-bottom: 7.5rem;
    }

    .blog-details-col-half {
        width: 73%;
        margin-bottom: 3.2rem;
    }

    .recent-blogs-col-half {
        width: 27%;
        margin-top: 2.6rem;
        margin-bottom: 0rem;
    }


    .blogs-details-cmplte .img-date-author {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: end !important;
        gap: 0%;
        width: 100%;
        margin: auto;
        border-radius: 10px;
    }

    .blogs-details-cmplte .img-date-author .left-img {
        width: 99%;
        margin: auto;
    }

    .blogs-details-page .blogs-details-cmplte .img-cont {
        width: 100%;
        height: 38vw;
        max-height: none;
        border: none;
        background-position: center !important;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 10px;
    }

    .blogs-details-page .blogs-details-cmplte .img-cont img {
        border-radius: 10px;
    }

    .blogs-details-page .blogs-details-cmplte .content {
        width: 100%;
        margin: auto;
        margin-top: 0.6rem;
    }


    .blogs-details-page .blogs-details-cmplte .date-author {
        width: 99%;
        margin: auto;
    }

    .blogs-details-page .blogs-details-cmplte .date-author .bg-icon-text {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .blogs-details-page .blogs-details-cmplte .date-author .icon-text {
        display: flex;
        align-items: baseline;
        margin-top: 0.9rem;
        background-color: transparent;
        padding: 0.2rem 0;
        color: var(--secondary-color);
    }

    .blogs-details-page .blogs-details-cmplte .date-author .icon-text i {
        font-size: 15px;
        margin-right: 7px;
    }

    .blogs-details-page .blogs-details-cmplte .date-author .icon-text h6 {
        font-size: 15px;
        font-weight: 400;
    }

    .blogs-details-page .blogs-details-cmplte .blog-tt {
        font-size: 1.95rem;
        margin-top: 0.6rem;
        margin-bottom: 0.6rem;
        letter-spacing: -0.1px;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh p {
        font-size: 15.4px;
        width: 100%;
        margin: 0.1rem 0;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh ul {
        margin: 0.6rem 0;
        list-style: disc;
        padding-left: 16px;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh ul li {
        font-size: 15.4px;
        width: 100%;
        margin: 0.3rem 0;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh ul strong {
        font-size: 16.5px;
        color: white;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh h6,
    ul h6 {
        font-size: 17.4px;
        margin-top: 1.4rem;
        margin-bottom: 0.6rem;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh h5,
    ul h5 {
        font-size: 1.4rem;
        margin-top: 1.4rem;
        margin-bottom: 0.6rem;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh h4,
    ul h4 {
        font-size: 1.55rem;
        margin-top: 1.4rem;
        margin-bottom: 0.6rem;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh h3,
    ul h3 {
        font-size: 1.75rem;
        margin-top: 1.4rem;
        margin-bottom: 0.6rem;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh h2,
    ul h2 {
        font-size: 1.95rem;
        margin-top: 1.4rem;
        margin-bottom: 0.6rem;
    }

    .blogs-details-page .blogs-details-cmplte .heading-paragrapgh h1,
    ul h1 {
        font-size: 2.2rem;
        margin-top: 1.4rem;
        margin-bottom: 0.6rem;
    }

    /* blogs detailed page complete ends */


    /* services page */
    .serv-details-page-indiv {
        padding: 4rem 0;
        padding-bottom: 9rem;
    }

    .serv-details-page-indiv .serv-detail-compdiv {
        width: 100%;
        display: flex;
        gap: 3%;
    }

    .serv-details-page-indiv .serv-detail-compdiv .left-img-btn {
        width: 28%;
    }

    .serv-details-page-indiv .serv-detail-compdiv .left-img-btn .img-cont {
        width: 100%;
        height: 16.5vw;
        max-height: none;
    }

    .serv-details-page-indiv .serv-detail-compdiv .right-serv-desc {
        width: 69%;
    }

    /* services page ends */

}



@media screen and (min-width: 1320.1px) and (max-width: 1500px) {
    .container {
        max-width: 1500px;
        padding: 0 5rem;
    }


    .caro-hov:hover .carousel-control-prev {
        left: 1.5%;
    }

    .caro-hov:hover .carousel-control-next {
        right: 1.5%;
    }

    .carousel-fade .carousel-item {
        width: 100%;
        height: 62vw !important;
        max-height: none;
    }

    .carousel-inner .carouselcontent {
        left: 41%;
    }

    .carousel-inner .carouselcontent h3 {
        width: 70%;
        font-size: 3.4rem;
    }

    .carousel-inner .carouselcontent .carousel-para {
        width: 69%;
        font-size: 18px;
    }




    .index-about-section {
        padding: 2.5rem 0;
        padding-bottom: 5.5rem;
    }

    .indexabout-div .left-halfimg .img-cont {
        max-height: none;
    }

    .spec-title {
        font-size: 9.5rem !important;
        font-weight: 800 !important;
        letter-spacing: 5px !important;
        margin: 0 !important;
        background: linear-gradient(to top, transparent 20%, var(--secondary-color)) !important;
        -webkit-background-clip: text !important;
        color: transparent !important;
        position: relative !important;
        z-index: 2 !important;
        opacity: 0.25;
    }

    .section-heading {
        font-size: 3rem;
        margin-top: -3.5rem;
        margin-bottom: 0.6rem;
    }


    .successful-numbers-section .content h2 {
        font-size: 2.8rem !important;
        font-weight: 600;
    }

    .successful-numbers-section .content h3 {
        font-size: 2.4rem !important;
        font-weight: 500;
    }



    .shine-bg-shadow1 {
        width: 180px;
        height: 180px;
        box-shadow: 300px 200px 1000px var(--secondary-color);
        position: absolute;
        left: -40%;
        top: -24%;
        z-index: 0.2;
        animation: movableitem 17s ease infinite;
    }

    .shine-bg-shadow2 {
        width: 250px;
        height: 250px;
        box-shadow: -500px 15px 1100px var(--secondary-color);
        position: absolute;
        right: -72%;
        top: -15%;
        z-index: 0.3;
        opacity: 0.8;
        animation: movableitem2 23s ease infinite;
    }

    .shine-bg-shadow3 {
        width: 190px;
        height: 190px;
        box-shadow: 300px 200px 1000px var(--secondary-color);
        position: absolute;
        left: -41%;
        bottom: 30%;
        z-index: 0.2;
        animation: movableitem 18s ease infinite;
    }

    .shine-bg-shadow4 {
        width: 260px;
        height: 260px;
        box-shadow: -500px 15px 1100px var(--secondary-color);
        position: absolute;
        right: -62%;
        bottom: 64%;
        z-index: 0.3;
        animation: movableitem2 20s ease infinite;
    }

    .shine-bg-shadow5 {
        width: 260px;
        height: 260px;
        box-shadow: -500px 15px 1100px var(--secondary-color);
        position: absolute;
        right: 22%;
        bottom: 0%;
        z-index: 0.3;
        opacity: 0.2;
        animation: movableitem3 35s ease-in infinite;
    }

    /* index page service */
    .services-indexsection {
        width: 100%;
        padding: 2.5rem 0;
        padding-bottom: 4rem;
        overflow: hidden;
    }

    .services-indexsection .head .section-heading {
        margin-top: -3.5rem !important;
        margin-bottom: 0.6rem;
    }

    .services-indexsection .srvcs-boxes-index .servcs-box .servcs-box-content .serv-index-btn {
        color: var(--secondary-color);
    }

    /* index page service ends */

    .common-banner .section-heading {
        font-size: 2.8rem;
        color: white;
        margin-top: 0;
    }

    .clients-section {
        padding: 2.9rem 0;
        padding-bottom: 6rem;
    }

    .clients-section .spec-title {
        font-size: 9.5rem !important;
        letter-spacing: 2px !important;
        margin: 0 !important;
        opacity: 0.22 !important;
    }

    .clients-section .head .section-heading {
        font-size: 3rem;
        margin-bottom: 0.6rem;
        margin-top: -3.5rem !important;
    }


    .blogs-index-section {
        padding: 3rem 0;
        padding-bottom: 7.5rem;
    }

    .blogs-index-section .head .section-heading {
        font-size: 3rem;
        margin-top: -3.5rem;
        margin-bottom: 0.6rem;
    }

    .blg-box .img-cont {
        width: 100%;
        height: 19vw;
        max-height: none;
        overflow: hidden;
    }

    .blg-box .blg-title {
        font-size: 1.45rem !important;
        -webkit-line-clamp: 2;
    }



    .footer-banner-col-three {
        width: 32%;
    }

    .footer-banner-col-three:last-child {
        width: 36%;
    }


    .footer-about-col {
        width: 38%;
    }

    .footer-links-col {
        width: 19%;
        padding: 0 !important;
    }

    .extra-col-footer {
        width: 7%;
    }

    .company-rights-line .container {
        padding: 0 4.25rem;
    }


    .bcb-content {
        padding-top: 10rem;
    }

    .bcb-content h2 {
        font-size: 2rem;
    }


    .team-about-page .spec-title {
        font-size: 9.5rem !important;
        letter-spacing: 2px !important;
        margin: 0 !important;
        opacity: 0.2 !important;
    }

    .team-about-page .section-heading {
        font-size: 3rem !important;
        margin-top: -3.5rem !important;
        margin-bottom: 0.6rem;
    }

    .teams-box .content .teamMember-name {
        font-size: 1.2rem;
    }


    .contactus-page-section .spec-title {
        font-size: 9.5rem !important;
        letter-spacing: 1.2px !important;
        opacity: 0.2 !important;
        margin: 0 !important;
    }

    .contactus-page-section .contactus-page-compdiv .left-halfdesc .section-heading {
        font-size: 2.8rem;
        margin-top: -3.5rem;
        margin-bottom: 0.6rem;
    }

    .contactus-page-compdiv .left-halfdesc .contact-details-comp .phone-numbers {
        display: flex;
        align-items: center;
        gap: 5%;
        width: 100%;
    }

    .contactus-page-section .contactus-page-compdiv {
        align-items: end;
        gap: 3%;
    }

    .contactus-page-section .contactus-page-compdiv .left-halfdesc {
        width: 48%;
    }

    .contactus-page-section .contactus-page-compdiv .right-halfForm {
        width: 49%;
    }


    .recent-blogs .section-heading {
        font-size: 1.8rem;
        margin-bottom: 0.6rem !important;
    }

    .opening-link-recent {
        display: flex;
        align-items: center;
    }

    .rcnt_blgs img {
        margin-right: 10px;
    }

    .rcnt_blgs .content .author-date {
        margin: 0rem 0;
        margin-bottom: 0.1rem;
        flex-direction: column;
        justify-content: start;
        align-items: baseline;
    }

    .rcnt_blgs .content .author-date h5 {
        font-size: 14px;
    }

    .rcnt_blgs .content .rcnt-tt {
        font-size: 1.2rem;
        font-weight: 400;
    }

    .enq-box-complete {
        padding: 1.4rem 1.2rem;
        border-radius: 7px;
    }

    .enq-box-complete .anchor-enq-box-blogs .enq-anchr-link i {
        margin-right: 5px;
    }



    .blog-details-col-half {
        width: 70%;
        margin-bottom: 3.3rem;
    }

    .recent-blogs-col-half {
        width: 30%;
        margin-top: 2.6rem;
        margin-bottom: 0rem;
    }

    .blogs-details-page .blogs-details-cmplte .img-cont {
        width: 100%;
        height: 26vw;
        max-height: none;
    }


    .serv-details-page-indiv .serv-detail-compdiv .left-img-btn .img-cont {
        width: 100%;
        height: 16.5vw;
        max-height: none;
    }

}

@media screen and (min-width: 1500.1px) and (max-width: 1750px) and (min-height: 1100px) {

    .carousel-fade .carousel-item {
        width: 100%;
        height: 61vw;
        max-height: 1100px;
    }

    .carousel-inner .carouselcontent {
        top: 55%;
        left: 46%;
        transform: translate(-50%, -50%);
    }

}


@media screen and (min-width:615.1px) and (max-width:696px) {
    .successful-numbers-section .outer-layer-circle .first-line {
        margin-left: 0rem !important;
    }

    .successful-numbers-section .outer-layer-circle .second-line {
        margin-left: 1rem !important;
    }
}

@media screen and (min-width:696.1px) and (max-width:767.8px) {
    .successful-numbers-section .outer-layer-circle .first-line {
        margin-left: 1.1rem !important;
    }

    .successful-numbers-section .outer-layer-circle .second-line {
        margin-left: 2.1rem !important;
    }
}

@media screen and (min-width:825px) and (max-width:898px) {
    .successful-numbers-section .outer-layer-circle .first-line {
        margin-left: 2.5rem !important;
    }

    .successful-numbers-section .outer-layer-circle .second-line {
        margin-left: 3.1rem !important;
    }
}

@media screen and (min-width:898.1px) and (max-width:981px) {
    .successful-numbers-section .outer-layer-circle .first-line {
        margin-left: 3.6rem !important;
    }

    .successful-numbers-section .outer-layer-circle .second-line {
        margin-left: 4.3rem !important;
    }
}

@media screen and (min-width:1255.1px) and (max-width:1320px) {
    .successful-numbers-section .outer-layer-circle .first-line {
        margin-left: -1rem !important;
    }

    .successful-numbers-section .outer-layer-circle .second-line {
        margin-left: -0.7rem !important;
    }
}

@media screen and (min-width:1320.1px) and (max-width:1400px) {
    .successful-numbers-section .outer-layer-circle .first-line {
        margin-left: -0.5rem !important;
    }

    .successful-numbers-section .outer-layer-circle .second-line {
        margin-left: -0rem !important;
        margin-top: -6.1rem !important;
    }
}