.navbar-toggler-icon {
    filter: brightness(0);
}	
    
    
    .custom-navbar .navbar-brand{
			padding: 0;
			margin: 0;
			display: flex;
			align-items: center;
		}

		.custom-navbar .navbar-brand img.logo{
			height: 80xpx;
			width: auto;
			display: block;
			object-fit: contain;
		}

		/* Large screens */
		@media (min-width:992px){
			.custom-navbar .navbar-brand img.logo{
				height:80px;
			}
		}

		/* Tablets */
		@media (max-width:991px){
			.custom-navbar .navbar-brand img.logo{
				height:80px;
			}
		}

		/* Phones */
		@media (max-width:576px){
			.custom-navbar .navbar-brand img.logo{
				height:80px;
			}
		}
        
        
        
        /* ==========================================
   HERO SECTION
========================================== */

.hero {
    background: #3b5d50;
    padding: 100px 0;
    min-height: 85vh;

    display: flex;
    align-items: center;
}

.hero .row {
    align-items: center;
}

.hero .intro-excerpt {
    padding-right: 2rem;
    max-width: 550px;
}

.hero .intro-excerpt h1 {
    font-size: clamp(3rem, 2vw, 2.4rem);
    line-height: 1.1;
    font-weight: 700;
}

.hero .intro-excerpt p {
    line-height: 1.8;
}

.hero .hero-img-wrap {
    text-align: center;
    position: static !important;
}

.hero .hero-img-wrap::before,
.hero .hero-img-wrap::after {
    display: none !important;
}

.hero .hero-img-wrap img {
    width: 100%;
    max-width: 650px;
    height: 500px;

    object-fit: cover;
    border-radius: 30px;

    position: static !important;
    transform: none !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    bottom: auto !important;

    display: block;
    margin: 0 auto;
}

/* ==========================================
   BUTTONS
========================================== */

.hero .btn-secondary,
.hero .btn-white-outline {
    margin-right: 0.5rem;
}

/* ==========================================
   SERVICE CARDS
========================================== */

.product-item {
    display: block;
    text-align: center;
}

.product-thumbnail {
    border-radius: 20px;
    margin-bottom: 1rem;
}

/* ==========================================
   WHY CHOOSE US IMAGE
========================================== */

.img-wrap {
    overflow: hidden;
    border-radius: 20px;
}

.img-wrap img {
    width: 100%;
    display: block;
    border-radius: 20px;
}

/* ==========================================
   WE HELP GRID IMAGES
========================================== */

.imgs-grid .grid {
    overflow: hidden;
    border-radius: 20px;
}

.imgs-grid .grid img {
    width: 100%;
    display: block;
    border-radius: 20px;
}

/* ==========================================
   BLOG IMAGES
========================================== */

.post-thumbnail {
    overflow: hidden;
    border-radius: 20px;
}

.post-thumbnail img {
    width: 100%;
    display: block;
    border-radius: 20px;
}

/* ==========================================
   SMALL FEATURE IMAGES
========================================== */

.thumbnail {
    overflow: hidden;
    border-radius: 20px;
}

.thumbnail img {
    width: 100%;
    display: block;
    border-radius: 20px;
}

/* ==========================================
   TESTIMONIAL AVATARS
========================================== */

.author-pic {
    width: 80px;
    height: 80px;
    margin: 0 auto;
}

.author-pic img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

/* ==========================================
   FOOTER IMAGE
========================================== */

.sofa-img {
    overflow: hidden;
    border-radius: 20px;
}

.sofa-img img {
    width: 100%;
    display: block;
    border-radius: 20px;
}

/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 991px) {

    .hero {
        min-height: auto;
        padding: 80px 0;
        text-align: center;
    }

    .hero .intro-excerpt {
        padding-right: 0;
        max-width: 100%;
        margin-bottom: 3rem;
    }

    .hero .hero-img-wrap img {
        height: 400px;
    }
}

@media (max-width: 768px) {

    /* ========================================
       OVERALL ADJUSTMENTS
    ======================================== */

    body {
        font-size: 13px;
    }

    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* ========================================
       NAVIGATION
    ======================================== */

    .custom-navbar {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .custom-navbar .navbar-brand {
        font-size: 24px;
    }

    /* ========================================
       SECTION PADDING
    ======================================== */

    .product-section,
    .why-choose-section,
    .we-help-section,
    .testimonial-section,
    .popular-product {
        padding: 4rem 0;
    }

    /* ========================================
       PRODUCT ITEMS & CARDS
    ======================================== */

    .product-item {
        padding-bottom: 30px;
        margin-bottom: 20px;
    }

    .product-item .product-thumbnail {
        margin-bottom: 20px;
    }

    .product-item h3 {
        font-size: 15px;
    }

    .product-item strong {
        font-size: 16px !important;
    }

    /* ========================================
       FEATURES & LIST ITEMS
    ======================================== */

    .feature {
        margin-bottom: 20px;
    }

    .feature h3 {
        font-size: 13px;
    }

    .feature p {
        font-size: 13px;
        line-height: 20px;
    }

    .custom-list li {
        width: calc(100% - 20px);
        margin-bottom: 10px;
        font-size: 13px;
    }

    /* ========================================
       GRID LAYOUTS
    ======================================== */

    .we-help-section .imgs-grid {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: 1fr;
    }

    .we-help-section .imgs-grid .grid {
        -ms-grid-column: 1 !important;
        -ms-grid-column-span: 1 !important;
        grid-column: 1 !important;
        -ms-grid-row: auto !important;
        grid-row: auto !important;
        padding-left: 0 !important;
        padding-top: 0 !important;
        margin-bottom: 20px;
    }

    .we-help-section .imgs-grid:before {
        display: none;
    }

    /* ========================================
       TESTIMONIALS
    ======================================== */

    .testimonial-slider-wrap .item .testimonial-block blockquote {
        font-size: 15px;
        line-height: 24px;
    }

    .testimonial-slider-wrap .item .testimonial-block .author-info h3 {
        font-size: 13px;
    }

    .testimonial-slider-wrap #testimonial-nav {
        display: none !important;
    }

    /* ========================================
       BUTTONS
    ======================================== */

    .btn {
        padding: 10px 24px;
        font-size: 13px;
    }

    .hero .btn-secondary,
    .hero .btn-white-outline {
        margin-right: 0.3rem;
        margin-bottom: 0.5rem;
    }

    /* ========================================
       POPULAR PRODUCTS
    ======================================== */

    .popular-product .product-item-sm .thumbnail {
        margin-right: 8px;
        -ms-flex: 0 0 100px;
        flex: 0 0 100px;
    }

    .popular-product .product-item-sm .thumbnail:before {
        width: 80px;
        height: 80px;
    }

    .popular-product .product-item-sm h3 {
        font-size: 13px;
    }

    .popular-product .product-item-sm p {
        font-size: 13px;
    }

    /* ========================================
       SECTION TITLES
    ======================================== */

    .section-title {
        font-size: 28px;
        margin-bottom: 30px;
    }

    /* ========================================
       SPACING ADJUSTMENTS
    ======================================== */

    .m-5 { margin: 2rem !important; }
    .mt-5 { margin-top: 2rem !important; }
    .mb-5 { margin-bottom: 2rem !important; }
    .p-5 { padding: 2rem !important; }
    .pt-5 { padding-top: 2rem !important; }
    .pb-5 { padding-bottom: 2rem !important; }
}


@media (max-width: 576px) {

    /* ========================================
       HERO SECTION
    ======================================== */

    .hero {
        padding: 40px 0;
        min-height: auto;
    }

    .hero .intro-excerpt {
        padding-right: 0;
        max-width: 100%;
        margin-bottom: 2rem;
    }

    .hero .intro-excerpt h1 {
        font-size: 1.8rem;
        line-height: 1.2;
    }

    .hero .intro-excerpt p {
        font-size: 13px;
        line-height: 1.6;
    }

    .hero .hero-img-wrap img {
        height: 250px;
        max-width: 100%;
    }

    /* ========================================
       OVERALL TEXT SIZING
    ======================================== */

    body {
        font-size: 12px;
        line-height: 20px;
    }

    h1 { font-size: 24px !important; }
    h2 { font-size: 20px !important; }
    h3 { font-size: 16px !important; }
    h4 { font-size: 14px !important; }
    h5 { font-size: 13px !important; }
    h6 { font-size: 12px !important; }

    /* ========================================
       SECTION PADDING - MOBILE
    ======================================== */

    .product-section,
    .why-choose-section,
    .we-help-section,
    .testimonial-section,
    .popular-product {
        padding: 2.5rem 0;
    }

    /* ========================================
       PRODUCT ITEMS
    ======================================== */

    .product-item {
        padding-bottom: 20px;
        margin-bottom: 15px;
    }

    .product-item .product-thumbnail {
        margin-bottom: 15px;
    }

    .product-item h3 {
        font-size: 14px;
    }

    .product-item strong {
        font-size: 15px !important;
    }

    /* ========================================
       FEATURES
    ======================================== */

    .feature {
        margin-bottom: 15px;
    }

    .feature h3 {
        font-size: 12px;
    }

    .feature p {
        font-size: 12px;
        line-height: 18px;
    }

    .custom-list li {
        width: 100%;
        margin-bottom: 8px;
        font-size: 12px;
        padding-left: 18px;
    }

    /* ========================================
       TESTIMONIALS - MOBILE
    ======================================== */

    .testimonial-slider-wrap .item .testimonial-block blockquote {
        font-size: 14px;
        line-height: 22px;
    }

    .testimonial-slider-wrap .item .testimonial-block .author-info .author-pic {
        margin-bottom: 15px;
    }

    .testimonial-slider-wrap .item .testimonial-block .author-info h3 {
        font-size: 12px;
    }

    /* ========================================
       BUTTONS - MOBILE
    ======================================== */

    .btn {
        padding: 9px 20px;
        font-size: 12px;
    }

    .hero .btn-secondary,
    .hero .btn-white-outline {
        margin-right: 0.2rem;
        margin-bottom: 0.5rem;
        width: 100%;
        display: block;
        margin: 0 0 10px 0;
    }

    /* ========================================
       FORMS - MOBILE
    ======================================== */

    input[type="text"],
    input[type="email"],
    input[type="phone"],
    textarea,
    select {
        font-size: 16px !important;
        padding: 10px 12px !important;
    }

    /* ========================================
       SPACING - MOBILE
    ======================================== */

    .m-3 { margin: 1rem !important; }
    .mt-3 { margin-top: 1rem !important; }
    .mb-3 { margin-bottom: 1rem !important; }
    .p-3 { padding: 1rem !important; }

    /* ========================================
       NAVBAR - MOBILE
    ======================================== */

    .custom-navbar {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .custom-navbar .navbar-brand {
        font-size: 20px;
    }

    .custom-navbar .custom-navbar-nav li a {
        padding: 0.5rem 0;
        font-size: 14px;
    }

    /* ========================================
       POPULAR PRODUCTS - MOBILE
    ======================================== */

    .popular-product .product-item-sm {
        display: block !important;
        margin-bottom: 20px;
    }

    .popular-product .product-item-sm .thumbnail {
        margin-right: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 10px;
    }

    .popular-product .product-item-sm .thumbnail:before {
        width: 90%;
        height: 90%;
    }

    .popular-product .product-item-sm h3 {
        font-size: 13px;
    }

    .popular-product .product-item-sm p {
        font-size: 12px;
    }

    /* ========================================
       SECTION TITLES - MOBILE
    ======================================== */

    .section-title {
        font-size: 22px;
        margin-bottom: 20px;
    }

    /* ========================================
       IMAGE SIZES - MOBILE
    ======================================== */

    .hero .hero-img-wrap img {
        height: 220px;
    }

    .post-thumbnail,
    .thumbnail,
    .img-wrap {
        margin-bottom: 15px;
    }

    .author-pic {
        width: 60px;
        height: 60px;
    }

    .author-pic img {
        width: 60px;
        height: 60px;
    }

}


#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}

.spinner {
    width: 60px;
    height: 60px;
    border: 6px solid #f3f3f3;
    border-top: 6px solid #000000;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.preloader-hidden {
    opacity: 0;
    visibility: hidden;
}