/* .icon-style-bc {



    width: fit-content;



    padding: 10px;



    margin-bottom: 1rem;



    background-color: #007bff;



    border-radius: 3px;



}







.icon-style-bc i {



    font-size: 20px;



    margin-bottom: 0;



    color: #fff



}







.b_border_style {



    border-bottom: 2px solid #dfdfdf;



    padding: 20px 0;



}







.our-printer-support-covers-sec {



    margin-top: 3.5rem;



}







.sec-lst-section {



    text-align: center;



    padding: 2.3rem 0;



} */



















/* =================== GLOBAL =================== */



.fs-18 {



    font-size: 18px;



}







.fs-19 {



    font-size: 19px;



}







.fs-22 {



    font-size: 22px;



}







.contact-banner-section {



    min-height: 30vh;



    padding: 2rem 0 1.8rem;



    align-content: center;



    text-align: center;



}











/* =================== Banner =================== */



.contact-banner-section {



    background: linear-gradient(135deg, #4c6ef5, #5f3dc4);



    padding: 90px 20px;



    text-align: center;



    color: #fff;



}







.contact-banner-section h1 {



    font-size: 48px;



    font-weight: 800;



    margin-bottom: 10px;



    position: relative;



    display: inline-block;



    padding-bottom: 15px;



    overflow-wrap: anywhere



}







.contact-banner-section h1::after {



    content: "";



    position: absolute;



    width: 120px;



    height: 5px;



    background: #ffdd57;



    bottom: 0;



    left: 50%;



    transform: translateX(-50%);



    border-radius: 50px;



}







.contact-banner-section h5 {



    font-size: 20px;



    opacity: 0.9;



}







/* =================== Overlapped Section =================== */







/* =================== Contact Form =================== */



.contact-form-div {



    background: rgba(255, 255, 255, 0.85);



    padding: 35px;



    border-radius: 20px;



    backdrop-filter: blur(10px);



    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);



}















/* =================== Covers Section =================== */



.our-printer-support-covers-sec {



    padding: 25px 20px;



}







.our-printer-support-covers-sec h2 {



    font-weight: 700;



    margin-bottom: 20px;



}







.b_border_style {



    background: rgba(255, 255, 255, 0.6);



    backdrop-filter: blur(12px);



    padding: 18px;



    border-radius: 12px;



    margin-bottom: 14px;



    border-left: 5px solid #4c6ef5;



    transition: 0.3s;



}







.b_border_style:hover {



    transform: translateX(6px);



    background: rgba(255, 255, 255, 0.85);



}







/* =================== Feature Cards =================== */



.feature-card {



    text-align:left;



    padding: 25px;



    border-radius: 20px;



    background: rgba(255, 255, 255, 0.75);



    backdrop-filter: blur(10px);



    transition: 0.3s;



    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);

    height: 100%;

}







.feature-card:hover {



    transform: translateY(-10px);



    box-shadow: 0 18px 30px rgba(0, 0, 0, 0.15);



}







.icon-style-bc {



    width: fit-content;



    padding: 12px;



    /* margin: auto; */



    margin-bottom: 1rem;



    background-color: #4c6ef5;



    border-radius: 10px;



}







.icon-style-bc i {



    color: #fff;



    font-size: 24px;



}







/* =================== Subscribe Section =================== */



.sec-lst-section {



    background: linear-gradient(135deg, #f8f6ff, #f0ebff);



    padding: 40px 20px;



    text-align: center;



}







.feature-section-padd {



    padding: 45px 20px;



}







.sec-lst-heading {



    font-weight: 800;



    margin-bottom: 20px;



    font-size: 34px;



    position: relative;



    text-align: center;



}







.sec-lst-heading::after {



    content: "";



    width: 90px;



    height: 4px;



    background: #4c6ef5;



    position: absolute;



    left: 50%;



    transform: translateX(-50%);



    bottom: -10px;



}







.overLappedImageSectionFh {



    height: fit-content;



    /* height: 100vh; */



    padding: 2rem 0rem;



}







.over-lapped-section-fh {



    position: relative;



    height: 70vh;



    display: flex;



    align-items: center;



    margin-top: 5rem;



}







.ol-image-section-fh {



    position: absolute;



    right: 0;



    width: 75%;



    z-index: -1;



    max-height: 550px;



    overflow: hidden;



}







.ol-image-section-fh img {



    width: 100%;



}







.ol-content-section-fh {



    max-width: 610px;



    /* height: 350px; */



    background-color: #e8f1fa;



    /* border:1px solid  lightgray; */



    padding: 70px;



    height: fit-content;



    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px,



        rgba(0, 0, 0, 0.24) 0px 1px 2px;



}







.contact-form-section {



    margin-top: 3rem;



    margin-bottom: 2.5rem;



}







@media (max-width: 991.8px) {



    .over-lapped-section-fh {



        position: relative;



        height: unset;



        display: flex;



        margin-top: 1rem;



        flex-direction: column-reverse;



        align-items: center;



    }







    .ol-image-section-fh {



        position: unset;



        width: unset;



    }







    .ol-content-section-fh {



        max-width: 100%;



        /* height: 350px; */



        background-color: #e8f1fa;



        /* border:1px solid  lightgray; */



        margin-top: 1.5rem;



        padding: 70px;



        height: fit-content;



        box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px,



            rgba(0, 0, 0, 0.24) 0px 1px 2px;



    }







    .contact-form-section {



        margin-top: 2rem;



        margin-bottom: 2rem;



    }



}







@media (max-width: 767.8px) {



    .ol-content-section-fh {



        padding: 25px;



    }







    .contact-banner-section {



        background: linear-gradient(135deg, #4c6ef5, #5f3dc4);



        padding: 50px 20px 34px;



        text-align: center;



        color: #fff;



    }







}