:root {
    --c-white: #fff;
    --c-black: #000;

    --c-ash: #eaeef6;
    --c-charcoal: #a0a0a0;
    --c-void: #141b22;

    --c-fair-pink: #FFEDEC;
    --c-apricot: #FBC8BE;
    --c-coffee: #754D42;
    --c-del-rio: #917072;

    --c-java: #1FCAC5;

    --c-titan-white: #f1eeff;
    --c-cold-purple: #a69fd6;
    --c-indigo: #6558d3;
    --c-governor: #4133B7;

    /* --brand_main_color : #0071e4 !important; */
    /* --brand_main_color : #f68318  !important; */
    /* --text-color1 : #f68318  !important; */
    --text-color1 : #ffff  !important;
    /* --brand_sec_color : #fbba16 !important; */
    /* --brand_main_light-color: #e3f0fc !important; */
    /* --brand_main_light-color: #f68318 !important; */
    /* --brand_main_dark-color1: #cd1c20 !important; */
    --brand_main_dark-color2: #005bb6 !important;
    /* --brand_main_dark-color3: #004f9f !important; */
    /* --brand_main_dark-color4: #003b95 !important; */
    /* --brand_main_dark-color4: #f68318 !important; */
    
    --site-grey : #575757 !important;
    /* --brand_main_color : #006ce5 !important; */

    --sub_heading_text : 1.6rem;
    --font_famil_1 : outfit !important;
}


/* Srikanth Css Media Querys */

@media screen and (max-width: 1190px) {
    .installation-service {
        width: 50%;
    }
    .ins-service-text {
        width: 75%;
    }
    .quot-container{
        width: 100% !important;
    }
}

@media screen and (max-width: 600px) {
    .installation-service {
        width: 100%;
    }

    .ins-service-text {
        width: 75%;
        font-size: 16px;
    }

    .ins-service-heading {
        font-size: 23px;
    }

    .ins-service-image img {
        max-width: 90%;
        height: auto;
    }
}


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

    .banner_2_text {
        margin-top: 5px;
        left: 50px;
        top: 266px;
        position: absolute;
        overflow: visible;
        text-align: left;
        font-family: Outfit;
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        /* color: rgba(0, 0, 0, 1); */
        color: var(--text-color1);
    }

    .banner_2_heading {
        line-height: 45px;
        left: 50px;
        top: 150px;
        position: absolute;
        overflow: visible;
        text-align: left;
        font-family: Outfit;
        font-style: normal;
        font-weight: bold;
        font-size: 42px;
        color: var(--text-color1);
    }

}

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

    .product-img-container {
        width: 100% !important;
    }

    .label_for_info {
        width: 60% !important;
        text-align: end;
        font-size: 20px;
        color: #474747d1;
    }

    .label_for_info{
        width: 80%;
        text-align: end; 
        font-size: 20px;
        color: #474747d1;
    }
    .label_val_info{
        font-size: 20px;
        color: #474747d1;
    }

    .navbar-nav {
        align-items: start;
    }

    .user_not_signedin{
        justify-content: start;
    }
    .icons-container_ {
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: start;
        margin-top: 15px;
    }
    .banner_1_heading {
        /* top: 50px; */
        top: 108px;
        text-align: right;
        font-family: Outfit;
        font-style: normal;
        font-weight: 600;
        font-size: 35px;
        color: rgba(255,255,255,1);
        right:30px;
        line-height: 37px;
    }

    .banner_1_text{
        top: 180px;
        right:30px;
        position: absolute;
        text-align: right;
        font-family: Outfit;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        color: rgba(255,255,255,1);
        color: var(--text-color1);
    }

    .banner_1_button{
        right: 30px;
        top: 250px;
        position: absolute;
        white-space: nowrap;
        text-align: center;
        font-family: Outfit;
        font-weight: bold;
        font-size: 18px;
        color: rgba(255,255,255,1);
        background: var(--brand_sec_color);
        padding: 8px;
        border-radius: 15px;
    }

    .banner_2_heading {
        left: 20px;
        top: 70px;
        position: absolute;
        text-align: left;
        font-family: Outfit;
        font-style: normal;
        font-weight: 600;
        font-size: 35px;
        color: rgba(255,255,255,1);
        line-height: 37px;
    }

    .banner_2_text {
        left: 20px;
        top: 140px;
        position: absolute;
        text-align: left;
        font-family: Outfit;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        color: rgba(255,255,255,1);
    }

    .banner_2_button {
        left: 20px;
        top: 240px;
        position: absolute;
        white-space: nowrap;
        text-align: center;
        font-family: Outfit;
        font-weight: bold;
        font-size: 18px;
        color: rgba(255,255,255,1);
        background: var(--brand_sec_color);
        padding: 8px;
        border-radius: 15px;
    }

    .banner_3_heading {
        top: 150px;
        right: 30px;
        position: absolute;
        text-align: right;
        font-family: Outfit;
        font-style: normal;
        font-weight: 600;
        font-size: 35px;
        color: rgba(255,255,255,1);
        line-height: 37px;
    }
    
    .banner_3_text {
        right: 30px;
        top: 240px;
        position: absolute;
        text-align: right;
        font-family: Outfit;
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        color: rgba(255,255,255,1);
    }

    .banner_3_button {
        right: 30px;
        top: 300px;
        position: absolute;
        white-space: nowrap;
        text-align: center;
        font-family: Outfit;
        font-weight: bold;
        font-size: 18px;
        color: rgba(255,255,255,1);
        background: var(--brand_sec_color);
        padding: 8px;
        border-radius: 15px;
    }

    .products {
        grid-template-columns: repeat(2, 1fr);
        justify-content: center;
        gap:20px;
        padding:20px
    }

    .prod-img{
        margin: 20px 0px 15px 0px;
    }

    .product-text{
        font-size: 15px;
    }
  
    .products-heading{
        font-size: 30px;
        padding: 30px 0px 20px 0px;
        color: black !important;
    }
    
    .choose-us-img {
        display: none;
    }

    .choose-us-content{
        width: 100%;
    }

    .choose-us-section {
        padding: 40px;
    }

    .choose-us-title{
        font-size: 35px;
        display: flex;
        justify-content: center;
    }

    .choose-us-text {
        text-align: justify;
        margin-top: 25px;
    }

    /* .container {
        padding-left: 20px !important;
    } */

    /* Products Page */

    .row{
        justify-content: center;
    }
    
    /* .prod_search_class:first-child{
        margin-right: 0px;
        margin-top: 15px;
        margin-bottom: 15px;
    } */

    .single-product .product-img {
        height: 230px;
    }

    .prod_search_class{
        margin-right: 0px;
        margin-bottom: 15px;
    }

    .search-container {
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
    }

    .prod_search_class {
        /* width: 49%; */
        padding-right: 0px;
        padding-left: 0px;
        /* margin-left: 5px; */
        /* height: 490px !important; */
        /* height: 435px !important; */
        height: 450px !important;
        /* width: 340px !important; */
        width: 260px !important;
        /* background-color: red !important; */
    }

    .qty_inpt{
        max-width: 30px;
    }

    #products_div {
        gap:2%
    }

    .logo-mt {
        /* padding-left: 20px !important; */
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .header_area .navbar {
        height: 75px !important;
    }

    .produ_img_cust_cls {
        padding: 15px;
    }

    .cust_nav_bar_branding_logo{
        height: 74px !important;
    }

    .prodcard_spec {
        /* font-size: 13px !important; */
    }

    .qty-color{
        padding: .375rem 0.7rem !important;
    }

    .cart-div{
        margin-left: -8px;
        margin-right: -8px;
        margin-bottom: 5px;
    }

    .cart-icon {
        height: 18px;
    }
    .cart-icon-rm {
        height: 16px;
    }

    .cart-button {
        font-size: 14px;
        padding: .25rem .25rem;
    }

    .spinner {
        left: 43%;
        top: 43%;
    }

    .single-product{
        margin-bottom: 8px;
    }

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

    .product-section {
        flex-wrap: wrap;
        justify-content: center;
        margin-left: 10px;
        margin-right: 10px;
    }

    .p-heading {
        font-size: 20px;
    }

    .mbl-p-head {
        text-align: center;
    }
    

    .p-price {
        text-align: center;
        font-size: 19px;
    }

    .cart-div-p {
        justify-content: center;
    }


    .filter-container {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 70%;
        height: 100%;
        background-color: #fff;
        z-index: 1;
        /* padding-top: 80px; */
        overflow-y: auto;
        box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
        border-right: 1px solid #8080808a;
        transition: opacity 5s ease !important;
    }

    .left_sidebar_area {
       margin-top: 0;
       padding: 15px;
    }

    .accordion {
        font-size: 14px;
    }

    .prod_brand_seclect_section {
        font-size: 13px;
    }

    .close-filter {
        display: flex;
    }

    /* Quotation Page */

    .tank-div {
        margin-left: 10px;
        width: 150px;
    }

    .quotation-label {
        font-size: 16px !important;
    }

    .motors-div{
        justify-content: space-around;
        flex-wrap: nowrap;
    }

    .motors-label{
        font-size: 14px !important;
    }

    .motors-input {
        width:160px !important;
        padding:5px !important;

    }

    .quot-heading {
        font-size: 25px;
    }

    .borewell-input {
        width:150px !important;
        padding:5px !important;

    }

    .about-us-content {
        margin-left: 10%;
        margin-right: 10%;
    }

    .about-us-text {
        color: var(--brand_main_dark-color1);
        margin-bottom: 30px;
        margin-top: 25px;
    }


    .about-ceo-section {
        flex-wrap: wrap;
        padding: 90px 0px 25px 0px;
        justify-content: center;
    }

    .ceo-content {
        width: 80%;
        padding-top: 40px;
    }

    .about-founder-section {
        justify-content: center;
        flex-wrap: wrap-reverse;
        text-align: left;
        padding: 20px 10px 20px 10px;

    }

    .founder-content {
        width: 80%;
        padding-top: 40px;
    }

    .borewell-heading {
        font-size: 30px;
    }

    .search-vendor {
        width: 80%;
    }

    .add1-class .row {
        display: block;
        margin-bottom: 0 !important;
    }

    .add1-class .row .col {
        margin-bottom: 10px !important;
    }

    .back-arrow {
        float: left;
        margin-left: 10px;
    }

    .qt-bt {
        border-radius: 10px;
        padding:10px
    }

    .tank-cust-rec {
        display: flex;
        gap: 10px;
        flex-direction: column;
        align-items: center;
    }

    .cust_tank_capcity_label_cls {
        width: 100%;
    }

    .p-spec-text {
        word-break: break-all !important;
    }

    .product-details {
        width: 80%;
        display: flex;
        flex-direction: column;
        /* justify-content: center; */
        justify-content: start;
        align-items: start;
    }
    
    .back-arrow-cust{
        position: absolute !important;
        top: 0px;
        left: 10px;
    }

    .cart_items_container {

        width: 100%;
        margin:0px

    }

}   

/* Pratap Css Media Querys */

@media screen and (max-width: 605px) {
    .curoser-head-container{
        width: 80%;
    }
    .banner_1_heading {
        /* top: 50px; */
        top: 108px;
        text-align: right;
        font-family: Outfit;
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        color: rgba(255, 255, 255, 1);
        right: 30px;
        line-height: 37px;
        width: 100%;
    }
    .banner_1_text {
        top: 180px;
        right: 30px;
        position: absolute;
        text-align: right;
        font-family: Outfit;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        color: rgba(255, 255, 255, 1);
        color: var(--text-color1);
    }
    .banner_2_heading {
        left: 0px;
        top: 70px;
        position: absolute;
        text-align: left;
        font-family: Outfit;
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        color: rgba(255, 255, 255, 1);
        line-height: 37px;
    }

    .banner_2_text {
        left: 0px;
        top: 140px;
        position: absolute;
        text-align: left;
        font-family: Outfit;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        color: rgba(255, 255, 255, 1);
    }

    .product-details {
        width: 90%;
        display: flex;
        flex-direction: column;
        /* justify-content: center; */
        justify-content: start;
        align-items: start;
    }

    .comming-soon{
        font-size: 40px !important;
    }

}

@media screen and (max-width: 345px) {
    .curoser-head-container{
        width: 80%;
    }
    .banner_1_heading {
        /* top: 50px; */
        top: 110px;
        text-align: right;
        font-family: Outfit;
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        color: rgba(255, 255, 255, 1);
        right: 0px;
        line-height: 37px;
        width: 100%;
        /* background: red; */
    }
    .banner_1_text {
        top: 180px;
        right: 0px;
        position: absolute;
        text-align: right;
        font-family: Outfit;
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        color: rgba(255, 255, 255, 1);
        color: var(--text-color1);
    }
}

/* Base styles for mobile devices */

@media screen and (min-width: 280px) {
    .testimonialsHeadingText {
        font-size: 1.3em;
        padding-top: 50px;
        font-family: var(--font_famil_1);
    }
    .footer_first_main_container{
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .footer_container1{
        margin:10px 0px;
        width: 100%;
    }
    .footer_first_container_childs_2{
        margin-left: 10px;
    }
    .footer_head_link_wraper {
        margin-top: 10px;
    }
    .footer_social_media_1 {
        width: 100%;
    }
    .footer_container2{
        display: none;
        margin:0px 0px 10px 0px;
        width: 100%;
        /* display: flex; */
        justify-content: start;

    }
    .footer_container3{
        margin:10px;
        width: 100%;
    }
    .footer_social_media_icons_container{
        width: 90%;
        display: flex;
        justify-content: start;
    }
    .footer_conatiner_address{
        margin-bottom: 10px;
    }
    .footer_conatiner_contact_number{
        margin-bottom: 20px;
    }
    .mailingToContainer{
        margin-bottom: 10px;
    }
    .footer_copy_rights_container {
        font-size:15px;
        margin-bottom: 20px;
    }
    .footerIconSize {
        height: 18px !important;
    }
  }

  @media screen and (min-width: 400px) {

    .footer_first_main_container{
        display: flex;
        flex-direction: column;
        width: 99%;
    }
    .footer_container1{
        margin:10px 0px;
        width: 80%;
    }
    .footer_first_container_childs_2{
        margin-left: 10px;
    }
    .footer_head_link_wraper {
        margin-top: 10px;
    }
    .footer_social_media_1 {
        gap: 20px;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .footer_container2{
        margin:0px 0px 10px 0px;
        width: 100%;
        display: none;
        /* display: flex; */
        justify-content: start;
    }
    .footer_container3{
        margin:0px;
        width: 100%;
    }
    .footer_social_media_icons_container{
        width: 90%;
        display: flex;
        justify-content: start;
    }
    .footer_conatiner_address{
        margin-bottom: 10px;
    }
    .footer_conatiner_contact_number{
        margin-bottom: 20px;
    }
    .mailingToContainer{
        margin-bottom: 10px;
    }
    .footer_copy_rights_container {
        font-size:20px;
    }
  }

  @media screen and (min-width: 800px) {
    .testimonialsHeadingText{
        font-size: 2em;
    }
    .footer_first_main_container{
        display: flex;
        flex-direction: column;
        width: 80%;
    }
    .footer_container1{
        margin:10px 0px;
        width: 80%;
    }
    .footer_first_container_childs_2{
        margin-left: 10px;
    }
    .footer_head_link_wraper {
        margin-top: 10px;
    }
    .footer_social_media_1 {
        width: 90%;
        display: flex;
        justify-content: space-evenly;
    }
    .footer_container2{
        margin:0px 0px 10px 0px;
        width: 100%;
        display: none;
        /* display: flex; */
        justify-content: start;
    }
    .footer_container3{
        margin:0px;
        width: 100%;
    }
    .footer_social_media_icons_container{
        width: 90%;
        display: flex;
        justify-content: start;
    }
    .footer_conatiner_address{
        margin-bottom: 10px;
    }
    .footer_conatiner_contact_number{
        margin-bottom: 20px;
    }
    .mailingToContainer{
        margin-bottom: 10px;
    }
    .footer_copy_rights_container {
        font-size:20px;
    }
  }
  
  @media screen and (min-width: 950px) {
    .footer_first_main_container{
        display: flex;
        flex-direction: row;
        width: 100%;
    }
    .footer_container1{
        margin:10px 0px;
        width: 33%;
    }
    .footer_first_container_childs_2{
        margin-left: 10px;
    }
    .footer_head_link_wraper {
        margin-top: 10px;
    }
    .footer_social_media_1 {
        width: 70%;
        display: flex;
        /* justify-content: space-evenly; */
        justify-content: center;
        gap: 25px;
    }
    .footer_container2{
        margin:0px 0px 10px 0px;
        width: 33%;
        display: flex;
        justify-content: start;
    }
    .footer_container3{
        margin:0px;
        width: 33%;
    }
    .footer_social_media_icons_container{
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .footer_conatiner_address{
        margin-bottom: 10px;
    }
    .footer_conatiner_contact_number{
        margin-bottom: 20px;
    }
    .mailingToContainer{
        margin-bottom: 10px;
    }
    .footer_copy_rights_container {
        font-size:20px;
    }
    .IconsContainerInFooter{
        display: none;
    }
    .footerIconSize {
        height: 20px !important;
    }
  }

  /* Footer Media Query End */

  /* Testimonials Media Query Start */

  @media screen and (max-width: 450px) {
    .testMonialsCardContainer {
        margin: 10px;
        width: 320px;
    }
    .testImonialsCardContainer {
        padding-left: 0px;
        padding-top: 15px;
        padding-bottom: 60px;
    }
    .testimonialsTextContent {
        font-size: 1em;
        height: 99px;
        width: 90%;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .testimonialsUsersImages {
        top: 162px;
        left: 10%;
    }
    .testimonialsUserImg{
        height: 5em;
    }
    .testimonialUserDetails{
        top: 160px;
        left: 45%;
    }
    .testimonialsUserName {
        font-size: 0.8em;
    }
    .testimonialsUserprofession {
        font-weight: 400;
    }
    .f35e3bcbde3528bceb03a6a775c06d_xd {
        height: 15.887px;
    }
    .testimonialsFadedQuations {
        top: 72%;
        right: -2%;
    }

    .testimonialsTextContent {
        padding: 0px 25px;
        width: 100%;
    }

    .testimonialsUserImg {
        width: 70px !important;
    }
    .testimonialcustomerVideResponse{
        width: 299px;
        border-radius: 30px;
    }

  }

  @media screen and (max-width: 350px) {
    .testMonialsCardContainer {
        margin: 10px;
        width: 265px;
    }
    .testImonialsCardContainer {
        padding-left: 0px;
        padding-top: 40px;
        padding-bottom: 60px;
    }
    .testimonialsTextContent {
        font-size: 1em;
        height: 99px;
        width: 90%;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .testimonialsUsersImages {
        top: 162px;
        left: 10%;
    }
    .testimonialsUserImg{
        height: 5em;
    }
    .testimonialUserDetails{
        top: 160px;
        left: 45%;
    }
    .testimonialsUserName {
        font-size: 0.8em;
    }
    .testimonialsUserprofession {
        font-weight: 400;
    }
    .f35e3bcbde3528bceb03a6a775c06d_xd {
        height: 15.887px;
    }
    .testimonialsFadedQuations {
        top: 65%;
        right: 0%;
    }

    .testimonialsTextContent {
        padding: 0px 25px;
        width: 100%;
    }

    .testimonialsUserImg {
        width: 70px !important;
    }

    .testimonialcustomerVideResponse{
        width: 250px;
    }

  }

 

  /* Testimonials Media Query End */


/* Blog Media Query */

@media screen and (max-width: 350px) {
    .blogContentContainer {
        width: 170px;
    }
    .blogContantTextContainer {
        text-align: left;
        line-height: normal;
        margin-top: 4%;
        margin-bottom: 4%;
        font-size: 0.7em;
    }
    .blogContainerTopic {
        font-size: 8px;
    }
    .n_adc4cef7b1b054741c096220b5a2_yj {
        height: 10px;
    }
    .blogdate {
        font-size: 7px;
    }

}

@media screen and (max-width: 420px) {
    .blogContentContainer{
        border-radius: 10px;
        padding: 9px;
        width: 180px;
        margin: 0px;
    }

    .blogContantTextContainer {
        text-align: left;
        line-height: normal;
        margin-top: 4%;
        margin-bottom: 4%;
        font-size: 0.95em;
    }
    
    .blogContentText {
        font-size: 1em;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    
    }
    .blogDateIcon{
        width: 20px;
        display: flex;
        justify-content: center;
    }
    .blogContainerTopic {
        padding: 0px 0px;
        border-radius: 5px;
        font-size: 0.76em;
        width: 85px;
        font-weight: 700;
        text-align: center;
    }
    .n_adc4cef7b1b054741c096220b5a2_yj {
        height: 10px;
    }
    .blogdate {
        font-size: 0.65em;
        margin-left: 0px;
        font-weight: 700;
    }
    .BlogDateText {
        padding: 0px 0px;
        width: 77px;
    }
    .blogContainerHeadingTag {
        padding-top: 20px;
        padding-bottom: 0px;
        font-size: 1.5em;
    }
    .owl-theme .owl-nav.disabled+.owl-dots{
        margin-top: 0px;
    }
    .blogMainContainer {
        padding-bottom: 25px;
    }
    /* .owl-item{
        margin-right: 5px !important;
        margin-left: 5px !important;
    } */
    .owl-item .active{
        margin-left: 10px !important;
        margin-right: 0px !important;
    }
}
/* Single Blog Card */
/* @media screen and (max-width: 350px) {
    .blogContentContainer{
        width: 275px;
        margin: 20px;
        margin-bottom: 0px;
    }
   
    .blogContentText {
        font-size: 1.3em;
    }
    .blogContainerTopic {
        padding: 5px 5px;
        border-radius: 10px;
        font-size: 13px;
    }
    .n_adc4cef7b1b054741c096220b5a2_yj {
        height: 15px;
    }
    .blogdate {
        font-size: 13px;
        margin-left: 10px;
    }
    .BlogDateText {
        padding: 5px 5px;
    }
    .blogContainerHeadingTag {
        padding-top: 20px;
        padding-bottom: 0px;
        font-size: 1.5em;
    }
    .owl-theme .owl-nav.disabled+.owl-dots{
        margin-top: 0px;
    }
    .blogMainContainer {
        padding-bottom: 25px;
    }
  } */


  @media screen and (max-width: 350px) {
    .blogContentContainer {
        width: 170px;
    }
    .blogContantTextContainer {
        text-align: left;
        line-height: normal;
        margin-top: 4%;
        margin-bottom: 4%;
        font-size: 0.7em;
    }
    .blogContainerTopic {
        font-size: 8px;
    }
    .n_adc4cef7b1b054741c096220b5a2_yj {
        height: 10px;
    }
    .blogdate {
        font-size: 9px;
    }

    .owl-item.active{
        margin-right: 20px !important;
    }

}


/* Blog Media Query End */

/* Statsitics Media Query start */


@media screen and (max-width: 550px) {
    .mainStatisticsContainer{
        padding-top: 10px;
        padding-bottom: 20px;
        background-color: var(--dark_blue_backgroundColor);
    }
    .statisticsContainer {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        text-align: center;
        flex-direction: column;
    }
    .numbertextSize {
        font-size: 5em;
        color: #ffffff;
        font-family: var(--font_famil_1);
        font-weight: 700;
    }
    .statisticboxsSpace {
        margin-top: 50px;
        margin-bottom: 20px;
    }
    .statisticsText {
        font-size: 1.7em;
        color: #ffffff;
        font-family: var(--font_famil_1);
        font-weight: 500;
        padding-top: 35px;
    }
}

/* Statsitics Media Query End */

/* Home Page Fonts Media Query */

@media screen and (max-width: 370px) {
    .buttonSizemediaQuery{
        font-size: 25px;
    }
}

/* Brands Media Query Start */

@media screen and (max-width: 550px) {
    .heading_main h2{
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .brandsCarousel {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .brandImgContainer{
        width: 100px;
        height: 100px;
    }
    .brandcontentContainer{
        font-family: var(--font_famil_1);
        font-weight: 500;
        color: black !important;
    }
}
/* Brands Media Query End */

/* Contactus Media Query Start */

@media screen and (max-width: 820px) {
    .contactUsillustratorContainer{
        display: none;
    }
    .contactusSubMainContainer{
        background-color: white;
    }
}

@media screen and (max-width: 530px) {
    .contactusSubMainContainer{
        width: 90%;
        padding: 0px;
        background-color: white;
        display: flex;
        justify-content: center;
    }
    .contactUsFormContainer {
        margin-left: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .contactUsForm{
        width: 350px;
    }
}


@media screen and (max-width: 380px) {
    .contactUsFormContainer{
        width: 90%;
    }
    .contactUsForm{
        width: 100%;
    }
}

/* Contactus Media Query end */

/* check Out Page Media Query starts */

@media screen and (max-width: 1350px) {
    .productsMainContainer {
        width: 75%;
    }
    .checkOutContainer {
        width: 25%;
    }
    .cartProductQuantityManageContainer {
        width: 60%;
    }
    .cartProductRemoveIcon {
        margin-right: 5%;
    }
}

@media screen and (max-width: 1200px) {
    .productsMainContainer {
        width: 75%;
    }
    .checkOutContainer {
        width: 25%;
    }
    .productHeadings {
        font-size: 0.9rem;
    }
    .cartProductRemoveIcon {
        margin-right: 5%;
    }
    .cartProductQuantityManageContainer {
        width: 60%;
    }
    .productContent {
        padding: 1.5% 0% 0% 0%;
    }
    
}

@media screen and (max-width: 1000px) {
    .CartContainer {
        align-items: center;
        flex-direction: column;
    }
    .productsMainContainer {
        width: 95%;
    }
    .checkOutContainer {
        width: 35%;
    }
}

/* check Out Page Media Query Ends */

/* Work With Us */

@media screen and (max-width: 1500px) {
    .workWithUsMechContainer {
        width: 60%;
    }
}

@media screen and (max-width: 1440px) {
    .workWithUsMechContainer {
        width: 60%;
    }
}

@media screen and (max-width: 1330px) {
    .workWithUsMechContainer {
        width: 70%;
    }
}

@media screen and (max-width: 1230px) {
    .workWithUsMechContainer {
        width: 75%;
    }
}

@media screen and (max-width: 1150px) {
    .workWithUsMechContainer {
        width: 82%;
    }
}

@media screen and (max-width: 1050px) {
    .workWithUsMechContainer {
        width: 90%;
    }
}

@media screen and (max-width: 960px) {
    .serviceGifImgCoontainer{
        display: none;
    }
    .gallery-item{
        display: flex;
        justify-content: center;
    }
}

@media screen and (max-width: 800px) {
    .serviceGifImgCoontainer{
        display: none;
    }
    .gallery-item{
        display: flex;
        justify-content: center;
    }
    .work-img {
        width: 60% !important;
    }
    .serviceMechImgContainer{
        display: flex;
        justify-content: center;
    }
}

@media screen and (max-width: 650px) {
    .workWithUsMechContainer {
        width: 95%;
    }
    .serviceGifImgCoontainer{
        display: none;
    }
    .gallery-item{
        display: flex;
        justify-content: center;
    }
    .work-img {
        height: 300px !important;
        width: 100% !important;
    }
    .serviceMechImgContainer{
        display: flex;
        justify-content: center;
    }
}


@media screen and (max-width: 500px) {
    
    .serviceMechImgContainer{
        background-image: url("/static/newAssets/img/peoples/Mobile_Mask_Group_10.png");
        background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; 
        height: 250px;
        border-radius: 10px;
        margin: 10px;
    }
    .workWithUsMechContainer {
        flex-direction: column;
    }
    .mechanicMainImageSrc{
        display: none;
    }
    .workWithUsMechdetailsContainer {
        margin-top: 25px;
        width: 98%;
    }
}


/* @media screen and (max-width: 600px) {
    .mechanicMainImageSrcBrowellDrilling{
        display: none;
    }

    .servicesBrowellDrillingImg{
        background-image: url("/static/newAssets/img/peoples/mobile_browell_drilling.png");
        background-position: center; 
        background-repeat: no-repeat; 
        background-size: cover; 
        height: 250px;
        border-radius: 10px;
        margin: 10px;
    }
} */
@media screen and (max-width: 1500px) {
    .boreWellContainer {
        width: 60%;
    }
    .browellMechanicContainer{
        width: 60%;
    }
}
@media screen and (max-width: 1200px) {
    .boreWellContainer {
        width: 70%;
    }
    .browellMechanicContainer{
        width: 70%;
    }
}

@media screen and (max-width: 1100px) {
    .boreWellContainer {
        width: 72%;
    }
    .browellMechanicContainer{
        width: 72%;
    }
}

@media screen and (max-width: 1000px) {
    .boreWellContainer {
        width: 90%;
    }   
    .browellMechanicContainer{
        width: 90%;
    }
}

@media screen and (max-width: 790px) {
    .boreWellContainer {
        width: 100%;
    }   
    .boreWellcontentHeading{
        font-size: 1.3rem;
        font-weight: 500;
    }
    .borWellContentText1{
        font-size: 0.9rem;
        font-weight: 500;
    }
    .borWellContentText2{
        font-size: 0.9rem;
        font-weight: 500;
    }
    .borWellContentText3{
        font-size: 0.9rem;
        font-weight: 500;
    }
    .borwellContactNumber{
        font-size: 0.9rem;
        font-weight: 500;
    }
    .borwellWhatsAppNumber{
        font-size: 0.9rem;
        font-weight: 500;
    }
    .boreWellContentContainer {
        margin-left: 20px;
    }

    .browellMechanicContainer{
        width: 100%;
    }
    .borewellMechanicContentHeading{
        font-size: 1.3rem;
        font-weight: 500;
    }
    .borewellContent1{
        font-size: 0.9rem;
        font-weight: 500;
    }
    .borewellContent2{
        font-size: 0.9rem;
        font-weight: 500;
    }
}


@media screen and (max-width: 620px) {
    .boreWellImageContainer{
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .boreWellImage {
        background-image: url("/static/newAssets/img/peoples/mobile_browell_drilling.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 250px;
        border-radius: 10px;
        margin: 10px;
        width: 90%;
    }
    .boreWellContainer{
        flex-direction: column;
    }
    .boreWellContentContainer {
        margin-left: 20px;
        margin-right: 20px;
    }

    /*  */

    .boreWellMechanicImgContainer{
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .browellMechanicContainer{
        flex-direction: column;
    }

    .borewellMechImg {
        background-image: url("/static/newAssets/img/peoples/Mobile_Mask_Group_10.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 250px;
        border-radius: 10px;
        margin: 10px;
        width: 90%;
    }

    .borewellMechanicContentContainer {
        margin-left: 20px;
        margin-right: 20px;
    }

}
/* Saved Quotations */

@media screen and (min-width: 700px) {

    /* Desktop Screen Size */

    .-cards {
        display: flex;
        justify-content: center !important;
        flex-direction: row;
        gap: 2.5rem;
        /* width: 100%; */
        flex-wrap: wrap;
        margin: 0rem 2.5rem;
        flex-grow: 1;
        margin-bottom: 2.5rem;
    }
    .savedQuotationsHeading {
        font-size: 40px;
        margin: 20px 0px;
    }
    .-tag {
        display: inline-block;
        /* background-color: #e1edff;; */
        color: var(--c-black);
        font-weight: 600;
        font-size: 1.3rem;
        /* padding: 0.5em 0.75em; */
        line-height: 1;
        border-radius: 6px;
    }

    .-title {
        font-size: 1.3rem;
        font-weight: 600;
        color: var(--c-black);
        line-height: 1.25;
        margin-bottom: 10px;
    }
    .savedQuotationDateAndTime{
        font-size: 1rem;
        font-weight: 600;
        color: var(--c-black);
    }
    .-info {
        font-size: 0.9rem;
        font-weight: 600;
        color: var(--c-black);
        height: 140px;
    }
    .savedQuotationAmount{
        font-size: 1rem;
        font-weight: 600;
        color: var(--c-black);
    }
}


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

    /* Tab and Mobile Screen */

    .-cards{
        display: flex;
        justify-content: center !important; 
        flex-direction: column;
        width: 100%;
        align-items: center;
        gap: 2.5rem;
        margin-bottom: 2.5rem;
    }

    .savedQuotationsHeading {
        font-size: 1.5rem;
        margin: 20px 0px;
    }
    .-tag {
        display: inline-block;
        /* background-color: #e1edff;; */
        color: var(--c-black);
        font-weight: 600;
        font-size: 1.3rem;
        /* padding: 0.5em 0.75em; */
        line-height: 1;
        border-radius: 6px;
    }

    .-title {
        font-size: 1.3rem;
        font-weight: 600;
        color: var(--c-black);
        line-height: 1.25;
        margin-bottom: 10px;
    }
    .savedQuotationDateAndTime{
        font-size: 1rem;
        font-weight: 600;
        color: var(--c-black);
    }
    .-info {
        font-size: 1rem;
        font-weight: 600;
        color: var(--c-black);
    }
    .savedQuotationAmount{
        font-size: 1rem;
        font-weight: 600;
        color: var(--c-black);
    }
}