/*
Theme Name: maiuyenbds
Theme URI: https://maiuyenbds.com
*/
html,
body{
    overflow-x: hidden;
}
:root {
    --main-color: #5b8158;
    --main-text-color: #000000;
    --black-color: #27221f;
    --light-color: #f8f8f8;
    --sub-color: #476445;
    --button-primary: rgb(81, 107, 72);
    --heading-text-color: #516b48;
    --sub-heading-text-color: #7a7a7a;
    --button-primary-hover: #5b8158;
    --font-banner: ;
    --font-title: ;
    --font-content: ;
    --bs-border-color: #ccc;
    --menu-item-active-color: rgb(81, 107, 72);
}
*{
    outline: none !Important;
}
img{
    max-width: 100%;
    height: auto;
}
.logo img{
    height: 86px;
    width: 86px;
    border-radius: 100%;
    border: 2px solid #fff;
}
.mt-20{
    margin-top: 20px;
}
#footer_2{
    width: 200px;
    margin-right: 25px;
}
#footer_3{
    width: 200px;
    margin-right: 25px;
}
#footer_4{
    width: 300px;
    margin-right: 25px;
}
table {
    width: 100% !important;
    border: none;
}
table th,
table td{
    opacity: 1;
    color: #000;
    height: auto !Important;
}
table td,
table tr{
    height: auto !Important;
}
table p{
    margin: 0px;
}
table tr td {
    padding: 7px !Important;
}
table tr:nth-child(odd)>td {
    background-color: hsla(0, 0%, 50.2%, .0705882353);
}
.editor h2{
    font-size: 22px;
    margin-bottom: 10px;
}
.editor h3{
    font-size: 18px;
    margin-bottom: 10px;
}
.editor h4{
    font-size: 16px;
    margin-bottom: 10px;
}
.editor p iframe{
    width: 100%;
    height: 400px;
}
.editor table{
    margin-bottom: 10px;
}
.editor ul{
    margin-left: 30px;
    list-style: disc;
    margin-bottom: 10px;
}
.editor ol{
    margin-left: 30px;
    list-style: decimal;
    margin-bottom: 10px;
}
.wp-caption{
    max-width: 100% !Important;
}
.wp-caption-text{
    text-align: center;
    font-style: italic;
    color: #444;
    padding-top: 6px;
}
.form-floating .form-control{
    padding: 0.6rem .75rem;
}
.form-floating textarea{
    min-height: 70px;
    height: 70px;
}
.wpcf7 input[type="submit"]{
    border-radius: 10px;
    width: 100%;
    background: rgb(81, 107, 72);
    height: 40px;
    font-size: 15px ! Important;
    color: #fff !Important;
    margin: 0px !Important;
    border: none;
}
.form-group{
    position: relative;
}
.wpcf7-spinner{
    position: absolute;
    top: 15px;
    left: 40%;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    text-align: center;
    font-size: 12px;
}
.bg_gray{
    background: #f8f8f8;
}
.pb-40{
    padding-bottom: 40px !Important;
}
.pt-40{
    padding-top: 40px !Important;
}
.breadcrumb p{
    margin-bottom: 0px;
}
.breadcrumb a,
.breadcrumb{
    color: #777;
}
.box-image {
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.box, .box-image, .box-text {
    transition: opacity .3s, transform .3s, background-color .3s;
}
.has-format, .image-cover, .video-fit {
    background-position: 50% 50%;
    background-size: cover;
    height: auto;
    overflow: hidden;
    padding-top: 100%;
    position: relative;
}
.has-hover .bg, .has-hover [class*=image-] img {
    transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
}
.has-equal-box-heights .box-image img, .has-format img, .image-cover img, .video-fit iframe, .video-fit video, img.back-image {
    bottom: 0;
    font-family: "object-fit: cover;";
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.box-image img {
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
}
.box_white{
    padding: 15px;
    border-radius: 5px;
    width: 100%;
    background-color: #fff;
    box-shadow: 2px 2px 4px 0px rgba(217, 217, 217, 0.4);
}
.author-box{
    display:flex;
    align-items:center;
    gap:25px;
    background:#fff;
    border:1px solid #e5e5e5;
    border-radius:15px;
    padding:25px;
    margin:30px 0;
    box-shadow:0 5px 20px rgba(0,0,0,.05);
}

.author-avatar img{
    width:120px;
    height:120px;
    object-fit:cover;
    border-radius:50%;
    border:4px solid rgb(81, 107, 72);
}

.author-content{
    flex:1;
}

.author-label{
    display:inline-block;
    background:rgb(81, 107, 72);
    color:#fff;
    padding:2px 12px;
    border-radius:20px;
    font-size:13px;
    font-weight:600;
    margin-bottom:10px;
}

.author-name{
    margin: 0 0 10px;
    color: #516b48;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.author-desc{
    margin-bottom:0px;
    color:#555;
}

.author-social{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}

.author-social a{
    display:inline-flex;
    align-items:center;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}
.author-social .social-list li{
    display: inline-block;
    margin-right: 10px;
}
@media(max-width:768px){
    .author-box{
        flex-direction:column;
        text-align:center;
    }

    .author-social{
        justify-content:center;
    }
}
.logo_text{
    text-transform: uppercase;
    color: #fff;
    font-weight: 400;
    font-size: 22px;
    margin-left: 10px;
}
.uppercase{
    text-transform: uppercase;
}
.mb-20{
    margin-bottom: 20px;
}
.mb-30{
    margin-bottom: 30px;
}
.achievement-section-owl-carousel img{
    border-radius: 4px;
    padding: 10px;
    background: #fff;
}
.gallery-item img{
    border: none !Important;
    border-radius: 2px;
    width: 100%;
}
.gallery-item,.gallery-item dt{
    opacity: 1 !Important;
    display: block;
}
.gallery{
    margin-left: -5px !important;
    margin-right: -5px !important;
}
.gallery-item{
    padding-left: 5px ! Important;
    padding-right: 5px ! Important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.modal-open{
    padding-right: 0px !Important;
}