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

body {
    font-family: 'DM Sans', sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

#content {
    display: none;
}*/
/* For modern browsers */
/*html,
body {
    overflow-y: auto;*/ /* Enable vertical scrolling (right side scrollbar) */
/*overflow-x: hidden;*/ /* Hide horizontal scrolling */
/*scrollbar-width: thin;*/ /* Keep vertical scrollbar visible on Firefox */
/*touch-action: manipulation;
}*/

/* For Chrome, Safari, and Edge: Hide horizontal scrollbar */
/*html::-webkit-scrollbar-horizontal,
    body::-webkit-scrollbar-horizontal {
        display: none;
    }*/

/* Optional: Style the vertical scrollbar if needed */
/*html::-webkit-scrollbar,
    body::-webkit-scrollbar {
        width: 8px;*/ /* Adjust width of the vertical scrollbar */
/*background-color: #f1f1f1;*/ /* Background of the scrollbar track */
/*}

    html::-webkit-scrollbar-thumb,
    body::-webkit-scrollbar-thumb {
        background: #888;*/ /* Scrollbar color */
/*border-radius: 4px;*/ /* Rounded corners */
/*}*/

/* Hover effect for the scrollbar thumb */
/*html::-webkit-scrollbar-thumb:hover,
        body::-webkit-scrollbar-thumb:hover {
            background: #555;*/ /* Darker color when hovered */
/*}

html {
    scroll-behavior: smooth;
}

.navbarr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ffffff;
    position: fixed;
    width: 100%;
    z-index: 1000;
    box-shadow: 0 2px 2px -2px #fff;
    top: 0;
}

.logoSection {
    display: flex;
    justify-content: space-between;
}*/

/* .hamburger {
  width: 2rem;
} */

/* .logo img {
  width: 268px;
} */

/*.logo {
    width: 41%;
    position: relative;
    display: flex;
    justify-content: flex-end;
}

#logoImg {
    width: 100%;
}

.logoImgInner {
    position: absolute;
    right: 15%;
    top: 11%;
    width: 22%;
}

.logo .group60 {*/
/* position: absolute; */
/*width: 100%;
    cursor: pointer;*/
/* left: 174px; */
/* top: 7px; */
/*}*/

/* .logo .group60 {
  position: absolute;
  width: 62px;
  height: 63px;
  left: 174px;
  top: 7px;
} */

/*.menu-toggle {
    display: none;
}

#loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #f15523;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index:9000;
}

.loader {
    width: 163px;*/ /* Increased loader size */
/*aspect-ratio: 1;
    display: grid;
    position: relative;
}

    .loader:before,
    .loader:after {
        content: '';
        grid-area: 1/1;
        --c: #0000 calc(100% / 3), #fff 0 calc(2 * 100% / 3), #0000 0;
        --c1: linear-gradient(90deg, var(--c));
        --c2: linear-gradient(0deg, var(--c));
        background: var(--c1), var(--c2), var(--c1), var(--c2);
        background-size: 300% 6px, 6px 300%;*/ /* Adjusted background size to match the larger loader */
/*background-repeat: no-repeat;
        animation: l11 1s infinite linear;
    }

    .loader:after {
        margin: 20px;*/ /* Adjusted margin for larger size */
/*transform: scaleX(-1);
        animation-delay: -0.25s;
    }

    .loader img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 90px;*/ /* Increased image size */
/*height: 92px;*/
/* border-radius: 50%; Optional, to keep the image circular */
/*}

@keyframes l11 {
    0% {
        background-position: 50% 0, 100% 100%, 0 100%, 0 0;
    }

    25% {
        background-position: 0 0, 100% 50%, 0 100%, 0 0;
    }

    50% {
        background-position: 0 0, 100% 0, 50% 100%, 0 0;
    }

    75% {
        background-position: 0 0, 100% 0, 100% 100%, 0 50%;
    }

    75.01% {
        background-position: 100% 0, 100% 0, 100% 100%, 0 50%;
    }

    100% {
        background-position: 50% 0, 100% 0, 100% 100%, 0 100%;
    }
}

.hamburger {
    width: 25px;
    height: 2px;
    background-color: black;*/
/* Set the hamburger color to black */
/*transition: all 0.3s ease;
}

.menu-icon {
    cursor: pointer;
    display: none;
    flex-direction: column;
    justify-content: space-between;
    height: 18px;
    margin-left: auto;
    position: absolute;
    right: 20px;
}

#logoImg {
    width: 100%;
}

.logoSec {
    width: 44%;
}

.menu-toggle:checked ~ .nav-links {
    height: 429px;
    justify-content: center;
    align-items: center;*/
/* Adjust height based on the number of menu items */
/*}

.nav-links {
    list-style: none;
    display: flex;*/
/* margin: 0px auto; */
/*}

    .nav-links li {
        margin-top: 1rem;
        padding: 0rem 1.8rem;
    }

    .nav-links a {
        color: #565656;
        text-decoration: none;
        font-size: 0.9vw;
        font-weight: 500;
        border-bottom: 3px solid transparent;
        transition: border-color 0.5s, color 0.5s;
        cursor: pointer;
        padding-bottom: 12px;
    }

        .nav-links a:hover {
            color: #f15523;
            border-bottom: 3px solid #f15523;
        }

.topSection {
    display: flex;
    margin-top: 4%;
    background: linear-gradient( to bottom right, #d3d3d3 40%, #ffffff 90%, transparent 50% );
}

.bannerSec {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.bannerImgSec {*/
/* width: 85.5%; */
/*position: relative;
    display: flex;
    justify-content: flex-end;
}

#bannerImg {
    width: 100%;
}

.bannerInner {
    position: absolute;
    display: flex;
    width: 75%;
    justify-content: space-between;
}

.bannerText {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 80px;
    font-weight: 600;
    color: #fff;
}

#bannerInnerImg {
    width: 26%;
    margin-top: 9px;
}

.topSection1 {
    width: 10%;
}

.topSection2 {
    width: 90%;
    display: flex;
}

.topSection2Text {
    width: 53%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.topSection2Image {
    width: 47%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.topSection2TextContainer {
    width: 90%;
    padding: 3%;
}

.topSection2PointerText {
    margin-left: 3%;
    font-size: 1.1vw;
    font-weight: 700;
    color: #f15523;
}

.topSection2Text1 {
    font-size: 2.6vw;
    font-weight: 700;
    color: #565656;
    line-height: 3.1vw;
}

.topSection2Text2 {
    margin-top: 6%;
}

.topSection2Text3Style {
    margin-top: 6%;
}

.topSection2Text3 {
    font-size: 0.9vw;
    color: #5c5c5c;
}

.topSection2Pointer {
    width: 3%;
}

.topSection2Text2PointerSection {
    display: flex;
}

.topSection1SideImg {
    width: 87%;
    margin-top: 43%;
}

.topSection1Img {
    width: 42%;
    margin-top: 4rem;
}

#sideImg {
    width: 100%;
}

.formSection {
    display: flex;
    justify-content: center;
    margin-top: 6%;
}

.formSectionImg {
    width: 78%;
    position: relative;
    display: flex;
    justify-content: flex-end;
}

.formHeading1 {
    color: #565656;
    font-size: 3vw;
}

.ContactUSSection {
    display: flex;
    padding-top: 4rem;
}

.ContactUSSectionImgSec {
    width: 65%;
    margin-top: 18%;
}

#ContactUSSectionImg {
    width: 100%;
}

.ContactUSFormSec {
    display: flex;
    margin-top: 7rem;*/
/* width: 85%; */
/*}

.contactUsRightImgSec {*/
/* width: 20%; */
/*margin-top: 20rem;
}

#contactUsRightImg {
    width: 100%;
}

.contact-container {
    display: flex;
    background-color: white;
    width: 80%;
    height: 86%;
    border-radius: 10px;
    overflow: hidden;
}

.contact-form {
    position: absolute;
    padding: 4%;
    width: 49%;
}

h1 {
    font-size: 2rem;
    color: #333;
    margin-bottom: 20px;
}

    h1 span {
        color: #f25c35;
    }

.form-group {
    margin-bottom: 5%;
}

    .form-group label {
        display: block;
        margin-bottom: 8px;
        color: #666;
        font-size: 0.9rem;
    }

    .form-group input,
    .form-group textarea {
        width: 100%;
        padding: 16px;
        border: 1px solid #ddd;
        border-radius: 14px;
        font-size: 1vw;
        color: #333;
    }

        .form-group input[type='submit'] {
            background-color: #f25c35;
            color: white;
            cursor: pointer;
            border: none;
            font-size: 1vw;
            transition: background 0.3s ease;
            width: 26%;
            border-radius: 29px;
        }

            .form-group input[type='submit']:hover {
                background-color: #d84b2b;
            }

        .form-group input[type='date'],
        .form-group input[type='time'] {
            width: calc(48% - 10px);
            display: inline-block;
        }

        .form-group input[type='time'] {

            margin-left:10px;
        }

.contact-image {
    background-size: cover;
    background-position: center;
    filter: grayscale(100%);
    width: 48%;
}

.footer .background {
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0.25;*/
/* animation: moveBackground 5s infinite alternate; */
/*}

.footer {
    background-color: #414345;
    color: #fff;
    padding: 10px;
    position: relative;*/
/* top: 80px; */
/*}

    .footer .background {
        position: absolute;
        bottom: 0px;
        left: 0px;
        opacity: 0.25;
        width: 27%;
    }

.footer-container {
    display: flex;
    justify-content: center;
}

.quickLinksData {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;*/
/* width: 132%; */
/*}

hr.vertical {
    width: 1px;
    height: 8rem;
    background-color: #565656;
    border: none;
    margin: 60px 0px;
    padding: 0px;
}

.locationHeadingStyle {
    margin-top: 6%;
    display: flex;
    justify-content: center;
}

.locationHeading {
    font-size: 45px;
    font-weight: 700;
    color: #f25c35;
}

.locationHeadingSpan {
    color: #565656;
}

.ourLocationStyle {
    display: flex;
    margin-top: 3%;
}

.contactUsEmailContainer {
    margin-top: 6%;
    margin-bottom: 6%;
    display: flex;
    justify-content: center;
}

.contactUsEmailContainerImg {
    width: 95%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contactUsEmailStyleHeading {
    font-size: 2.8vw;
    font-weight: 700;
    color: #f16529;
}

.contactUsEmailStyle {
    position: absolute;
    text-align: center;
    width: 50%;
}

.form-group input,
.form-group textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 0.8vw;
    color: #333;
}

.emailSubmitForm {
    position: absolute;
}

.ourLocationStyle2 {
    display: flex;
    position: relative;
    justify-content: end;
}

.ourLocationImgStyle {
    width: 86.5%;
    margin-right: 12.4%;
    z-index: 1;
}

.ourLocationSideImg {
    position: absolute;
    width: 22%;
    z-index: 0;
    top: 37%;
}

.ourLocationImg2 {
    margin-top: 5%;
    position: relative;
    display: flex;
}

.ourLocationImg3 {
    display: none;
    margin-top: 9%;
    margin-bottom: 9%;
    position: relative;*/
/* display: flex; */
/*justify-content: center;
}

.ourLocationImg1 {
    margin-bottom:5%;
    position: relative;
    display: flex;
}

.ourLocationImg1Style {
}

.ourLocationImg1TextStyle {
    width: 33%;
}

.ourLocationImg1TextStyleInner {
    margin-top: 10%;
}

.ourLocationImg1Text1 {
    font-size: 34px;
    line-height: 28px;
    color: #f25c35;
    font-weight: 600;
}

.ourLocationImg1Text2 {
    color: #fff;
    line-height: 1px;
    font-size: 13px;
    font-weight: 500;
}

.ourLocationImg1Section1 {
    position: absolute;
    top: 61%;
    left: 3.3%;
}

.ourLocationImg1Section2 {
    position: absolute;
    top: 11%;
    left: 31%;
    width: 28%;
}

.ourLocationImg1Section2Img {
    width: 7%;
}

.ourLocationImg1Section2text {
    margin-top: 5%;
}

.ourLocationImg1Section2text1 {
    color: #f25c35;
    font-size: 1.6vw;
    font-weight: 700;
}

.ourLocationImg1Section2text2 {
    font-size: 0.9vw;
    color: #5c5c5c;
    font-weight: 500;
}

#directionButton {
    border: 1px solid #f25c35;
    border-radius: 4px;
    width: 98%;
    background-color: #f25c34;
    color: #fff;
    padding: 2%;
    font-weight: 500;
    font-size: 1vw;
}

#servicesButton {
    border: 2px solid #b7bac1;
    border-radius: 4px;
    width: 98%;
    color: #6c7176;
    padding: 2%;
    font-weight: 500;
    font-size: 1vw;
}

.ourLocationImg3Style {
    position: absolute;
    top: 27%;
    text-align: center;
}

#touchButton {
    border: 1px solid #f25c35;
    background-color: #f25c35;
    border-radius: 22px;
    padding: 9px;
    color: #fff;
    font-size: 14px;
    width: 14%;
    font-weight: 500;
}

.ourLocationImg3Text1 {
    color: #fff;
    font-size: 50px;
    font-weight: 600;
}

.ourLocationImg3Text2 {
    color: #fff;
    font-size: 26px;
}*/

/* .footer-section {
    flex: 1;
    margin: 0 10px;
  } */
/*.support {
    margin-top: 3rem;
    width: 13%;
}

.newsletter {
    margin-top: 3rem;
    width: 31%;
}

.footer-section h3 {
    margin-bottom: 40px;
    font-size: 1.5vw;
    color: #fff;
}

.footer-section ul {
    list-style-type: none;
    padding: 0;
}

    .footer-section ul li {
        margin-bottom: 10px;
    }

        .footer-section ul li a {
            color: #93959b;
            text-decoration: none;
            transition: color 0.3s;
            cursor: pointer;
        }

            .footer-section ul li a:hover {
                color: #fff;
            }

.logo-section {
    margin-top: 3rem;
    width: 5%;
}

.linksStyle {
    font-size: 0.8vw;
}

.quick-links {
    margin-top: 3rem;
    width: 11%;
}

.logo-section .logo {
    max-width: 100px;
}

.newsletter-form {
    display: flex;
    margin-top: 20px;
}*/

/*.newsletter-form input[type='email'] {
        padding: 14px;
        border: none;
        border-radius: 26px 0 0 26px;
        outline: none;
        width: 73%;
        font-size: 0.8vw;
    }*/

/*.newsletterInputStyle {
    padding: 14px;
    border: none;
    border-radius: 26px 0 0 26px;
    outline: none;
    width: 73%;
    font-size: 0.8vw;
}


.newsletter-form button {
    padding: 14px;
    border: none;
    border-radius: 0 26px 26px 0;
    background-color: #f04e23;
    color: white;
    cursor: pointer !important;
    transition: background-color 0.3s;
    font-size: 0.9vw;
    width: 27%;
}

.contact-info {
    margin-top: 4rem;
}

.newsletter-form button:hover {
    background-color: #d43d1b;
}

.contact-info h3 {
    margin-bottom: 10px;
    font-size: 1.5vw;
    color: #fff;
}

.footer-containerInner {
    display: flex;
    justify-content: space-between;
    width: 80%;
}

.contact-info p {
    margin: 0;
    color: #bbb;
}

.footer-bottom {
    text-align: center;
    margin-top: 6rem;
    margin-bottom: 2rem;
}

    .footer-bottom p {
        margin: 0;
        color: #bbb;
    }

.phoneIcon {
    display: flex;
}

.contactUsRightImgContainer {
    width: 20%;
}

.navbarr .dropdown {
    position: relative;
}

.navbarr .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 0;
    width: 200px;
    z-index: 1000;
    text-align: center;
}

.navbarr .dropdown a:hover {
    color: #d43d1b;*/ /* Change the color on hover */
/*}

.navbarr .dropdown-menu li {
    padding: 0;
}

    .navbarr .dropdown-menu li a {
        color: #333;
        padding: 10px 15px;
        display: block;
        text-decoration: none;
    }

        .navbarr .dropdown-menu li a:hover {
            background-color: #f8f9fa;
        }*/

/* Hover to show dropdown */
/*.navbarr .dropdown:hover .dropdown-menu {
    display: block;
}

.ourLocationImgMobile {
    display: none;
}

.phoneText {
    font-size: 0.8vw;
    margin-left: 2%;
}

@media (min-width: 350px) and (max-width: 575.98px) {
    .navbarr {
        flex-direction: column;
        display: flex;
        align-items: flex-start;
    }

    .nav-links {*/
/* display: flex; */
/*padding: 0;*/
/* margin: 0; */
/* margin-left: 75px; */
/*}

        .nav-links a {
            font-size: 15px;
            color: #fff;
        }

        .nav-links li {
            padding: 13px 0.6rem;
        }

    .logo {
        width: 100%;
    }

        .logo .group60 {
            width: 46px;
            height: 48px;
            left: 50px;
        }

    #logoImg {
        height: 66px;
    }

    .logoSec {
        display: flex;
        width: 40%;
    }

    .nav-links {
        position: absolute;
        top: 77px;
        right: 0;
        width: 100%;
        height: 0;
        overflow: hidden;
        flex-direction: column;
        background-color: #333;
        transition: height 0.3s ease;
    }

        .nav-links li {
            margin: 0;
            padding: 15px 0;
            text-align: center;
        }

    .menu-icon {
        display: flex;
        margin-top: 29px;
    }

    .bannerText {
        font-size: 29px;
    }

    .contactUsRightImgSec {
        display: none;
    }

    .topSection1 {
        display: none;
    }

    .topSection2 {
        width: unset;
        display: unset;
    }

    .topSection2Text {
        width: unset;
    }

    .topSection2TextContainer {
        width: unset;
    }

    .topSection2Image {
        width: unset;
    }

    .topSection2Text1 {
        font-size: 5vw;
        text-align: center;
        line-height: 8.1vw;
    }

    .phoneText {
        font-size: 2.4vw;
        margin-left: 2%;
    }

    .topSection2Text2PointerSection {
        align-items: center;
    }

    .ContactUSFormSec {
        width: unset;
    }

    .contact-container {
        width: unset;
    }

    .contact-image {
        display: none;
    }

    .ourLocationImg1Section2 {
        top: 0%;
    }

    .ourLocationImg1Section2text {
        margin-top: 2%;
    }

    .ourLocationImg1Section2text1 {
        font-size: 10px;
    }

    .ourLocationImg1Section2text2 {
        font-size: 7px;
    }

    .contactUsRightImgContainer {
        width: unset;
    }

    .footer-section h3 {
        font-size: 13px;
    }

    .logo-section {
        margin-right: 1.4rem;
        width: unset;
    }

    .footer-containerInner {
        width: unset;
    }

    .footer .background {
        width: 21rem;
    }

    .quick-links {
        margin-right: 1rem;
        width: 20%;
    }

    .linksStyle {
        font-size: 2.8vw;
    }

    .support {
        margin-right: 1rem;
    }

    .newsletter {
        width: 102px;
    }

    .newsletter-form {
        position: absolute;
        top: 45%;
        right: 4%;
    }

        .newsletter-form input[type='email'] {
            width: 6rem;
            font-size: 2.6vw;*/
/* padding: 6px 1px 7px 18px; */
/*}

        .newsletter-form button {
            padding: 2px 19px 2px 17px;
        }

    .contact-info {
        width: 108px;
        margin-top: 2rem;
    }

    .newsletter-form button {
        padding: 2px 19px 2px 17px;
        font-size: 3vw;
        width: 42%;
    }

    .footer-section h3 {
        font-size: 13px;
    }

    .quickLinksData {
        justify-content: space-between;
        margin-top: 20px;
        width: 132%;
        display: contents;
    }

    .ourLocationImg1Section1 {
        top: 23%;
    }

    .ourLocationImg1TextStyle {
        width: 18%;
    }

    .ourLocationImg1Text1 {
        font-size: 18px;
        line-height: 9px;
    }

    .ourLocationImg1Text2 {
        font-size: 7px;
    }

    .ourLocationImg1 {
        height: 8rem;
    }

    .ourLocationImg2 {
        margin-top: 12%;
        margin-bottom: 3rem;
        height: 40%;
    }

    .buttonStyle {
        display: none;
    }

    .ourLocationStyleImg {
        display: none;
    }

    .ourLocationImgStyle {
        width: unset;
        margin-right: 0%;
        padding: 16px;
    }*/

/* .ourLocationImg2{
    height: 8rem;

  } */

/*.topSection {
        margin-top: 18%;
    }

    .topSection2PointerText {
        margin-left: 3%;
        font-size: 5vw;
        font-weight: 700;
        color: #f15523;
        margin-top: 7%;
    }

    .topSection2Text3 {
        font-size: 4vw;
    }

    .topSection2Pointer {
        width: 11%;
    }

    .topSection {
        margin-top: 16%;
    }

    .locationHeadingStyle {
        margin-top: 33%;
    }

    .formSectionImg {
        width: 93%;
        height: 27rem;
    }

    .form-group input,
    .form-group textarea {
        width: 100%;*/
/* padding: 16px; */
/*border: 1px solid #ddd;
        border-radius: 14px;
        font-size: 2.5vw;
        color: #333;
    }

        .form-group input[type='submit'] {
            width: 50%;
            font-size: 2.6vw;
        }

    .locationHeading {
        font-size: 7vw;
    }

    .footer {
        top: 1rem;
    }

    .ourLocationImg1 {
        display: none;
    }

    .ourLocationImg2 {
        display: none;
    }

    .contactUsEmailContainerImg {
        align-items: unset;
        height: 8rem;
    }

    .contactUsEmailStyle {
        top: 10%;
    }

    .ourLocationImgMobile {
        position: relative;
        display: flex;
        margin-top: 6%;
    }

    .ourLocationImgMobileStyle {
        position: absolute;
        top: 17%;
    }

    .ourLocationImgMobileFlag {
        width: 16%;
    }

    .ourLocationImgMobileText {
        font-size: 6vw;
        color: #fff;
        line-height: 8vw;
    }

    .ourLocationImgMobileText2 {
        color: #fff;
        line-height: 3vw;
    }

    .ourLocationImgMobileText3 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-top: 11%;
        text-align: center;
    }

    .locationTextHeading {
        font-size: 7vw;
        color: #f15523;
        font-weight: 600;
    }

    .ourLocationImgMobileText3Img {
        width: 12%;
    }

    #directionButton {
        font-size: 3vw;
    }

    #servicesButton {
        font-size: 3vw;
        margin-top: 3%;
    }

    .contactUsEmailContainer {
        margin-top: 8%;
        margin-bottom: unset;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .ourLocationImg2 {
        height: 17rem;
    }

    .ourLocationImg1 {
        height: 17rem;
    }

    .formSectionImg {
        height: 34rem;
    }

    .topSection2Text3 {
        font-size: 1.6vw;
    }

    .form-group input,
    .form-group textarea {
        font-size: 1.5vw;
    }

    .menu-icon {
        display: flex;
        margin-top: 0px;
    }

    .nav-links {
        position: absolute;
        top: 77px;
        right: 0;
        width: 100%;
        height: 0;
        overflow: hidden;
        flex-direction: column;
        background-color: #333;
        transition: height 0.3s ease;
    }

        .nav-links a {
            font-size: 15px;
            color: #fff;
        }

        .nav-links li {
            padding: 13px 0.6rem;
        }

    .topSection {
        margin-top: 10%;
    }

    .quick-links {
        width: 24%;
    }

    .linksStyle {
        font-size: 1.4vw;
    }

    .phoneText {
        font-size: 1.4vw;
    }

    .newsletter-form input[type='email'] {
        font-size: 1.4vw;
    }

    .newsletter-form button {
        font-size: 1.4vw;
        width: 36%;
    }

    .logo {
        width: 80%;
    }
}

.socialSec {
    position: fixed;
    z-index: 1000;
}

.social-sidebar {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #f4f4f4;
    padding: 7px;
    border-radius: 11px 0px 0px 11px;
    border: 4px solid #d3d3d3;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

    .social-sidebar ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .social-sidebar ul li {
            margin: 0px -25px 10px 0px;
            width: 50px;
        }*/
/* .social-sidebar ul li a {
  text-decoration: none;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #555;
  border-radius: 50%;
} */
/*.social-sidebar ul li a i {
                font-size: 20px;
                color: white;
            }

.follow-text {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: 16px;
    color: #333;*/
/* margin-bottom: 20px; */
/*text-align: center;
    margin-left: 22%;
    font-weight: 600;
}*/







/* Add styles for loading screen */
#loading-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f15523;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    opacity: 1;
}

#loading-text {
    width: 163px;
    aspect-ratio: 1;
    display: grid;
    position: relative;
}

    #loading-text:before,
    #loading-text:after {
        content: '';
        grid-area: 1/1;
        --c: #0000 calc(100% / 3), #fff 0 calc(2 * 100% / 3), #0000 0;
        --c1: linear-gradient(90deg, var(--c));
        --c2: linear-gradient(0deg, var(--c));
        background: var(--c1), var(--c2), var(--c1), var(--c2);
        background-size: 300% 6px, 6px 300%;
        background-repeat: no-repeat;
        animation: l11 1s infinite linear;
    }

    #loading-text:after {
        margin: 20px;
        transform: scaleX(-1);
        animation-delay: -0.25s;
    }

    #loading-text img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 90px;
        height: 92px;
    }

@keyframes l11 {
    0% {
        background-position: 50% 0, 100% 100%, 0 100%, 0 0;
    }

    25% {
        background-position: 0 0, 100% 50%, 0 100%, 0 0;
    }

    50% {
        background-position: 0 0, 100% 0, 50% 100%, 0 0;
    }

    75% {
        background-position: 0 0, 100% 0, 100% 100%, 0 50%;
    }

    75.01% {
        background-position: 100% 0, 100% 0, 100% 100%, 0 50%;
    }

    100% {
        background-position: 50% 0, 100% 0, 100% 100%, 0 100%;
    }
}

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

body {
    font-family: 'DM Sans', sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

#content {
    display: none;
}
/* For modern browsers */
html,
body {
    /* overflow: auto; */
    /* Allows scrolling */
    scrollbar-width: none;
    touch-action: manipulation;
    /* For Firefox */
}

    /* For Chrome, Safari, and Edge */
    html::-webkit-scrollbar,
    body::-webkit-scrollbar {
        display: none;
    }

html {
    scroll-behavior: smooth;
}

.navbarr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ffffff;
    position: fixed;
    width: 100%;
    z-index: 1000;
    box-shadow: 0 2px 2px -2px #fff;
    top: 0;
}

.logoSection {
    display: flex;
    justify-content: space-between;
}

/* .hamburger {
width: 2rem;
} */

/* .logo img {
width: 268px;
} */

.logo {
    width: 41%;
    position: relative;
    display: flex;
    justify-content: flex-end;
}

#logoImg {
    width: 100%;
}

/*.logoImgInner {
    position: absolute;
    right: 15%;
    top: 11%;
    width: 22%;
}*/

.logo .group60 {
    /* position: absolute; */
    width: 100%;
    cursor: pointer;
    /* left: 174px; */
    /* top: 7px; */
}

/* .logo .group60 {
position: absolute;
width: 62px;
height: 63px;
left: 174px;
top: 7px;
} */

.menu-toggle {
    display: none;
}

#loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #f15523;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9000;
}

.loader {
    width: 163px; /* Increased loader size */
    aspect-ratio: 1;
    display: grid;
    position: relative;
}

    .loader:before,
    .loader:after {
        content: '';
        grid-area: 1/1;
        --c: #0000 calc(100% / 3), #fff 0 calc(2 * 100% / 3), #0000 0;
        --c1: linear-gradient(90deg, var(--c));
        --c2: linear-gradient(0deg, var(--c));
        background: var(--c1), var(--c2), var(--c1), var(--c2);
        background-size: 300% 6px, 6px 300%; /* Adjusted background size to match the larger loader */
        background-repeat: no-repeat;
        animation: l11 1s infinite linear;
    }

    .loader:after {
        margin: 20px; /* Adjusted margin for larger size */
        transform: scaleX(-1);
        animation-delay: -0.25s;
    }

    .loader img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 90px; /* Increased image size */
        height: 92px;
        /* border-radius: 50%; Optional, to keep the image circular */
    }

@keyframes l11 {
    0% {
        background-position: 50% 0, 100% 100%, 0 100%, 0 0;
    }

    25% {
        background-position: 0 0, 100% 50%, 0 100%, 0 0;
    }

    50% {
        background-position: 0 0, 100% 0, 50% 100%, 0 0;
    }

    75% {
        background-position: 0 0, 100% 0, 100% 100%, 0 50%;
    }

    75.01% {
        background-position: 100% 0, 100% 0, 100% 100%, 0 50%;
    }

    100% {
        background-position: 50% 0, 100% 0, 100% 100%, 0 100%;
    }
}

.hamburger {
    width: 25px;
    height: 2px;
    background-color: black;
    /* Set the hamburger color to black */
    transition: all 0.3s ease;
}

.menu-icon {
    cursor: pointer;
    display: none;
    flex-direction: column;
    justify-content: space-between;
    height: 18px;
    margin-left: auto;
    position: absolute;
    right: 20px;
}

#logoImg {
    width: 100%;
}

.logoSec {
    width: 44%;
}

.menu-toggle:checked ~ .nav-links {
    height: 429px;
    justify-content: center;
    align-items: center;
    /* Adjust height based on the number of menu items */
}

.nav-links {
    list-style: none;
    display: flex;
    /* margin: 0px auto; */
}

    .nav-links li {
        margin-top: 1rem;
        padding: 0rem 1.8rem;
    }

    .nav-links a {
        color: #565656;
        text-decoration: none;
        font-size: 0.9vw;
        font-weight: 500;
        border-bottom: 3px solid transparent;
        transition: border-color 0.5s, color 0.5s;
        cursor: pointer;
        padding-bottom: 12px;
    }

        .nav-links a:hover {
            color: #f15523;
            border-bottom: 3px solid #f15523;
        }

.topSection {
    display: flex;
    margin-top: 4%;
    background: linear-gradient( to bottom right, #d3d3d3 40%, #ffffff 90%, transparent 50% );
}

.bannerSec {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.bannerImgSec {
    /* width: 85.5%; */
    position: relative;
    display: flex;
    justify-content: flex-end;
}

#bannerImg {
    width: 100%;
}

.bannerInner {
    position: absolute;
    display: flex;
    width: 75%;
    justify-content: space-between;
}

.bannerText {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 80px;
    font-weight: 600;
    color: #fff;
}

#bannerInnerImg {
    width: 26%;
    margin-top: 9px;
}

.topSection1 {
    width: 10%;
}

.topSection2 {
    width: 90%;
    display: flex;
}

.topSection2Text {
    width: 53%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.topSection2Image {
    width: 47%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.topSection2TextContainer {
    width: 90%;
    padding: 3%;
}

.topSection2PointerText {
    margin-left: 3%;
    font-size: 1.1vw;
    font-weight: 700;
    color: #f15523;
}

.topSection2Text1 {
    font-size: 2.6vw;
    font-weight: 700;
    color: #565656;
    line-height: 3.1vw;
}

.topSection2Text2 {
    margin-top: 6%;
}

.topSection2Text3Style {
    margin-top: 6%;
}

.topSection2Text3 {
    font-size: 0.9vw;
    color: #5c5c5c;
}

.topSection2Pointer {
    width: 3%;
}

.topSection2Text2PointerSection {
    display: flex;
}

.topSection1SideImg {
    width: 87%;
    margin-top: 43%;
}

.topSection1Img {
    width: 42%;
    margin-top: 4rem;
}

#sideImg {
    width: 100%;
}

.formSection {
    display: flex;
    justify-content: center;
    margin-top: 6%;
}

.formSectionImg {
    width: 78%;
    position: relative;
    display: flex;
    justify-content: flex-end;
}

.formHeading1 {
    color: #565656;
    font-size: 3vw;
}

.ContactUSSection {
    display: flex;
    padding-top: 4rem;
}

.ContactUSSectionImgSec {
    width: 65%;
    margin-top: 18%;
}

#ContactUSSectionImg {
    width: 100%;
}

.ContactUSFormSec {
    display: flex;
    margin-top: 7rem;
    /* width: 85%; */
}

.contactUsRightImgSec {
    /* width: 20%; */
    margin-top: 20rem;
}

#contactUsRightImg {
    width: 100%;
}

.contact-container {
    display: flex;
    background-color: white;
    width: 80%;
    height: 86%;
    border-radius: 10px;
    overflow: hidden;
}

.contact-form {
    position: absolute;
    padding: 4%;
    width: 49%;
}

h1 {
    font-size: 2rem;
    color: #333;
    margin-bottom: 20px;
}

    h1 span {
        color: #f25c35;
    }

/* .form-group {
margin-bottom: 5%;
} */

/* .form-group label {
display: block;
margin-bottom: 8px;
color: #666;
font-size: 0.9rem;
} */

/* .form-group input,
.form-group textarea {
width: 100%;
padding: 16px;
border: 1px solid #ddd;
border-radius: 14px;
font-size: 1vw;
color: #333;
} */

/* .form-group input[type="submit"] {
background-color: #f25c35;
color: white;
cursor: pointer;
border: none;
font-size: 1vw;
transition: background 0.3s ease;
width: 26%;
border-radius: 29px;
} */

/* .form-group input[type="submit"]:hover {
background-color: #d84b2b;
} */

/* .form-group input[type="date"],
.form-group input[type="time"] {
width: calc(48% - 5px);
display: inline-block;
}

.form-group input[type="date"] {
margin-right: 10px;
} */

.contact-image {
    background-size: cover;
    background-position: center;
    filter: grayscale(100%);
    width: 48%;
}

.footer .background {
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0.25;
    /* animation: moveBackground 5s infinite alternate; */
}

.footer {
    background-color: #414345;
    color: #fff;
    padding: 10px;
    position: relative;
    /* top: 80px; */
}

    .footer .background {
        position: absolute;
        bottom: 0px;
        left: 0px;
        opacity: 0.25;
        width: 27%;
    }

.footer-container {
    display: flex;
    justify-content: center;
}

.quickLinksData {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    /* width: 132%; */
}

hr.vertical {
    width: 1px;
    height: 8rem;
    background-color: #565656;
    border: none;
    margin: 60px 0px;
    padding: 0px;
}

.locationHeadingStyle {
    margin-top: 6%;
    display: flex;
    justify-content: center;
}

.locationHeading {
    font-size: 45px;
    font-weight: 700;
    color: #f25c35;
}

.locationHeadingSpan {
    color: #565656;
}

.ourLocationStyle {
    display: flex;
    margin-top: 3%;
}

.contactUsEmailContainer {
    margin-top: 6%;
    margin-bottom: 6%;
    display: flex;
    justify-content: center;
}

.contactUsEmailContainerImg {
    width: 95%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contactUsEmailStyleHeading {
    font-size: 2.8vw;
    font-weight: 700;
    color: #f16529;
}

.contactUsEmailStyle {
    position: absolute;
    text-align: center;
    width: 50%;
}

/* .form-group input,
.form-group textarea {
width: 100%;
padding: 10px;
border: 1px solid #ddd;
border-radius: 8px;
font-size: 0.8vw;
color: #333;
} */

.emailSubmitForm {
    position: absolute;
}

.ourLocationStyle2 {
    display: flex;
    position: relative;
    justify-content: end;
}

.ourLocationImgStyle {
    width: 86.5%;
    margin-right: 12.4%;
    z-index: 1;
}

.ourLocationSideImg {
    position: absolute;
    width: 22%;
    z-index: 0;
    top: 37%;
}

.ourLocationImg2 {
    margin-top: 5%;
    position: relative;
    display: flex;
}

.ourLocationImg3 {
    display: none;
    margin-top: 9%;
    margin-bottom: 9%;
    position: relative;
    /* display: flex; */
    justify-content: center;
}

.ourLocationImg1 {
    position: relative;
    display: flex;
}

.ourLocationImg1Style {
}

.ourLocationImg1TextStyle {
    width: 33%;
}

.ourLocationImg1TextStyleInner {
    margin-top: 10%;
}

.ourLocationImg1Text1 {
    font-size: 34px;
    line-height: 28px;
    color: #f25c35;
    font-weight: 600;
}

.ourLocationImg1Text2 {
    color: #fff;
    line-height: 1px;
    font-size: 13px;
    font-weight: 500;
}

.ourLocationImg1Section1 {
    position: absolute;
    top: 61%;
    left: 3.3%;
}

.ourLocationImg1Section2 {
    position: absolute;
    top: 11%;
    left: 31%;
    width: 28%;
}

.ourLocationImg1Section2Img {
    width: 7%;
}

.ourLocationImg1Section2text {
    margin-top: 5%;
}

.ourLocationImg1Section2text1 {
    color: #f25c35;
    font-size: 1.6vw;
    font-weight: 700;
}

.ourLocationImg1Section2text2 {
    font-size: 0.9vw;
    color: #5c5c5c;
    font-weight: 500;
}

.techflow_new_buttonStyle {
    margin: 0 auto;
    margin-top: 4%;
    width: 14rem;
}

    .techflow_new_buttonStyle a {
        text-decoration: none;
    }

#directionButton {
    border: 1px solid #f25c35;
    border-radius: 4px;
    width: 98%;
    background-color: #f25c34;
    color: #fff;
    padding: 2%;
    font-weight: 500;
    font-size: 1vw;
    margin-bottom: 5%;
}

#servicesButton {
    border: 2px solid #b7bac1;
    border-radius: 4px;
    width: 98%;
    color: #6c7176;
    padding: 2%;
    font-weight: 500;
    font-size: 1vw;
}

.ourLocationImg3Style {
    position: absolute;
    top: 27%;
    text-align: center;
}

#touchButton {
    border: 1px solid #f25c35;
    background-color: #f25c35;
    border-radius: 22px;
    padding: 9px;
    color: #fff;
    font-size: 14px;
    width: 14%;
    font-weight: 500;
}

.ourLocationImg3Text1 {
    color: #fff;
    font-size: 50px;
    font-weight: 600;
}

.ourLocationImg3Text2 {
    color: #fff;
    font-size: 26px;
}

/* .footer-section {
flex: 1;
margin: 0 10px;
} */
.support {
    margin-top: 3rem;
    width: 10%;
}

.newsletter {
    margin-top: 3rem;
    width: 31%;
}

.footer-section h3 {
    margin-bottom: 40px;
    font-size: 1.5vw;
    color: #fff;
}

.footer-section ul {
    list-style-type: none;
    padding: 0;
}

    .footer-section ul li {
        margin-bottom: 10px;
    }

        .footer-section ul li a {
            color: #93959b;
            text-decoration: none;
            transition: color 0.3s;
            cursor: pointer;
        }

            .footer-section ul li a:hover {
                color: #fff;
            }

.logo-section {
    margin-top: 3rem;
    width: 5%;
}

.linksStyle {
    font-size: 0.8vw;
}

.quick-links {
    margin-top: 3rem;
    width: 20%;
}

.logo-section .logo {
    max-width: 100px;
}

.newsletter-form {
    display: flex;
    margin-top: 20px;
}

    .newsletter-form input[type='email'] {
        padding: 14px;
        border: none;
        border-radius: 26px 0 0 26px;
        outline: none;
        width: 73%;
        font-size: 0.8vw;
    }

    .newsletter-form button {
        padding: 14px;
        border: none;
        border-radius: 0 26px 26px 0;
        background-color: #f04e23;
        color: white;
        cursor: pointer !important;
        transition: background-color 0.3s;
        font-size: 0.9vw;
        width: 27%;
    }

.contact-info {
    margin-top: 4rem;
}

.newsletter-form button:hover {
    background-color: #d43d1b;
}

.contact-info h3 {
    margin-bottom: 10px;
    font-size: 1.5vw;
    color: #fff;
}

.footer-containerInner {
    display: flex;
    justify-content: space-between;
    width: 80%;
}

.contact-info p {
    margin: 0;
    color: #bbb;
}

.footer-bottom {
    text-align: center;
    margin-top: 6rem;
    margin-bottom: 2rem;
}

    .footer-bottom p {
        margin: 0;
        color: #bbb;
    }

.phoneIcon {
    display: flex;
}

.contactUsRightImgContainer {
    width: 20%;
}

.navbarr .dropdown {
    position: relative;
}

.navbarr .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 0;
    width: 200px;
    z-index: 1000;
    text-align: center;
}

.navbarr .dropdown a:hover {
    color: #d43d1b; /* Change the color on hover */
}

.navbarr .dropdown-menu li {
    padding: 0;
}

    .navbarr .dropdown-menu li a {
        color: #333;
        padding: 10px 15px;
        display: block;
        text-decoration: none;
    }

        .navbarr .dropdown-menu li a:hover {
            background-color: #f8f9fa;
        }

/* Hover to show dropdown */
.navbarr .dropdown:hover .dropdown-menu {
    display: block;
}

.ourLocationImgMobile {
    display: none;
}

.phoneText {
    font-size: 0.8vw;
    margin-left: 2%;
}

@media (min-width: 350px) and (max-width: 575.98px) {
    .navbarr {
        flex-direction: column;
        display: flex;
        align-items: flex-start;
    }

    .nav-links {
        /* display: flex; */
        padding: 0;
        /* margin: 0; */
        /* margin-left: 75px; */
    }

        .nav-links a {
            font-size: 15px;
            color: #fff;
        }

        .nav-links li {
            padding: 13px 0.6rem;
        }

    .logo {
        width: 100%;
    }

        .logo .group60 {
            width: 46px;
            height: 48px;
            left: 50px;
        }

    #logoImg {
        height: 66px;
    }

    .logoSec {
        display: flex;
        width: 40%;
    }

    .nav-links {
        position: absolute;
        top: 77px;
        right: 0;
        width: 100%;
        height: 0;
        overflow: hidden;
        flex-direction: column;
        background-color: #333;
        transition: height 0.3s ease;
    }

        .nav-links li {
            margin: 0;
            padding: 15px 0;
            text-align: center;
        }

    .menu-icon {
        display: flex;
        margin-top: 29px;
    }

    .bannerText {
        font-size: 29px;
    }

    .contactUsRightImgSec {
        display: none;
    }

    .topSection1 {
        display: none;
    }

    .topSection2 {
        width: unset;
        display: unset;
    }

    .topSection2Text {
        width: unset;
    }

    .topSection2TextContainer {
        width: unset;
    }

    .topSection2Image {
        width: unset;
    }

    .topSection2Text1 {
        font-size: 5vw;
        text-align: center;
        line-height: 8.1vw;
    }

    .phoneText {
        font-size: 2.4vw;
        margin-left: 2%;
    }

    .topSection2Text2PointerSection {
        align-items: center;
    }

    .ContactUSFormSec {
        width: unset;
    }

    .contact-container {
        width: unset;
    }

    .contact-image {
        display: none;
    }

    .ourLocationImg1Section2 {
        top: 0%;
    }

    .ourLocationImg1Section2text {
        margin-top: 2%;
    }

    .ourLocationImg1Section2text1 {
        font-size: 10px;
    }

    .ourLocationImg1Section2text2 {
        font-size: 7px;
    }

    .contactUsRightImgContainer {
        width: unset;
    }

    .footer-section h3 {
        font-size: 13px;
    }

    .logo-section {
        margin-right: 1.4rem;
        width: unset;
    }

    .footer-containerInner {
        width: unset;
    }

    .footer .background {
        width: 21rem;
    }

    .quick-links {
        margin-right: 1rem;
        width: 20%;
    }

    .linksStyle {
        font-size: 2.8vw;
    }

    .support {
        margin-right: 1rem;
    }

    .newsletter {
        width: 102px;
    }

    .newsletter-form {
        position: absolute;
        top: 45%;
        right: 4%;
    }

        .newsletter-form input[type='email'] {
            width: 6rem;
            font-size: 2.6vw;
            /* padding: 6px 1px 7px 18px; */
        }

        .newsletter-form button {
            padding: 2px 19px 2px 17px;
        }

    .contact-info {
        width: 108px;
        margin-top: 2rem;
    }

    .newsletter-form button {
        padding: 2px 19px 2px 17px;
        font-size: 3vw;
        width: 42%;
    }

    .footer-section h3 {
        font-size: 13px;
    }

    .quickLinksData {
        justify-content: space-between;
        margin-top: 20px;
        width: 132%;
        display: contents;
    }

    .ourLocationImg1Section1 {
        top: 23%;
    }

    .ourLocationImg1TextStyle {
        width: 18%;
    }

    .ourLocationImg1Text1 {
        font-size: 18px;
        line-height: 9px;
    }

    .ourLocationImg1Text2 {
        font-size: 7px;
    }

    .ourLocationImg1 {
        height: 8rem;
    }

    .ourLocationImg2 {
        margin-top: 12%;
        margin-bottom: 3rem;
        height: 40%;
    }

    .techflow_new_buttonStyle {
        display: none;
    }

    .ourLocationStyleImg {
        display: none;
    }

    .ourLocationImgStyle {
        width: unset;
        margin-right: 0%;
        padding: 16px;
    }

    /* .ourLocationImg2{
height: 8rem;

} */

    .topSection {
        margin-top: 18%;
    }

    .topSection2PointerText {
        margin-left: 3%;
        font-size: 5vw;
        font-weight: 700;
        color: #f15523;
        margin-top: 7%;
    }

    .topSection2Text3 {
        font-size: 4vw;
    }

    .topSection2Pointer {
        width: 11%;
    }

    .topSection {
        margin-top: 16%;
    }

    .locationHeadingStyle {
        margin-top: 33%;
    }

    .formSectionImg {
        width: 93%;
        height: 27rem;
    }

    /* .form-group input,
.form-group textarea {
width: 100%;
padding: 16px;
border: 1px solid #ddd;
border-radius: 14px;
font-size: 2.5vw;
color: #333;
} */

    /* .form-group input[type="submit"] {
width: 50%;
font-size: 2.6vw;
} */
    .locationHeading {
        font-size: 7vw;
    }

    .footer {
        top: 1rem;
    }

    .ourLocationImg1 {
        display: none;
    }

    .ourLocationImg2 {
        display: none;
    }

    .contactUsEmailContainerImg {
        align-items: unset;
        height: 8rem;
    }

    .contactUsEmailStyle {
        top: 10%;
    }

    .ourLocationImgMobile {
        position: relative;
        display: flex;
        margin-top: 6%;
    }

    .ourLocationImgMobileStyle {
        position: absolute;
        top: 17%;
    }

    .ourLocationImgMobileFlag {
        width: 16%;
    }

    .ourLocationImgMobileText {
        font-size: 6vw;
        color: #fff;
        line-height: 8vw;
    }

    .ourLocationImgMobileText2 {
        color: #fff;
        line-height: 3vw;
    }

    .ourLocationImgMobileText3 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-top: 11%;
        text-align: center;
    }

    .locationTextHeading {
        font-size: 7vw;
        color: #f15523;
        font-weight: 600;
    }

    .ourLocationImgMobileText3Img {
        width: 12%;
    }

    #directionButton {
        font-size: 3vw;
    }

    #servicesButton {
        font-size: 3vw;
        margin-top: 3%;
    }

    .contactUsEmailContainer {
        margin-top: 8%;
        margin-bottom: unset;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .ourLocationImg2 {
        height: 17rem;
    }

    .ourLocationImg1 {
        height: 17rem;
    }

    .formSectionImg {
        height: 34rem;
    }

    .topSection2Text3 {
        font-size: 1.6vw;
    }

    /* .form-group input,
.form-group textarea {
font-size: 1.5vw;
} */

    .menu-icon {
        display: flex;
        margin-top: 0px;
    }

    .nav-links {
        position: absolute;
        top: 77px;
        right: 0;
        width: 100%;
        height: 0;
        overflow: hidden;
        flex-direction: column;
        background-color: #333;
        transition: height 0.3s ease;
    }

        .nav-links a {
            font-size: 15px;
            color: #fff;
        }

        .nav-links li {
            padding: 13px 0.6rem;
        }

    .topSection {
        margin-top: 10%;
    }

    .quick-links {
        width: 24%;
    }

    .linksStyle {
        font-size: 1.4vw;
    }

    .phoneText {
        font-size: 1.4vw;
    }

    .newsletter-form input[type='email'] {
        font-size: 1.4vw;
    }

    .newsletter-form button {
        font-size: 1.4vw;
        width: 36%;
    }

    .logo {
        width: 80%;
    }
}

/* .buttonStyle {
display: flex;
margin: 0 auto;
justify-content: space-evenly;
margin-top: 4%;
width: 14rem;
} */

/* abhishikta changes ------------------------------------------------------------------------------------------*/
.br_d {
    border: 1px dashed blue;
}

.br_x {
    border: 1px dashed rgb(34, 255, 0);
}

.container_body {
    position: relative;
    width: 100%;
    height: 100%;
    /* display: none; */
}

.container_body_scroll {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    will-change: transform;
    /* background: #000000; */
}

.techflow_new_ourLocationImg1Section2text2 a {
    font-size: 0.9vw;
    color: #5c5c5c;
    font-weight: 500;
    text-decoration: none;
}

/* abhi new css --------- */

.br_c {
    border: 1px solid red;
}

.abs_backImg img {
    position: absolute;
    top: 23%;
    width: 123px;
    overflow: hidden;
    z-index: -1;
}

.contactus_heroSec_start {
    z-index: 1;
    width: 100%;
    /* height: 27rem;
margin: 6rem 0; */
    position: relative;
    overflow: hidden;
    background: linear-gradient( to bottom right, #d3d3d3 40%, #ffffff 90%, transparent 50% );
}

.contactus_heroSec_text {
    margin-top: 9.5rem;
    width: 80%;
}
.time_date{
    display:flex;
    gap:20px;
}

.contactus_heroSec_text h4 {
    font-size: 33px;
    color: #565656;
    font-weight: 600;
    margin-bottom: 2.5rem;
}

.click_location {
    display: flex;
    gap: 10px;
}

    .click_location img {
        width: 20px;
        height: 20px;
    }

    .click_location p {
        font-size: 15px;
        color: #f16529;
        font-weight: 600;
    }

.contactus_heroSec_para {
    font-size: 0.9rem;
    color: #5c5c5c;
    margin-top: 1.5rem;
    margin-bottom: 5rem;
}

.contactUs_heroImg_animation {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

    .contactUs_heroImg_animation img {
        width: 750px;
    }
/* form section */

.techflow_new_formSec_start {
    margin: 4.5rem 0;
    width: 100%;
}

.techflow_new_formSec_mainCon {
    height: 100%;
}

.techflow_new_formSec_subCon {
    height: 100%;
    background-color: #efefef;
    border-radius: 49px;
    border: 3px solid #b7bac133;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.techflow_new_formSec_subCon_top {
    position: absolute;
    top: 0px;
    left: 0;
    z-index: -1;
}

    .techflow_new_formSec_subCon_top img {
        width: 400px;
    }

.techflow_new_formSec_subCon_bottom {
    position: absolute;
    /* z-index: 222; */
    z-index: -1;
    bottom: 0;
    -webkit-filter: grayscale(100%); /* For older Safari and Chrome */
    filter: grayscale(100%); /* Standard */
}

.form_personLeftDiv {
    position: relative;
    /* width: 400px; */
    z-index: 1;
}

    .form_personLeftDiv img {
        width: 100%;
    }

.form_personLeftDiv_child {
    position: absolute;
    width: 44%;
    height: 40%;
    right: -49px;
    top: -48px;
    z-index: -1;
}

    .form_personLeftDiv_child img {
        width: 100%;
    }

.techflow_new_formSec_subCon_bottom {
    width: 100%;
    /* height: 0px; */
}

.of_h {
    border: 1px solid red;
}

.zi {
    z-index: 987;
}

.form_container {
    /* justify-content: center; */
    padding: 1rem;
    display: flex;
    margin: auto;
    flex-direction: column;
}

.form_details {
    margin-top: auto 3rem;
    text-align: start;
}

.form_details_text {
    font-size: 35px;
    font-weight: 600;
    color: #565656;
}

    .form_details_text span {
        font-size: 35px;
        font-weight: 600;
        color: #f15523;
    }

.form_details_para {
    font-size: 13px;
    color: #5c5c5c;
    margin-left: 3px;
}

.form_input {
    width: 80%;
}

.form-group {
    margin-bottom: 4%;
}

    .form-group input,
    .form-group textarea {
        width: 100%;
        padding: 12px 16px;
        border: 1px solid #ddd;
        border-radius: 10px;
        font-size: 15px;
        color: #333;
    }

        .form-group input[type='submit'] {
            background-color: #f25c35;
            border: none;
            color: white;
            width: 150px;
            padding: 10px 0px;
            font-size: 16px;
            border-radius: 50px;
            cursor: pointer;
            text-align: center;
            outline: none;
            display: inline-block;
        }

            .form-group input[type='submit']:hover {
                background-color: #d84b2b;
            }

        .form-group input[type='date'],
        .form-group input[type='time'] {
            width: calc(48% - 5px);
            display: inline-block;
        }

        .form-group input[type='date'] {
            margin-right: 10px;
        }

.abs_backImg2 img {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 380px;
    overflow: hidden;
}

/* form section ends */
/* contact us - our location section starts */

.techflow_new_our_location_start {
    width: 100%;
    position: relative;
}

.contactus_ourLoc_absBackDiv {
    position: absolute;
    right: 0;
    top: 35%;
}

    .contactus_ourLoc_absBackDiv img {
        width: 250px;
    }

.techflow_new_location_heading {
    text-align: center;
}

    .techflow_new_location_heading h3 {
        color: #565656;
        font-size: 50px;
        font-weight: 700;
    }

    .techflow_new_location_heading span {
        color: #f16529;
        font-size: 50px;
        font-weight: 700;
    }

.techflow_new_our_location_mainCon {
    /* overflow: hidden; */
}

.techflow_new_our_location_subCon {
    width: 95%;
    /* */
    border-radius: 49px;
    overflow: hidden;
}

.techflow_new_loc_back {
    height: 400px;
    padding: 0 !important;
    position: relative;
}

    .techflow_new_loc_back img {
        height: 100%;
        width: 100%;
        -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
    }

.techflow_new_our_location_text {
    height: 400px;
    position: relative;
    padding: 0 !important;
    /*    width: 100%; 
*/ margin: 0 auto;
    background: #f4f4f4;
}

.techflow_new_map_loc {
    height: 400px;
    padding: 0 !important;
}

    .techflow_new_map_loc iframe {
        width: 100%;
        height: 100%;
        -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
    }

.techflow_new_loc_leftdiv {
    position: absolute;
    bottom: 3%;
    left: 11%;
}

    .techflow_new_loc_leftdiv img {
        height: 40px;
        width: 50px;
        margin-bottom: 10px;
        filter: none;
    }

    .techflow_new_loc_leftdiv p {
        font-size: 20px;
        font-weight: 600;
        color: #f15523;
        margin-bottom: 0px;
    }

    .techflow_new_loc_leftdiv span {
        font-size: 16px;
        color: #ffffff;
    }

.techflow_new_loc_middle_text {
    margin-bottom: 2rem;
}

.techflow_new_our_location_text_sub {
    width: 80%;
    margin: auto;
    padding: 1.9rem 0px;
}

.techflow_new_loc_middle_text a {
    text-decoration: none;
}

.techflow_new_loc_middle_text img {
    width: 23px;
    margin-bottom: 21px;
    cursor: pointer;
}

.techflow_new_loc_middle_text p {
    font-size: 17px;
    font-weight: 600;
    color: #f15523;
}

.techflow_new_loc_middle_text span {
    font-size: 14px;
    color: #5c5c5c;
    cursor: pointer;
}

.techflow_new_loc_btn {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

    .techflow_new_loc_btn a {
        cursor: pointer;
        text-decoration: none;
    }

.techflow_new_loc_middle_btn1 {
    width: 100%;
    border: 1px solid #f25c35;
    text-align: center;
    padding: 10px;
    border-radius: 6px;
    background-color: #f25c34;
    color: #fff;
}

    .techflow_new_loc_middle_btn1:hover {
        background-color: #d84b2b;
    }

.techflow_new_loc_middle_btn2 {
    border: 2px solid #b7bac1;
    color: #6c7176;
    width: 100%;
    text-align: center;
    padding: 10px;
    border-radius: 6px;
}

/* ------------------NewsLetter Sign Up css----------------------------------------------------- */
.techflow_new_newsletterSignup_start {
    width: 100%;
    margin-top: 3rem;
    margin-bottom: 4rem;
}

.techflow_new_newsletterSignup_mainCon {
}

.techflow_new_newsletterSignup_subCon {
    position: relative;
    width: 85%;
    background-color: #ffefe9;
    border: 6px solid #fff9f6;
    border-radius: 25px;
}

.newsletter_bottom {
    position: absolute;
    bottom: 0;
    left: 0;
}

    .newsletter_bottom img {
        width: 300px;
    }

.newsletter_top {
    position: absolute;
    top: 0;
    right: 0;
}

    .newsletter_top img {
        width: 300px;
    }

.techflow_new_newsletterSignup_text {
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

    .techflow_new_newsletterSignup_text p {
        color: #f16529;
        font-size: 40px;
        font-weight: 600;
    }

    .techflow_new_newsletterSignup_text span {
        color: #565656;
        font-size: 40px;
        font-weight: 600;
    }

.techflow_new_newsletter_input {
    width: 55%;
    margin: 0 auto;
}

    .techflow_new_newsletter_input input {
        width: 100%;
        padding: 15px 25px;
        border: 1px solid #d6d7da;
        background-color: #ffefe9;
        border-radius: 8px;
        font-size: 20px;
        color: #333;
    }

        .techflow_new_newsletter_input input::placeholder {
            font-size: 16px;
            color: #6c7176;
        }

.techflow_new_newsletter_btn {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

    .techflow_new_newsletter_btn button {
        background-color: #f25c35;
        padding: 15px 46px;
        color: white;
        cursor: pointer;
        border: none;
        font-size: 17px;
        transition: transform 0.3s ease-in-out;
        border-radius: 40px;
        margin-bottom: 3rem;
    }

        .techflow_new_newsletter_btn button:hover {
            background-color: #d84b2b;
            transform: scale(1.1);
        }

@media (max-width: 991.98px) {
    .ps_s {
        display: none;
    }

    .form_container {
        /* justify-content: center; */
        align-items: center;
        display: flex;
        margin: auto;
        flex-direction: column;
    }

    .contactus_heroSec_text {
        margin-left: 1rem;
    }

    .contactus_heroImg {
        display: none;
    }

    .newsletter_bottom img {
        width: 200px;
    }

    .techflow_new_newsletterSignup_text p {
        font-size: 2rem;
    }

    .techflow_new_newsletterSignup_text span {
        font-size: 2rem;
    }

    .techflow_new_newsletter_btn {
        margin-top: 1rem !important;
    }

    .techflow_new_newsletter_input {
        width: 85%;
        margin: 0 auto;
    }
}

@media (min-width: 578px) and (max-width: 991.98px) {
    .techflow_new_buttonStyle {
        display: flex;
        gap: 6px;
        font-size: 8px;
        margin-top: 0;
    }

        .techflow_new_buttonStyle a {
            text-decoration: none;
        }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .techflow_new_loc_middle_text {
        width: 180px;
    }

        .techflow_new_loc_middle_text span {
            margin-bottom: 15px;
        }
}

@media (max-width: 400px) {
    .time_date{
        gap:6px !important;
    }
}

@media (max-width:600px) {
    .social_section {
        width: 35px;
    }

    .social_images img {
        width: 20px;
        height: 20px;
    }

    .social_images {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }
}