/* Page Header */
.ecommerce_service_header{background-position: center center !important;}
/* .ecommerce_service_header::before{display: none;} */
.header_banner_text{
    line-height: 50px;
    font-size: 38px;}
.header_banner_text span{    color: #FF6550;}
.banner_items{
    margin-top: 80px;
}
.banner_items li{overflow: hidden;    margin-bottom: 25px;}
.banner_items li img{width: 70px;
    float: left;}
.bannter_content{float: left;
    width: 80%;
    padding-left: 25px;}
.bannter_content h3{margin-bottom: 15px;font-size: 26px;}
.bannter_content p{    margin-bottom: 20px;}
/* Page Header */

/* Service Button */
.service_button{    background: #fff;
    color: #000;
    padding: 8px 15px;
    font-weight: 700;
    border-radius: 3px;}
.service_button i{margin-left: 5px;}
.service_button:hover{color: #999;}
/* End Service Button */


/* promotions */
.promotions{padding: 75px 0;}
.pr_box{background: #fff;
    padding: 40px 40px;margin-bottom: 20px;}
.br_box_item:first-child .pr_box{    border-radius: 40px 0 40px 0;}
.br_box_item:last-child .pr_box{    border-radius:  0 40px 0 40px;}
.pr_img{}
.pr_img img{width: 35px;}
.pr_content{}
.pr_content h3{font-size: 21px;
    color: #242424;
    padding: 18px 0;
    position: relative;}
.pr_content h3:after{    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 40px;
    height: 2px;
    background: #0EBFF9;}
.pr_content p{margin-top: 18px;color: #A8A8A8;}
/* End promotions */

/* Section Heading */
.section_head{}
.section_name{}
.section_name span{    background: #F9FBFF;
    font-size: 17px;
    padding: 4px 30px;
    margin-bottom: 5px;}
.section_title{}
.section_title h2{    color: #6D6767;
    padding: 15px 0;}
.section_title h2 span{color: var(--primary_color);}
.section_border{}
.section_border img{width: auto;max-width: 100%;margin-bottom: 45px;}
/* End Section Heading */

/* Section Heading B */
.section_title_b{    font-weight: 500;
    font-size: 35px;
    color: #222222;position: relative;padding-bottom: 40px;
}
.section_title_b:after{content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 2px;
    background: var(--primary_color);}
.text-right .section_title_b:after{left: unset;right: 0;}
.section_title_b span{color: var(--primary_color);}
/* End Section Heading B */


/* Portfolio */
.service_portfolio{padding: 40px 0;}
.sp_box_item{}
.sp_box{box-shadow: 0px 0 12px 7px #ddd;overflow: hidden;margin-bottom: 20px;}
.spb_info{    padding: 0 20px;
    padding-bottom: 20px;}
.sp_box_item:first-child .sp_box{border-radius: 60px 0 60px 0;}
.sp_box_item:last-child .sp_box{border-radius: 0 60px 0 60px;}
.spv_image{}
.spv_image img{}
.spb_title{font-size: 20px;
    font-weight: 500;
    padding: 5px 0;
    margin-top: 10px;}
.spb_content{}
/* End Portfolio */

/* Testimonials */
.s_testimonials{background: #F9FBFF;padding: 55px 0;}
.s_testimonials img{width: auto;}
.s_testimonials .section_name span{background: #FFFFFF;}
.st_box{background: #fff;
    padding: 35px 28px;
    box-shadow: 5px 5px 27px -11px #259AFF;
    border-radius: 30px 0 30px 0;margin-bottom: 45px;}
.st_head{overflow: hidden;}
.sth_avatar{float: left;margin-right: 15px;}
.sth_avatar img{}
.sth_info{float: left;color: #6F6767;}
.sth_name{
    font-size: 22px;
    font-weight: 500;}
.sth_title{    font-size: 12px;
    font-weight: normal;
    margin: 4px 0;}
.sth_ratting{color: #FFDC64;
    font-size: 12px;
    margin-top: 8px;}
.sth_ratting span{}
.sth_icon{float: right;}
.sth_icon img{margin-top: -5px;}
.st_content{margin-top: 25px;}
.st_content p{line-height: 20px;}
/* End Testimonials */

/* Responsive */
.responsive{padding-bottom: 55px;padding-top: 85px;}
.r_left_banner{}
.r_left_banner img{}
/* End responsive */

/* catalog */
.catalog{background: #F9FBFF;padding-bottom: 55px;padding-top: 85px;}
/* End catalog */

/* contact_area */
.contact_area{background: var(--primary_color);padding: 55px 0;color:#fff;}
.contact_area h2{font-weight: normal;
    font-size: 20px;
    margin-bottom: 30px;}
.contact_area .contact{font-size: 35px;
    font-weight: 500;}
.contact_area .contact img{width: 30px;margin-right: 10px;}
/* End contact_area */

/* Gateway */
.gateway{padding: 55px 0;}
.section_title_b{}
/* End Gateway */

/* Logos */
.logos{margin-top: 55px;}
.logos ul{}
.logos ul li{display: inline-block;
    margin-right: 16px;
    padding: 8px 30px;
    box-shadow: 5px 5px 27px -11px #259AFF;
    border-radius: 20px 0;}
.logos ul li img{height: 22px;
    width: auto;}
/* End Logos */

/* shipping */
.shipping{padding: 55px 0;background: #F9FBFF;}
/* End shipping */

/* develop */
.develop{padding: 55px 0;}
.d_box{text-align: left;}
.d_box_icon{    width: 28px;max-width: 100%;margin-top: 5px;}
.db_title{font-weight: 500;
    font-size: 20px;
    position: relative;
    padding-bottom: 20px;}
.db_title:after{position: absolute;content: '';left: 0;bottom: 0;width: 40px;height: 2px;background: #259AFF;}
.d_box p{    margin-top: 15px;
    line-height: 22px;}
/* End develop */

/* consultancy */
.consultancy{background: var(--primary_color);padding: 55px 0;}
.consultancy p{font-size: 30px;
    font-weight: 500;
    color: #fff;}
.consultancy .custom_button{background: #fff;
    color: #2A2A29;
    padding: 12px 51px;
    font-size: 23px;
    font-weight: 500;
    margin-top: 20px;
    border-radius: 8px;}
.consultancy .custom_button:hover{color: var(--primary_color);}
/* End consultancy */

/* faq */
.faq{background: #F9FBFF;padding: 55px 0;}
.faq_items{}
.faq_items li{padding: 8px 0;}
.faq_items li img{    width: 30px;
    margin-right: 15px;;}
/* End faq */

/* ====================== Laravel ========================= */
/* Laravel Demos */
.l_demos{}
.ld_container{}
.ld_carousel{padding: 15px 0;}
.ldc_box{position: relative;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 2px 2px 11px 0px #A8A8A8;}
.ldc_box:after{    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0, .4);
    z-index: 9;}
.ldc_box img{}
.ldc_content{    position: absolute;
    left: 35px;
    bottom: 70px;
    color: #fff;
    z-index: 99;}
.ldc_content h3{}
.ldc_content a{}

.ld_carousel .owl-nav .owl-prev {
    left: -60px;
}
.ld_carousel .owl-nav .owl-next {
    right: -60px;
}
.l_demos .ld_carousel .owl-nav button.owl-next, .l_demos .ld_carousel .owl-nav button.owl-prev {
    font-size: 16px;
    background: #fff !important;
    padding: 10px 13px !important;
    border-radius: 36px;
    box-shadow: 2px 2px 7px -2px #A8A8A8;
    top: 35%;
}
.ld_carousel .owl-nav button {
    position: absolute;
    top: 25%;
}
.ld_carousel .owl-nav button:focus {
    outline: none;
}
.ld_carousel .owl-nav button span {
    font-size: 70px;
}
.owl-carousel.owl-drag .owl-item{    padding-bottom: 25px;}
/* End Laravel Demos */

/* Responsive */
.l_responsive{    padding: 90px 0;color: #fff;}
.l_responsive h2{color: #fff;}
/* End Responsive */

/* Why EOMSBD */
.l_why_eoms{padding: 55px 0;}
.l_why_eoms p{margin-bottom: 15px;}

.why_laravel{    color: #fff;
    padding: 80px 70px;
    border-radius: 16px;}
.why_laravel p{margin-bottom: 15px;}
/* End Why EOMSBD */


/* Why Laravel */
.why_laravel_design{padding: 55px 0;}
.wld_cards{    }
.wld_caed{    padding: 0 25px;
    min-height: 450px;
    border-radius: 20px;
    overflow: hidden;
    padding-bottom: 15px;
    margin-bottom: 25px;
    box-shadow: 3px 3px 9px -2px #A8A8A8;}
.wld_caed img{    width: 65px;
    max-width: 90%;
    margin-top: 35px;}
.wld_caed h3{    font-size: 18px;    margin-bottom: 18px;padding-top: 22px;
}
.wld_caed p{font-size: 15px;
    line-height: 24px;
    color: #000;}
/* End Why Laravel */


/* Why EOMSBD Best */
.why_eoms_best{padding: 55px 0;}
.web_features{}
.webf_box{    margin-bottom: 40px;}
.webf_box img{width: 90px;
    margin-bottom: 10px;}
.webf_box h3{    color: #fff;
    font-size: 16px;
    font-weight: 500;}
/* End Why EOMSBD Best */
/* ====================== End Laravel ========================= */


/* Extra Small Device */
@media (max-width: 767px) {
    .header_banner_text{margin-right: 0;}
    .banner_items{margin-top: 20px;}
    .banner_form{    margin-top: 0;
        display: block;
        width: 100%;
        margin-left: 0;}
    .pr_box{border-radius: unset !important;    min-height: unset;}
    .sp_box{border-radius: unset !important;text-align: center !important;}
    .logos ul li{margin-bottom: 15px;}
    .d_box{margin-bottom: 20px;}
    .consultancy p {
        font-size: 15px;
    }
    .consultancy .custom_button {
        padding: 7px 20px;
        font-size: 15px;
        border-radius: 4px;
    }
    .bannter_content{
        width: 75%;
    }
    .why_laravel{    padding: 80px 35px;}
    .wld_caed{    min-height: unset;}
}


/* Small Device */
@media (min-width: 768px) {
    .header_banner_text{margin-right: 0;}
    .pr_box{min-height: 520px;}
}

/* Medium   Device */
@media (min-width: 992px) {
    .header_banner_text{margin-right: 240px;}
    .pr_box{min-height: 320px;}

}

/* Large Device */
@media (min-width: 1200px) {
}