/*
Template Name: Homzdcor | Home Decor & Interior Design Website Template
Author: Pillarix
Author URI: https://wrapbootstrap.com/user/pillarix
Version: 1.0
*/

/*
-- Body
-- Custom Css 
-- Navbar
-- Sidebar-Nav
-- Homepage
-- About 
-- Footer
-- Mobile Media
*/

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&family=Syne:wght@600;700;800&display=swap');
/* Body */

body {
    font-family: 'Manrope', sans-serif;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Syne', sans-serif;
}

a {
    text-decoration: none;
    color: #1b1b1b;
}

a:hover {
    color: #016fc0;
}

.home-decor-nav a.nav-link {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
}

.mb-n6 {
    margin-bottom: -6rem;
}

/* Custom Css */

.benifits-icon {
    width: 70px;
    height: 70px;
    min-width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

.text-success {
    color: #016fc0 !important;
}

.btn {
    text-transform: uppercase;
}

.btn-lg {
    padding: 12px 32px;
    font-size: 15px;
    font-weight: 500;
}

.btn-white {
    background-color: #ffffff;
    color: #000;
}

.btn-white:hover {
    background-color: #016fc0;
    color: #fff;
}

.btn-success {
    background-color: #002966 !important;
    border-color: #002966 !important;
    color: #fff;
}

.btn-success:hover {
    background-color: #016fc0 !important;
    border-color: #016fc0 !important;
    color: #fff;
}

.btn-outline-success {
    border-color: #000;
    color: #000;
}

.btn-outline-success:hover {
    background-color: #016fc0 !important;
    border-color: #016fc0 !important;
}

.bg-success {
    background-color: #016fc0 !important;
}

.text-bg-success {
    background-color: #016fc0 !important;
}

/* Navbar */

.home-decor-nav .navbar-nav .nav-link {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.6px;
}

/* Sidebar-Nav */

.sidebar-nav .navbar-nav .nav-link.active,
.sidebar-nav .navbar-nav .nav-link:hover {
    color: #016fc0;
}

/* Homepage */

.main-slider-homepage ul.slick-dots {
    bottom: 20px;
}

.main-slider-homepage .one-slider {
    margin: 0px;
}

.main-slider-homepage .one-slider .item {
    height: 500px;
    align-items: center;
    display: flex;
}

.slide-image-1 {
    background-image: url(../img/slider-img/slide-image-1.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.slide-image-2 {
    background-image: url(../img/slider-img/slide-image-2.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.slide-image-3 {
    background-image: url(../img/slider-img/slide-image-3.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.slide-image-4 {
    background-image: url(../img/slider-img/slide-image-4.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.category .card .card-img,
.category .card:hover .card-img-overlay>div {
    transition: transform .4s;
}

.category .card:hover .card-img {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.category .card:hover .card-img-overlay>div {
    background-color: #016fc0 !important;
}

.category .card:hover .card-img-overlay>div h6,
.category .card:hover .card-img-overlay>div p {
    color: #fff !important;
}

.zoom-img .card-img-top {
    transition: transform .4s;
}

.zoom-img:hover .card-img-top {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.bg-off {
    background-image: url(../img/bg-off.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.profile-img {
    width: 60px;
    height: 60px;
    object-fit: cover;
}

/* About  */

.box {
    height: 15rem;
    width: auto;
}

/* Footer */

footer .footer-top .links a {
    font-size: 13px;
    font-weight: 500;
}

.social-icons a {
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.social-icons a:hover {
    background-color: #016fc0 !important;
    color: #fff !important;
}

/* Mobile Media  */

@media (max-width:992px) {
    .m-none {
        display: none;
    }
}