/*-----------------------------------------------------------------------------------

 *

 * Theme Name: Solutic Child Theme

 * Theme URI: https://soluticwp.websitelayout.net/

 * Author: Website Layout

 * Author URI: https://www.websitelayout.net/

 * Description: This is a child theme of solutic

 * Version: 1.3

 * Template: solutic

 * Text Domain: solutic-child

 *

 * ----------------------------------------------------------------------------------- */
.content_slider { min-height: 430px; align-content: end }
@media(max-width:1199px) {
    .content_slider { min-height: 205px; align-content: end }
}
@media(min-width:576px) { }
.text-overflow-2 { overflow: hidden; text-overflow: ellipsis; line-height: 1.5em; -webkit-line-clamp: 2; height: 3em; display: -webkit-box; -webkit-box-orient: vertical; }
section { margin-left: 0 !important; margin-right: 0 !important }
.btn-product-detail { display: flex; justify-content: flex-start; align-content: center; flex-wrap: wrap; gap: 10px; margin-top: 20px }
.btn-product-detail a { padding: 0 50px; font-size: 15px; line-height: 50px; color: #fff; font-weight: 600; position: relative; background-color: #e74860; z-index: 1; }
footer p { margin-bottom: 0 }
.item_agency { border: 1px solid #E2E2E2; border-radius: 10px; padding: 20px; height: 100% }
.item_agency h3 { margin-bottom: 10px; font-weight: 700; font-size: 18px; }
.item_agency p { margin-bottom: 5px; }
.item_agency p  i { margin-right: 5px }
#filter-form { max-width: 400px; margin-bottom: 20px; }
#filter-form select { outline: none; border-radius: 5px; overflow: hidden; }
#overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); /* Màu nền tối */ display: none; /* Ẩn khi không cần thiết */ justify-content: center; align-items: center; z-index: 9999; /* Đảm bảo overlay nằm trên các phần tử khác */ }
.spinner { border: 4px solid #f3f3f3; /* Màu nền */ border-top: 4px solid #3498db; /* Màu spinner */ border-radius: 50%; width: 40px; height: 40px; animation: spin 2s linear infinite; }
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.gt_selector.notranslate { display: none !important }
.menu-item-gtranslate { display: flex; align-content: center; justify-content: start; gap: 10px; }
.menu-item-gtranslate a { padding: 0; width: auto !important; }
.btn-style1:hover { color: #fff !important }
.owl-item.active a { width: 100%; display: block }
.img_slider { width: 100% !important; display: flex }
.swiper-wrapper { align-items: center; }
.portfolio-style01 .portfolio-img { display: block; justify-content: center; align-items: center; position: relative; overflow: hidden; margin: 0; height: 550px; }
.portfolio-style01 .portfolio-img img { width: auto; display: block; object-fit: cover; height: 100%; position: absolute;    /* width: 100%; */ }
.navbar-brand img { width: auto; }
.top-search .input-group-addon { color: #000 }
.top-search { border-bottom: 1px solid #cccccc45; }
.top-search .input-group > input[type=text] { color: #000 }
.top-search .input-group > input[type=text]::placeholder { color: #000; opacity: 1; }
.top-search .input-group > input[type=text]::-ms-input-placeholder, .top-search input.form-control::-moz-input-placeholder { color: #000; }
.top-search .butn { color: #000 }
.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel > h2 { display: block }
span.img_product { height: 250px; display: flex; align-items: center; justify-content: center; }
.woocommerce ul.products li.product a img { margin: 0; height: auto; width: auto; display: inline-block; max-height: 100%; }
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf.VIpgJd-ZVi9od-aZ2wEe-wOHMyf-ti6hGc,.slider-fade1 .item:before{ display:none !important }


@media (max-width:991px) {
    .elementor-6063 .elementor-element.elementor-element-c377e5e > .elementor-element-populated { padding: 0 !important; }
    .navbar-nav .submenu-button { width: 45px }
    .menu-item-gtranslate a:nth-child(1) { padding-right: 0 }
    .menu-item-gtranslate a:nth-child(2) { padding-left: 0 }
    .page-title-section h1 { font-size: 25px; line-height: 1.4; }
}