/*
Theme Name:     Hoppex Child
Theme URI:      https://smartdata.tonytemplates.com/hoppex/
Description:    Child theme for hoppex
Author:         Smartdatasoft Team
Author URI:     https://themeforest.net/user/smartdatasoft
Template:       hoppex
Version:        1.0
*/

/* ----------------------------------------------------------------------------
 * Child Theme Style.css styles begin here!
 * ------------------------------------------------------------------------- */
:root {
    --thm-base: #213982 !important;
    --thm-base-rgb: 255, 81, 70;
}
.mbws_footerimg {
	    max-width: 160px !important;

}
.single-footer-widget.margin__top {
    margin-top: unset !important;
}
.logo a img {
    max-width: 160px !important;
	height: unset !important;
}
.btn-one {
	padding-left: 20px !important;
    padding-right: 20px !important;
	font-size: 15px !important; 
}
.choose-style__content li .inner .text h3 {
	top: unset !important; 
}
.contact-info-area .single-contact-info-box .icon {
	border-radius: 0 !important;
}
.project-style1-area{
	padding: 20px 0px 50px !important;
}
.project-style1-area .text-right-rtl .project-top-title{
	display: none;
}
.project-style1-area .text-right-rtl .single-project-item .img-holder img {
	
    height: 330px ;
}
.header-contact-info ul li .icon span:before {
	color:  #CDA475 !important;
}

.elementor-top-section .elementor-widget-heading .elementor-widget-container h2{
   margin-top: 100px;
}
.features-style1-area {
    padding-top: 100px !important;
}

.project-page-one, .blog-page, .testimonials-style1-area {
    padding: 100px 0 100px !important;
}
.main-contact-form-area {
    padding: 0px 0 100px !important;
}


.header-top {
 background-color: #213982 !important;
}
header.fixed-header .header  {
    top: 0;
    width: 100%;
    position: fixed !important;
} 
.mbws_card .mbws_itemcard .col-xl-3{
	flex: 0 0 50% !important;
    max-width: 50% !important;


}
.mbws_card .mbws_itemcard .col-xl-3 .text-center{
	    max-width: 450px;
		height: 700px
	
}
.mbws_card .mbws_itemcard .col-xl-3 .text-center p{
	   text-align: left !important;

}
@media(max-width:767px) {
	.mbws_card .mbws_itemcard .col-xl-3{
		flex: 0 0 100% !important;
		max-width: 100% !important;

	}
	
}
.footer-bottom {
    background-color: #1f2e6b;
}
.footer-bottom .bottom-inner .copyright p {
    color: #fff !important;
}
.features-style1-area .gradient-bg {
    /*background-image: -webkit-linear-gradient( -90deg, rgb(33,57,130) 0%, rgba(230, 254, 255, 0.2) 100%) !important;*/
	    background-image: -webkit-linear-gradient(-90deg, rgb(230, 254, 255) 0%, rgba(230, 254, 255, 0.2) 100%) !important;
}
.mbws_thuonghieu .row .col-xl-4{
    padding: 10px 10px;
}
.mbws_card12 .choose-style__content svg {
	max-width: 130%;
	height: unset;
}
@media(max-width:767px) {
	.mbws_card12 .choose-style__content svg {
		max-width: 200%;
		height: unset;
	}
	.mbws_card12 .choose-style__content .shape2 img {
       margin-right: 172px;
	}
	
}
.mbws_thuonghieunoibatnew .single-testimonials-style1 .client-info {
    position: relative;
    display: flex;
    align-items: center;
    padding-bottom: 25px;
    flex-direction: column;
}
.mbws_thuonghieunoibatnew .single-testimonials-style1 .client-info .img-box {
    width: 100%;
}

.mbws_thuonghieunoibatnew .single-testimonials-style1{
    padding: 0px 10px 0px !important;
	border: solid 2px #223982;
}
.video-gallery-style2 .auto-container {
    max-width: 50% !important;
    padding: 0;
}
.mbws_tinnoibat .single-features-style1{
    border: solid 2px #223982;
	overflow: hidden;
	padding: 0px 0px 50px;
}
.single-footer-widget .title h3 {
    color: #CEA676 !important;
}
.footer-widget-contact-info .icon.mapmarker{
	color: #CEA676 !important;
}
.single-footer-widget a, .single-footer-widget p  {
    color: #fff !important;
}

.mbws_uudaimoinhat .elementor-heading-title{
	line-height: 2;
}
.mbws_uudaimoinhat .elementor-widget-wrap .elementor-widget-heading .elementor-widget-container{
	border-radius: 50px;
}
@media(max-width:767px) {
	.mbws_uudaimoinhat .elementor-heading-title, .mbws_thuonghieunoibatnew .sec-title h2, .mbws_tinnoibat .sec-title h2,.mbws_uudai .sec-title h2, .mbws_giohoatdong .sec-title h2, .mbws_dangkytv .sec-title h2 {
	 line-height: 1.5 !important;
}
	.mbws_thuonghieunoibatnew .sec-title h2{
	  border-radius: 15px !important;
	}
	
	
}
.mbws_thuonghieunoibatnew .sec-title h2{
	background-color: #1A2C68;
	color: #CEA676;
	line-height: 2;
	border-radius: 50px;
	font-size: 30px;
}
.mbws_uudaimoinhat .elementor-widget-container h2.elementor-heading-title.elementor-size-default{
	font-size: 30px;
}
.mbws_tinnoibat .sec-title h2{
	background-color: #1A2C68;
	color: #CEA676;
	line-height: 2;
	border-radius: 50px;
	font-size: 30px;
}
.sec-title h2 {
    font-size: 30px !important;
    font-weight: 700;
    text-transform: none;
}
.mbws_uudai .sec-title h2{
	background-color: #1A2C68;
	color: #CEA676;
	line-height: 2;
	border-radius: 50px;
	font-size: 30px;
}
.mbws_giohoatdong .sec-title h2{
	background-color: #1A2C68;
	color: #CEA676;
	line-height: 2;
	border-radius: 50px;
	font-size: 30px;
}
.mbws_dangkytv .sec-title h2{
	background-color: #1A2C68;
	color: #CEA676;
	line-height: 2;
	border-radius: 50px;
	font-size: 30px;
}
.mbws_videobaoloccnter .elementor-widget-container h2, .mbws_card12 .sec-title h2{
	font-size: 30px;
	font-weight: 700;
}
.mbws_section_uudai {
	padding: 100px 0 0;

}
h1, h2, h3, h4, h5, h6 {
    font-family: system-ui !important;
}
.single-sidebar-box {
    position: relative;
    display: block;
    padding: 32px 35px 32px 35px;
    border-radius: 20px;
    box-shadow: 0 0 25px 0px rgb(26 46 85 / 4%);
    margin-bottom: 30px;
    border: solid 2px #223982;
}
.wp-block-search .wp-block-search__label, .wp-block-group__inner-container h2, .default-sidebar .sidebar-widget .widget-title h3 {
    font-size: 20px !important;
    font-weight: 700;
    line-height: 1.25em;
    font-family: system-ui !important;
}
.wp-block-search__inside-wrapper {
	display: flex;
}
.single-sidebar-box .title {
	padding-bottom: 10px !important
}
.single-sidebar-box.widget_archive ul li a{
    line-height: 20px !important
}
.single-sidebar-box.widget_archive ul li a:before{
	top: 12px !important
}
.mbws_quyenloi .e-con-inner {
	border: solid 2px #223982;
	border-radius: 20px;
	
}
.mbws_quyenloi{
	margin-bottom : 30px !important;
}
.project-page-one .projects-search .col-xl-4.col-lg-6 .project-block{
	border: solid 2px #223982;
	border-radius: 20px;
}
.project-page-one .projects-search .col-xl-4.col-lg-6 .project-block .text-holder {
    border-top: solid 2px #223982;
}
.mbws_footer1, .mbws_footer2, .mbws_footer3 {
	padding: 0 20px 0 20px;
}
@media(max-width:767px) {
	.mbws_footer1, .mbws_footer2, .mbws_footer3 {
		margin-bottom: 40px;
		
	} 
	.mbws_footer1 .elementor-widget-wrap, .mbws_footer2, .mbws_footer3 {
		display: flex;
		flex-direction: column;
		align-items: center;
		
	} 
	
}
.mobile-menu .nav-logo a img {
    height: auto !important;
    max-width: 200px !important;
}
.mobile-menu .nav-logo {
    position: relative;
    padding: 30px 30px !important;
    text-align: left;
}
.page-template-elementor_header_footer .page-breadcrumb {
    background-image: url(https://baoloccentercom394.mbws.vn/wp-content/uploads/2024/07/khuyen-mai1.jpg);
    background-size: cover;
    background-position: center !important;
    background-repeat: no-repeat !important;
	width: 100% !important;
    height: 100% !important;
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
    .page-template-elementor_header_footer .breadcrumb-area {
        padding: 10% 0 10%;
    }
	.page-template-elementor_header_footer .mission-area {
		position: relative;
		display: block;
		background: #ffffff;
		padding: 30px 0 30px;
	}
	.page-template-elementor_header_footer .breadcrumb-area .title h2 {
        font-size: 30px !important;
    }
	.page-template-elementor_header_footer .breadcrumb-menu ul li {
		font-size: 13px !important;
	}
}

.mbws_tinnoibat .icon img {
    scale: 1.03 !important;
}
@media(max-width:991px) {
	.mbws_section_uudai {
		padding: 30px 0;
	}
	    .project-style2-area.rspdtop150 {
        padding-top: 30px !important;
    }
	.project-style2-area {
		padding: 0 !important;
	}
	.features-style1-area {
	
		padding-top: 50px !important;
		z-index: 1;
	}
	.choose-style1-area {
		position: relative;
		display: block;
		padding: 30px 0 30px !important;
		z-index: 1;
	}
	.elementor-top-section .elementor-widget-heading .elementor-widget-container h2 {
     margin-top: 30px !important; 
	}
	.testimonials-style1-area { 
		padding: 30px 0 30px !important;
	}
	
}
@media(max-width:767px) {
	.mbws_section_uudai {
		padding: 0px 0;
	}
	    .project-style2-area.rspdtop150 {
        padding-top: 0px !important;
    }
	.project-style2-area {
		padding: 0 !important;
	}
	.features-style1-area {
	
		padding-top: 20px !important;
		z-index: 1;
	}
	.choose-style1-area {
		position: relative;
		display: block;
		padding: 0 !important;
		z-index: 1;
	}
	.elementor-top-section .elementor-widget-heading .elementor-widget-container h2 {
     margin-top: 0px !important; 
	}
	.testimonials-style1-area { 
		padding: 0 !important;
	}
	    .sec-title {
        padding-bottom: 20px !important;
    }
	
}
.elementor-tabs .elementor-tabs-wrapper {
	font-size: 22px;

}
.mission-area {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 100px 0 100px !important;
}
.mission-image-box {
    position: relative;
    display: block;
    max-width: 530px;
    width: 100%;
    float: right;
    padding-left: 160px;
    padding-bottom: 0 !important; 
}
.mbws_titleh2 h2{
	line-height: 2 !important;
}
@media only screen and (max-width: 767px) {
    .mission-image-box {
        max-width: 730px;
        float: none;
        padding-left: 0 !important;
        padding-bottom: 100px;
        margin-top: 60px;
    }
	.mbws_titleh2 h2{
		line-height: 1.5 !important;
	}
	.page-template-elementor_header_footer .mission-area {
        position: relative;
        display: block;
        background: #ffffff;
        padding: 30px 0 30px !important;
    }
	
	.elementor-top-section .elementor-widget-heading .elementor-widget-container h2{
	   margin-top: 30px;
	}
	.features-style1-area {
		padding-top: 30px !important;
	}

	.project-page-one, .blog-page, .testimonials-style1-area {
		padding: 30px 0 30px !important;
	}
	.main-contact-form-area {
		padding: 0px 0 0px !important;
	}
	.mbws_section_uudai {
	padding: 30px 0 0 !important;

	}
	.sec-title h2, .mbws_videobaoloccnter .elementor-widget-container h2, .mbws_titleh2 h2 {
		font-size: 18px !important;
	}
	.single-project-item .text-holder h4 {
		font-size: 16px !important;
		line-height: 30px;
		font-weight: 600;
		margin: 0 0 10px;
	}
	.single-project-item .text-holder {
		position: relative;
		display: block;
		padding-top: 15px !important;
		text-align: center;
	}
	.single-project-item .text-holder .category {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center !important;
	}
	 h5 {
		font-size: 17px;
	}
	h4 {
		font-size: 18px !important;
	}
	h3 {
		font-size: 19px !important;
	}
	.sec-title .sub-title p {
		font-size: 12px !important;
		line-height: 1 !important;
	}
	.sec-title .sub-title {
		padding-bottom: 0 !important;
	}
	.video-gallery-style2 .auto-container {
		max-width: 100% !important;
		height: auto !important;
		padding: 0;
	}
	.video-gallery-img {
		background-size: cover;
		background-repeat: no-repeat;
		padding: 10px 0px 10px !important; 
		border-radius: 20px;

	}
	.video-gallery-inner {
		padding-top: 20%;
	}
	.video-gallery-inner h2 {
		color: #ffffff;
		font-size: 20px !important;
		line-height: 50px;
		font-weight: 600;
		margin: 0 0 0px !important;
	}
	.video-gallery-inner .icon .video-popup {
		position: relative;
		display: inline-block;
		color: #ffffff;
		font-size: 20px !important;
		width: 64px !important;
		height: 45px !important;
		line-height: 46px !important;
		border-radius: 20px;
		background: #ff0000;
		text-align: center;
		border: 5px solid var(--thm-primary);
	}
	.elementor-tabs .elementor-tabs-wrapper {
         display: block !important; 
    }
	.elementor-widget-tabs .elementor-tab-desktop-title {
		position: relative;
		padding: 0px 10px !important; 
		font-size: 15px !important; 
	}
	.elementor-tab-mobile-title  {
         display: none !important; 
    }
	.elementor-tabs {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.elementor-tabs .elementor-tab-title{
		text-align: center;
		line-height: 2 !important; 
	}
		.mbws_titleh2 h2{
		line-height: 1.5 !important;
	}
	
}
@media only screen and (max-width: 767px) {
    .choose-style__content li .inner .text {
        margin-top: 25px;
        padding-left: 0px;
        text-align: left !important;
    }
	.choose-style__content {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
	}
	.choose-style__content li .inner .icon {
        position: static;
        margin: 0 !important;
    }
	.elementor-spacer {
		display: none;
	}
	button.btn-one.wpcf7-form-control.wpcf7-submit {
		height: 30px !important;
	}
	.btn-one{
		line-height: 2 !important;
	}
	.mbws_videobaoloc .video-gallery-img {
		height: 350px;
	}
	.footer-area .elementor-section.elementor-section-boxed {
		padding: 40px 0px 30px 0px !important
	}
}
.footer-bottom .bottom-inner{
	color: #fff;
}
.footer-bottom .bottom-inner a{
	color: #CEA676 ;
}
@media only screen and (max-width: 1040px) {
    .video-gallery-style2 .auto-container {
        max-width: 100% !important;
        height: auto !important;
        padding: 0;
    }
}
@media only screen and (max-width: 1199px) {
    .header-right {
        display: none !important;
    }
}