/*
Theme Name: Rank Theme
Author: rank
*/
*{margin:0;padding:0;}
body{background:#faf7f2;color:#222;font-family: "Open Sans", sans-serif;}
.clr{clear:both;}
a{text-decoration:none;color:#000;transition:all 0.5s ease;}
a:focus, a:hover{}
:focus-visible{outline:none;}
a img{border:none;outline:none;}
h1{font-size:50px;font-weight:800;font-family: 'Cormorant Garamond', serif;}
h2{font-weight:bold;font-size:50px;line-height:50px;font-family: 'Cormorant Garamond', serif;}
h3{font-size:26px;font-weight: bold;font-family: 'Cormorant Garamond', serif;}
h4{font-size:18px;line-height:28px;font-weight:600;font-family: 'Cormorant Garamond', serif;}
h5{font-family:'Cormorant Garamond', serif;}
p{font-size:16px;}
p a{color:#c00000;}
p a:hover{color:#696565;}
img{max-width:100%;}
.left{float:left;}
.right{float:right;}
.wraper{width:85%;margin:0px auto;}
.logo{width:15%;}
.logo img{float:left;}
.right_side{width:80%;padding:2.6% 0;}
.nav{}
.container{width:90%;max-width:1400px;margin:auto;}

/* Top Bar */
.topbar{background:#2d1c12;color:#fff;padding:10px 0;font-size:14px;}
.topbar .container{display:flex;justify-content:space-between;align-items:center;}
.top-right i{margin-left:15px;cursor:pointer;}

/* Header */
header{background:#fdfaf5;padding:15px 0;box-shadow:0 2px 10px rgba(0,0,0,.05);}
.navbar{display:flex;justify-content:space-between;align-items:center;}
.logo h1{color:#2d1c12;font-size:38px;}
.logo span{font-size:14px;display:block;letter-spacing:2px;}
nav ul{list-style:none;display:flex;gap:25px;}
nav ul li a{text-decoration:none;color:#222;font-weight:600;font-size:14px;}
.visit-btn{background:#2d1c12;color:#fff;padding:12px 22px;text-decoration:none;font-size:14px;}
a.active{border-bottom:2px solid #8b6a3d;color:#8b6a3d;}

/* Hero */
.hero{background:url(http://homesaaz.co.in/wp-content/uploads/2026/06/baner.jpg) center no-repeat; background-size:cover;
min-height:355px;display:flex;align-items:center;}
.hero-content{max-width:363px;padding:16px;margin-left:6%;}
.hero h2{font-size:40px;line-height:1.2;}
.hero p{margin:14px 0;line-height:1.8;font-size: 13px;}
.hero h2 span{color:#8b6a3d;}
.hero-content .btn{    margin-top: 3px;}
.btn{display:inline-block;
background:#2d1c12;color:#fff;padding:14px 25px;text-decoration:none;}

/* Features */
.features{padding:50px 0;}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));}
.feature{}
.feature i{font-size:35px;color:#9c7444;margin-bottom:10px;}
.feature_text {
    float: left;
    width: 70%;
}
.feature_text p {
    font-size: 12px;
}


/* Promo */
.promo{
    padding:30px 0;
}

.promo-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:20px;
}

.promo-box{
    min-height:180px;
    color:#fff;
    padding:30px;
    background:#2d1c12;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

/* Why Choose */
.why{
    padding:60px 0;
}

.why-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
}

.why ul{
    margin-top:20px;
}

.why ul li{
    margin-bottom:15px;
}



/* Blog */
.blog{
    padding:70px 0;
}

.blog-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:25px;
}

.blog-card{
    background:#fff;
}

.blog-card img{
    width:100%;
    height:220px;
    object-fit:cover;
}

.blog-content{
    padding:20px;
}

/* Brands */
.brands{
    padding:50px 0;
}

.brand-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
    gap:20px;
}

.brand{
    background:#fff;
    padding:25px;
    text-align:center;
    font-weight:bold;
}

/* Footer */
footer{
    background:#2d1c12;
    color:#fff;
    padding:60px 0 20px;
}

.footer-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1.5fr;
    gap:40px;
}

footer h3{
    margin-bottom:20px;
}

footer ul{
    list-style:none;
}

footer ul li{
    margin-bottom:10px;
}

footer a{
    color:#fff;
    text-decoration:none;
}

.copyright{
    border-top:1px solid rgba(255,255,255,.2);
    margin-top:30px;
    padding-top:20px;
    text-align:center;
}

.section-title{
    text-align:center;
    margin-bottom:30px;
}

.section-title h2{
    font-size:34px;
    color:#2f241d;
    margin-bottom:10px;
}

.category-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:15px;
}

.category-card{
    background:#fff;
    border:1px solid #ddd;
    border-radius:8px;
    overflow:hidden;
    text-align:center;
}

.category-card img{
    width:100%;
    height:150px;
    object-fit:cover;
}

.category-card h4{
    padding:5px 10px;
    color:#2f241d;
    font-size:15px;
}

.category-card a{
    display:block;
    padding-bottom:15px;
    text-decoration:none;
    color:#8b6a3d;
    font-size:13px;
}

.promo-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:15px;
    margin:30px 0;
}

.promo-card{
    min-height:180px;
    border-radius:8px;
    padding:25px;
    display:flex;
    align-items:center;
}

.promo-card.dark{background:url(http://homesaaz.co.in/wp-content/uploads/2026/06/promo-1.png) center no-repeat;background-size:cover;color:#fff;}
.promo-card.light{background:url(http://homesaaz.co.in/wp-content/uploads/2026/06/promo-2.png) center no-repeat;background-size:cover;
    border:1px solid #ddd;
}
.promo-card.green{background:url(http://homesaaz.co.in/wp-content/uploads/2026/06/promo-3.png) center no-repeat;background-size:cover;
    color:#fff;
}
.p_last {background:url(http://homesaaz.co.in/wp-content/uploads/2026/06/promo-4.png) center no-repeat;background-size:cover;
}
.promo-card p {
    font-size: 14px;
    margin-top: 12px;
}
.promo-card.dark h4, .promo-card.green h4 {
    color: #c59e68;
}



.promo-card a{
    display:inline-block;
    margin-top:15px;
    text-decoration:none;
    background:#8b6a3d;
    color:#fff;
    padding:10px 18px;
    border-radius:4px;
    font-size:13px;
}

.bottom-section{margin-bottom: 40px;
    display:grid;
    grid-template-columns:1fr 1.4fr;
    gap:25px;
    margin-top:40px;
}

.why-choose{background:url(http://homesaaz.co.in/wp-content/uploads/2026/06/why-choose.jpg) center bottom no-repeat;background-size:cover;
    padding:30px;
    border-radius:8px;
}
.testimonials{
    background:#fff;
    padding:30px;
    border-radius:8px;
}
.why-choose h2,
.testimonials h2{text-align:left;background-position:left bottom;}
.why-choose ul{list-style:none;}
.why-choose ul li{margin-bottom:12px;
color: #555;background: url(http://homesaaz.co.in/wp-content/uploads/2026/06/chek.png) left center no-repeat;
background-size: 14px;padding-left: 5px;}
.btn{display:inline-block;margin-top:20px;padding:12px 22px;
background:#2f241d;color:#fff;
text-decoration:none;border-radius:4px;}
.testimonial-wrapper{display:grid;
grid-template-columns:repeat(2,1fr);
gap:15px;}
.testimonial-box{border:1px solid #ddd;border-radius:6px;
padding:20px;}
.testimonial-box p{color:#555;
line-height:1.7;margin-bottom:15px;}
.stars{color:#d4a62a;margin-bottom:10px;font-size:18px;}
.footer{
    background: linear-gradient(to right,#1d1208,#3d2813,#1d1208);
    color:#fff;
    padding:40px 5% 15px;
}
.footer-container{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1.5fr 1.5fr;
    gap:30px;
    border-bottom:1px solid rgba(255,255,255,0.15);
    padding-bottom:25px;
}
.footer h3{
    font-size:18px;
    margin-bottom:18px;
    text-transform:uppercase;
}
.footer-logo{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:15px;
}
.footer-logo img{width:75%;}
.footer-logo h2{
    font-size:28px;
    margin:0;
}
.footer-logo span{
    display:block;
    font-size:12px;
    letter-spacing:2px;
    color:#d6b178;
}
.footer-about{
    font-size:14px;
    line-height:1.7;
    color:#ddd;
    margin-bottom:15px;
}
.social-icons{
    display:flex;
    gap:10px;
}

.social-icons a{
    width:35px;
    height:35px;
    border:1px solid rgba(255,255,255,0.2);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    text-decoration:none;
    transition:0.3s;
}

.social-icons a:hover{
    background:#c49246;
}

.footer ul{
    list-style:none;
}

.footer ul li{
    margin-bottom:8px;
}

.footer ul li a{
    color:#ddd;
    text-decoration:none;
    font-size:14px;
}

.footer ul li a:hover{
    color:#c49246;
}

.info-item{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-bottom:12px;
    font-size:14px;
    color:#ddd;
}

.info-item i{
    color:#c49246;
    margin-top:3px;
}

.newsletter p{
    font-size:14px;
    color:#ddd;
    margin-bottom:15px;
    line-height:1.6;
}

.newsletter input{
    width:100%;
    padding:12px;
    border:1px solid rgba(255,255,255,0.25);
    background:transparent;
    color:#fff;
    margin-bottom:12px;
}

.newsletter button{
    background:#c49246;
    color:#fff;
    border:none;
    padding:12px 25px;
    cursor:pointer;
    font-weight:600;
}

.newsletter button:hover{
    background:#a97834;
}

.footer-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:15px;
    font-size:13px;
    color:#ccc;
}

.footer-bottom a{
    color:#ccc;
    text-decoration:none;
    margin-left:15px;
}

.footer-bottom a:hover{
    color:#c49246;
}
.features .container{width:95%;}
.feature-grid .feature img{float:left;width:45px;margin-top:15px;margin-right:5px;}
.feature-grid .feature{border-left:1px solid #b3a797;padding:0 5px;}
.feature-grid .feature:nth-child(1){border-left:none;}
.cat_icon{margin-top:-40px;position:relative;}
.category-card .cat_icon img{width:45px;height:auto;}
.testimonial-section{margin:auto;overflow:hidden;position:relative;}
.testimonial-slider{gap:10px;display:flex;transition:0.5s ease;}
.testimonial-box{min-width:48.5%;box-sizing:border-box;padding:15px;}
.testimonial-content{background:#fff;border-radius:5px;}
.quote-icon{color:#b89454;font-size:24px;margin-bottom:10px;}
.testimonial-content p{color:#444;line-height:1.7;margin:0 0 15px;}
.stars{color:#b89454;margin-bottom:15px;}
.client-name{color:#000;font-size:15px;}
.dots{position:relative;text-align:center;margin-top:20px;}
.dot{width:10px;height:10px;border-radius:50%;background:#d9d2c4;
display:inline-block;margin:0 4px;cursor:pointer;}
.dot.active{background:#000;}
.nav-btn{position:absolute;top:50%;
transform:translateY(-50%);width:40px;height:40px;border:none;border-radius:50%;
background:#b89454;color:#fff;cursor:pointer;font-size:18px;z-index:10;transition:.3s;}
.nav-btn:hover{background:#9d7d44;}
.prev{left:0;}
.next{right:0;}
.brand-section{padding:20px 0;width:100%;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#fcf9f4;}
.brand-container{margin:auto;display:flex;flex-wrap:wrap;}
.brand-item{flex:1;min-width:125px;height:90px;display:flex;align-items:center;justify-content:center;border-right:1px solid #e5e5e5;}
.brand-item:last-child{border-right:none;}
.brand-item img{max-width:100%;max-height:50px;object-fit:contain;
filter:grayscale(100%);transition:0.3s;}
.brand-item:hover img{filter:grayscale(0%);transform:scale(1.05);}
.title{text-align: center;background:url(http://homesaaz.co.in/wp-content/uploads/2026/06/title-back.png) center bottom no-repeat;background-size:120px;
font-size:28px;color:#2f241d;padding-bottom:12px;margin-bottom:20px;}
.mobile_nav{display:none;}
.social_sec li{list-style-type:none;display:inline-block;}
.top-right span.call_top{float:left;margin-right:10px;}
.top-right ul.social_sec{float:right;}
.topbar img{margin:-4px 0;}
.info-item img{width:18px;}



/*Responsive*/

@media only screen and (max-width: 1280px) and (min-width: 1068px){ 
.wraper{width:1024px;}

}
@media only screen and (max-width: 1067px) and (min-width: 963px){ 
.wraper{width:940px;} 

} 
@media only screen and (max-width: 962px) and (min-width: 801px){ 
.wraper{width:780px;} 

} 
@media only screen and (max-width: 800px) and (min-width: 668px){ 
.wraper{width:640px;} 

} 
@media only screen and (max-width: 667px) and (min-width: 601px){ 
.wraper{width:500px;} 
.mobile_nav{display:inline;}

} 
@media only screen and (max-width: 600px) and (min-width: 481px){ 
.wraper{width:450px;} 
.mobile_nav{display:inline;}

} 
@media only screen and (max-width: 480px) and (min-width: 376px){ 
.wraper{width:320px;} 
.mobile_nav{display:inline;}
.topbar{display:none;}
nav{display:none;}
.logo{width:150px;}
.visit-btn{display:none;}
.hero-content{margin-left:3%;}
.hero {background: url(http://homesaaz.co.in/wp-content/uploads/2026/06/baner.jpg) left no-repeat;
background-size:cover;background-position:-60px 0px;}
.features{padding:30px 0;}
.feature-grid{display: inline-block;width:100%;}
.feature-grid .feature{padding:5px 0;
border-left:none;float:left;width:100%;}
.feature_text{width:85%;}
.feature-grid .feature img{margin-top:8px;width:38px;}

}
@media only screen and (max-width: 375px) and (min-width: 0px){ 
.wraper{width:290px;} 
.mobile_nav{display:inline;}

}