/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* ===== Header CSS ===== */
.header-active{
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    -moz-backdrop-filter: blur(5px) !important;
}
.header-active > .e-con-inner{
    transition: all 0.4s ease;
}
.header-active.elementor-sticky--effects > .e-con-inner{
    padding-block-start: 25px;
    padding-block-end: 25px;
}
.site-btn .elementor-button-icon svg{
    width: 1.5em;
}
.site-btn .elementor-button-content-wrapper{
    align-items: center;
}
.site-btn .elementor-button svg path{
    transition: all 0.5s ease;
}
.site-btn .elementor-button:hover svg path{
    fill: none;
    stroke: #C8102E;
}


/* ======== Footer CSS ======= */
.footer-menu ul{
    column-count: 2;
}
.insta-link .elementor-icon-box-wrapper{
    justify-content: center;
    align-items: center;
}
.insta-link .elementor-icon-box-title{
    margin-top: 0;
}


/* ========== Homepage CSS ========== */

.banner-slider .swiper-pagination{
    transform: rotate(90deg) !important;
    counter-reset: numbers;
}
.banner-slider .swiper-pagination .swiper-pagination-bullet{
    border-radius: 0;
    background-color: transparent;
    border: 1.19px solid #FDFDFD;
    opacity: 1;
}
.banner-slider .swiper-pagination .swiper-pagination-bullet-active{
    position: relative;
    border: 1.19px solid #fff;
    background-color: #fff;
}
.banner-slider .swiper-pagination .swiper-pagination-bullet-active::before{
    content: '';
    height: 23px;
    width: 23px;
    background-color: #FFFFFF2B;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 4px;
    left: 4px;
}
.banner-slider .swiper-pagination .swiper-pagination-bullet::after{
    counter-increment: numbers;
  	content: counter(numbers, decimal-leading-zero);
    font-family: "Poppins";
    font-weight: 500;
    font-style: italic;
    font-size: 20px;
    line-height: 30px;
    color: #FDFDFD;
    transform: rotate(-90deg);
    position: absolute;
    opacity: 0;
}
.banner-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    opacity: 1;
}






.dual_heading span{
    font-weight: 500;
}
.aboutSec{
    scroll-margin-top: 30px;
}
.review-slider .swiper{
    overflow: visible;  
}
.review-slider .swiper-slide {
    opacity: 0;
    transition: 0.3s !important;
}
.review-slider .swiper-slide-active{
    opacity: 1;
}
.review-slider .elementor-swiper-button:hover svg path{
    stroke: #C8102E;
}

.site-btn-2 .elementor-button svg path{
    transition: all 0.5s ease;
    stroke: #C8102E;
}
.site-btn-2 .elementor-button:hover svg path{
    fill: none;
    stroke: #FDFDFD;
}

.serc_lop .swiper{
    transition: width 0.5s ease !important;

}
.serc_lop .swiper-slide-active{
	width:714px !important;
    transition: width 0.5s ease !important;
}
.serc_lop .swiper-slide {
    transition: all 0.5s ease !important;

}
.serc_lop .swiper-slide .project-content{
    opacity: 0;
    transition: all 0.4s ease;
}
.serc_lop .swiper-slide-active .project-content{
    opacity: 1;
    transition: all 0.4s ease;
}
.serc_lop .swiper-slide .project-bg-overlay::after{
    content: '';
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 36.94%, rgba(0, 0, 0, 0.8) 93.21%);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.4s ease;
}
.serc_lop .swiper-slide-active .project-bg-overlay::after{
    content: '';
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 36.94%, rgba(0, 0, 0, 0.8) 93.21%);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    transition: all 0.4s ease;
}
.project-slider-box{
    padding-left: calc((100% - 1460px)/2) !important;
}
.serc_lop .swiper-pagination-progressbar{
    width: 1250px !important;
    top: 100% !important;
    margin-top: 67px;
    background-color: #E91F41 !important;
}
.serc_lop .swiper-pagination-progressbar-fill{
    height: 3px !important;
    margin-top: -1px;
}
.serc_lop .elementor-swiper-button{
    padding-right: calc((100% - 1250px)/2);
}
.serc_lop_2 .swiper-pagination-progressbar{
    top: 100% !important;
    margin-top: 67px;
    background-color: #E91F41 !important;
}
.serc_lop_2 .swiper-pagination-progressbar-fill{
    height: 2px !important;
    margin-top: -1px;
}
.icon-bg::after{
    content: '';
    height: 50px;
    width: 50px;
    background-color: #fff;
    border-radius: 100%;
    opacity: 0.3;
    position: absolute;
    left: 20px;
    top: -11px;
    z-index: 1;
}


/* =========== About US CSS ========== */
.member .member-content{
    opacity: 0;
    transition: all 0.5s ease;
    top: 20px;
}
.about-icon::after{
    left: 15px;
}
.member:hover .member-content{
    opacity: 1;
    top: 0;
}

/* ============ Project CSS ============ */
.portfolio-grid .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
}
.portfolio-grid .elementor-pagination .page-numbers.current{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 28px;
    width: 28px;
    background-color: #C8102E;
    border: 1px solid #C8102E;
}
.portfolio-grid .elementor-pagination .page-numbers{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 28px;
    width: 28px;
    background-color: #fff;
    border: 1px solid #111111;
    transition: all 0.4s ease;
}
.portfolio-grid .elementor-pagination .page-numbers:hover{
    background-color: #C8102E;
    border-color: #C8102E;
}
.portfolio-grid .elementor-pagination .page-numbers.prev, .portfolio-grid .elementor-pagination .page-numbers.next{
    border: none;
}
.portfolio-grid .elementor-pagination .page-numbers.prev:hover, .portfolio-grid .elementor-pagination .page-numbers.next:hover{
    background-color: transparent;
    border-color: transparent;
}


/* ============= Connect Page CSS ============ */
.contact-box:hover .elementor-icon-box-title a, .contact-box:hover h3.elementor-icon-box-title{
    color: #FDFDFD;
}
.contact-box:hover .elementor-icon-box-description{
    color: #FDFDFD !important;
}
.contact-box:hover .elementor-icon-box-icon svg path{
    fill: #FDFDFD;
}
.contact-box a::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0,0,0,0);
}
.contact-box .elementor-icon-box-title{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.contact-box .elementor-icon-box-title::after{
    content: '';
    background-color: #111111;
    width: 35px;
    height: 2px;
    position: absolute;
    top: 100%;
    margin-top: 10px;
}
.contact-box:hover .elementor-icon-box-title::after{
    background-color: #FDFDFD;
}

/* Connect Form CSS */
.connectForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields{
   row-gap: 30px;
   column-gap: 20px;
}
.connectForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gfield_required{
    display: none;
}
.connectForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gfield_label{
    font-size: 16px;
    font-weight: 300;
    color: #111111;
} 
.connectForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input:not([type="submit"]){
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #D3D3D3;
    height: 55px;
    font-size: 16px;
    font-weight: 300;
}
.connectForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input:focus,
.connectForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields textarea:focus{
    outline: none;
    border-color: #111111;
}
.connectForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields textarea{
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #D3D3D3;
    font-size: 16px;
    font-weight: 300;
    resize: none;
    white-space: pre-wrap; /* Allows wrapping and preserves whitespace */
    word-wrap: break-word; /* Break long words if needed */
    overflow-wrap: break-word;
}
.connectForm .elementor-shortcode .gform_wrapper form .gform-footer{
    margin-block-start: 0;
}
.connectForm .elementor-shortcode .gform_wrapper form .gform_footer input[type="submit"].gform_button{
    padding: 19px 0;
    box-shadow: none;
    border-radius: 0;
    background-color: #C8102E;
    color: #FDFDFD;
    font-size: 16px;
    border: none;
}
.connectForm .elementor-shortcode .gform_wrapper form .gform_footer input[type="submit"].gform_button:hover{
    background-color: #111111;
    color: #FDFDFD;
}
.connectForm .elementor-shortcode .gform_wrapper form .gform_footer input[type="submit"].gform_button:focus{
    outline: none;
}
.connectForm .elementor-shortcode .gform_wrapper .gform_validation_errors{
    display: none;
}
.connectForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gfield_contains_required:has(.gfield_validation_message) input:not([type="submit"]),
.connectForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gfield_contains_required:has(.gfield_validation_message) textarea{
   border: 1px solid #c02b0a;
}
.connectForm .elementor-shortcode .gform_wrapper .gform_confirmation_message{
    font-weight: 300;
}
.connectForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .grecaptcha-badge{
    z-index: 10;
    bottom: 100px !important;
}





/* ================ Request a Proposal Form CSS =============== */
.proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields{
   row-gap: 30px;
   column-gap: 31px;
}
.proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input:not([type="submit"]){
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #DFDFDF;
    height: 60px;
    font-size: 14px;
    font-weight: 300;
    color: #333333;
    padding: 0 20px;
}
.proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input:focus{
    outline: none;
    border-color: #111111;
}
.proposal-form .elementor-shortcode .gform_wrapper .gform_heading{
    display: none;
}
.proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gform-datepicker{
    width: 100%;
}
.ui-datepicker-title select:focus{
    outline: none;
    border-color: #111111;
}
.proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gfield_required{
    display: none;
}
.proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gfield_label{
    font-size: 16px;
    color: #111111;
}
.proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gform-theme-field-control{
    min-height: 323px;
    background-color: #FFF3F5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px dashed #FFC6D0;
    border-radius: 0;
}

/* Checkboxes and Radio button CSS */
.proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input[type=radio], .proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input[type=checkbox]{
    width:19px;
    height: 19px !important;
    border-radius: 2.38px;
    vertical-align: middle;
    border: 1px solid #DEDEDE;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    position: relative;
    padding: 0;
}
.proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input[type=radio]:checked::before, .proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input[type=checkbox]:checked::before{
    content: none;
}
.proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input[type=radio]:checked::after, .proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input[type=checkbox]:checked::after{
    content: "" ;
    width: 9px;
    height: 9px;
    appearance: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0 !important;
    right: 0;
    margin: auto;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.73944 4.06755C1.58759 4.06797 1.43896 4.11138 1.31076 4.19275C1.18255 4.27412 1.08 4.39013 1.01497 4.52735C0.949944 4.66457 0.925096 4.81739 0.943301 4.96815C0.961507 5.1189 1.02202 5.26142 1.11785 5.37921L3.16059 7.88158C3.23343 7.97201 3.32679 8.04377 3.43292 8.09088C3.53906 8.13799 3.6549 8.1591 3.77083 8.15245C4.01877 8.13913 4.24263 8.0065 4.38535 7.78841L8.62865 0.954576C8.62935 0.953434 8.63008 0.952306 8.63082 0.951192C8.67063 0.89006 8.65772 0.768913 8.57554 0.692807C8.55297 0.671907 8.52635 0.655851 8.49734 0.645626C8.46832 0.635401 8.43752 0.631224 8.40683 0.633353C8.37614 0.635482 8.34621 0.643871 8.31888 0.658004C8.29155 0.672137 8.26741 0.691714 8.24794 0.715531C8.24641 0.717403 8.24485 0.719247 8.24323 0.721063L3.9638 5.55618C3.94752 5.57458 3.92774 5.58956 3.90562 5.60025C3.8835 5.61094 3.85947 5.61713 3.83494 5.61846C3.8104 5.61979 3.78585 5.61623 3.7627 5.60798C3.73956 5.59974 3.71828 5.58698 3.7001 5.57044L2.27984 4.278C2.13234 4.14278 1.93954 4.0677 1.73944 4.06755Z' fill='%23013C60'/%3E%3C/svg%3E%0A");
    left: 1px;
}
.proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gfield_radio .gchoice .gform-field-label{
    display: flex;
    flex-direction: column;
    color: #111111;
    font-weight: 500;
}
.proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gfield_checkbox .gchoice .gform-field-label{
    display: flex;
    flex-direction: column;
    color: #111111;
    font-weight: 300;
}
.proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gfield_radio .gchoice .gform-field-label span{
    color: #A5A5A5;
    font-weight: 300;
    margin-top: 5px;
}
.proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields select{
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #DFDFDF;
    height: 60px;
    font-size: 14px;
    font-weight: 300;
    color: #111111;
    padding: 10px;
}
.proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields select:focus{
    outline: none;
    border-color: #111111;
}
.proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .dual_heading{
    margin-top: 20px !important;
}
.proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields textarea{
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #DFDFDF;
    font-size: 14px;
    font-weight: 300;
    color: #111111;
    padding: 15px 20px;
    resize: none;
    white-space: pre-wrap; /* Allows wrapping and preserves whitespace */
    word-wrap: break-word; /* Break long words if needed */
    overflow-wrap: break-word;
}
.proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields textarea:focus{
    outline: none;
    border-color: #111111;
}
.proposal-form .elementor-shortcode .gform_wrapper form .gform-footer{
    margin-block-start: 0;
}
.proposal-form .elementor-shortcode .gform_wrapper form .gform-footer{
    margin-block-start: 0;
}
.proposal-form .elementor-shortcode .gform_wrapper form .gform_footer input[type="submit"].gform_button{
    padding: 19px 0;
    box-shadow: none;
    border-radius: 0;
    background-color: #C8102E;
    color: #FDFDFD;
    font-size: 16px;
    border: none;
}
.proposal-form .elementor-shortcode .gform_wrapper form .gform_footer input[type="submit"].gform_button:hover{
    background-color: #111111;
    color: #FDFDFD;
}
.proposal-form .elementor-shortcode .gform_wrapper form .gform_footer input[type="submit"].gform_button:focus{
    outline: none;
}
.proposal-form .elementor-shortcode .gform_wrapper .gform_validation_errors{
    display: none;
}
.proposal-form .elementor-shortcode .gform_wrapper .gform_confirmation_message{
    font-weight: 300;
    text-align: center;
}
.proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .grecaptcha-badge{
    z-index: 10;
    bottom: 100px !important;
}

/* Upload Icon */
.proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gform-theme-field-control::before {
    content: "" !important;
    background-image: url("data:image/svg+xml,%3Csvg width='68' height='49' viewBox='0 0 68 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M52.5454 48.9315H38.1174V34.3524H42.8855C44.0947 34.3524 44.8092 32.9783 44.0947 31.9889L34.8196 19.1549C34.2287 18.3304 33.0058 18.3304 32.4149 19.1549L23.1398 31.9889C22.4252 32.9783 23.126 34.3524 24.349 34.3524H29.1171V48.9315H12.9577C5.74372 48.533 0 41.7862 0 34.476C0 29.4331 2.73445 25.036 6.78803 22.6588C6.41702 21.6557 6.22465 20.5839 6.22465 19.4572C6.22465 14.3043 10.3882 10.1408 15.541 10.1408C16.654 10.1408 17.7258 10.3332 18.7289 10.7042C21.7107 4.38336 28.1415 0 35.6165 0C45.2902 0.013741 53.2599 7.42011 54.1668 16.8601C61.6007 18.1381 67.2482 25.0223 67.2482 32.8134C67.2482 41.1404 60.7625 48.3544 52.5454 48.9315Z' fill='%23C8102E'/%3E%3C/svg%3E%0A");
    background-size: 60px;
    background-repeat: no-repeat;
    background-position: center;
    width: 60px;
    height: 60px;
    position: absolute;
    z-index: 1;
    top: 90px;
}
/* Custom label */
.proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gform-theme-field-control::after {
    content: "PDF, DWG, ZIP, etc";
    position: absolute;
    top: 190px;
    left: 0;
    right: 0;
    display: block;
    font-size: 14px;
    font-weight: 300;
    color: #111111;
    line-height: 28px;
}
.proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gform_drop_instructions{
    display: none;
}
.proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gform_button_select_files{
    opacity: 0;
    width: 100%;
    height: 323px;
    position: absolute;
}

/* Optional: field-specific labels */
.proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .styled-upload .ginput_container_fileupload,
.proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gf-upload-box .ginput_container_fileupload{
  position: relative;
}
.proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .styled-upload .ginput_container_fileupload::after {
    content: "Upload Structural Plans, Drawings, Specs, Bid Package, etc.";
    position: absolute;
    top: 160px;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #111111;
    padding: 0 20px;
    left: 0;
    right: 0;
}
.proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gf-upload-box .ginput_container_fileupload::after {
    content: "Upload Architectural Plans, Drawings, Specs, Bid Package, etc.";
    position: absolute;
    top: 160px;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #111111;
    padding: 0 20px;
    left: 0;
    right: 0;
}
/* .proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gform_fileupload_rules{
    display: none;
} */



.widget-visible > iframe{
    right: 100px !important;
    bottom: 140px !important;
}





/* =================== Responsive Part ==================== */

@media only screen and (min-width: 1366px) and (max-width: 1700px){
    html{
        zoom: 0.85;
        zoom: 85%;
    }
}


/* ===== Upto 1366px ===== */
@media only screen and (max-width: 1366px){
    .aboutSec{
        scroll-margin-top: 55px;
    }
    .project-slider-box{
        padding-left: 20px !important;
    }
    .serc_lop .swiper-slide-active{
        width: 650px !important;
        transition: width 0.5s ease !important;
    }
    .project-bg-overlay{
        height: 500px !important;
    }

    .serc_lop .swiper-pagination-progressbar{
        width: 80% !important;
        margin-top: 60px;
    }
    .serc_lop .elementor-swiper-button{
        padding-right: 20px;
    }

    .connectForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields{
        row-gap: 25px;
        column-gap: 15px;
    }
    .connectForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gfield_label{
        font-size: 15px;
    }
    .connectForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input:not([type="submit"]){
        height: 45px;
        font-size: 15px;
    } 
    .connectForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields textarea{
        font-size: 15px;
    }    
    .connectForm .elementor-shortcode .gform_wrapper form .gform_footer input[type="submit"].gform_button{
        padding: 14px 0;
        font-size: 15px;
    }


    /* Proposal Form */
    .proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields{
        row-gap: 20px;
        column-gap: 10px;
    }
    .proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input:not([type="submit"]){
        height: 50px;
        font-size: 14px;
        padding: 0 15px;
    }
    .proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input[type=radio], .proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input[type=checkbox]{
        padding: 0;
    }
    .proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .styled-upload .ginput_container_fileupload::after {
        top: 140px;
        font-size: 15px;
        line-height: 24px;
        padding: 0 20px;
    }
    .proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gf-upload-box .ginput_container_fileupload::after {
        top: 140px;
        font-size: 15px;
        line-height: 24px;
        padding: 0 20px;
    }
    .proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gform-theme-field-control::before {
        background-size: 55px;
        width: 55px;
        height: 55px;
        top: 80px;
    }
    .proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gform-theme-field-control{
        min-height: 300px;
    }
    .proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gform-theme-field-control::after {
        top: 190px;
    }
    .proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields select{
        height: 50px;
        padding: 5px 10px;
    }
    .proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields textarea{
        padding: 15px;
    }
    .proposal-form .elementor-shortcode .gform_wrapper form .gform_footer input[type="submit"].gform_button{
        padding: 14px 0;
        font-size: 15px;
    }
}


/* ===== Upto 1024px ===== */
@media only screen and (max-width: 1024px){
    .header-active.elementor-sticky--effects > .e-con-inner{
        padding-block-start: 15px;
        padding-block-end: 15px;
    }
    .site-btn .elementor-button-icon svg{
        width: 1.2em;
    }
    .aboutSec{
        scroll-margin-top: 40px;
    }
    .project-slider-box{
        padding-left: 20px !important;
    }

    .serc_lop .swiper-slide-active{
        width: 600px !important;
        transition: width 0.5s ease !important;
    }
    .project-bg-overlay{
        height: 400px !important;
    }
    .serc_lop .swiper-pagination-progressbar{
        width: 83% !important;
        margin-top: 51px;
    }

    .icon-bg::after{
        height: 40px;
        width: 40px;
    }

    .connectForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields{
        row-gap: 20px;
        column-gap: 10px;
    }
    .connectForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gfield_label{
        font-size: 15px;
    }
    .connectForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input:not([type="submit"]){
        height: 40px;
        font-size: 15px;
    } 
    .connectForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields textarea{
        font-size: 15px;
    }    
    .connectForm .elementor-shortcode .gform_wrapper form .gform_footer input[type="submit"].gform_button{
        padding: 14px 0;
        font-size: 15px;
    }


    .proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gfield_label{
        font-size: 15px;
        color: #111111;
    }
}


/* ===== Upto 880px ===== */
@media only screen and (max-width: 880px){
    .aboutSec{
        scroll-margin-top: 40px;
    }
    .project-slider-box{
        padding-left: 15px !important;
    }
    .serc_lop .swiper-slide-active{
        width: 520px !important;
        transition: width 0.5s ease !important;
    }
    .project-bg-overlay{
        height: 350px !important;
    }
    .serc_lop .swiper-pagination-progressbar{
        width: 80% !important;
        margin-top: 51px;
    }

    .icon-bg::after{
        height: 35px;
        width: 35px;
        left: 15px;
    }

    .connectForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields{
        row-gap: 15px;
        column-gap: 10px;
    }
    .connectForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gfield_label{
        font-size: 14px;
    }
    .connectForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input:not([type="submit"]){
        height: 35px;
        font-size: 14px;
    } 
    .connectForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields textarea{
        font-size: 14px;
    }    
    .connectForm .elementor-shortcode .gform_wrapper form .gform_footer input[type="submit"].gform_button{
        padding: 12px 0;
        font-size: 14px;
    }

    .proposal-form .elementor-shortcode .gform_wrapper form .gform_footer input[type="submit"].gform_button{
        padding: 12px 0;
        font-size: 14px;
    }
    .proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gfield--width-quarter{
        grid-column: span 6;
    }
}


/* ===== Upto 767px ===== */
@media only screen and (max-width: 767px){
    .aboutSec{
        scroll-margin-top: 20px;
    }
    .header-active.elementor-sticky--effects > .e-con-inner{
        padding-block-start: 12px;
        padding-block-end: 12px;
    }
    .project-slider-box{
        padding-left: 15px !important;
    }
    .serc_lop_2 .swiper-pagination-progressbar{
        width: 96% !important;
        margin-top: 20px;
        padding-right: 15px !important;
    }

    .icon-bg::after{
        height: 35px;
        width: 35px;
        left: 15px;
        z-index: 1;
    }


    .proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields{
        row-gap: 15px;
        column-gap: 10px;
    }
    .proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input:not([type="submit"]){
        height: 40px;
        padding: 0 10px;
    }
    .proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields select{
        height: 40px;
        padding: 0 10px;
    }
    .proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields textarea{
        padding: 10px;
    }
    .proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .styled-upload .ginput_container_fileupload::after {
        font-size: 14px;
        line-height: 24px;
        padding: 0 15px;
    }
    .proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gf-upload-box .ginput_container_fileupload::after {
        font-size: 14px;
        line-height: 24px;
        padding: 0 15px;
    }
    .proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gfield--width-quarter{
        grid-column: span 6;
    }
}

@media only screen and (max-width: 639px){
    .proposal-form .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gfield--width-quarter{
        grid-column: span 12;
    }
}