/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/*************** ADD CUSTOM CSS HERE.   ***************/
.top_head {
    background-color: rgb(85, 113, 135)
}
.vntech-option-language {
    z-index: 1000; /* Đảm bảo hiển thị trên các phần khác */
}

.vntech-option-language .navbar {
    display: flex;
    align-items: center; /* Căn giữa theo chiều dọc */
    justify-content: flex-end; /* Đẩy nội dung về phải */
    padding: 0px 10px;
    border-radius: 5px; /* Bo góc nhẹ */
    margin-bottom: 0px;
    z-index: 9999;
}
span.count-unit {
    text-transform: none;
}
.vntech-option-language .navbar .language-selector {
    background: transparent;
    border: none;
    color: #a2a2a2;
    outline: none;
    /*font-size: 15px;*/
    font-family: Montserrat-Regular;
    cursor: pointer;
    width: unset;
    z-index: 1060;
    -webkit-appearance: auto;
    box-shadow:none;
    margin-bottom: 0px;
    font-size: 16px;
    text-align: right;
}

/* Tùy chỉnh dropdown */
.vntech-option-language .navbar .language-selector option {
    /*background: #105375;*/
    color: #557187;
    font-family: Montserrat-Regular;
    font-size: 15px;
    text-align: left;
}


/*menuu destop chú ý d? b? d?n r?ng auto c?a th? li thì tmf dòng css và b? .sf-menu li:     /* white-space: nowrap; */
/*** ESSENTIAL STYLES ***/
.menu_head_mb_desktop {
    display: contents;
}
.menu-desktop {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #5b7384; /* Màu nền menu */
    position: relative;
    z-index: 4; /* Đảm bảo hiển thị trên nội dung khác */
}
ul#example>li>a {
    line-height: 102px;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1px;
    font-family: Montserrat-Regular;
}
.menu-container {
    display: flex;
    align-items: center;
    width: 100%;
}

.logo_head {
    margin-right: 10px; /* Đẩy logo về bên trái */
}

.logo_head img {
    max-width: 150px;
}

.main_menu {
    display: flex;
    justify-content: center;
    flex-grow: 1; /* Giúp menu căn giữa */
}

.main_menu ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.main_menu ul li {
    position: relative;
    margin: 0 20px;
}

.main_menu ul li a {
    text-decoration: none;
    color: rgb(85,113,135);
    font-size: 14px;
    padding: 10px 0;
    font-weight: 400;
    display: inline-block;
    position: relative;
}

/* Gạch chân menu cấp 1 khi active hoặc hover */
.main_menu > ul > li > a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 25px;
    width: 100%;
    height: 2px;
    background-color: #fff;
    transform: scaleX(0);
    transition: transform 0.3s ease-in-out;
}

/* Hiển thị gạch chân khi active hoặc hover */
.main_menu > ul > li.active > a::after,
.main_menu > ul > li:hover > a::after {
    transform: scaleX(1);
}

/* Submenu chỉnh sát menu cha */
.main_menu ul li ul {
    display: none;
    position: absolute;
    top: 100%; /* Đặt ngay dưới menu cha */
    left: 0;
    background: #fff; /* Nền submenu màu trắng */
    padding: 0px 0;
    min-width: 300px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 99; /* Đảm bảo nằm trên nội dung khác */
}

/* Chữ submenu màu đen */
.main_menu ul li ul li {
    margin: 0;
    padding: 5px 0px;
    width: 100%;
}

.main_menu ul li ul li a {
    display: block;
    padding: 10px 15px;
    color: rgb(85,113,135); /* Chữ submenu màu đen */
    font-size: 14px;
    white-space: nowrap;
    font-family: Montserrat-Regular;
}

/* Hover vào menu có submenu mới hiển thị */
.main_menu ul li:hover > ul {
    display: block;
}

/* Hiệu ứng hover submenu */
.main_menu ul li ul li a:hover {
    background: #f1f1f1; /* Nền xám nhạt khi hover */
}


.qodef-opener-icon {
    height: 100%;
    display: flex;
    align-items: center;
    border-color: #e1e1e1;
    z-index: 999;
}
.qodef-m-icon {
    position: relative;
    visibility: visible;
}
.qodef-m-lines {
    position: relative;
    display: block;
    width: 45px;
    height: 21px;
    overflow: hidden
}

.qodef-m-line {
    position: absolute;
    left: 0;
    height: 1px;
    width: 100%;
    color: #111;
    background-color: currentColor;
    transition: all .3s ease-out;
    transform: translateX(0)
}

.qodef-m-line.qodef--1 {
    top: 0;
    transition-delay: .2s
}

.qodef-m-line.qodef--2 {
    top: 10px;
    transition-delay: .1s
}

.qodef-m-line.qodef--3 {
    top: 20px;
    transition-delay: 0s
}

.qodef-m-line:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    transition: all .3s ease-out;
    transform: translateX(-200%);
    transform-origin: left;
    transition-delay: 0s
}


.qodef-widget-holder {
    position: absolute;
    right: 20px; /* Căn lề phải */
    top: 50%;
    transform: translateY(-50%); /* Canh giữa theo chiều dọc */
}

.qodef-opener-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px; /* Điều chỉnh kích thước nếu cần */
    height: 40px;
    cursor: pointer;
}

/*mobile*/
.list_menu_mobile.navbar-cates .navbar-link{
    color: #fff;
    font-family: Montserrat-Regular;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none !important;
}
.list_menu_mobile.navbar-cates .navbar-link span {
    width: 40px;
    height: 1px;
    margin-bottom: 8px;
    background: #111;
    display: block;
}
.main_mobile_menu .logo_head_mobile img {
    max-width: 140px;
    padding: 10px 0px;
}
.list_menu_mobile.navbar-cates .navbar-link {
    position: relative;
    top: 40px;
    right: 0px;
    float: right;
    cursor: pointer;
}
.list_menu_mobile.navbar-cates {
    margin-top: 0px;
}
span.navbar-toggle-icon img {
    max-width: 25px;
    float: right;
}
div#abc .mm-navbar {
    background: #7fa0a0;
}
/*ul#example ul{*/
/*    border-top: 1px solid  rgb(85,113,135);*/
/*}*/
div#abc .mm-navbar a{
    color: white;
    font-family: Montserrat-Regular;
    font-size: 16px;
    font-weight: bold;
}
div#abc{
    background: rgb(85,113,135);
}
.main_mobile_menu {
    display: none;
}
div#main_slider img {
    width: 100%;
    height: auto;
}
div#main_slider{
    position: relative;
}
div#main_slider .item{
    position: relative;
}
div#abc .mm-listview>li>a {
    text-transform: uppercase;
    font-size: 14px;
    font-family: Montserrat-Regular;
}

/*bottom sidbear*/
#qodef-side-area {
    position: fixed;
    top: 0;
    right: -600px; /* Ẩn div ban đầu bên ngoài viewport */
    width: 600px;
    height: 100vh;
    background: white;
    transition: right 0.3s ease-in-out;
    z-index: 1000;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
div#overlay{
    padding: 189px 152px 35px 152px;
}
#qodef-side-area.active {
    right: 0; /* Khi active, di chuyển vào màn hình */
}

#qodef-side-area .overlay {
    text-align: center;
    position: relative;
}

#qodef-side-area .close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 40px;
    cursor: pointer;
    z-index: 1060;
}
#qodef-side-area {
    pointer-events: auto;
}
#qodef-side-area .close-btn{
    pointer-events: auto;
}
#qodef-side-area .overlay a {
    pointer-events: auto;
}

#qodef-side-area .overlay{
    background: white;
    /*box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);*/
}

/*#qodef-side-area .overlay {*/
/*    position: fixed;*/
/*    top: 0;*/
/*    right: -100%;*/
/*    width: 610px;*/
/*    height: 100%;*/
/*    background: white;*/
/*    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);*/
/*    transition: right 0.3s ease-in-out;*/
/*    text-align: center;*/
/*    z-index: 9999999;*/
/*    padding: 189px 152px 35px;*/
/*}*/
/*#qodef-side-area .overlay.active {*/
/*    right: 0;*/
/*    transition-delay: 0.2s;*/
/*}*/
/*#qodef-side-area .close-btn {*/
/*    position: absolute;*/
/*    top: 10px;*/
/*    right: 15px;*/
/*    font-size: 40px;*/
/*    cursor: pointer;*/
/*}*/
/*#qodef-side-area .toggle-btn {*/
/*    position: fixed;*/
/*    top: 20px;*/
/*    right: 20px;*/
/*    padding: 10px 20px;*/
/*    background: brown;*/
/*    color: white;*/
/*    border: none;*/
/*    cursor: pointer;*/
/*}*/

.title-qodef-side{
    margin: 0 0 12px;
    color: #111;
    font-size: 27px;
    line-height: 1.29em;
    letter-spacing: .035em;
    font-family: Montserrat-Regular;
}
.description-qodef-side{
    margin: 0 0 30px;
    color: #2b2b2b;
    text-align: center;
    font-size: 18px;
    font-family: Montserrat-Regular;
}
.description-qodef-side a{
    text-decoration: none;
}


/*footer*/
.main_footer{
    background-color: rgb(242, 242, 242);
    padding: 130px 0 113px;
    border-top: 0 solid #919191;
    margin-top: 50px;
}
.ft-main-ft {
    position: relative;
}
.ft-main-ft img {
    max-width: 200px;
    padding: 10px;
}
.qodef-footer-logo-border {
    position: absolute;
    right: 10%;
    height: 100%;
    width: 1px;
    top: 0px;
    background: #c6c6c6;
}
.menu-ft{
    list-style: none;
    margin: 0;
    padding: 0;
}
.menu-ft li{
    color: #a2a2a2;
    text-transform: uppercase;
    margin: 0 0 20px;
    display: block;
}
.menu-ft li a{
    color: #2b2b2b;
    position: relative;
    text-decoration: none;
    font-size: 13px;
    line-height: 1.7em;
    font-weight: 500;
    font-family: Montserrat-Regular;
    letter-spacing: .25em;
}
.ft-main-ft .menu-ft {
    padding: 10px 0px;
}
.menu-ft li a:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    position: absolute;
    left: 0;
    bottom: -3px;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease-out;
}

.menu-ft li a:hover:after {
    transform: scaleX(1);
}
.titl-ft{
    line-height: 1.65em;
    margin: 10px 0px;
    color: #2b2b2b;
    font-size: 15px;
    font-family: Montserrat-Regular;
    letter-spacing: .25em;
}
.description-ft-m{
    font-size: 15px;
    line-height: 23px;
    font-weight: 300;
    letter-spacing: 0.01em;
    color: rgb(43, 43, 43);
    margin: 9px 0px 0px;
    font-family: Montserrat-Regular;
}

.subscribe-form {
    margin-top: 20px;
    gap: 5px;
}
.subscribe-form input {
    flex: 1;
    padding: 20px 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    outline: 0px;
    font-family: Montserrat-Regular;
}
.subscribe-form button {
    padding: 8px 15px;
    background-color: rgb(85, 113, 135);
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 5px;
}
.subscribe-form button:hover {
    background-color: rgb(68 101 127);
}
.subscribe-form {
    width: 100%; /* Đảm bảo div bao quanh chiếm toàn bộ chiều rộng của container cha */
    max-width: 100%; /* Ngăn không cho div vượt quá container cha */
}
.subscribe-form .wpcf7-form-control-wrap {
    display: inline-block;
}
.subscribe-form .wpcf7-form {

}
.subscribe-form .wpcf7-form>.wpcf7-form-control-wrap{
    width: calc(100% - 100px);
    float: left;
}
.subscribe_email_template{

}

/* Tùy chỉnh nút submit nếu cần */
.subscribe-form .wpcf7-form .tmplate_btn_vntech {
    width: 80px;
    padding: 8px 10px;
    margin-left: 10px;
}

/*social*/
.full-sidebar-social{
    border-left: 1px solid #e1e1e1;
    position: fixed;
    /*top: 100px;*/
    right: 0;
    width: 135px;
    height: 100%;
    z-index: 2;
    top: 0px;
}
.full-sidebar-social .social-container {
    position: fixed;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 10px;
}
.full-sidebar-social .social-icons {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.full-sidebar-social .follow-text {
    position: fixed;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) rotate(270deg);
    font-size: 22px;
    font-weight: bold;
    font-family: Montserrat-Regular;
}
.social-icons a {
    text-decoration: none;
    color: black;
    font-size: 24px;
    text-align: center;
    margin-bottom: 7px;
}
.social-icons a:hover i {
    color: rgb(186, 127, 50);
}
/*
* And with max cross-browser enabled.
* Nobody should ever write this by hand.
* Use a preprocesser with autoprefixing.
*/
.is-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.is-flex > [class*=\'col-\'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
/*content*/
.bg-content{
    padding: 40px 40px;
    background: rgb(242,242,242);
}
.bg-content.no{
    background: none;
}

.content-template-text-des {
    height: 100%;
    position: relative;
    display: flex;
    align-items: center; /* Căn giữa theo chiều dọc */
    justify-content: center; /* Căn giữa theo chiều ngang */
    text-align: center; /* Căn giữa chữ */
    padding: 20px;
}
.content-template-text-des .template-content {
    text-align: right;
}
.qodef-m-title{
    font-size: 25px;
    font-weight: 400;
    color: #111;
    line-height: 1.16em;
    letter-spacing: .035em;
    font-family: Montserrat-Regular;
}
.qodef-m-text{
    font-size: 20px;
    font-weight: 400;
    color: #557187;
    line-height: 1.16em;
    letter-spacing: .035em;
    font-family: Montserrat-Regular;
}
.content-template-slider-des .slider {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.content-template-slider-des .slides {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.content-template-slider-des .slide {
    min-width: 100%;
    box-sizing: border-box;
}

.content-template-slider-des img {
    width: 100%;
    display: block;
}
.text-left{
    text-align: left
}
.p1{
    width: 100%;
    max-width: 100%;
    color: #557187;
    font-size: 21px;
    font-weight: normal;
    letter-spacing: -0.5px;
    font-family: Montserrat-Regular;
    line-height: 1.65em;
}
.p1 a, .p2 a{
    text-decoration: none;
    border: 1px solid #999;
    margin-left: 10px;
    background: #eee;
    padding: 0px 10px;

}
.content-template-slider-des .elementor-size-default{
    font-size: 35px;
    font-weight: 400;
    font-family: Montserrat-Regular;
    color: #557187;
    text-decoration: none;
    line-height: 35px;
}

.awards .list_awards{
    margin-bottom: 15px;
}
.awards {
    padding: 30px 0px;
}
.des-fnhumaidhi .p1 img {
    max-width: 150px;
    margin: 0px auto;
    margin-top: 20px;
}
.biography .qodef-popup-item-n img {
    max-width: 200px;
    margin-bottom: 20px;
}
.elementor-button-link.elementor-size-sm{
    background-color: #7fa0a0;
    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    fill: #FFFFFF;
    color: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    text-decoration: none;
    border-radius: 3px;
    line-height: 1;
    padding: 12px 24px;
    text-align: center;
    transition: all .3s;
    margin-top: 20px;
    display: block;
    max-width: fit-content;
    font-family: Montserrat-Regular;
}
.elementor-button-link.elementor-size-sm:hover{
    color: #7fa0a0;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
}
.main-template-custom {
    max-width: 1315px;
    margin: 0px auto;
    display: block;
}
.main-template-custom{
    background-image: url('images/pattern-scaled.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 10px;
    overflow: hidden;
}
.heading-title-size-default{
    font-size: 40px;
    font-weight: 500;
    letter-spacing: -1px;
    color: #FFFFFF;
    font-family: Montserrat-Regular;
    text-align: center;
}
.content-template-slider-des .qodef-shortcode.qodef-m{
    text-align: center;
}
.content-template-slider-des .qodef-m-title{
    color: #FFFFFF;
    font-size: 17px;
    font-weight: normal;
    font-family: Montserrat-Regular;
    line-height: 27px;
}
.content-template-slider-des .qodef-m-digit{
    font-size: 50px;
    font-weight: bold;
    color: #FFFFFF;
    font-family: Montserrat-Regular;
    margin: 15px 0px;
    text-transform: uppercase;
}
.content-template-slider-des{
    margin-top: 40px;
    margin-bottom: 20px;
}

/*What-Farah-Offers-*/
.what-farah-offers{
    margin: 50px 0px 20px 0px;
    position: relative;
}
.what-farah-offers .text-box{
    position: relative;
    bottom: 150px;
    left: 5%;
    background: #FFFFFF;
    padding: 20px;
    max-width: 400px;
}
.what-farah-offers .title-what-farah{
    font-size: 45px;
    font-weight: bold;
    color: #557187;
    font-family: Montserrat-Regular;
}
.description-what-farah{
    color: #557187;
    font-size: 18px;
    font-weight: normal;
    font-family: Montserrat-Regular;
    line-height: 28px;
}
/*youtube-fnhumaidhi*/
.bg-youtube-fnhumaidhi{
    background-color: #F2EADD;
    padding: 15px 80px;
}
.content-template-slider-des .elementor-size-default{
    margin-bottom: 20px;
}
.content-template-slider-des .elementor-size-default a{
    font-size: 35px;
    font-weight: 400;
    font-family: Montserrat-Regular;
    color: #557187;
    text-decoration: none;
    line-height: 35px;
}
.bg-youtube-fnhumaidhi .content-template-slider-des{
    margin-top: 0px;
    padding: 0px 20px;
    word-wrap: break-word;
}
.bg-youtube-fnhumaidhi-subnet{
    background: white;
    padding: 20px 50px;
    margin-bottom: 30px;
}
.des-fnhumaidhi .p1{
    font-size: 18px;
}
.content-template-slider-des .elementor-size-default img{
    max-width: 200px;
}
/*consultation*/
.elementor-size-default.custom{
    font-size: 45px;
    font-weight: 500;
    font-family: Montserrat-Regular;
    color: #557187;
}
.p2{
    color: #000000;
    font-size: 18px;
    font-weight: 400;
    line-height: 31px;
    font-family: Montserrat-Regular;
}
.p3{
    font-size: 18px;
    font-weight: 400;
    font-family: Montserrat-Regular;
    color: #7fa0a0;
    margin: 20px 0px;
}
.p3 a{
    color: #111;
    font-family: Montserrat-Regular;
    font-size: 14px;
    padding: 5px 10px;
}

/*Book your Appointment Online*/
.bg-book-your-appointment-online{
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 10px;
    text-align: center;
}
.bg-book-your-appointment-online .elementor-button-link.elementor-size-sm{
    text-align: center;
    margin: 0px auto;
}
.elementor-heading-title.elementor-size-default{
    font-size: 30px;
    font-weight: normal;
    color: #FFFFFF;
    font-family: Montserrat-Regular;
    line-height: 45px;
    margin-bottom: 20px;
}
.p4{
    text-align: center;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -0.5px;
    line-height: 29px;
    font-family: Montserrat-Regular;
}
.bg-book-your-appointment-online .elementor-button-link.elementor-size-sm{
    background: #FFFFFF !important;
    color: #557187;
    font-weight: bold;
}
.elementor-heading-title.elementor-size-default{
    font-size: 40px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: -0.1px;
    color: #557187;
    font-family: Montserrat-Regular;
}
.online-design-course {
    padding: 50px 0px;
}
.img-icon-hea {
    max-width: 200px;
    margin: 0px auto;
    display: block;
}
.pd-40{
    padding: 0px 40px;
}
/*advertise-with-us*/
.text-tem-advertise-with{
    padding: 12px 20px 9px 20px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #A6C28C;
    border-radius: 6px 6px 6px 6px;
    max-width: 1200px;
    margin: 0px auto;
    text-align: center;
}
.text-tem-advertise-with .elementor-heading-title{
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: -1.7px;
    color: #557187;
    text-transform: none;
    font-family: Montserrat-Regular;
}
.template-partner-btn {
    width: 100%;
    text-align: center;
}
.template-partner-btn .elementor-button-link.elementor-size-sm {
    max-width: fit-content;
    display: block;
    text-align: center;
    margin: 0px auto;
    margin-bottom: 50px;
}

/*Business Portfolio*/
.text-center img{
    margin: 0px auto;
}
.business-bg-main .elementor-size-default img {
    max-width: 100px;
}
.business-bg-main{
    background-color: #BCCCCC;
    padding: 10px 20px;
}
.no-bg{
    background: none;
}
.business-bg-sub{
    background: #dee6e6;
}
.pd-10{
    padding: 10px;
}
.mr-bt-t-20{
    margin-top: 30px;
}
.mr-10{
    margin-bottom: 10px !important;
}
.mr-bt-40{
    margin-bottom: 40px;
}
.blogs-ar{
    background-color: #557187;
    color: white;
    padding: 10px 25px;
    text-decoration: none;
    border-radius: 5px;
    font-family: Montserrat-Regular;
    font-size: 18px;
    text-decoration: none;
}
.blogs-ar:hover{
    text-decoration: none;
    color: white;
}
.makeovers-bg-main{
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    padding: 100px 10px;
}
.makeovers-bg-main-bg{
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    padding: 100px 10px;
}
.templet-description-makeovers.text-right{
    width: 100%;
}

.top_head.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

/*Get In Touch*/
.head-get-in-touch-with{
    text-align: center;
    padding: 20px 0px;
}
.head-get-in-touch-with img {
    max-width: 150px;
}
.field-type-text .field-textual{
    width: 100%;
    padding: 10px 20px;
}
.get-in-touch-with-farah-alhumaidhi .elementor-field-label{
    font-size: 16px;
    font-weight: 400;
    font-family: Montserrat-Regular;
    color: #557187;
    display: block;
    margin-bottom: 10px;
}
.get-in-touch-with-farah-alhumaidhi .field-textual{
    border: 1px solid #69727d;
    padding: 20px 20px;
    font-size: 16px;
}
.get-in-touch-with-farah-alhumaidhi .custom-template-select{
    border: 1px solid #69727d;
    font-size: 16px;
    height: 40px;
}
.e-form__buttons{
    text-align: center;
}
.e-form__buttons .elementor-size-sm{
    background: #557187;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px 4px 4px 4px;
    font-family: Montserrat-Regular;
    text-transform: uppercase;
    box-shadow: none;
}
.e-form__buttons .elementor-size-sm {
    background: #557187;
    color: #ffffff;
    font-size: 17px;
    font-weight: 500;
    border-radius: 4px 4px 4px 4px;
    font-family: Montserrat-Regular;
    text-transform: uppercase;
    box-shadow: none;
    padding: 8px 50px;
    border: 0px;
}

/*About Farah*/
.about-farah-farah-alhumaidhi .bg-content.no {
    padding: 0px;
}
.icon-img {
    max-width: 200px;
    margin: 0px auto;
    display: block;
    margin-top: 30px;
}
.biography{
    background-color: #F2EADD;
}
.bg-awards-title{
    background-color: #BBBEBF;
    padding: 4px 20px;
    text-align: center;
    color: white !important;
}

.awards {
    padding: 30px 0px;
}
.list_awards img,.list_awards_template img{
    max-width: 200px;
}
.collaborations{
    background-color: #BBBEBF;
    max-width: 980px;
    margin: 0px auto;
    display: block;
    text-align: center;
}
.collaborations .elementor-button-link.elementor-size-sm {
    display: ruby-text;
    background-color: #FFFFFF;
    font-size: 12px;
    color:#557187;
    font-family: Montserrat-Regular;
    border-radius: 4px !important;
    border: 0px !important;
}
.collaborations .elementor-button-link.elementor-size-sm:hover{
    background-color: #557187;
    color: #FFFFFF;
}
.collaborations .elementor-heading-title.elementor-size-default {
    margin-bottom: 0px;
    color: white;
}
.list_awards_custom_template,.list_awards_template{
    position: relative;
}
.list_awards_custom_template button, .list_awards_template button{
    position: unset !important;
}
.list_awards_custom_template .owl-nav.disabled{
    display: block;
}
.list_awards_custom_template button.owl-prev span {
    font-size: 69px;
    color: hsla(0, 0%, 93%, .9);
    position: absolute;
    left: 0px;
    top: 20%;
}
.list_awards_custom_template  button.owl-next span{
    font-size: 69px;
    color: hsla(0, 0%, 93%, .9);
    position: absolute;
    right: 0px;
    top: 20%;
}
.background_media{
    background-color: #7fa0a0;
    text-align: center;
    color: #FFFFFF !important;
}

.media_contact-widget{
    color: #7fa0a0;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    font-family: Montserrat-Regular;
}
.media_contact-widget p{
    color: #7fa0a0;
    font-size: 18px;
    line-height: 31px;
    font-weight: 500;
    font-family: Montserrat-Regular;
}
.media_contact-widget a:focus,.media_contact-widget a:hover,.media_contact-widget p a:focus,.media_contact-widget p a:hover {
    color: #919191;
    text-decoration: none;
}
.text-capitalize{
    text-transform: capitalize !important;
}
/*Consultation*/

.consultation_template {
    padding: 40px 0px;
}
.consultation_template .description{
    color: #000000;
    font-family: Montserrat-Regular;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    text-align: center;
}
.business-consultation {
    width: 100%;
    padding: 30px 0px;
}
.consultation_template .text-consultation{
    color: #000000;
    font-family: Montserrat-Regular;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
}

.consultation_template .box-search-template {
    margin-bottom: 20px;
    position: relative;
}
.consultation_template .search-box {
    width: 100%;
    padding: 7px 40px;
    border: 1px solid #ccc;
    border-radius: 5px;
    outline: 0px;
    height: unset !important;
    font-size: 14px;
    font-family: 'Montserrat-Regular';
}
.consultation_template .template-box-consultation {
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
    padding: 8px 20px;
    background-color: transparent;
}
.consultation_template .service-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.consultation_template .service-tag {
    color: #019719;
    padding: 5px 10px;
    border-radius: 15px;
    font-size: 14px;
    display: block;
    font-weight: 400;
    background-color: #ccead1;
    font-family: Montserrat-Regular;
}
.consultation_template .price {
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 2px 8px;
    border-radius: 24px;
    margin: 0 8px 8px 0;
    flex: 0 1 auto;
    color: #1246d6;
    background-color: rgb(208 218 247);
}
.consultation_template .service-title {
    font-size: 18px;
    color: #1a2c37;
    font-family: Montserrat-Regular;
    margin: 10px 4px 10px 4px;
    line-height: 32px;
    font-weight: bold;
}
.consultation_template .service-info {
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 400;
    color: rgb(26, 44, 55, 0.8);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 10px;
}
.consultation_template .service-info.custom {
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 400;
    color: rgb(26, 44, 55, 0.8);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.consultation_template .service-info i {
    margin-right: 5px;
}
.consultation_template .service-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}
.consultation_template .continue-btn {
    background: #265cf2;
    color: white;
    border: none;
    padding: 6px 16px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 18px;
    font-family: Montserrat-Regular;
}
.consultation_template .service-footer .continue-btn{
    font-size: 14px;
    line-height: unset;
    text-transform: unset;
}
.consultation_template .continue-btn:hover {
    background: #0056b3;
}
.consultation_template .search-icon {
    position: absolute;
    left: 10px;
    top: 35%;
    transform: translateY(-50%);
    color: #777;
    font-size: 14px;
}
.consultation_template .service-footer .view-employees{
    padding: 6px 5px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    color: #265cf2;
    text-decoration: none;
}
.consultation_template .service-footer .view-employees:hover{
    background-color: rgba(38, 92, 242, 0.3);
}
.consultation_template .service-info i,.consultation_template .service-info.custom i{
    color: #265cf2;
}
.consultation_template .text-consultation strong {
    font-weight: bold;
}
.am-fcil__heading{
    font-size: 18px;
    font-weight: 500;
    line-height: 1.555555;
    color: #33434c;
    padding: 16px 0px;
    font-family: Montserrat-Regular;
}
.template-b-service{
    width: 100%;
    border: 1px solid rgba(26, 44, 55, 0.15);;
    border-radius: 6px;
    padding: 20px 20px;
}
/*Farah's Collaborations*/
.collaborations_template_content {
    padding: 40px 0px;
}
.collaborations_template_content .elementor-heading-title{
    font-size: 30px;
    font-weight: 400;
    font-family: Montserrat-Regular;
    color: #557187;
    text-transform:none;
}

section#box-landipage-011{
    background: #dae0df;
}
.landi-gallery {
    display: flex;
    flex-wrap: wrap; /* thêm đoạn này nếu muốn chỉ hiển thị theo item được set là 4sp, không nó sẽ hiển thị hết trên một hàng nếu nhiều hơn 4sp Allows items to wrap to the next row on smaller screens */
    justify-content: space-between;
    list-style-type: none; /* Remove bullets */
    padding: 0;
    margin: 0;
    width: 100%;
}

.landi-gallery .photo-gallery {
    flex-basis: calc(20% - 10px); /* Divide space evenly, accounting for spacing */
    box-sizing: border-box;
    /*background: white;*/
    padding: 5px;
    margin-bottom: 10px;
}

.landi-gallery .photo-gallery .wr-img {
    width: 100%; /* Ensure the image wrapper takes full width */
    text-align: center; /* Center the content */
}

.landi-gallery .photo-gallery img {
    max-width: 100%; /* Ensure images are responsive */
    height: auto;
}

/* Adjust for tablets - 2 images per row */
@media (max-width: 768px) {
    .landi-gallery .photo-gallery {
        flex-basis: calc(50% - 10px); /* 2 images per row */
    }
}

/* Adjust for mobile - 1 image per row */
@media (max-width: 480px) {
    .landi-gallery .photo-gallery {
        flex-basis: 100%; /* 1 image per row */
    }
}


/*Đợn dưới này sẽ hiển thị 4sp tren một hàng trên desktop, đoạn trên hiển thị toàn bộ trên một hàng.*/

section#box-landipage-011{
    background: #dae0df;
}
.landi-gallery {
    display: flex;
    flex-wrap: wrap; /* Allows items to wrap to the next row on smaller screens */
    justify-content: space-between;
    list-style-type: none; /* Removes bullets */
    padding: 0;
    margin: 0;
    width: 100%;
}

.template-advertise-with-us .photo-gallery {
    flex-basis: calc(25% - 10px); /* 4 images per row on desktop */
    box-sizing: border-box;
    margin-bottom: 10px; /* Adds spacing between rows */
    /*background: white;*/
    padding: 5px;
    margin-bottom: 10px;
}

.photo-gallery .wr-img {
    width: 100%; /* Ensures the image wrapper takes the full width */
    text-align: center;
}

.photo-gallery img {
    max-width: 100%; /* Ensures images are responsive */
    height: auto;
}

/* For tablets - display 2 images per row */
@media (max-width: 768px) {
    .photo-gallery {
        flex-basis: calc(50% - 10px); /* 2 images per row */
    }
}

/* For mobile - display 1 image per row */
@media (max-width: 480px) {
    .photo-gallery {
        flex-basis: 100%; /* 1 image per row */
    }
}
.blog-articles-template{
    width: 100%;
    padding: 20px 5px;
}
.blog-articles-template .bg-content-qodef-m-content{
    background-color: #55718752;
    padding: 20px 10px;
}
.infor_author_template {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: right;
    justify-content: flex-end; /* Căn phần tử sang bên phải */
}

.infor_author_template li {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px; /* Khoảng cách giữa các mục */
}

.author_avatar img {
    height: 40px; /* Đặt chiều cao cố định cho ảnh */
    width: 40px; /* Đặt chiều rộng cố định nếu cần */
    object-fit: cover; /* Đảm bảo ảnh không bị méo */
    border-radius: 50%; /* Nếu muốn ảnh hình tròn */
}
.box-title-blog{
    margin: 10px 0px;
}
.box-title-blog a{
    color: #557187;
    font-size: 19px;
    font-weight: normal;
    letter-spacing: -0.1px;
    font-family: Montserrat-Regular;
    text-decoration: none;
    /*line-height: 35px;*/
}
.box-title-blog a:hover{
    color: #7fa0a0 !important;
}
.description-blog p,.description-blog{
    font-size: 14px;
    font-weight: 400;
    font-family: Montserrat-Regular;
    color: #000;
    line-height: 26px;
}
/*.main-container-custom .bg-content-qodef-m-content .fix-vntech-item {*/
/*    height: 100%;*/
/*}*/
/*.main-container-custom .content-template-blog-item{*/
/*    height: 100%;*/
/*}*/
.read-more{
    font-size: 15px;
    letter-spacing: -0.1px;
    color: #7fa0a0;
    font-family: Montserrat-Regular;
    font-weight: bold;
}
.infor_author_template .author_label a{
    color: #111;
    font-weight: bold;
    font-size: 15px;
    text-decoration: none;
}
.infor_author_template .author_label:hover a{
    text-decoration: none;
    color: #7fa0a0;
}
.content-template-blog-item{
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, .1);
    background-color: #fff;
}
.box-img-blog {
    max-height: 312px;
    overflow: hidden;
    width: 100%;
}
.box-img-blog img{
    width: 100%;
    height: auto;
}

.read-morre-item {
    display: block;
    text-align: right;
    margin-bottom: 10px;
}
.box-img-blog {
    position: relative;
    display: inline-block;
}

.box-img-blog a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0); /* Ban đầu trong suốt */
    transition: background 0.3s ease-in-out;
}

.box-img-blog:hover a::after {
    background-color: #55718769;/* Khi hover, nền sẽ tối mờ */
}

/*Tab blog*/
.blog-articles-template-list-tab .infor_author_template {
    justify-content: flex-start;
}
.blog-articles-template-list-tab .tab-menu {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    background: #f5f5f5;
    justify-content: space-between;
    flex-wrap: wrap; /* Để tab xuống dòng khi không đủ chỗ */
}
.read-morre-item:hover .read-more{
    text-decoration: none;
}
.blog-articles-template-list-tab .tab-item {
    flex: 1; /* Chia đều chiều rộng */
    text-align: center;
    padding: 15px 20px;
    cursor: pointer;
    /*text-transform: uppercase;*/
    color: #333;
    background-color: rgba(235, 235, 235, 0.3);
    font-weight: bold;
    font-size: 16px;
    line-height: 35px;
    border: 1px solid transparent;
    transition: all 0.3s ease-in-out;
    font-family: Montserrat-Regular;
}

/* Loại bỏ khoảng cách ở mobile để tránh bị lệch */
.blog-articles-template-list-tab .tab-item:not(:last-child) {
    margin-right: 10px;
}

/* Khi active */
.blog-articles-template-list-tab .tab-item.active {
    background: #577086;
    color: white;
    position: relative;
}

/* Mũi tên chỉ xuống */
.blog-articles-template-list-tab .tab-item.active::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #577086;
}

/* Nội dung tab */
.blog-articles-template-list-tab .tab-content {
    display: none;
    padding: 20px;
    background: #eee;
    margin-top: 10px;
}

.blog-articles-template-list-tab .tab-content.active {
    display: block;
}

/* Responsive cho màn hình nhỏ hơn (Tablet, Mobile) */
@media (max-width: 1024px) {
    .blog-articles-template-list-tab .tab-menu {
        flex-wrap: wrap;
    }

    .blog-articles-template-list-tab .tab-item {
        flex: 1 1 50%; /* Chia 2 cột trên tablet */
        font-size: 16px;
        padding: 12px;
    }
}

@media (max-width: 768px) {
    .blog-articles-template-list-tab .tab-item {
        flex: 1 1 100%;
        font-size: 14px;
        padding: 10px;
        line-height: 30px;
        border-bottom: 1px solid #ccc;
    }
    .blog-articles-template-list-tab .tab-item:last-child{
        border-bottom: 0px;
    }
}
/*single blog*/
.template-detail-single-blog {
    background: #ffffff;
    padding: 40px 0px;
}
.custom-breadcum-head p{
    color: #a2a2a2;
    margin: 0px;
    font-size: 15px;
    line-height: 2em;
    font-weight: 500;
    letter-spacing: .25em;
    font-family: Montserrat-Regular;
}
.custom-breadcum-head p a{
    color: #a2a2a2;
    text-decoration: none;
}
.custom-breadcum-head p a:hover{
    color: #111;
}
.qodef-e-text .title-blog-single{
    text-align: center;
    font-weight: 400;
    color: #111;
    font-size: 63px;
    line-height: 1.11em;
    letter-spacing: .015em;
    margin: 25px 0;
    font-family: Montserrat-Regular;
}
.detail-template-blog, .detail-template-blog p, .detail-template-blog a, .detail-template-blog span,
.detail-template-blog strong, .detail-template-blog ul li, .detail-template-blog ol li{
    font-size: 18px;
    color: #2b2b2b;
    font-weight: 300;
    letter-spacing: .01em;
    line-height: 35px;
    font-family: Montserrat-Regular;
}
div#polylang-2 {
    margin-bottom: 0px !important;
}
/*div#overlay {*/
/*    display: none;*/
/*}*/

ul#example >li.menu-item-has-children>a:after {
    content: "\f0dd";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: relative;
    top: -4px;
    left: 3px;
    background: none;
}
/* Gạch chân menu cấp 1 khi active hoặc hover */
ul#example .current-menu-item a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 40px;
    width: 100%;
    height: 2px;
    background-color: #fff;
    transform: scaleX(1) !important;
    transition: transform 0.3s ease-in-out;
}
div#polylang-2 span{
    font-family: Montserrat-Regular;
    font-size: 14px;
    position: relative;
    top: 3px;
}
div#polylang-2 li {
    display: inline-block;
    border: 0px;
    margin-left: 10px;
}
div#polylang-2 li a{
    padding: 0px;
    outline: 0px !important;
}
div#polylang-2 li a:focus{
    border: 0px !important;
    text-decoration: none !important;
}
div#polylang-2 li a:hover{
    text-decoration: none !important;
    outline: 0px !important;
}
.vntech-option-language .navbar{
    min-height: unset;
    padding: 8px 10px;
}
.top_head.fixed .logo_head img {
    max-width: 110px;
}
.top_head.fixed ul#example>li>a{
    line-height: 70px !important;
}
.top_head.fixed ul#example .current-menu-item a::after {
    bottom: 28px;
}
select#lang_choice_polylang-2 {
    border: 0px !important;
    padding: 5px 30px !important;
    font-size: 14px !important;
    background-color: white !important;
    box-shadow:none !important;
    margin-bottom: 0px;
    text-align: left;
}
.mm-listview .lang-item{
    border: 0px !important;
}
.mm-listview .lang-item:after{
    display: none !important;
}

.des-fnhumaidhi .p1 p {
    font-size: 18px;
    line-height: 28px;
}
.slider{
    position: relative;
}
.slider .owl-nav {
    display: block !important;
}
.slider button.owl-next{
    position: absolute;
    top: 32%;
    right: 0px;
}
.slider button.owl-prev{
    position: absolute;
    top: 32%;
    left: 0px;
}
.slider button.owl-next span,.slider button.owl-prev span {
    font-size: 60px;
    color: #557187;
}
.des-fnhumaidhi .p2 p{
    color: #000000;
    font-size: 18px;
    font-weight: 400;
    line-height: 31px;
    font-family: Montserrat-Regular;
}
.bg-book-your-appointment-online .elementor-heading-title {
    text-transform: none;
    color: white;
}
.p4 .lead{
    text-align: center;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -0.5px;
    line-height: 29px;
    font-family: Montserrat-Regular;
}

.consultation_template .business-consultation .text-consultation .lead{
    color: #000000;
    font-family: Montserrat-Regular;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    text-align: left;
}

.boxmenulistleft li a {
    position: relative;
}
.boxmenulistleft li.current-menu-item .toggle i, .boxmenulistleft li:hover .toggle i {
    background-color: #5b7384;
    color: #fff !important;
    transition: allease 0.3s;
}
.boxmenulistleft li.current-menu-item a{
    text-transform: uppercase;
    color: #5b7384 !important;
    font-family: Montserrat-Regular;
    font-size: 16px;
    font-weight: bold;
}
.boxmenulistleft li a{
    display: block;
    position: relative;
}
.boxmenulistleft li .toggle i {
    color: #212121;
    background-color: #E5F7FF;
    border-radius: 0.25rem;
    padding: 4px 7px;
    font-weight: bold;
    font-size: 12px;
}
.desscription_category_vntech68 {
    padding: 0px 18px;
    margin-bottom: 10px;
    font-size: 16px;
    font-family: 'Montserrat-Regular';
    line-height: 30px;
}
.boxmenulistleft li .toggle {
    position: absolute;
    right: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    top: 0px;
    left: 0;
    cursor: pointer;
}
.boxmenulistleft li{
    list-style: none;
    margin-bottom: 10px;
}
.boxmenulistleft li a{
    /*-webkit-line-clamp: 1;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    white-space: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-decoration: none;
    font-size: 20px;
    color: #212121;
    text-transform: capitalize;
    padding-left: 35px;
}
.boxmenulistleft li:hover a{
    color: #5b7384;
}
.breadcrumb>li+li:before{
    display: none;
}
.breadcrumbs_category .breadcrumb {
    background-color: unset;
    padding: 15px 20px;
    margin-bottom: 0px;
}
.main-sidebar-template .title-category {
    font-size: 35px;
    display: block;
    margin-bottom: 20px;
    color: #111;
    font-family: Montserrat-Regular;
    font-weight: 400;
}
.breadcrumbs_category .breadcrumb li {
    display: inline-block;
    font-size: 16px;
    color: rgb(162, 162, 162);
    font-family: Montserrat-Regular;
}
.breadcrumbs_category .breadcrumb li span{
    margin: 0px 10px;
}
.breadcrumbs_category .breadcrumb li a{
    color: rgb(85, 113, 135);
    text-decoration: none;
    font-weight: bold;
}

.phantrang {
    width: 100%;
    margin-bottom: 5px;
    text-align: left;
    margin-top: 25px;
}
.phantrang a {
    background: #ccc;
    padding: 4px 11px;
    color: #000000;
    display: inline-block;
    text-decoration: none;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 13px;
}
.phantrang span.page-numbers.current {
    background: rgb(85, 113, 135);
    padding: 8px 12px;
    color: white;
    border-radius: 4px;
    font-size: 13px;
}
.phantrang span.current{
    background: rgb(85, 113, 135);
    padding: 8px 12px;
    color: white;
    border-radius: 4px;
    font-size: 13px;
}
.phantrang span.extend{
    padding: 8px 13px;
}
.phantrang span.pages{
    padding: 9px 15px;
}
.phantrang a:hover{
    background: rgb(85, 113, 135);
    color: white;
}
.notify_not_page {
    margin: 0px;
    border-left: 3px solid rgb(85, 113, 135);
    margin-left: 5px;
    padding: 5px 10px;
    background: white;
    font-size: 25px;
    line-height: 35px;
    font-family:  Montserrat-Regular;
    display: block;
    width: 100%;
    font-weight: bold;
}
.detail_single_page_custom .detail .color-title {
    font-size: 35px;
    line-height: 46px;
    color: #111;
    font-family:  Montserrat-Regular;
    text-align: center;
}
.detail_single_page_custom p,.detail_single_page_custom span,
.detail_single_page_custom strong, .detail_single_page_custom ul li,
.detail_single_page_custom p ol li{
    font-size: 18px;
    line-height: 30px;
    font-family: Montserrat-Regular;
}

.news-tag-list .news-tags-item {
    font-size: 16px;
    line-height: 30px;
    font-family: Montserrat-Regular;
}
.news-tag-list .news-tags-item a {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 25px;
    color: #626262;
}
.main_blog-related-custom {
    position: relative;
}
.main_blog-related-custom .owl-nav.disabled{
    display: block;
}
.main_blog-related-custom button.owl-prev span {
    font-size: 69px;
    color: hsla(0, 0%, 93%, .9);
    position: absolute;
    left: 0px;
    top: 20%;
}
.main_blog-related-custom  button.owl-next span{
    font-size: 69px;
    color: hsla(0, 0%, 93%, .9);
    position: absolute;
    right: 0px;
    top: 20%;
}
.detail_blog_template.detail_single_page_custom .title-custom-vntech-check-page,
.detail_blog_template.detail_single_page_custom .entry-title.mb span{
    text-align: center;
    font-size: 30px;
}
.icon-sidebar-home-template i {
    font-size: 50px;
    color: #ba7f32;
}
#qodef-side-area .overlay a:hover{
    color: #ba7f32;
}
.detail_single_page_custom h2, .detail_single_page_custom h3,
.detail_single_page_custom h4, .detail_single_page_custom h5,
.detail_single_page_custom h6{
    font-family: Montserrat-Regular;
}
.template-farahs-collaboration-social {
    display: flex;           /* Container cha dùng Flexbox */
    flex-wrap: wrap;         /* Cho phép xuống hàng */
    justify-content: center; /* Căn giữa ngang các phần tử con */
    align-items: center;     /* Căn giữa dọc các phần tử con */
    /*min-height: 100px;       !* Đảm bảo container có chiều cao tối thiểu *!*/
}

.template-farahs-collaboration-social .photo-gallery{
    flex-basis: calc(33.33% - 20px); /* 3 cột, trừ margin */
    box-sizing: border-box;
    padding: 5px;
    margin: 10px;
    display: flex;           /* Mỗi photo-gallery cũng dùng Flexbox */
    align-items: center;     /* Căn giữa dọc nội dung bên trong */
    justify-content: center; /* Căn giữa ngang nội dung bên trong */
    /*min-height: 100px;*/
}
.template-farahs-collaboration-social .photo-gallery img{
    max-width: 150px;
}
/* Responsive adjustments */
@media (max-width: 768px) {
    .template-farahs-collaboration-social .photo-gallery {
        flex-basis: calc(50% - 20px); /* 2 cột trên tablet */
    }
}

@media (max-width: 480px) {
    .template-farahs-collaboration-social .photo-gallery {
        flex-basis: 100%; /* 1 cột trên mobile */
        margin: 10px 0;   /* Chỉ giữ margin trên/dưới */
    }
}
.template_list_share_instagram {
    margin-top: 20px;
    margin-bottom: 40px;
}
.template_list_share_instagram .list_template_instagram p {
    font-size: 20px;
    color: #557187;
    font-family: Montserrat-Regular;
}

.template-highlights-of-farahs{
    background-color: #F2EADD;
    padding: 40px 20px;
    margin-bottom: 30px;
}


.template-highlights-of-farahs-en {
    display: flex;
    gap: 16px; /* Khoảng cách giữa các nút */
    justify-content: center;
}

.template-highlights-of-farahs-en a {
    font-family: Montserrat-Regular;
    font-size: 16px;
    font-weight: 700;
    fill: #FFFFFF;
    color: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    text-decoration: none;
    border-radius: 3px;
    line-height: 1;
    padding: 4px 24px;
    text-align: center;
    transition: all .3s;
    margin-top: 20px;
    display: block;
    max-width: fit-content;
    line-height: 35px;
    font-family: Montserrat-Regular;
}

.template-highlights-of-farahs-en a:first-child {
    background-color: #557187;
}

.template-highlights-of-farahs-en a:first-child:hover {
    color: #7fa0a0;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
}

.template-highlights-of-farahs-en a:last-child {
    background-color: #7fa0a0; /* Màu xanh ngọc */
}

.template-highlights-of-farahs-en a:last-child:hover {
    background-color: #FFFFFF;
    color: #7fa0a0;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
}

@media (max-width: 768px) {
    .template-highlights-of-farahs-en {
        justify-content: center;
    }
    .template-highlights-of-farahs .template-farahs-collaboration-social {
        display: block;
        flex-wrap: unset;
        justify-content: unset;
        align-items: end;
    }
    .template-highlights-of-farahs-en a{
        max-width: unset;
    }
    .template-highlights-of-farahs-en{
        display: block;
    }
    .template_list_share_instagram .list_template_instagram {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        justify-content: center;
        padding: 16px;
    }
}

.woocommerce a.remove {
    width: 30px;
    height: 22px;
    position: relative;
    transition: opacity 200ms;
    vertical-align: top;
    display: block;
    -webkit-appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    text-indent: -9999px;
}
.woocommerce a.remove:before, .woocommerce a.remove:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAQAAACMnYaxAAAAXUlEQVR4XsWQQQrAQAgD84Pti/JSoaftN1MCdgXxXgYvGfUQyABE4DEIUJmeuKgVlJI5em0RGTesFXXZuLwCzvL2pYbHmfCTNSXxpyyajLGClFy7K1dgaaho7YYovIpO3rju6hYFAAAAAElFTkSuQmCC) 0 0 no-repeat;
    left: 8px;
    position: absolute;
    right: 8px;
    top: 2px;
    display: inline-block;
    content: '';
}
.woocommerce a.remove:before{
    height: 6px;
    transform-origin: -7% 100%;
    -moz-transform-origin: -7% 100%;
    -webkit-transform-origin: -7% 100%;
    transition: transform 150ms;
    -moz-transition: transform 150ms;
    -webkit-transition: transform 150ms;
    width: 14px;
}
.woocommerce a.remove:after{
    background-position: -1px -4px;
    height: 12px;
    margin-left: 1px;
    margin-right: 2px;
    margin-top: 4px;
    width: 11px;
}
.woocommerce a.remove:hover:before{
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: transform 250ms;
    -moz-transition: transform 250ms;
    -webkit-transition: transform 250ms;
}
.woocommerce a.remove:hover {
    background: transparent;
}

.woocommerce .shop_table.shop_table_responsive.cart .product-name,
.woocommerce .shop_table.shop_table_responsive.cart .product-price,
.woocommerce .shop_table.shop_table_responsive.cart .product-quantity,
.woocommerce .shop_table.shop_table_responsive.cart .product-subtotal,
.cart-sidebar.col-inner .cart_totals{
    font-family: Montserrat-Regular;
    font-size: 13px;
    color: #111;
}
.cart-sidebar.col-inner .cart_totals .cart-subtotal,.cart_totals tbody th,
.cart-sidebar.col-inner .cart_totals .order-total{
    font-family: Montserrat-Regular;
    font-size: 16px;
}
.woocommerce-cart-form__cart-item.cart_item .product-name>a{
    display: none;
}
.woocommerce-cart-form__cart-item.cart_item .variation-AppointmentInfo>hr {
    display: none;
}
.woocommerce-cart-form__cart-item.cart_item .variation-AppointmentInfo p{
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.woocommerce .button-continue-shopping,
.woocommerce button.button.primary{
    font-family: 'Montserrat-Regular';
    padding: 6px 10px;
}

body.woocommerce-cart .breadcrumbs,body.woocommerce-checkout .breadcrumbs {
    display: none;
}
.wc-proceed-to-checkout .checkout-button {
    padding: 5px 20px;
    text-decoration: none;
}
.woocommerce-form-coupon-toggle{
    flex-direction: column-reverse;
    align-items: flex-start;
    padding: 20px 30px;
    margin-bottom: 30px;
    border: 1px solid #919191;
    list-style: none;
}
.woocommerce-form-coupon-toggle .message-container{
    flex-direction: column;
    font-size: 16px;
    color: #111;
    font-family: Montserrat-Regular;
}
.woocommerce-form-coupon-toggle .message-container a{
    display: block;
    width: 100%;
    font-size: 16px;
    color: #111;
    font-family: Montserrat-Regular;
}
.woocommerce-form-coupon-toggle .showcoupon{
    font-family: Montserrat-Regular;
    margin-top: 15px;
}
.woocommerce-form-coupon-toggle .message-container a:hover{
    color: #919191;
    text-decoration: none;
}
.woocommerce .woocommerce-billing-fields{
    border: 0px;
}
.checkout_coupon.woocommerce-form-coupon p{
    font-family: Montserrat-Regular;
    font-size: 16px;
    color: #919191;
}
.checkout_coupon.woocommerce-form-coupon input{
    font-size: 14px;
    color: #919191;
    padding: 10px 20px;
}
.coupon button.button.expand{
    font-size: 14px;
    padding: 0px 20px;
    border-radius: 4px;
    color: white;
    background: rgb(85, 113, 135)
}
.woocommerce-billing-fields h3,#order_review_heading,.woocommerce-additional-fields h3{
    font-weight: 400;
    color: #111;
    font-size: 35px !important;
    line-height: 1.16em;
    letter-spacing: .035em;
    margin: 25px 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    font-family: Montserrat-Regular;
    text-transform: none !important;
}
.woocommerce-billing-fields__field-wrapper label.required_field,p#billing_company_field{
    /*margin: 10px 0;*/
    line-height: 1.65em;
    font-weight: 300;
    letter-spacing: .01em;
    color: #2b2b2b;
    font-family: Montserrat-Regular;
    font-size: 16px;
}
p#billing_address_1_field {
    width: 100%;
}
p#order_comments_field label{
    color: #2b2b2b;
    font-family: Montserrat-Regular;
    font-size: 16px;
}
span.select2-selection.select2-selection--single {
    height: 40px;
}
.woocommerce-billing-fields__field-wrapper input,select#billing_country,#order_comments{
    padding: 8px 15px;
    color: #2b2b2b;
    font-size: 16px;
    font-family: Montserrat-Regular;
}
.select2-container .select2-choice>.select2-chosen, .select2-container .select2-selection--single .select2-selection__rendered, .select2-selection{
    color: #2b2b2b;
    font-family: Montserrat-Regular;
    line-height: 30px !important;
    font-size: 16px;
    padding-top: 5px;
}
div#order_review .product-name,div#order_review .product-total,div#order_review .cart-subtotal th,div#order_review .order-total th{
    color: #2b2b2b;
    font-family: Montserrat-Regular;
    font-size: 14px;
}
div#order_review p{
    display: block;
    color: #2b2b2b;
    font-family: Montserrat-Regular;
    font-size: 14px;
    margin-bottom: 7px;
}
div#order_review .variation-AppointmentInfo hr{
    display: none;
}
div#payment .payment_box.payment_method_hesabe {
    margin: 20px 0px;
}
div#order_review .shop_table.woocommerce-checkout-review-order-table {
    margin-bottom: 27px;
}
div#payment .wc_payment_method.payment_method_hesabe label {
    font-size: 15px;
}
button#place_order {
    padding: 11px 20px;
    font-family: Montserrat-Regular;
}
body.woocommerce-order-pay .woocommerce{
    color: #2b2b2b;
    font-family: Montserrat-Regular;
    font-size: 14px;
    margin-bottom: 7px;
}
ul.order_details li,.cart-container.page-checkout .woocommerce p{
    color: #2b2b2b;
    font-family: Montserrat-Regular;
    font-size: 14px;
    margin-bottom: 7px;
}

.el-form-item.el-form-item--default.am-fs__info-form__item.am-info-email {
    width: 100% !important;
    display: block;
}
.el-form-item.el-form-item--default.am-fs__info-form__item {
    width: 100% !important;
    display: block;
}
.el-form-item__content .maz-flag.maz-flag-ch {
    position: relative;
    top: 12px;
}
.amelia-v2-booking #amelia-container .m-phone-number-input__select.m-select .m-input-wrapper-right button svg {
    font-size: 14px !important;
    position: relative;
    top: 8px;
    left: 10px;
}
.amelia-v2-booking #amelia-container .m-phone-number-input__country-flag {
    bottom: 14px;
    left: 9px;
    top: 1px;
}