/* ---index start--- */
.navbar-expand-lg.navbar-light .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after{
    color: #EB6B86;
}

.navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient){
    border-color: #003950;
    background-color: #003950;
}

.contact-btn{
    background: #003950;
}
.contact-btn:active{
    background: #003950;
    border: 1px solid #003950;
}
.contact-btn:hover{
    background: #003950;
    border: 1px solid #003950;
}

.\!bg-\[radial-gradient\(\#3f78e0_2px\2c transparent_2\.5px\)\]{
    background-image: radial-gradient(#003950 2px, #0000 2.5px) !important;
}

.\!bg-\[\#829CA8\]{
    --tw-bg-opacity: 1 !important;
    background-color: #829CA8;
}

.start-btn{
    background: #003950;
}
.start-btn:active{
    background: #003950;
    border: 1px solid #003950;
}
.start-btn:hover{
    background: #003950;
    border: 1px solid #003950;
}

.py-\[2\.0rem\]{
    padding-top: 2.0rem;
    padding-bottom: 2.0rem;
}
.px-\[1\.0rem\]{
    padding-left: 2.0rem;
    padding-right: 1.0rem;
}

.\!bg-\[\#EB6B86\]{
    --tw-bg-opacity: 1 !important;
    background-color: #EB6B86 !important;
}
.border-\[\#EB6B86\]{
    --tw-bg-opacity: 1 !important;
    border-color: #EB6B86 !important;
}
.\!bg-\[\#003950\]{
    --tw-bg-opacity: 1 !important;
    background-color: #003950 !important;
}

.\!bg-\[radial-gradient\(\#747ed1_2px\2c transparent_2\.5px\)\]{
    background-image: radial-gradient(#003950 2px, #0000 2.5px) !important;
}

.circle-shape{
    background-color: #C7D1D6;
}

.quote-btn{
    background: #EB6B86;
    border: 1px solid #EB6B86;
    color: #ffffff;
}
.quote-btn:active{
    background: #EB6B86;
    border: 1px solid #EB6B86;
    color: #ffffff;
}
.quote-btn:hover{
    background: #EB6B86;
    border: 1px solid #EB6B86;
    color: #ffffff;
}

.submit-btn{
    border: 2px solid #EB6B86;
    background: unset;
}
.submit-btn:active{
    background: #EB6B86;
    border: 1px solid #EB6B86;
    color: #ffffff;
}
.submit-btn:hover{
    background: #EB6B86;
    border: 1px solid #EB6B86;
    color: #ffffff;
}

.lineal-fill{
    fill: #EB6B86 !important;
}

.after\:content-\[\'\'\]:after{
    background-color: #F1CBD3;
}

.menu_drop::after{
    font-size: 0rem !important;
}

.menu_drop:hover{
    color: #EB6B86 !important;
}

.menu_drop:focus{
    color: #EB6B86 !important;
}

.bg-\[\#003950\]{
    background-color: #003950;
}

.bg-\[\#F1CBD3\]{
    background-color: #F1CBD3;
    color: #EB6B86;
    font-size: 13px;
    font-weight: 700;
}

.before\:content-\[\'\\X\'\]:before{
    --tw-content: "\X";
}

.sm-display{
    display: none;
}

#forCustomers{
    margin-top: 2rem !important;
}

#aboutUs{
    margin-top: 4rem !important;
}

.gradient-1{
    background-image: linear-gradient(120deg, #EE95A8, #eb6b86);
}
/* ---index end--- */

@media (max-width: 991px){
    .top_menu_lg{
        display: none;
    }

    .sm-display{
        display: block;
    }

    .lg-display{
        display: none;
    }

    .quote-btn{
        margin-top: 20px;
    }

    #forCustomers{
        margin-top: 0rem !important;
    }

    .customer_section{
        padding-bottom: 50px !important;
    }

    .resource_seciton{
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .resource_pic{
        margin-top: 0px !important;
    }

    #aboutUs{
        margin-top: 5rem !important;
    }

    .aboutus01{
        margin-bottom: 5rem !important;
    }

    .aboutus02{
        margin-bottom: 6rem !important;
    }

    .contact_section{
        padding-bottom: 20px !important;
    }

    .contact_box{
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
}

@media (max-width: 767px){
    #forCustomers{
        margin-top: -100px !important;
    }

    .customer_section{
        padding-bottom: 30px !important;
    }

    .resource_title{
        margin-top: 0px !important;
    }

    .resource_seciton{
        padding-top: 50px !important;
    }

    #aboutUs{
        margin-top: 1rem !important;
    }

    .aboutus02{
        margin-bottom: 1rem !important;
    }

    .mid_banner{
        padding-bottom: 0px !important;
    }

    .contact_section{
        padding-top: 0px !important;
    }
}

@media (max-width: 577px){
    .customer_section{
        padding-bottom: 10px !important;
    }

    .resource_seciton{
        padding-bottom: 30px !important;
    }
}

@media (max-width: 344px){
    .customer_section{
        padding-top: 0px !important;
    }

    .banner_content{
        margin-top: 20px !important;
    }
}