@import 'bootstrap.css';
@import 'animate.css';
@import 'nice-select.css';
@import 'custom-animation.css';
@import 'swiper-bundle.css';
@import 'magnific-popup.css';
@import 'font-awesome-pro.css';
@import 'spacing.css';
@import 'main.css';



.navbar{
    background:#fff;
    border-bottom:1px solid #eee;
    position:relative;
    z-index:1000;
}

.navbar-brand{
    font-size:28px;
    font-weight:700;
}

.navbar-nav{
    margin-left:auto;
}

.nav-link{
    color:#111 !important;
    font-weight:600;
    padding:24px 18px !important;
}



/* MEGA MENU */
.mega-dropdown{
    position:static;
}

.mega-menu{
    position:absolute;
    left:0;
    top:100%;
    width:100%;
    background:#fff;

    opacity:0;
    visibility:hidden;
    pointer-events:none;

    transform:translateY(20px) scale(.98);

    transition:
    opacity .35s cubic-bezier(.19,1,.22,1),
    transform .35s cubic-bezier(.19,1,.22,1);

    box-shadow:0 20px 60px rgba(0,0,0,.08);

    min-height:650px;
    z-index: 1999099;
    padding-left: 50px;
    padding-right: 50px;
}

.mega-dropdown:hover .mega-menu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;

    transform:translateY(0) scale(1);
}



/* LEFT */
.mega-sidebar{
    background:#f7f7f7;
    border-right:1px solid #ececec;
    height:100%;
}

.menu-item{
    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:18px 20px;

    cursor:pointer;

    border-bottom:1px solid #ececec;

    transition:
    background .25s ease,
    padding-left .25s ease;

    position:relative;
}

.menu-item::before{
    content:'';

    position:absolute;
    left:0;
    top:0;

    width:3px;
    height:100%;

    background:#111;

    transform:scaleY(0);

    transition:.25s;
}

.menu-item.active::before,
.menu-item:hover::before{
    transform:scaleY(1);
}

.menu-item.active,
.menu-item:hover{
    background:#ececec;
    padding-left:28px;
}

.menu-left{
    display:flex;
    align-items:center;
    gap:15px;
}

.menu-left img{
    width:50px;
    height:50px;
    object-fit:cover;
    border-radius:8px;

    transition:.35s;
}

.menu-item:hover img{
    transform:scale(1.08);
    border-radius:14px;
}



/* RIGHT */
.mega-content{
    padding:35px;
}

.mega-tab{
    display:none;
    animation:fadeSlide .35s cubic-bezier(.19,1,.22,1);
}

.mega-tab.active{
    display:block;
}

@keyframes fadeSlide{

    from{
        opacity:0;
        transform:translateY(15px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}



/* PRODUCT CARD */
.product-card{
    display:block;
    text-decoration:none;
    color:#111;

    transition:.35s;
}

.product-card:hover{
    transform:translateY(-8px);
}

.product-card img{
    width:100%;
    height:260px;
    object-fit:cover;

    border-radius:10px;

    margin-bottom:12px;

    transition:
    transform .45s cubic-bezier(.19,1,.22,1),
    box-shadow .45s ease;
}

.product-card:hover img{
    transform:scale(1.04);
    box-shadow:0 20px 40px rgba(0,0,0,.12);
}

.product-card h6{
    font-size:16px;
    font-weight:500;
}



/* UNDERLINE */
.mega-dropdown .nav-link{
    position:relative;
}

.mega-dropdown .nav-link::after{
    content:'';

    position:absolute;
    left:18px;
    bottom:12px;

    width:0;
    height:2px;

    background:#111;

    transition:.35s;
}

.mega-dropdown:hover .nav-link::after{
    width:calc(100% - 36px);
}

.hero{
    height:500px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:40px;
    font-weight:700;
    color:#ccc;
}

.aqf-banner-2-box  {
    background: #f6f6f6;
}

.aqf-banner-2-box{
    position: relative;
    overflow: hidden;
    min-height: 260px;
    padding: 35px;
    display: flex;
    align-items: center;
    background: #f5f5f5;
    border-radius: 20px;
}

/* .aqf-banner-2-content{
    position: relative;
    z-index: 2;
    max-width: 55%;
} */

/* IMAGE RIGHT SIDE */
.aqf-banner-2-thumb{
    position: absolute;
    right: 20px;
    bottom: 50px;
    width: 65%;
    /* height: 100%; */
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.aqf-banner-2-thumb img{
    /* width: 100%;
    height: 100%; */
    object-fit: contain; /* important */
    object-position: right bottom; /* important */
    transition: all 0.5s ease-in-out;
}

.aqf-banner-2-box {
    position: relative;
    overflow: hidden;
    min-height: 200px;
    padding: 15px;
    display: flex;
    align-items: center;
    background: #f5f5f5;
    border-radius: 20px;
}

.aqf-categories-img img {
    object-fit: contain;
}

.elt-categories-style .aqf-categories-img {

    padding: 20px;
    background: #f9f9f9;
}

.elt-slider-item {
    height: 550px;
}

.fr-product-wrap {
    border: 0;
}

.aq-blog-thumb img {
    border-radius: 20px;
}

.aq-blog-item:hover .aq-blog-thumb img {
    transform: scale(1.1);
    border-radius: 20px;
} 

.aq-header-menu.menu-height-62 > nav > ul > li > a {
    padding: 23px 0;
    font-feature-settings: 'case' on;
    font-size: 16px;
}

.aq-section-title.fs-32 {
    font-size: 24px;
}

.aq-btn-border {
    font-size: 13px;
    padding: 7px 11px;
}

.aq-section-title.fs-50 {
    font-size: 35px;
}

@media (max-width: 767px) {
    .elt-slider-content {
        padding: 0;
        margin: 0 auto;
        text-align: left;
        padding: 40px 30px;
    }
}