/* COMMON CSS CODE :::::::::::::::::::::::::::::::: */



.career-expertise-section .e-con-inner,

.quote-section-outer .e-con-inner,

.contact-pg-outer .e-con-inner {

    width: 1170px;

}



.career-expertise-section .e-con-inner {

    padding: 43px 0 92px;

}



h1 strong {

    color: var(--color-red);

    font-weight: 700;

}



.image-underline img {

    position: relative;

    border-bottom: 16px solid var(--color-red);

}



/* BTN :::::::::::::::::::::::::: */



.common-white-btn.arrow a {

    background: var(--whitecolor) !important;

    font-family: 'Montserrat' !important;

    font-weight: 700 !important;

    text-transform: uppercase !important;

    font-size: 17px !important;

    line-height: 20px !important;

    border-radius: 0px !important;

    color: #AE143C !important;

    padding: 15px 65px 15px 25px !important;

    display: flex;

    align-items: center;

    width: fit-content;

    position: relative;

    transition: 0.5s ease;

}



.common-white-btn.arrow a::before {

    position: absolute;

    content: "";

    width: 36px;

    height: 36px;

    background: URL("../images/white-btn-arrow.svg");

    background-repeat: no-repeat;

    background-position: center;

    background-size: contain;

    right: 22px;

    top: auto;

    transition: 0.5s ease;

}



.common-red-btn.arrow a {

    padding: 15px 65px 15px 25px !important;

    display: flex;

    align-items: center;

    width: fit-content;

    position: relative;

    transition: 0.5s ease;

}



.common-red-btn.arrow a::before {

    position: absolute;

    content: "";

    width: 36px;

    height: 36px;

    background: URL("../images/red-btn-arrow.svg");

    background-repeat: no-repeat;

    background-position: center;

    background-size: contain;

    right: 22px;

    top: auto;

    transition: 0.5s ease;

}



/* CAREER PAGE CSS CODE START ::::::::::::::::::::::::::: */



.page-id-673 .common-outer {

    padding-top: 0;

    padding-bottom: 0;

}



.sub-pg-banner-outer .sub-pg-banner-content {

    width: 675px;

    background: #0e1e42eb;

    margin: 53px 0;

    padding: 85px;

    gap: 45px;

}



.sub-pg-banner-outer .sub-pg-banner-content h1 {

    margin: 0;

    color: var(--whitecolor);

}



.sub-pg-banner-outer .sub-pg-banner-content p {

    color: var(--whitecolor);

    font-size: 21px;

    line-height: 25px;

}





/* SECTION 2 CSS CODE ::::::::::::::::::::::::::: */



.career-expertise-section .About-left .image-about {

    padding-bottom: 0;

}



.career-expertise-section .About-left .image-about img {

    position: relative;

}



.career-expertise-section .about-right {

    display: flex;

    justify-content: center;

}



/* SECTION 3 CSS CODE :::::::::::::::::::::::::::: */



.our-value-outer .e-con-inner {

    padding-top: 85px;

    padding-bottom: 85px;

}



.our-value-outer .e-con-inner .common-heading h2 {

    text-align: center;

}



.our-value-outer .e-con-inner .common-heading p {

    text-align: center;

}



.value-box-outer {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    gap: 27px;

}



.value-box-outer .value-box-inner {

    background: var(--whitecolor);

    border: 0.1px solid #cccccc;

    padding-bottom: 36px;

}



.value-box-outer .value-box-inner .full-width-box-icon {

    background: var(--color-navy);

}



.value-box-outer .value-box-inner .full-width-box-icon .elementor-widget-image {

    padding: 20px;

    display: flex;

}



.value-box-outer .value-box-inner .full-width-box-icon img {

    width: 48px;

    height: 48px;

    background: var(--color-red);

    padding: 7px;

}



.value-box-outer .value-box-inner h3 {

    color: var(--color-navy) !important;

    margin: 0;

    padding: 13px 20px 0 20px;

}



.value-box-outer .value-box-inner .sub-heading .elementor-heading-title {

    font-family: var(--font-Montserrat);

    font-weight: 700;

    font-size: 16px;

    color: var(--color-red);

    line-height: 22px;

    padding: 0px 20px;

    margin-bottom: 0;

}



.value-box-outer .value-box-inner .sub-heading .elementor-heading-title {

    font-family: var(--font-Montserrat);

    font-weight: 700;

    font-size: 16px;

    color: var(--color-red);

    line-height: 22px;

    padding: 15px 20px 0;

    margin-bottom: 0;

}



.value-box-outer .value-box-inner p {

    color: var(--blackcolor) !important;

    padding: 20px 20px 0 20px;

}



/* SECTION 4 CSS CODE :::::::::::::::: */



.quote-section-outer .e-con-inner {

    display: flex;

    flex-direction: row !important;

    justify-content: space-between !important;

    padding-top: 63px;

    padding-bottom: 93px;

}



.quote-section-outer .e-con-inner .quote-content,

.quote-section-outer .e-con-inner .quote-image {

    width: 47%;

}



.quote-section-outer .e-con-inner .quote-content .quote-icon img {

    width: 125px;

    object-fit: contain;

}



.quote-section-outer .e-con-inner .quote-content .quote-icon {

    display: flex;

    justify-content: flex-end;

}



.quote-section-outer .e-con-inner .quote-content h3 {

    font-size: 35px;

    line-height: 38px;

}



.quote-section-outer .e-con-inner .quote-content .arturo-heading h3 {

    color: #282828;

    font-family: var(--font-Montserrat);

    font-weight: 700;

    font-size: 29px;

    letter-spacing: 2px;

    margin-top: 18px;

    margin-bottom: 12px;

}



.quote-section-outer .e-con-inner .quote-content .arturo-heading p {

    color: #989898;

    font-size: 25px;

    line-height: 32px;

    margin-bottom: 0;

    font-weight: 600;

}



.quote-section-outer .e-con-inner .quote-content {

    display: flex;

    justify-content: center;

}



/* SECTION 5 CSS CODE::::::::::::::::::::::: */



.apply-CTA .e-con-inner {

    display: flex;

    align-items: center !important;

    padding-top: 110px;

    padding-bottom: 110px;

    gap: 45px;

}



.apply-CTA .e-con-inner .elementor-widget-text-editor {

    width: 45%;

}



.apply-CTA .e-con-inner h2 {

    margin-top: 0;

    margin-bottom: 0;

}



.apply-CTA .e-con-inner p {

    margin-bottom: 0;

}



/* CAREER PAGE CSS CODE END ::::::::::::::::::::::::::: */







/* CONTACT US PAGE CSS CODE START :::::::::::::::::::::::::: */



.page-id-795 .common-outer {

    padding-top: 0;

}



.sub-pg-banner-outer .sub-pg-banner-content h2 {

    margin: 0;

    color: var(--whitecolor);

}



/* Section 1 :::::::::::::::::::::::::::::::: */



.contact-pg-outer {

    padding-top: 70px;

    padding-bottom: 20px;

}



.contact-pg-outer .e-con-inner {

    display: flex;

    flex-direction: row !important;

    justify-content: space-between !important;

}



.contact-form {

    width: 54%;

}



.contact-form h2 {

    margin: 0;

}



ul.contact-form-outer {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    column-gap: 27px;

    row-gap: 41px;

}



ul.contact-form-outer li {

    margin: 0;

    padding-left: 0;

    width: 46.8%;

}





ul.contact-form-outer li p {

    margin-bottom: 0;

    display: flex;

    flex-direction: column;

}



ul.contact-form-outer li.interested,
ul.contact-form-outer li.date,
ul.contact-form-outer li.facility {

    width: 100%;

}



ul.contact-form-outer li.contact-submit {

    width: 100%;

}



ul.contact-form-outer li.contact-submit a.request-submit {

    background: var(--color-red) !important;

}



ul.contact-form-outer li.contact-submit a.request-submit input {

    background: transparent;

    font-family: 'Montserrat' !important;

    font-weight: 650 !important;

    text-transform: uppercase !important;

    font-size: 17px !important;

    line-height: 20px !important;

    color: var(--whitecolor);

    cursor: pointer;

    z-index: 9;

    position: relative;

}



ul.contact-form-outer li.contact-submit a.request-submit span.wpcf7-spinner {

    position: absolute;

    right: 0;

    margin-top: 16px;

}



/* RIGHT SIDE SECTION :::::::::::::::::::::::::: */



.contact-pg-info-outer {

    width: 38%;

    background: var(--color-navy);

    padding: 58px 38px 78px 38px;

    row-gap: 40px;

    height: fit-content;

}



.contact-pg-info-outer h3 {

    color: var(--whitecolor) !important;

    font-family: var(--font-Teko) !important;

    font-size: 60px;

    padding-bottom: 30px;

}



.contact-info-heading {

    display: flex;

    flex-direction: row !important;

    align-items: center;

}



.contact-info-heading .elementor-widget-image {

    width: 50px;

    height: 50px;

    background: var(--color-red);

    padding: 11px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.contact-info-heading .elementor-heading-title {

    font-size: 20px !important;

    font-family: 'Montserrat' !important;

    font-weight: 650 !important;

    color: #fff !important;

    letter-spacing: 4px;

}



.contact-info-box .contact-info-content p,

.contact-info-box .contact-info-content p a {

    color: var(--whitecolor) !important;

    font-family: var(--font-Teko) !important;

    font-size: 33px;

    margin-bottom: 0;

    font-weight: 700;

    line-height: 36px;

    text-transform: uppercase;

    text-wrap: auto;

    white-space: break-spaces;

    overflow-wrap: anywhere;

}



.contact-info-box .contact-info-content p a {

    position: relative;

}



.contact-info-box .contact-info-content p a::before {

    position: absolute;

    content: "";

    width: 0;

    height: 1px;

    background: var(--whitecolor);

    bottom: 5px;

    transition: 0.5s ease;

}



.contact-info-box .contact-info-content p a:hover::before {

    width: 100%;

    transition: 0.5s ease;

}



.contact-info-box {

    row-gap: 38px;

    padding-bottom: 30px;

    border-bottom: 3px solid #163069;

}



.contact-info-box:last-child {

    padding-bottom: 0;

    border-bottom: 0;

}



/* CONTACT US PAGE CSS CODE END :::::::::::::::::::::::::: */











/* == FORM-TYPOGRAPHY-CSS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/



::placeholder {

    font-family: var(--font-Montserrat);

    font-weight: 400;

    font-size: 16px;

    color: var(--blackcolor) !important;

    line-height: 28px !important;

}



label {

    font-family: var(--font-Montserrat);

    font-weight: 700;

    font-size: 16px;

    color: #0E1E42 !important;

    line-height: 18px !important;

    padding: 0px;

    margin-bottom: 10px !important;

}



label span {

    color: #AE143C !important;

    padding-left: 3px;

}



input:focus {

    outline: none !important;

    box-shadow: none !important;

}



.wpcf7-not-valid {

    border: none;

    border: 1px solid var(--errorcolor) !important;

}



.wpcf7-not-valid-tip {

    display: none !important;

}



.invalid .wpcf7-response-output {

    text-align: center;

    color: var(--errorcolor);

    border: 2px solid var(--errorcolor) !important;

    width: 100%;

    font-weight: 400;

    margin: 10px 0px 7px !important;

    font-size: 14px;

}



.wpcf7 form.sent .wpcf7-response-output {

     border-color: #007e0b; 

    /*border-color: #ffffff;*/

    width: 100%;

    font-weight: 400;

    margin: 10px 0px 7px !important;

    font-size: 14px;

    color: #000000;

     color: #007e0b; 

    text-align: center;

}



input {

    width: 100%;

    padding: 18px 20px;

    background: #E9E9E9;

    border: none;

    border-bottom: none;

    /* border: 1px solid var(--whitecolor); */

    font-family: var(--font-OpenSans);

    font-size: 16px;

}



textarea {

    width: 100%;

    padding: 18px 20px;

    background: #E9E9E9;

    border: none;

    border-bottom: 1px solid var(--whitecolor);

    height: 150px;

    resize: none;

    font-family: var(--font-Montserrat);

    font-size: 16px;

}



select {

    width: 100%;

    padding: 18px 20px;

    background: #E9E9E9;

    border: none;

    border-bottom: none;

    /* border: 1px solid var(--whitecolor); */

    font-family: var(--font-OpenSans);

    font-size: 16px;



    appearance: none;

    -webkit-appearance: none;

    -moz-appearance: none;



    background-image: url(../images/select-arrow.svg);

    background-repeat: no-repeat;

    background-position: right 26px center;

    background-size: 18px;

    padding-right: 40px;

}



/* wpcf7 form wpcf7-response-output :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/





/* PRIVACY POLICY PAGE CSS CODE START ::::::::::::::::::::::::::: */



.page-id-1180 .common-outer {

    padding-top: 0;

}



/* PRIVACY POLICY PAGE CSS CODE END ::::::::::::::::::::::::::: */





/* ==========================================================================

   VERTICALS ANCHORS & BANNER SECTIONS CSS

   ========================================================================== */

html {

    scroll-behavior: smooth;

}



/* Offset for sticky/fixed headers */

#commercial,

#commercials,

#medical,

#medicals,

#construction-clean,

#constructionclean,

#construction,

#facility-services,

#facilityservices,

#facility,

#multi-family,

#multifamily,

.mou-mission-img,

.mission-cnt-out {

    scroll-margin-top: 110px;

}



/* Entire card clickable without affecting original LEARN MORE button */

.smm-verticals-grid .smm-vertical-card {

    position: relative;

    cursor: pointer;

}



.smm-card-overlay-link {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 2;

    text-decoration: none;

    background: transparent;

}



.smm-vertical-card-header,

.smm-vertical-card-body {

    position: relative;

    pointer-events: none;

}



.smm-vertical-link {

    position: relative;

    z-index: 3;

    pointer-events: auto !important;

}



/* All 5 Vertical Banner Sections - Full Clickable Box for Request a Proposal */

.smm-commercial-parent-box,

.smm-vertical-parent-box,

#commercial,

#commercials,

#medical,

#medicals,

#construction-clean,

#constructionclean,

#construction,

#facility-services,

#facilityservices,

#facility,

#multi-family,

#multifamily,

.mou-mission-img,

.mission-cnt-out {

    position: relative !important;

    cursor: pointer !important;

}



.smm-commercial-box-link,

.smm-vertical-section-box-link {

    position: absolute !important;

    top: 0 !important;

    left: 0 !important;

    right: 0 !important;

    bottom: 0 !important;

    width: 100% !important;

    height: 100% !important;

    z-index: 10 !important;

    text-decoration: none !important;

    background: transparent !important;

    cursor: pointer !important;

    display: block !important;

    pointer-events: auto !important;

}



.smm-commercial-parent-box a:not(.smm-commercial-box-link):not(.smm-vertical-section-box-link),

.smm-vertical-parent-box a:not(.smm-commercial-box-link):not(.smm-vertical-section-box-link),

#commercial a:not(.smm-commercial-box-link):not(.smm-vertical-section-box-link),

#commercials a:not(.smm-commercial-box-link):not(.smm-vertical-section-box-link),

#medical a:not(.smm-commercial-box-link):not(.smm-vertical-section-box-link),

#medicals a:not(.smm-commercial-box-link):not(.smm-vertical-section-box-link),

#construction-clean a:not(.smm-commercial-box-link):not(.smm-vertical-section-box-link),

#constructionclean a:not(.smm-commercial-box-link):not(.smm-vertical-section-box-link),

#construction a:not(.smm-commercial-box-link):not(.smm-vertical-section-box-link),

#facility-services a:not(.smm-commercial-box-link):not(.smm-vertical-section-box-link),

#facilityservices a:not(.smm-commercial-box-link):not(.smm-vertical-section-box-link),

#facility a:not(.smm-commercial-box-link):not(.smm-vertical-section-box-link),

#multi-family a:not(.smm-commercial-box-link):not(.smm-vertical-section-box-link),

#multifamily a:not(.smm-commercial-box-link):not(.smm-vertical-section-box-link),

.mou-mission-img a:not(.smm-commercial-box-link):not(.smm-vertical-section-box-link),

.mission-cnt-out a:not(.smm-commercial-box-link):not(.smm-vertical-section-box-link),

.smm-commercial-parent-box button,

.smm-vertical-parent-box button,

.smm-commercial-parent-box .elementor-button,

.smm-vertical-parent-box .elementor-button,

.smm-commercial-parent-box .common-red-btn,

.smm-vertical-parent-box .common-red-btn,

.mou-mission-img button,

.mou-mission-img .elementor-button,

.mou-mission-img .common-red-btn,

.mission-cnt-out button,

.mission-cnt-out .elementor-button,

.mission-cnt-out .common-red-btn {

    position: relative !important;

    z-index: 15 !important;

    pointer-events: auto !important;

}