@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body{
    font-family: "Roboto", sans-serif !important;
}
.common_atagw{
    width: max-content !important;
    padding: 0px !important;
}
/* Header */
.main_header .nav-link{
    margin: 0px 10px;
    color: #000 !important;
    font-weight: 500;
}
.main_header .nav-item{
    width:max-content !important;
}
.main_header .active{
    border-bottom: 4px solid #2C76AA;
}
.logo_img{
    width: 165px !important;
}
.main_header{
    position: sticky;
    top: 0px;
    padding: 10px 20px;
    background-color: #fff;
    z-index: 999999999;
    box-shadow: 0px 4px 12px 0px #00000040;
}
.social_link{
    background-color: #2C76AA;
    color: #fff !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none !important;
    border-radius: 100px;
}
/* End Header */
/* Home */
@keyframes sky{
	0%{background-position: 2120px 0;}
	100%{background-position: 0 0;}
}
.main_client_marqueechange{
    background:url(./source/clients/client_whole.svg) repeat 0 / 100% auto;
    min-height: 130px !important;
	animation: sky 30s linear infinite ;
    background-size: cover;
    backface-visibility: hidden;
}
.home_banners_bg{
    background:  #2C76AA; /* linear-gradient(90.22deg, #B2B2B2 0.19%, #CDCDCD 99.81%); */
    position: relative;
}
.bg_blackseter{
    z-index:999 !important;
}
.home_banners_bg::after{
    content: "";
    position: absolute;
    background: #0000005e;
    height: 100%;
    width:100%;
    top:0px;
    left:0px;
}
#home_banner {
    width: 100%;
    height: 100%;
    min-height: 100vh;
    position: relative;
    overflow: hidden;
}

.background-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: right;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.background-image.visible {
    opacity: 1;
}
/*.main_bannercontent{*/
/*    position: absolute;*/
/*    background: #0000008A;*/
/*    height: 100%;*/
/*    z-index: 999;*/
/*}*/
.main_bannercontent{
    color: #fff;
}
.main_bannercontent button{
    width: max-content;
    height: 40px;
    padding: 0px 30px;
    color: #fff;
    background-color: #2C76AA;
    border: none;
    margin: 10px 10px !important;
    border-radius: 5px;
    font-weight: 600;
}
.morq{
    padding: 40px 0px !important;
    background: transparent;
    box-shadow: -16px 0px 19px 0px rgba(0, 0, 0, 0.20);
}
.morq_slider{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0px 10px;
}
.morq_slider img{
    width: 140px;
}
.main_home{
    background: #DFF2FF;
}
.choose_us{
    background-color: #2C76AA;
}
.choose_us h1{
    color: #fff;
}
.choose_us span{
    color: #fff;
    font-size: large;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}
.choose_us span::after{
    content: "";
    width: 100px;
    height: 5px;
    background-color: #fff;
    margin: 10px 0px;
    border-radius: 100px;
}
.choose_us small{
    color: #fff;
}
.heading_section h3{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.heading_section h3::after{
    content: "";
    width: 100px;
    height: 5px;
    background: #2C76AA;
    margin: 10px 0px;
    border-radius: 100px;
}
.list_product h4{
    color: #2C76AA;
    margin-bottom: 30px;
}
.list_product ul li{
    color: #5B5B5B;
    margin-bottom: 20px;
}
.list_product ul li b{
    color: #000;
}
.list_product li::marker {
    color: #2C76AA;
}
.list_product button{
    width: max-content;
    height: 40px;
    padding: 0px 30px;
    color: #fff;
    background-color: #2C76AA;
    border: none;
    margin-bottom: 20px;
    border-radius: 5px;
    font-weight: 600;
}
.main_testimonialbox{
    background-color: #fff;
    padding: 20px 20px;
    border-radius: 10px;
    min-height: 350px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.main_testimonialbox .starimg{
    width: 100px;
    margin-bottom: 20px;
}
.main_testimonialbox p{
    color: #18181B;
}
.main_testimonialbox h6{
    color: #000;
    font-weight: 600;
    margin-bottom: 0px;
}
.testimonial_owlsec{
    position: relative;
    justify-content: center;
}
.testimonial_owlsec::after{
    height: 100%;
    width: 60%;
    background: linear-gradient(90deg, #44FF9A -0.55%, #44B0FF 22.86%, #8B44FF 48.36%, #FF6644 73.33%, #EBFF70 99.34%);
    content: "";
    position: absolute;
    top: 0px;
    opacity: 30%;
}
.testimonial_owlsec .owl-nav, .testimonial_owlsec .owl-dots{
    display: none;
}
.check_review {
    color: #000 !important;
    text-decoration: none;
    width: max-content !important;
    padding: 5px 20px;
    border-bottom: 2px solid #000;
    text-align: center;
    font-weight: 600;
}

/* Footer */
.main_coloredfoot{
    background-color: #2C76AA;
}
.main_coloredfoot img{
    width: 70%;
}
.main_coloredfoot h2{
    color: #fff;
}
.main_coloredfoot p{
    color: #fff;
}
.main_coloredfoot button{
    color: #000;
    height: 45px;
    width: max-content;
    margin-left: 10px;
    padding: 0px 30px;
    background-color: #fff;
    border: none;
    font-weight: 600;
    border-radius: 10px;
}
.links_footers span{
    color: #fff;
}
.links_footers a{
    color: #fff !important;
    text-decoration: none !important;
    width: max-content !important;
    font-weight: 600;
}
/* Products */
/* Modal */
.close_modal{
    color: #fff;
    background-color: transparent;
    border: none !important;
}
.modal_header{
    background-color: #2C76AA;
}
.modal_header h3{
    color: #fff;
    margin: 0px;
}
.input_modalform label{
    padding: 0px 3px;
    color: #000;
}
.input_modalform input{
    border: 1px solid #000;
    background-color: #fff;
    border-radius: 10px;
    height: 45px;
    outline: none;
    margin-top: 5px;
}
.input_modalform button{
    background-color: #2C76AA;
    color: #fff;
    height: 45px;
    border: 1px solid #2C76AA;
    border-radius: 10px;
}
.main_borderedspec{
    border-bottom: 1px solid #000;
    padding: 7px 0px;
}
.main_borderedspec small{
    color: #5B5B5B;
}
.border_left{
    border-right: 1px solid #000;
}
.headersofpro h3{
    color: #2C76AA;
}
.blue_bgproduct{
    background-color: #44B0FF;
    border-radius: 10px;
}
.blue_bgproduct span{
    background: #E6F5FF;
    color: #000;
    border-radius: 10px;
    padding: 10px !important;
}
.video_heightset{
    height: 85vh;
}
@media only screen and (max-width: 764px) {
    .border_left{
        border-right: none !important;
    }
    .video_heightset{
        height: auto !important;
    }
    .social_link{
        margin-top: 10px !important;
    }
    .bg_blackseter h1{
        font-size: x-large !important;
    }
}
@media only screen and (max-width: 1026px) {
    .main_header .nav-item{
        margin-bottom:10px !important;
    }
    .aboutus_bg{
        min-height: 40vh !important;
    }
    .aboutus_bg h1{
        font-size: 30px !important;
    }
    .enquiry_bg{
        min-height: 40vh !important;
    }
    .enquiry_bg h1{
        font-size: 60px !important;
    }
}
/* About us */
.aboutus_bg{
    background: #2C76AA; /* linear-gradient(90.22deg, #B2B2B2 0.19%, #CDCDCD 99.81%); */
    min-height: 70vh;
}
.aboutus_bg h1{
    margin-bottom: 30px;
    font-size: 100px;
    color: #fff;
}
.aboutus_content h2{
    color: #2C76AA;
    margin-bottom: 30px;
}
.aboutus_content p{
    color: #5B5B5B;
}
.aboutus_client h3{
    color: #2C76AA;
    margin-bottom: 30px;
}
.main_bgclientabout{
    background-color: #fff;
    border-radius: 15px;
    border: 1px solid #2C76AA;
    box-shadow: 1px 4px 9.7px 0px #0000002E;
    padding-top: 10px;
    padding-bottom: 10px;
}
/* Enquiry */
.enquiry_bg{
    background: linear-gradient(180deg, rgba(44, 118, 170, 0) 31.73%, #000000 122.78%);
    background-color: #2C76AA;
    min-height: 70vh;
}
.enquiry_bg h1{
    margin-bottom: 30px;
    font-size: 150px;
    color: #fff;
}
.contact_enquiry{
    padding: 0px 30px !important;
}
.contact_enquiry h4{
    color: #2C76AA;
    margin-bottom: 30px;
}
.contact_enquiry h6{
    color: #2C76AA;
    text-decoration: underline;
}
.match_bg{
    background: #D0ECFF;
    border-radius: 20px;
    padding: 10px 20px !important;
}
.companyname{
    color: #2C76AA;
    font-weight: 500;
}
.black_span{
    color: #000;
    font-weight: 500;
}
.gray_contact{
    color: #777777;
}
.link_contact{
    color: #000 !important;
    text-decoration: none !important;
    font-weight: 500;
}
.blue_bgequiry{
    background-color: #2C76AA;
}
.blue_bgequiry h3{
    color: #fff;
}
.blue_bgequiry label{
    color: #fff;
    width: 100%;
    margin-bottom: 5px;
}
.blue_bgequiry input{
    width: 100%;
    height: 40px;
    border-radius: 5px;
    border: none !important;
    outline: none;
    padding: 0px 20px;
}
.blue_bgequiry button{
    padding: 10px 30px;
    background: #89CAF9;
    color: #000;
    border-radius: 100px;
    border: none !important;
    font-weight: 600;
}
.blue_bgequiry select{
    width: 100%;
    height: 40px;
    border-radius: 5px;
    border: none !important;
    outline: none;
    padding: 0px 20px;
}
.teliphone_set{
    padding-left: 75px !important;
    width: 100% !important;
    color: #000 !important;
}
.blue_bgequiry .iti__selected-flag{
    margin-left: 20px;
}
.btn_tabs{
    width:max-content !important;
    border-radius: 100px;
    border: 1px solid #2C76AA;
    margin-bottom: 20px;
    padding: 0px !important;
}
.btn_tabs button{
    height: 40px;
    border-radius: 100px;
    width: max-content;
    padding: 0px 20px !important;
    color: #2C76AA;
    border: none;
    background-color: transparent;
}
.btn_tabs .active{
    background-color: #2C76AA;
    color: #fff !important;
}
/* Terms and conditions */
.terms_page h2{
    color: #2C76AA;
    text-align: center;
    font-weight: 500;
}
.terms_page h5{
    color: #2C76AA;
    font-weight: 500;
}
.terms_page p{
    font-weight: 600;
    margin: 5px 0px;
}
.terms_page a{
    color: #2C76AA !important;
    text-decoration: none;
    font-weight: 600;
}