body {
            font-family: Poppins, sans-serif;
            overflow-x: hidden;
        }

        a {
            text-decoration: none;
        }

        img {
            max-width: 100%;
        }

        /****************
NAVBAR
****************/

.navbar{
    background:#3F56A8 !important;
    padding:18px 0 !important;
}

.navbar-brand{
    color:#fff !important;
    font-size:28px !important;
    font-weight:600 !important;
}

.nav-link{
    color:#fff !important;
    padding:0 15px !important;
    font-size:15px !important;
}

.dropdown-menu{
    border:0 !important;
    border-radius:0 !important;
    box-shadow:0 10px 30px rgba(0,0,0,.1) !important;
}

.dropdown:hover .dropdown-menu{
    display:block !important;
}

.dropdown-item{
    padding:12px 20px !important;
}

.header-icons{
    gap:20px !important;
}

.header-icons a{
    color:#fff !important;
    text-decoration:none !important;
    position:relative !important;
    font-size:18px !important;
}

.user-name{
    color:#fff !important;
    font-size:14px !important;
}

.cart-count{
    position:absolute !important;
    top:-8px !important;
    right:-10px !important;
    width:20px !important;
    height:20px !important;
    background:red !important;
    color:#fff !important;
    border-radius:50% !important;
    font-size:11px !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    font-weight:600 !important;
}

.header-btn{
    border:none !important;
    padding:8px 20px !important;
    border-radius:30px !important;
    font-size:14px !important;
    text-decoration:none !important;
}

.header-icons a.login-btn{
    background:#fff !important;
    color:#3F56A8 !important;
}

.header-icons a.logout-btn, .header-icons button.logout-btn{
    background:#fff !important;
    color:#3F56A8 !important;
}


@media(max-width:991px){

    .header-icons{
        margin-top:20px !important;
        gap:15px !important;
        flex-wrap:wrap !important;
    }

    .navbar-nav{
        margin-top:20px !important;
    }

}

        /****************
HERO
****************/
        /* .hero-section {
            padding: 80px 0;
            background: #F4F6FB;
            overflow: hidden;
        } */

        .hero-title {
            font-size: 65px;
            font-weight: 300;
            letter-spacing: 4px;
        }

        .hero-title span {
            display: block;
            font-size: 45px;
            font-family: serif;
            font-style: italic;
        }

        .hero-sub {
            font-size: 32px;
            margin-top: 10px;
        }

        /* .hero-image {
            max-width: 550px;
        } */

        /****************
CATEGORY
****************/
        .category-box {
            overflow: hidden;
            position: relative;
            cursor: pointer;
            transition: .4s;
        }

        .category-box img {
            transition: .4s;
        }

        .category-box:hover img {
            transform: scale(1.08);
        }

        .category-content {
            position: absolute;
            bottom: 10px;
            left: 15px;
            font-size: 14px;
            font-weight: 600;
            color: black;
            background: white;
            padding: 5px 15px;
        }

        /****************
ABOUT
****************/
        .about-section {
            padding: 100px 0;
        }

        .section-title {
            font-size: 48px;
            font-weight: 300;
            margin-bottom: 30px;
        }

        .about-content p {
            line-height: 30px;
            color: #666;
        }

        .about-list {
            padding: 0;
            margin-top: 30px;
        }

        .about-list li {
            list-style: none;
            margin-bottom: 25px;
            display: flex;
            gap: 15px;
        }

        .about-list i {
            color: #3F56A8;
            margin-top: 5px;
        }

        .about-image img {
            width: 100%;
        }

        /****************
CAD
****************/
        .cad-section {
            padding: 100px 0;
            background: #F5F6FB;
        }

        .cad-content h2 {
            font-size: 48px;
            font-weight: 300;
            margin-bottom: 20px;
        }

        .cad-content h5 {
            margin-top: 30px;
            font-weight: 600;
        }

        .cad-content p {
            color: #666;
            line-height: 30px;
        }

        .cad-images img {
            margin-bottom: 30px;
        }

        /****************
FOOTER
****************/
        footer {
            background: #3F56A8;
            color: white;
            padding: 70px 0 20px;
        }

        .footer-logo {
            height: 80px;
            margin-bottom: 25px;
        }

        footer ul {
            padding: 0;
        }

        footer li {
            list-style: none;
            margin-bottom: 15px;
        }

        footer a {
            color: white;
        }

        .social-icons a {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            width: 40px;
            height: 40px;
            background: white;
            color: #3F56A8;
            border-radius: 50%;
            margin-right: 10px;
        }

        .copyright {
            margin-top: 50px;
            padding-top: 20px;
            border-top: 1px solid rgba(255, 255, 255, .20);
            font-size: 13px;
            text-align: center;
        }

        /****************
RESPONSIVE
****************/
        @media(max-width:991px) {
            .hero-section {
                text-align: center;
            }

            .hero-title {
                font-size: 45px;
            }

            .hero-title span {
                font-size: 35px;
            }

            .hero-sub {
                font-size: 25px;
            }

            .section-title {
                font-size: 36px;
            }

            .cad-content h2 {
                font-size: 36px;
            }
        }