@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap");
:root{
--gutter: 1.5rem;
--fs-title: clamp(1.25rem, 1.1rem + 0.75vw, 2rem);
}
body{
font-family: "Noto Sans", sans-serif;
}
p:last-of-type{
margin-bottom: 0;
}
[class*="fa-"]:not(.fab):before{
font-family: "Font Awesome 6 Pro";
}
.g-2{
--gutter: 0.5rem;
}
.g-3{
--gutter: 1rem;
}
.g-4{
--gutter: rem;
}
.g-30{
--gutter: 30px;
}
.row-custom{
margin-top: calc((-1) * var(--gutter));
padding-left: calc(0.5 * var(--gutter) / 2);
padding-right: calc(0.5 * var(--gutter) /2);
}
.row-custom>.col{
margin-top: var(--gutter);
padding-left: calc(0.5 * var(--gutter));
padding-right: calc(0.5 * var(--gutter));
padding-bottom: 0;
}
.row-inner-full > .col > .col-inner{
height: 100%;
}
.row-slider .flickity-slider > .col{
padding-bottom: 0 !important;
}
.img-rounded-2{
border-radius: 0.5rem;
overflow: hidden;
}
.text-no-wrap{
white-space: nowrap;
}
.section-bg-contain .bg-fill{
background-size: contain !important;
}
.btn-custom{
min-height: unset;
margin: 0;
padding: 0.5rem 1rem;
border-radius: 0.25rem;
line-height: normal;
font-size: 1rem;
transition: all .3s ease-in-out;
}
.btn-x{
border-radius: 10px;
background: linear-gradient(180deg, #FEB91D 0%, #F9AC00 100%);
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}
.main-title{
position: relative;
}
.main-title h2{
margin-bottom: 0;
font-size: var(--fs-title);
font-weight: 500;
}
.box-main-title h2{
margin-bottom: 0.5rem;
font-size: var(--fs-title);
} #header.sticky-jump .stuck:not(.ux-no-animation){
animation: stuckMoveDown 1s;
transition: all .3s ease-in-out;
}
#top-bar .nav>li.html{
font-size: 0.875rem;
}
#logo{
display: flex;
align-items: center;
gap: 0.5rem;
width: unset !important;
max-width: 300px;
}
#logo .logo-tagline{
flex: 1;
margin: 0;
font-size: 1rem;
font-weight: 700;
color: #266eca;
}
.header-main{
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.header-main .menu-item + .menu-item{
border-left: 1px solid#ccc;
padding-left: 0.5rem;
margin-left: 0.5rem;
}
.header-main .menu-item a{
padding: 0;
color: #000;
font-weight: 500;
font-size: 1.25rem;
line-height: normal !important;
}
.header-main .menu-item.active a{
color: #000;
}
.header-main .menu-item:hover a{
color: var(--primary-color);
}
.header-bottom .flex-left{
flex: unset !important;
}
.header-bottom .flex-center{
flex: 1;
}
.header-bottom .flex-right{
display: none;
}
.header-bottom .header-bottom-nav{
justify-content: space-evenly;
}
.header-bottom .header-bottom-nav .menu-item a{
color: #000;
font-size: 1rem;
font-weight: 500;
}
.gtranslate_wrapper .gt_switcher-popup span:first-child{
display: none;
} .header-search-form{
flex: 1;
}
.header-search-form-wrapper{
width: 320px;
max-width: 100%;
padding: 0.125rem;
border-radius: 50rem;
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
overflow: hidden;
}
.header-search-form-wrapper .search-field{
border: 0;
font-size: 0.875rem;
box-shadow: none !important;
background-color: transparent;
}
.header-search-form-wrapper .search-field::placeholder{
color: #D3D3D3;
}
.searchform-wrapper:not(.form-flat) .submit-button,
.widget_search .submit-button{
width: 2rem;
height: 2rem;
border-radius: 50% !important;
background-color: var(--primary-color);
}
.header-search-form-wrapper .submit-button i{
top: unset;
}
.polylang_langswitcher{
display: flex;
align-items: center;
list-style: none;
margin-bottom: 0;
padding-left: 0;
gap: 0.25rem;
}
.polylang_langswitcher li{
margin-bottom: 0;
}
.polylang_langswitcher li img{
width: 30px;
min-width: 24px;
height: auto !important;
} .slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button{
margin-top: unset;
top: 50%;
transform: translate(20%, -50%) !important;
}
.slider-show-nav .flickity-prev-next-button,
.slider:hover .flickity-prev-next-button{
transform: translate(0%, -50%) !important;
}
.main-slide .swiper-slide{
position: relative;
}
.main-slide .banner-slide{
position: absolute;
left: 10%;
right: 10%;
top: 50%;
transform: translateY(-50%);
}
.main-slide .flickity-page-dots .dot{
width: 2rem;
height: 0.25rem;
border-radius: 50rem;
background-color: var(--primary-color);
border-color: var(--primary-color);
}
.main-slide .flickity-page-dots .dot.is-selected{
} .project-products-slide .swiper-wrapper{
-webkit-transition-timing-function:linear!important;
-o-transition-timing-function:linear!important;
transition-timing-function:linear!important;
}
.banner-brand .text-box{
left: clamp(0.5rem, 0.4rem + 0.5vw, 1rem);
bottom: clamp(0.5rem, 0.4rem + 0.5vw, 1rem);
display: none;
}
.banner-brand .text-box .text-box-content{
background: linear-gradient(90deg, #FFF 27.5%, rgba(255, 255, 255, 0.05) 100%);
padding: 0.5rem;
font-size: clamp(0.75rem, 0.7rem + 0.25vw, 1rem) !important;
}
.banner-brand .text-box .text-box-content h3{
margin: 0;
line-height: 1;
font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
font-weight: 700;
}
.banner-brand .text-box .text-box-content p{
margin-top: 0.25rem;
} .project-products-slide .swiper-slide .box-img-project-products{ padding-top: 100%;
transition: all .5s ease-in-out;
}
.project-products-slide .swiper-slide .box-img-project-products img{
object-fit: contain;
} .wrapper-slide .swiper-button-prev,
.wrapper-slide .swiper-button-next{
width: 2rem;
height: 2rem;
background-color: #ECEBEB;
border-radius: 50%;
}
.wrapper-slide .swiper-button-prev:after,
.wrapper-slide .swiper-button-next:after{
font-size: 1rem;
color: rgba(0, 0, 0, 0.5);
} .row-icon-achievement > .col > .col-inner{
padding: 3%;
background-color: #D9D9D9;
border-radius: 0.5rem;
}
.row-icon-achievement > .col > .col-inner > .row{
justify-content: space-evenly;
}
.row-icon-achievement > .col > .col-inner > .row:after{
content: unset;
}
.icon-achievement{
height: 100%;
padding: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
background-color: #fff;
transition: all .3s ease-in-out;
cursor: pointer;
}
.icon-achievement .icon-box-img{
width: 80px !important;
height: 80px;
display: flex;
align-items: flex-end;
}
.icon-achievement .icon-box-text{
color: var(--primary-color);
font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
font-weight: 700;
}
.icon-achievement .icon-box-text h3{
margin-bottom: 1rem;
color: #F4B250;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
font-size: clamp(2.5rem, 2.3rem + 1vw, 3.5rem);
line-height: normal;
}
.icon-achievement:hover{
transform: translateY(-0.5rem);
} .box-img-aplication{
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
cursor: pointer;
}
.box-img-aplication .box-text{
padding: 0.5rem;
} .image-about-1{
border-radius: 0.5rem;
box-shadow: rgba(149, 157, 165, 0.5) 0px 8px 24px;
overflow: hidden;
}
.box-main-title-about{
padding-left: 1rem;
}
.box-main-title-about h3{
display: inline;
position: relative;
margin-bottom: 0;
}
.box-main-title-about h3:before{
content: "";
position: absolute;
right: -1rem;
top: 50%;
width: 50px;
height: 2px;
background-color: var(--primary-color);
transform: translate(100%, -50%);
}
.box-main-title-about h3:after{
content: "";
position: absolute;
top: 50%;
width: 0.75rem;
height: 0.75rem;
border-radius: 50%;
background-color: var(--primary-color);
transform: translate(calc(100% + 50px), -50%);
}
.box-main-title-about-2{
display: flex;
gap: 1rem;
width: auto;
margin-left: -250px;
margin-top: 1rem;
z-index: 1;
}
.box-main-title-about-2 .box-image{
border: 0.25rem solid #fff;
border-radius: 0.5rem;
box-shadow: rgba(149, 157, 165, 0.5) 0px 8px 24px;
}
.box-main-title-about-2 .box-image > div{
width: 370px !important;
}
.box-main-title-about-2 .box-text{
flex: 1;
padding-bottom: 0;
font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
}
.box-main-title-about-2 .box-text ul li::marker{
content: "\f058 \00A0\00A0";
font-family: "Font Awesome 6 Pro";
font-weight: 700;
color: var(--primary-color);
}
.block-video{
position: relative;
}
.block-video .video-button-wrapper{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 1;
} .box-main-title.box-main-title-contact h2{
}
.icon-box-contact{
height: 100%;
padding: 0 clamp(0.75rem, 0.6rem + 0.75vw, 1.5rem) clamp(0.75rem, 0.6rem + 0.75vw, 1.5rem);
background-color: #F8F8F9;
border-radius: 0.5rem;
transition: all .3s ease-in-out;
cursor: pointer;
}
.icon-box-contact .icon-box-img{
margin-bottom: -0.5rem;
transform: translateY(-50%);
}
.icon-box-contact .icon-box-img img{
padding-top: 0;
}
.icon-box-contact .icon-box-text h3{
margin-bottom: 0.5rem;
font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
line-height: normal;
}
.icon-box-contact:hover{
transform: translateY(-0.5rem);
background-color: #d3dae5;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.wpcf7-form{
margin-bottom: 0;
}
.form-contact .form-control{
height: unset;
margin-bottom: 0;
padding: 0.75rem 1rem;
background-color: #EAEAEA;
border-radius: 0.25rem;
transition: all .3s ease-in-out;
box-shadow: none !important;
}
.form-contact textarea.form-control{
height: 10rem;
}
.form-contact .btn-custom{
}
.map-contact iframe {
width: 100%;
height: 580px;
} .box-blog-post .box-image .image-cover{
padding-top: 75%;
}
.box-blog-post .box-text{
padding-top: 0;
padding-bottom: 0;
font-size: clamp(0.75rem, 0.725rem + 0.125vw, 0.875rem);
}
.box-blog-post .post-date{
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: clamp(2.5rem, 2.2rem + 1.5vw, 4rem);
height: clamp(2.5rem, 2.2rem + 1.5vw, 4rem);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0.125rem 0.5rem;
background: #fff;
font-weight: 700;
line-height: 1.2;
}
.box-blog-post .post-date .day{
}
.box-blog-post .post-date .month{
color: rgba(0, 0, 0, 0.30);
}
.box-blog-post .post-categories{
margin-bottom: 0.5rem;
padding: 0.5rem 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.30);
color: rgba(0, 0, 0, 0.30);
font-weight: 700;
font-size: clamp(0.625rem, 0.575rem + 0.25vw, 0.875rem);
}
.box-blog-post .post-title{
margin: 0 0 0.5rem;
font-size: clamp(0.875rem, 0.8rem + 0.375vw, 1.25rem);
transition: all .3s ease-in-out;
}
.box-blog-post .post-description{
color: rgba(0, 0, 0, 0.50);
}
.post-view-more{
position: relative;
display: inline-block;
margin-top: 0.5rem;
font-weight: 700;
}
.post-view-more:before{
content: "";
position: absolute;
left: 0;
bottom: -0.125rem;
width: 100%;
height: 1px;
background-color: #000;
}
.post-view-more:after{
content: "";
position: absolute;
left: 0;
bottom: -0.125rem;
width: 100%;
height: 1px;
background-color: #fff;
transition: all 0.5s ease-in-out;
transform: translateX(0) scaleX(0);
transform-origin: right;
}
.post-view-more:hover:after{
width: 0;
transform: translateX(100%) scaleX(1);
}
.box-blog-post:hover .post-title{
color: var(--primary-color);
} .nav-pagination{
display: flex;
justify-content: center;
}
.nav-pagination .page-number{
border: 1px solid #000;
border-radius: 0;
display: flex;
justify-content: center;
align-items: center;
line-height: 1;
font-size: 0.875rem;
} .banner-page,
.banner-page-slide{
height: clamp(6.25rem, 2.5rem + 18.75vw, 25rem);
position: relative;
}
.banner-page-slide .swiper-slide img{
width: 100%;
height: 100%;
object-fit: cover;
}
.banner-page .title-banner-page{
text-align: center;
font-weight: 700;
}
.section-banner .section-content{
display: flex;
justify-content: center;
padding: 0 3%;
}
.section-banner .title-page{
margin-bottom: 0;
text-align: center;
font-weight: 700;
font-size: clamp(1.25rem, 1.05rem + 1vw, 2.25rem);
text-transform: uppercase;
color: var(--primary-color);
} .wrapper-breadcrumb{
background-color: #f7f7f7;
margin-bottom: 1rem;
}
.breadcrumb{
padding: 0.5rem 0;
font-weight: 300;
}
.breadcrumb span{
font-size: clamp(0.75rem, 0.725rem + 0.125vw, 0.875rem);
}
.breadcrumb span a{
color: #000;
}
.breadcrumb i{
color: #1E73BE;
font-size: 0.75rem;
} .section-footer{
}
.col-footer h3{
position: relative;
margin-bottom: 0.5rem;
font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
}
.col-footer p{
margin-bottom: 0.5rem;
}
.col-footer ul{
margin-bottom: 0;
list-style-position: inside;
}
.col-footer ul li{
margin: 0;
color: var(--primary-color);
}
.col-footer:not(.col-social) ul li + li{
margin-top: 0.5rem;
}
.col-footer ul li a{
position: relative;
color: var(--primary-color);
}
.col-footer ul li a:after{
content: "";
position: absolute;
left: 0;
bottom: -0.25rem;
width: 100%;
height: 1px;
background-color: #000;
transform: scaleX(0);
transition: all .3s ease-in-out;
transform-origin: 0 0;
}
.col-footer ul li a:hover:after{
transform: scaleX(1.0);
}
.col-footer .fa-youtube{
color: #e60808;
}
.absolute-footer{
background-color: var(--primary-color);
padding-bottom: 0;
}
.absolute-footer  .footer-primary{
width: 100%;
padding: 0.5rem;
border-top: 1px solid #fff;
text-align: center;
color: #fff;
}   .shop-container .products.row{
margin-top: 1.5rem;
}
.product-main{
padding-bottom: 20px;
}
.product-container .product-images .flickity-viewport,
.woocommerce-product-gallery__wrapper .flickity-viewport .flickity-slider a{
height: 550px !important;
}
.product-container .flickity-viewport .flickity-slider a{
display: block;
}
.product-container .flickity-viewport .flickity-slider img{
width: 100%;
height: 100%;
object-fit: contain;
}
.product-gallery-slider .flickity-prev-next-button.next{
transform: translate(-20%, -50%);
}
.product-gallery-slider .flickity-prev-next-button.previous{
transform: translate(20%, -50%);
}
.product-summary .product-title{
font-size: clamp(1.125rem, 1.025rem + 0.5vw, 1.625rem);
} 
.product-summary .price{
font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
}
.product-summary .product-page-price bdi{
color: #F10000;
}
.product-summary .price-on-sale del .woocommerce-Price-amount.amount bdi{
color: #7C7C7C;
}
.product-summary .price-on-sale ins .woocommerce-Price-amount.amount bdi,
.product-summary .price-on-sale ins .woocommerce-Price-amount.amount bdi{
color: #F10000;
}
.product-summary .variations_form{
margin-top: 0.5rem;
}
.product-summary .variations_button{
padding: 0;
}
.product-summary .quantity{
display: none !important;
}
.product-summary form.cart>.single_add_to_cart_button,
.product-summary form.cart>.single_variation_wrap>.woocommerce-variation-add-to-cart>.single_add_to_cart_button{
display: none;
}
.product-summary .group-button-add-cart{
display: flex;
gap: 0.5rem;
margin-top: 1rem;
}
.product-summary .group-button-add-cart .single_add_to_cart_button{
flex: 1;
margin: 0;
padding: 0.5rem 1rem;	
border: none;
border-radius: 0.25rem;
text-transform: uppercase;
}
.single_add_to_cart_button.button_buy_now{
background-color: #D61D25;
}
.product-summary .social-icons{
display: flex;
align-items: center;
gap: 0.5rem;
}
.product-summary .social-icons:before{
content: "Chia sẻ:";
color: #000;
font-size: 1rem;
font-weight: 700;
}
.product-summary .social-icons a{
min-width: unset;
min-height: unset;
width: 2.25rem;
height: 2.25rem;
display: flex !important;
justify-content: center;
align-items: center;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
color: #000;
font-size: 1.125rem;
transition: all .3s ease-in-out;
}
.product-summary .social-icons a i{
top: unset;
} .woocommerce-tabs{
padding-top: 0 !important;
}
.woocommerce-tabs .product-tabs{
flex-grow: unset;
}
.woocommerce-tabs .product-tabs li{
width: auto;
}
.woocommerce-tabs .product-tabs li a{
padding: 0.25rem 1rem;
border-radius: 0;
font-size: clamp(0.75rem, 0.7rem + 0.25vw, 1rem);
color: #000;
text-transform: uppercase !important;
line-height: 2;
}
.woocommerce-tabs .product-tabs li.active a{
color: #fff;
}
.woocommerce-tabs .tab-panels{
} .product-section-title{
margin-left: 0;
font-size: 1.5rem;
}
.product-footer{
padding-bottom: clamp(1rem, 0.6rem + 2vw, 3rem);
} #post-list .row .post-item{
padding-bottom: 1.5rem;
}
.infor-single-post ul {
list-style: none;
margin-bottom: 0;
display: flex;
gap: .75rem;
color: #7c7c7c;
font-size: 15px
}
.blog-share{
display: flex;
align-items: center;
gap: 0.5rem;
margin-top: 1.5rem;
font-weight: 700;
}
.blog-share .social-icons a{
background-color: #000;
color: #fff;
margin: 0;
}
.blog-share .social-icons a i{
top: unset;
}
.blog-single .single-page{
padding-bottom: 0;
}
.blog-single .single-page .row{
max-width: unset !important;
}
.blog-single .post.type-post{
margin-bottom: 0;
} .widget .widget-title {
display: block;
margin-bottom: 0.75rem;
font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem);
}
.widget .is-divider{
display: none;
}
.recent-blog-posts-li + .recent-blog-posts-li{
border-top: 1px dashed #ccc;
}
.recent-blog-posts-li .recent-blog-posts{
padding-top: 0.375rem;
padding-bottom: 0.375rem;
}
.recent-blog-posts-li .badge{
width: 5rem;
height: 4rem;
border-radius: 0.25rem;
overflow: hidden;
}
.recent-blog-posts a{
font-size: 0.875rem;
font-weight: 600;
} ul.product_list_widget li + li{
margin-top: 0.375rem;
border-top: 1px dashed #ccc;
}
ul.product_list_widget li{
min-height: unset;
padding-top: 0.375rem;
padding-left: 6rem;
font-size: 0.75rem;
}
ul.product_list_widget li img{
width: 5rem;
height: 4rem;
top: unset;
margin-bottom: 0;
border-radius: 0.25rem;
}
.product_list_widget .product-title{
font-size: 0.875rem;
font-weight: 600;
}
.product_list_widget ins span.amount,
.product_list_widget > li > span.amount{
color: #ce2e2e;
}
@media (max-width: 1300px){
.header-nav .menu-item{
margin: 0 2px;
}
.header-main .menu-item a{
font-size: 1.125rem;
}
.header-bottom .header-bottom-nav > .menu-item > a{
font-size: 0.875rem;
}
.header-search-form-wrapper{
width: 250px;
}
} @media (max-width: 991.98px) {
.header-main{
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.header-main .header-inner{
flex-direction: row;
}
.header-main li.html.custom{
display: block;
}
#main-menu .nav-vertical>li>a{
font-size: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
color: #000;
}
.mobile-nav .button {
display: flex;
justify-content: center;
align-items: center;
min-width: unset;
min-height: unset;
width: 2rem;
height: 2rem;
margin: 0;
padding: 0.25rem;
color: #000;
font-size: 16px;
line-height: 0.8;
}
.mobile-nav .button .icon-menu {
line-height: 1;
}
.mobile-nav .button .icon-menu:before {
content: "\f0c9";
font-family: "Font Awesome 6 Pro";
font-weight: 700;
}
.off-canvas .sidebar-menu{
padding-top: 0;
}
.off-canvas-center .mfp-content{
height: 100%;
}
.sidebar-menu-tabs .sidebar-menu-tabs__tab-link{
font-size: 1rem;
} .product-gallery,
.product-info{
margin: 0 15px;
padding-bottom: 15px;
} .box-main-title-about-2{
margin-left: 0;
}
.box-main-title-about-2 .box-image > div{
width: 250px !important;
padding-top: 100% !important;
}
.box-main-title-about{
padding-left: 0;
}
} @media (max-width: 767.98px) {
body{
font-size: 0.875rem;
}
.row.small-columns-2 .col:nth-child(even),
.row.row-small > .col.small-6:nth-child(even){
padding-left: 0.25rem;
}
.row.small-columns-2 .col:nth-child(odd),
.row.row-small > .col.small-6:nth-child(odd){
padding-right: 0.25rem;
}
#logo .logo-tagline{
font-size: 0.875rem;
max-width: 174px;
}
.main-slide .flickity-page-dots{
bottom: 2px;
}
.main-slide .flickity-page-dots .dot{
width: 1rem;
border-width: 2px;
}
.btn-custom{
padding: 0.25rem 1rem;
border-radius: 0.375rem;
font-size: 0.75rem;
} .ux-swatch--label{
font-size: 0.75rem;
}
.ux-swatch--color, .ux-swatch--image{
width: 20px;
height: 20px;
}
.product-summary .group-button-add-cart .single_add_to_cart_button{
line-height: 1.5;
}
.form-call-advise .wpcf7-form-control-wrap input{
font-size: 0.875rem;
}
.product-summary .social-icons a{
font-size: 0.875rem;
} .box-main-title-about-2{
flex-direction: column;
}
.box-main-title-about-2 .box-image{
width: 100%;
}
.box-main-title-about-2 .box-image > div{
width: auto !important;
}
} @media (max-width: 575.98px) {
} @media (min-width: 576px) {  } @media (min-width: 768px) {
.g-md-3{
--gutter: 1rem;
}
.text-md-center{
text-align: center;
}
} @media (min-width: 992px) {
.g-lg-4{
--gutter: 1.5rem;
}
.mt-lg{
margin-top: 30px;
}
.mb-lg{
margin-bottom: 30px;
}
.pb-lg{
padding-bottom: 30px;
}
.text-lg-left{
text-align: left;
}
.justify-content-lg-between{
justify-content: space-between;
}
.flex-lg-row-reverse{
flex-direction: row-reverse;
}
.product-gallery, .product-info{
padding-top: 15px !important;
padding-bottom: 15px !important;
}
.product-gallery{
margin-left: 15px;
}
.product-info{
margin-right: 15px;
}
.header-bottom .header-bottom-nav > .menu-item > a{
padding: 0.25rem 0.5rem;
border: 1px solid transparent;
}
.header-bottom .header-bottom-nav > .menu-item:hover > a{
border: 1px solid var(--primary-color);
border-radius: 50rem;
color: var(--fs-color-secondary);
}
.header-nav .sub-menu,
.active>ul.children, .active>ul.sub-menu:not(.nav-dropdown){
display: none !important;
padding: 0; border: 0;
border-radius: 0.25rem;
background-color: #fff;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.header-nav .menu-item{
width: unset !important;
min-width: unset !important;
position: relative;
}
.header-nav .sub-menu>.menu-item>a{
padding: 0.75rem 0;
font-size: 15px;
font-weight: 500;
color: #000;
text-transform: capitalize;
}
.header-nav .sub-menu > .menu-item:hover > a{
color: var(--primary-color);
}
.header-nav .menu-item:hover>.sub-menu{
display: block !important;
animation: menu 0.3s;
}
.header-nav .sub-menu .menu-item>.sub-menu{
position: absolute;
left: 100%;
top: 0;
z-index: 10;
}
.header-nav .sub-menu li{
display: block;
}
@keyframes menu {
0% { transform: translateY(20px); opacity: 0}
100% { transform: translateY(0px); opacity: 1}
}
.row-application > .col{
flex-basis: 20%;
max-width: 20%;
} .header-vertical-menu .header-vertical-menu__fly-out{ }
.header-vertical-menu .ux-nav-vertical-menu{
max-height: 60vh;
}
.ux-nav-vertical-menu::-webkit-scrollbar {
width: 6px;
background-color: #F5F5F5;
} 
.ux-nav-vertical-menu::-webkit-scrollbar-thumb {
border-radius: 50rem;
background-color: var(--primary-color);
}
.ux-nav-vertical-menu::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}
.ux-nav-vertical-menu .menu-item .sub-menu{ position: relative !important;
inset: unset !important;
animation: unset !important;
opacity: 1;
visibility: visible;
box-shadow: none;
min-width: unset;
max-height: unset;
border-radius: 0;
margin-left: 0.5rem;
padding-left: 0.5rem;
border-left: 1px solid #ccc;
}
.ux-nav-vertical-menu .menu-item:hover > .sub-menu{
display: block !important;
}
.ux-nav-vertical-menu .menu-item .sub-menu .menu-item.menu-item-has-children:after{
content: "";
font-family: fl-icons !important;
position: absolute;
top: 0.375rem;
right: 1rem;
}
.ux-nav-vertical-menu .menu-item .sub-menu .menu-item a{ margin: 0;
padding: 0.5rem;
}
.ux-nav-vertical-menu .menu-item:hover > a{
background-color:  var(--primary-color);
color: #fff !important;
}
.ux-nav-vertical-menu .menu-item .icon-angle-down{
transform: rotate(0) !important;
}
} @media (min-width: 1200px) { .row-main-footer > .col{
flex-basis: auto;
max-width: auto;
width: auto;
}
.row-main-footer:after{
content: unset;
}
.col-footer h3{
white-space: nowrap;
}
} @media (min-width: 1500px) {
} .product-small > .col-inner{
display: flex;
flex-direction: column-reverse;
justify-content: flex-end;
background-color: #184275;
color: #fff;
position: relative;
overflow: hidden;
}
.product-small > .col-inner:after{
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translate(50%, -50%);
display: block;
width: 100%;
padding: 35%;
background-color: #6199F4;
filter: blur(75px);
border-radius: 50%;
}
.product-small{
flex: 1;
display: flex;
flex-direction: column-reverse;
padding: clamp(0.5rem, 0.4rem + 0.5vw, 1rem);
z-index: 2;
}
.product-small.box{
pointer-events: none;
}
.product-small .box-image{
width: 100%;
margin-top: auto;
}
.product-small .box-text{
margin-top: 0;
padding: 0;
}
.product-small .box-text .product-title a{
margin-bottom: 0.5rem;
font-size: clamp(1rem, 0.8rem + 1vw, 2rem);
font-weight: 600;
color: #fff;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.product-small .price-wrapper{
display: none;
}
.product-small .product-short-description{
margin-bottom: 0.5rem;
font-size: 0.875rem;
}
.product-small .product-viewmore{
display: flex;
justify-content: flex-end;
align-items: center;
gap: 0.25rem;
padding: 0.5rem 1rem;
background-color: #D8232A;
color: #fff;
font-size: 0.875rem;
font-weight: 700;
text-transform: uppercase;
}
.form-booking .form-input{
padding: 0.75rem 1rem;
height: unset;
border-radius: 0.25rem;
}