/* =====================================================
   THE COZY TAILOR - UPDATED HEADER CSS
   Replace your existing header CSS with this section.
   ===================================================== */

*{margin:0;padding:0;box-sizing:border-box}
body{
    font-family:'Montserrat',sans-serif;
    background:#fff;
    -webkit-font-smoothing:antialiased;
}
ul{list-style:none}
a{text-decoration:none;transition:.3s}
img{max-width:100%;display:block}

.container-header{
    width:100%;
    max-width:1200px;
    margin:auto;
    padding:0 15px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:9999;
}

@media(min-width:992px){
    /* Prevent fixed header from overlapping full-height hero sections on desktop */
    body{ padding-top:120px; }
}

.top-bar{
    background:#2e2a35;
    color:#fff;
    font-size:12px;
    padding:8px 0;
}
.top-bar-left,
.social-links{
    display:flex;
    align-items:center;
    gap:22px;
}
.top-info{
    display:flex;
    align-items:center;
    gap:8px;
}
.top-info i{color:#d9a46b}
.social-links a{color:#ddd}
.social-links a:hover{color:#d9a46b}

.main-header{
    background:#fff;
    box-shadow:0 5px 20px rgba(0,0,0,.06);
    padding:14px 0;
}
.main-header .container-header{
    gap:25px;
}
/* 
.header-logo{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:280px;
}
.logo-circle{
    width:58px;
    height:58px;
    object-fit:contain;
}
.logo-text{
    height:52px;
    width:auto;
    object-fit:contain;
} */
 .header-logo{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:280px;
}


.logo-circle{

    width:85px;
    height:auto;

    object-fit:contain;

    display:block;

}


.logo-text{

    height:52px;
    width:auto;

    object-fit:contain;

}

.header-nav-center{
    flex:1;
    display:flex;
    justify-content:center;
}
.header-nav-center ul{
    display:flex;
    align-items:center;
    gap:34px;
}
.header-nav-center a{
    color:#000000;
    font-size:15px;
    font-weight:600;
    position:relative;
}
.header-nav-center a:after{
    content:"";
    position:absolute;
    left:0;
    bottom:-8px;
    width:0;
    height:2px;
    background:#d9a46b;
    transition:.3s;
}
.header-nav-center a:hover{
    color:#d9a46b;
}
.header-nav-center a:hover:after{
    width:100%;
}

.header-actions{
    display:flex;
    align-items:center;
    gap:18px;
}
.search-icon{
    color:#333;
    font-size:18px;
}
.search-icon:hover{color:#d9a46b}

.appointment-btn{
    background:#d9a46b;
    color:#fff;
    padding:14px 26px;
    border-radius:40px;
    font-size:12px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
}
.appointment-btn:hover{
    background:#2e2a35;
    transform:translateY(-2px);
}

.hamburger-btn{
    display:none;
    background:none;
    border:none;
    cursor:pointer;
    flex-direction:column;
    gap:5px;
}
.hamburger-btn span{
    width:26px;
    height:3px;
    background:#333;
    transition:.3s;
}
.mobile-menu{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}
.mobile-menu.active{display:block}
.mobile-menu ul{padding:15px}
.mobile-menu li{border-bottom:1px solid #eee}
.mobile-menu a{
    display:block;
    padding:14px 0;
    color:#333;
    font-weight:600;
}
.mobile-menu a:hover{color:#d9a46b}

@media(max-width:991px){
.top-bar{display:none;}
.header-nav-center,
.search-icon,
.appointment-btn{display:none;}
.hamburger-btn{display:flex;}
.logo-circle{width:50px;height:50px;}
.logo-text{height:42px;}
}

@media(max-width:576px){
.main-header{padding:10px 0;}
.container-header{padding:0 16px;}
.logo-circle{width:44px;height:44px;}
.logo-text{height:34px;}
.header-logo{min-width:auto;gap:8px;}
}

/*=========================================
        HERO SLIDER
=========================================*/

.hero-slider{
    position: relative;
    width:100%;
    height:100vh;
    overflow:hidden;
}

.hero-slide{
    position:relative;
    width:100%;
    height:100vh;

    display:flex;
    justify-content:center;
    align-items:center;

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

.hero-slide::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
}

/* Hero Container */

.hero-slider .container-header{

    position:relative;
    z-index:2;

    width:100%;
    max-width:1200px;

    margin:auto;

    display:flex;
    justify-content:center;
    align-items:center;

    height:100%;

    padding:0 20px;
}

/* Hero Content */

.hero-content{
     /* padding-top: 30px; */
    width:100%;
    max-width:850px;

    text-align:center;

    margin:auto;

    animation:heroFade .8s ease;
}

/* Small Heading */

.hero-sub{

    display:block;

    color:#D6A36A;

    font-size:17px;

    font-weight:600;

    letter-spacing:4px;

    text-transform:uppercase;

    margin-bottom:20px;
}

/* Main Heading */

.hero-title{

    color:#fff;

    font-size:42px;

    font-weight:800;

    line-height:1.1;

    text-transform:uppercase;

    margin-bottom:40px;
}

/* Buttons */

.hero-btn-group{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:18px;

    flex-wrap:wrap;
}

.hero-btn{

    display:inline-flex;

    justify-content:center;

    align-items:center;

    min-width:210px;

    height:56px;

    background:#D6A36A;

    color:#fff;

    border-radius:50px;

    font-size:13px;

    font-weight:700;

    text-transform:uppercase;

    transition:.35s;
}

.hero-btn:hover{

    background:#fff;

    color:#222;

    transform:translateY(-4px);
}

.hero-btn-outline{

    background:transparent;

    border:2px solid rgba(255,255,255,.5);

    color:#fff;
}

.hero-btn-outline:hover{

    background:#fff;

    color:#222;

    border-color:#fff;
}

/* Navigation */

.hero-nav-btn{

    width:58px!important;

    height:58px!important;

    border-radius:50%;

    background:rgba(255,255,255,.15);

    backdrop-filter:blur(8px);

    color:#fff;

    transition:.35s;
}

.hero-nav-btn::after{

    display:none;
}

.hero-nav-btn i{

    font-size:18px;
}

.hero-nav-btn:hover{

    background:#D6A36A;
}

/* Scroll */

.hero-scroll{

    position:absolute;

    left:50%;

    bottom:35px;

    transform:translateX(-50%);

    z-index:5;
}

.hero-scroll span{

    display:block;

    width:2px;

    height:45px;

    background:#D6A36A;

    animation:scrollMove 1.5s infinite;
}

@keyframes scrollMove{

0%{

transform:scaleY(.4);

opacity:.4;
}

50%{

transform:scaleY(1);

opacity:1;
}

100%{

transform:scaleY(.4);

opacity:.4;
}

}

/* Animation */

@keyframes heroFade{

from{

opacity:0;

transform:translateY(40px);
}

to{

opacity:1;

transform:translateY(0);
}

}

/*==============================
Tablet
==============================*/

@media(max-width:991px){

.hero-title{

font-size:52px;
}

.hero-nav-btn{

display:none!important;
}

}

/*==============================
Mobile
==============================*/

@media(max-width:768px){

.hero-slider,
.hero-slide{

height:80vh;
}

.hero-title{

font-size:38px;
}

.hero-sub{

font-size:13px;

letter-spacing:2px;
padding-top: 14px;
}

.hero-btn-group{

flex-direction:column;
}

.hero-btn{

width:240px;
}

.hero-scroll{

display:none;
}

}

@media(max-width:480px){

.hero-title{

font-size:30px;
}

.hero-slider,
.hero-slide{

height:70vh;
}

}

  
       /*=========================================
            ABOUT SECTION
=========================================*/

.about-section{
    padding:60px 0;
    background:#faf8f5;
    overflow:hidden;
    position:relative;
}

.about-wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:80px;
    align-items:center;
}

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

.about-images-area{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:25px;
    padding-right:30px;
}

.about-img-box{
    overflow:hidden;
    border-radius:18px;
    box-shadow:0 20px 50px rgba(0,0,0,.12);
    transition:.4s;
}

.about-img-box img{
    display:block;
    width:100%;
    height:520px;
    object-fit:cover;
    transition:.5s;
}

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

.img-box-left{
    width:48%;
    transform:translateY(40px);
}

.img-box-right{
    width:48%;
    transform:translateY(-40px);
}

/*==============================
EXPERIENCE BADGE
==============================*/

.exp-badge{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:145px;
    height:145px;
    border-radius:50%;
    background:#d6a36a;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:5;
    box-shadow:0 15px 35px rgba(0,0,0,.18);
}

.exp-badge-inner{
    width:122px;
    height:122px;
    border:2px dashed rgba(255,255,255,.7);
    border-radius:50%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

.exp-num{
    font-size:38px;
    font-weight:700;
    color:#fff;
    line-height:1;
}

.exp-text{
    margin-top:8px;
    font-size:12px;
    color:#fff;
    text-align:center;
    line-height:1.4;
}

/*==============================
CONTENT
==============================*/

.about-content-area{
    padding-left:20px;
}

.about-flourish{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:20px;
}

.about-flourish i{
    color:#d6a36a;
    font-size:18px;
}

.about-flourish span{
    width:70px;
    height:2px;
    background:#d6a36a;
}

.about-subtitle{
    display:block;
    color:#d6a36a;
    font-size:14px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:18px;
}

.about-title{
    font-size:28px;
    line-height:1.2;
    font-weight:700;
    color:#222;
    margin-bottom:25px;
}

.about-desc{
    color:#000000;
    font-size:16px;
    line-height:1.9;
    margin-bottom:35px;
}

/*==============================
LIST
==============================*/

.about-list{
    margin:0;
    padding:0;
    list-style:none;
}

.about-list li{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:18px;
    color:#000000;
    font-size:16px;
    font-weight:500;
}

.about-list li i{
    color:#d6a36a;
    font-size:18px;
}

/*==============================
COUNTER
==============================*/

.about-counter{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    margin:45px 0;
}

.counter-box{
    background:#fff;
    border-radius:14px;
    text-align:center;
    padding:28px 15px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s;
}

.counter-box:hover{
    transform:translateY(-8px);
}

.counter-box h3{
    color:#d6a36a;
    font-size:34px;
    margin-bottom:8px;
}

.counter-box span{
    color:#000000;
    font-size:14px;
}

/*==============================
AUTHOR
==============================*/

.about-author-block{
    display:flex;
    align-items:center;
    gap:18px;
    margin-top:20px;
}

.author-avatar img{
    width:75px;
    height:75px;
    border-radius:50%;
    object-fit:cover;
}

.author-signature h4{
    font-size:20px;
    color:#222;
    margin-bottom:5px;
}

.sig-text{
    color:#d6a36a;
    font-size:15px;
    font-weight:600;
}

/*==============================
TABLET
==============================*/

@media(max-width:991px){

.about-wrapper{
    grid-template-columns:1fr;
    gap:60px;
}

.about-images-area{
    padding-right:0;
}

.about-content-area{
    padding-left:0;
}

.about-title{
    font-size:40px;
}

.about-img-box img{
    height:420px;
}

}

/*==============================
MOBILE
==============================*/

@media(max-width:767px){

.about-section{
    padding:80px 0;
}

.about-images-area{
    flex-direction:column;
    gap:20px;
}

.img-box-left,
.img-box-right{
    width:100%;
    transform:none;
}

.about-img-box img{
    height:320px;
}

.exp-badge{
    width:110px;
    height:110px;
    top:50%;
}

.exp-badge-inner{
    width:90px;
    height:90px;
}

.exp-num{
    font-size:24px;
}

.exp-text{
    font-size:9px;
}

.about-subtitle{
    font-size:12px;
    letter-spacing:2px;
}

.about-title{
    font-size:30px;
}

.about-desc{
    font-size:15px;
}

.about-list li{
    font-size:14px;
}

.about-counter{
    grid-template-columns:1fr;
}

.counter-box{
    padding:22px;
}

.about-author-block{
    flex-direction:column;
    text-align:center;
}

}

/*==============================
SMALL MOBILE
==============================*/

@media(max-width:480px){

.about-title{
    font-size:26px;
}

.about-desc{
    font-size:14px;
}

.about-img-box img{
    height:260px;
}

}
     
       



/*====================================================
                SERVICES SECTION
====================================================*/

.services-section{
    padding:60px 0;
    background:#f8f6f2;
    position:relative;
    overflow:hidden;
}

.services-header{
    text-align:center;
    max-width:700px;
    margin:0 auto 70px;
}

.services-subtitle{
    display:block;
    color:#d6a36a;
    font-size:14px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:18px;
}

.services-main-title{
    font-size:32px;
    line-height:1.2;
    color:#222;
    font-weight:700;
}

.about-flourish{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    margin-bottom:20px;
}

.about-flourish span{
    width:70px;
    height:2px;
    background:#d6a36a;
}

.about-flourish i{
    color:#d6a36a;
}

/*=============================
SLIDER
=============================*/

.services-slider{
    overflow:hidden;
    position:relative;
}

.services-track{
    display:flex;
    transition:.5s;
}

.services-slide{
    min-width:100%;
}

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

.services-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

/*=============================
CARD
=============================*/

.service-card{

    position:relative;

    padding:45px 35px;

    text-align:center;

    border-right:1px solid #efefef;

    transition:.35s;

    background:#fff;
}

.service-card:last-child{

    border-right:none;
}

.service-card:hover{

    transform:translateY(-10px);

    background:#fffaf5;
}

.card-highlight{

    background:#fbf6ef;
}

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

.service-img-container{

    width:170px;

    height:170px;

    margin:0 auto 30px;

    overflow:hidden;

    border-radius:50%;

    border:6px solid #f4ede4;

    transition:.4s;
}

.service-img-container img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.5s;
}

.service-card:hover .service-img-container{

    border-color:#d6a36a;
}

.service-card:hover img{

    transform:scale(1.08);
}

/*=============================
TEXT
=============================*/

.service-card-title{

    font-size:24px;

    font-weight:700;

    color:#222;

    margin-bottom:15px;
}

.service-card-desc{

    color:#000000;

    font-size:15px;

    line-height:1.8;
}
/*====================================================
            SERVICES HOVER & EFFECTS
====================================================*/

.service-card{
    overflow:hidden;
    cursor:pointer;
}

.service-card::before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:0;
    background:linear-gradient(180deg,#d6a36a,#be8d56);
    transition:.45s;
    z-index:0;
}

.service-card:hover::before{
    height:6px;
}

.service-card>*{
    position:relative;
    z-index:2;
}

.service-card:hover .service-card-title{
    color:#d6a36a;
}

.service-card:hover .service-card-desc{
    color:#555;
}

.service-card:hover{
    box-shadow:0 20px 45px rgba(0,0,0,.12);
}

/*==========================
IMAGE EFFECT
==========================*/

.service-img-container{
    position:relative;
}

.service-img-container::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(214,163,106,.15);
    opacity:0;
    transition:.4s;
}

.service-card:hover .service-img-container::after{
    opacity:1;
}

.service-card:hover .service-img-container img{
    transform:scale(1.08) rotate(2deg);
}

/*==========================
OPTIONAL BUTTON
==========================*/

.service-read-more{

    display:inline-flex;

    align-items:center;

    gap:10px;

    margin-top:22px;

    color:#d6a36a;

    font-size:13px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:1px;

    transition:.35s;
}

.service-read-more i{

    transition:.35s;
}

.service-read-more:hover{

    color:#222;
}

.service-read-more:hover i{

    transform:translateX(6px);
}

/*==========================
SLIDER
==========================*/

.services-slider{
    position:relative;
}

.services-track{

    display:flex;

    transition:transform .6s ease;
}

.services-slide{

    flex:0 0 100%;
}

/*==========================
DOTS
==========================*/

.services-dots{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:12px;

    margin-top:45px;
}

.services-dots .dot{

    width:12px;

    height:12px;

    border-radius:50%;

    background:#d8d8d8;

    cursor:pointer;

    transition:.35s;
}

.services-dots .dot.active{

    width:34px;

    border-radius:20px;

    background:#d6a36a;
}

.services-dots .dot:hover{

    background:#d6a36a;
}

/*==========================
SECTION DECORATION
==========================*/

.services-section::before{

    content:"";

    position:absolute;

    width:260px;

    height:260px;

    border-radius:50%;

    background:rgba(214,163,106,.05);

    left:-120px;

    top:100px;
}

.services-section::after{

    content:"";

    position:absolute;

    width:300px;

    height:300px;

    border-radius:50%;

    background:rgba(214,163,106,.05);

    right:-150px;

    bottom:80px;
}
/*====================================================
            SERVICES RESPONSIVE
====================================================*/

/*======================
Large Laptop
=======================*/

@media (max-width:1200px){

.services-section{
    padding:100px 0;
}

.services-main-title{
    font-size:46px;
}

.services-grid{
    gap:0;
}

.service-card{
    padding:40px 25px;
}

.service-img-container{
    width:150px;
    height:150px;
}

}

/*======================
Tablet
=======================*/

@media (max-width:991px){

.services-section{
    padding:90px 0;
}

.services-header{
    margin-bottom:50px;
}

.services-main-title{
    font-size:38px;
}

.services-grid{
    grid-template-columns:repeat(2,1fr);
}

.service-card:nth-child(2){
    border-right:none;
}

.service-card:nth-child(1),
.service-card:nth-child(2){
    border-bottom:1px solid #ececec;
}

.service-card{
    padding:35px 25px;
}

.service-img-container{
    width:140px;
    height:140px;
}

.service-card-title{
    font-size:22px;
}

.service-card-desc{
    font-size:14px;
}

}

/*======================
Mobile
=======================*/

@media (max-width:768px){

.services-section{
    padding:70px 0;
}

.services-header{
    margin-bottom:40px;
}

.services-main-title{
    font-size:30px;
    line-height:1.3;
}

.services-subtitle{
    font-size:12px;
    letter-spacing:2px;
}

.services-grid{
    grid-template-columns:1fr;
    border-radius:18px;
}

.service-card{
    border-right:none;
    border-bottom:1px solid #efefef;
    padding:35px 20px;
}

.service-card:last-child{
    border-bottom:none;
}

.service-img-container{
    width:130px;
    height:130px;
}

.service-card-title{
    font-size:22px;
}

.service-card-desc{
    font-size:14px;
    line-height:1.8;
}

.services-dots{
    margin-top:30px;
}

}

/*======================
Small Mobile
=======================*/

@media (max-width:576px){

.services-section{
    padding:60px 0;
}

.services-main-title{
    font-size:26px;
}

.service-card{
    padding:30px 18px;
}

.service-img-container{
    width:115px;
    height:115px;
}

.service-card-title{
    font-size:20px;
}

.service-card-desc{
    font-size:13px;
}

.services-dots .dot{
    width:10px;
    height:10px;
}

.services-dots .dot.active{
    width:28px;
}

}

/*======================
Extra Small
=======================*/

@media (max-width:400px){

.services-main-title{
    font-size:24px;
}

.services-subtitle{
    font-size:11px;
}

.service-img-container{
    width:100px;
    height:100px;
}

.service-card-title{
    font-size:18px;
}

.service-card-desc{
    font-size:12px;
    line-height:1.7;
}

.service-read-more{
    font-size:12px;
}

}
@media (max-width:768px){

.services-track{

display:flex;

transition:.5s;

}

.services-slide{

min-width:100%;

}

.services-grid{

display:flex;

gap:20px;

}

.service-card{

min-width:100%;

flex:0 0 100%;

}

.services-dots{

display:none;

}
.services-dots{
    display:none;
}

}

/* =====================================
   COZY TAILOR GALLERY FEATURE SECTION
===================================== */

.gallery-feature-section{
    width:100%;
    background:#302c35;
    overflow:hidden;
}


/* ==============================
   TOP SPLIT AREA
============================== */

.gf-split-container{

    display:flex;
    min-height:560px;

}


/* IMAGE SIDE */

.gf-media-side{

    width:50%;
    background-size:cover;
    background-position:center;
    position:relative;
    transition:.6s ease;

}


.gf-media-side::after{

    content:"";
    position:absolute;
    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(0,0,0,.15),
        rgba(0,0,0,.45)
    );

}


.gf-media-side:hover{

    background-position:center;
    transform:scale(1.02);

}



/* CONTENT SIDE */

.gf-content-side{

    width:50%;

    padding:90px 8%;

    display:flex;

    justify-content:center;

    flex-direction:column;

    background:#3b3742;

}



.about-flourish{

    display:flex;

    align-items:center;

    gap:12px;

    color:#c9a96e;

    margin-bottom:20px;

}


.about-flourish i{

    font-size:12px;

}


.about-flourish span{

    width:40px;

    height:1px;

    background:#c9a96e;

}



.gf-subtitle{

    font-family:'Montserrat',sans-serif;

    font-size:12px;

    letter-spacing:3px;

    color:#c9a96e;

    margin-bottom:15px;

}



.gf-main-title{

    font-family:'Cinzel',serif;

    font-size:42px;

    line-height:1.25;

    color:#fff;

    font-weight:500;

    margin-bottom:25px;

}



.gf-desc{

    font-family:'Montserrat',sans-serif;

    font-size:15px;

    line-height:1.8;

    color:#c2bec7;

    max-width:520px;

    margin-bottom:35px;

}



/* BUTTON */


.gf-discover-btn{

    width:max-content;

    padding:14px 35px;

    border:1px solid #c9a96e;

    color:#fff;

    text-decoration:none;

    font-family:'Montserrat',sans-serif;

    font-size:12px;

    letter-spacing:2px;

    transition:.3s;

}


.gf-discover-btn:hover{

    background:#c9a96e;

    color:#302c35;

}



/* ==============================
   FEATURE BAR
============================== */


.gf-bottom-bar{

    background:#29252e;

    padding:70px 0;

}



.gf-highlights-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:35px;

}



.gf-highlight-item{

    padding:30px 25px;

    border:1px solid rgba(255,255,255,.06);

    transition:.3s;

}



.gf-highlight-item:hover{

    transform:translateY(-8px);

    border-color:#c9a96e;

}



.gf-icon-box{

    width:60px;

    height:60px;

    display:flex;

    align-items:center;

    justify-content:center;

    border:1px solid rgba(201,169,110,.5);

    border-radius:50%;

    color:#c9a96e;

    font-size:25px;

    margin-bottom:22px;

}



.gf-item-title{

    font-family:'Cinzel',serif;

    color:#fff;

    font-size:17px;

    margin-bottom:12px;

}



.gf-item-desc{

    font-family:'Montserrat',sans-serif;

    color:#aaa5af;

    font-size:13px;

    line-height:1.7;

}



/* ==============================
        TABLET
============================== */

@media(max-width:991px){


    .gf-split-container{

        flex-direction:column;

    }


    .gf-media-side{

        width:100%;

        height:420px;

    }


    .gf-content-side{

        width:100%;

        padding:70px 40px;

    }


    .gf-main-title{

        font-size:36px;

    }



    .gf-highlights-grid{

        grid-template-columns:repeat(2,1fr);

    }

}



/* ==============================
        MOBILE
============================== */


@media(max-width:576px){


    .gf-media-side{

        height:280px;

    }



    .gf-content-side{

        padding:50px 22px;

    }



    .gf-subtitle{

        font-size:10px;

        letter-spacing:2px;

    }



    .gf-main-title{

        font-size:28px;

    }



    .gf-desc{

        font-size:14px;

    }



    .gf-discover-btn{

        padding:12px 25px;

    }



    .gf-bottom-bar{

        padding:45px 0;

    }



    .gf-highlights-grid{

        grid-template-columns:1fr;

        gap:20px;

    }



    .gf-highlight-item{

        padding:25px 20px;

    }

}
/*====================================
LATEST BESPOKE COLLECTION SECTION
====================================*/

.blog-section{
    padding:60px 0;
    background:#f8f5f0;
    overflow:hidden;
}


/* MAIN WRAPPER */

.blog-wrapper{
    display:flex;
    align-items:center;
    gap:60px;
    width:100%;
}


/*=========================
LEFT CONTENT
=========================*/

.blog-left-content{
    width:32%;
    flex-shrink:0;
}


.about-flourish{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:18px;
}

.about-flourish i{
    font-size:12px;
    color:#c9a96e;
}

.about-flourish span{
    width:45px;
    height:1px;
    background:#c9a96e;
}



.blog-subtitle{

    font-family:'Montserrat',sans-serif;
    font-size:13px;
    font-weight:600;
    letter-spacing:3px;
    color:#a58a62;
    display:block;
    margin-bottom:15px;
}



.blog-main-title{

    font-family:'Cinzel',serif;
    font-size:38px;
    line-height:1.35;
    font-weight:600;
    color:#211c18;
    margin-bottom:25px;

}



.blog-desc{

    font-family:'Montserrat',sans-serif;
    font-size:14px;
    color:#000000;
    line-height:1.9;
    max-width:350px;

}





/*=========================
RIGHT SLIDER
=========================*/

.blog-right-slider{
    width:68%;
    position:relative;
}



.blog-cards-swiper{
    overflow:visible;
}



.blog-card{

    background:#ffffff;
    border-radius:4px;
    overflow:hidden;
    transition:.4s ease;
    height:100%;
    box-shadow:0 20px 50px rgba(0,0,0,.08);

}



.blog-card:hover{

    transform:translateY(-8px);
    box-shadow:0 25px 60px rgba(0,0,0,.15);

}





/* IMAGE */

.blog-card-img{

    height:280px;
    position:relative;
    overflow:hidden;

}



.blog-card-img img{

    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s ease;

}



.blog-card:hover .blog-card-img img{

    transform:scale(1.08);

}





/* LABEL */

.blog-date{

    position:absolute;
    bottom:0;
    left:0;

    background:#c9a96e;
    color:#fff;

    font-family:'Montserrat',sans-serif;
    font-size:10px;
    font-weight:600;

    letter-spacing:1.5px;

    padding:10px 22px;

}





/* CONTENT */

.blog-card-body{

    padding:30px 25px;
    text-align:center;

}



.blog-meta{

    display:flex;
    justify-content:center;
    gap:18px;

    font-size:11px;
    font-family:'Montserrat',sans-serif;

    margin-bottom:18px;

}



.blog-meta span{

    color:#000000;

}


.blog-meta i{

    color:#c9a96e;
    margin-right:5px;

}




.blog-card-title{

    font-family:'Cinzel',serif;

    font-size:20px;

    line-height:1.5;

    font-weight:600;

    min-height:60px;

    margin-bottom:15px;

}



.blog-card-title a{

    color:#211c18;
    transition:.3s;

}



.blog-card-title a:hover{

    color:#c9a96e;

}





.blog-card-text{

    font-family:'Montserrat',sans-serif;

    font-size:13px;

    line-height:1.8;

    color:#000000;

    margin-bottom:25px;

}





.blog-readmore{

    display:inline-block;

    font-family:'Montserrat',sans-serif;

    font-size:11px;

    letter-spacing:2px;

    font-weight:600;

    color:#211c18;

    border-bottom:1px solid #c9a96e;

    padding-bottom:5px;

    transition:.3s;

}



.blog-readmore:hover{

    color:#c9a96e;

}





/*=========================
TABLET
=========================*/

@media(max-width:1200px){


.blog-wrapper{

    flex-direction:column;
    gap:40px;

}


.blog-left-content{

    width:100%;
}


.blog-desc{

    max-width:600px;

}


.blog-right-slider{

    width:100%;

}


.blog-main-title{

    font-size:34px;

}



}





/*=========================
MOBILE
=========================*/

@media(max-width:767px){


.blog-section{

    padding:70px 0;

}


.blog-wrapper{

    gap:30px;

}



.blog-main-title{

    font-size:27px;

}



.blog-desc{

    font-size:13px;

}



.blog-card-img{

    height:230px;

}



.blog-card-body{

    padding:25px 18px;

}



.blog-card-title{

    font-size:17px;

    min-height:auto;

}



.blog-meta{

    flex-direction:column;

    gap:8px;

}



.blog-right-slider{

    width:100%;

}



}



/* SMALL MOBILE */

@media(max-width:480px){


.blog-main-title{

    font-size:24px;

}


.blog-card-img{

    height:210px;

}


.blog-date{

    padding:8px 15px;

    font-size:9px;

}


}
/*====================================
COZY TAILOR TESTIMONIAL SECTION
====================================*/

/* Box Sizing Guarantee */
.testimonial-section, 
.testimonial-section * {
    box-sizing: border-box;
}

.testimonial-section {
    padding: 70px 0;
    background: #faf7f2;
    overflow: hidden;
    width: 100%;
}

.testimonial-wrapper {
    display: flex;
    align-items: center;
    gap: 60px;
    width: 100%;
}

/*==========================
LEFT CONTENT
==========================*/
.testi-left-content {
    width: 32%;
    flex-shrink: 0;
}

.testi-subtitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 3px;
    color: #b08d57;
    display: block;
    margin-bottom: 15px;
}

.testi-main-title {
    font-family: 'Cinzel', serif;
    font-size: 38px;
    line-height: 1.35;
    font-weight: 600;
    color: #211c18;
    margin-bottom: 25px;
    margin-top: 0;
}

.testi-desc {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 1.9;
    color: #000000;
    max-width: 350px;
    margin: 0;
}

/*==========================
RIGHT SLIDER
==========================*/
.testi-right-slider {
    width: 68%;
    position: relative;
    padding-bottom: 55px; /* Pagination ke liye space */
    min-width: 0; /* Flexbox overflow fix */
}

.testimonial-swiper {
    width: 100%;
    overflow: hidden; /* Swiper slides ko limit me rakhne ke liye */
}

/* CARD */
.testi-card {
    background: #ffffff;
    padding: 45px 40px;
    border-radius: 5px;
    position: relative;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(201,169,110,.15);
    box-shadow: 0 20px 50px rgba(0,0,0,.07);
    transition: .4s ease;
    height: 100%; /* Ensure equal heights */
}

.testi-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 30px 70px rgba(0,0,0,.12);
}

/* QUOTE */
.quote-icon {
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #c9a96e;
    color: white;
    border-radius: 50%;
    font-size: 22px;
    margin-bottom: 25px;
}

/* TEXT */
.testi-text {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 1.9;
    color: #000000;
    font-style: italic;
    margin-bottom: 30px;
}

/* CLIENT */
.testi-user {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: auto;
    position: relative;
    z-index: 2;
}

.testi-avatar {
    width: 65px;
    height: 65px;
    min-width: 65px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #c9a96e;
    padding: 0;
    background: #eee;
    display: flex;
    align-items: center;
    justify-content: center;
}

.testi-avatar img {
    width: 100% !important;
    height: 100% !important;
    max-width: none;
    display: block !important;
    object-fit: cover;
    opacity: 1 !important;
    visibility: visible !important;
}

.testi-info .testi-name {
    font-family: 'Cinzel', serif;
    font-size: 17px;
    color: #211c18;
    margin-bottom: 5px;
    margin-top: 0;
}

.testi-info .testi-role {
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    color: #a58a62;
    letter-spacing: .5px;
}

/* PAGINATION */
.testi-pagination {
    bottom: 5px !important;
    left: 0;
    width: 100%;
    text-align: center;
}

.testi-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #d8c2a0;
    opacity: 1;
    margin: 0 5px !important;
}

.testi-pagination .swiper-pagination-bullet-active {
    background: #c9a96e !important;
    width: 25px;
    border-radius: 10px;
}

/*==========================
RESPONSIVE TABLET & MOBILE
==========================*/
@media(max-width: 1200px) {
    .testimonial-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
    }
    .testi-left-content {
        width: 100%;
    }
    .testi-right-slider {
        width: 100%;
    }
    .testi-main-title {
        font-size: 34px;
    }
}

@media(max-width: 767px) {
    .testimonial-section {
        padding: 70px 0;
    }
    .testi-main-title {
        font-size: 27px;
    }
    .testi-desc {
        font-size: 13px;
    }
    .testi-card {
        padding: 30px 22px;
        min-height: auto;
    }
    .quote-icon {
        width: 45px;
        height: 45px;
        font-size: 18px;
    }
    .testi-text {
        font-size: 13px;
    }
    .testi-avatar {
        width: 55px;
        height: 55px;
    }
    .testi-info .testi-name {
        font-size: 15px;
    }
}

@media(max-width: 480px) {
    .testi-main-title {
        font-size: 24px;
    }
    .testi-card {
        padding: 25px 18px;
    }
}
/*====================================
COZY TAILOR LUXURY FOOTER
====================================*/


.main-footer{

    background:#211c18;
    color:#b9b3aa;
    padding-top:90px;
    font-family:'Montserrat',sans-serif;
    border-top:3px solid #c9a96e;

}



/* FOOTER GRID */

.footer-grid{

    display:grid;
    grid-template-columns:2fr 1fr 1.2fr 1.4fr;
    gap:50px;
    padding-bottom:10px;

}


.footer-col{

    display:flex;
    flex-direction:column;

}




/* FOOTER TITLES */

.footer-title{

    font-family:'Cinzel',serif;
    color:#ffffff;
    font-size:20px;
    font-weight:600;
    margin-bottom:30px;
    position:relative;
    letter-spacing:.5px;

}


.footer-title:after{

    content:"";
    width:35px;
    height:2px;
    background:#c9a96e;
    position:absolute;
    left:0;
    bottom:-10px;

}



/*=====================
LOGO
=====================*/


.footer-logo{

    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:22px;

}


.footer-logo-circle{

    width:42px;
    height:42px;
    border-radius:50%;
    background:#c9a96e;
    color:#211c18;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:17px;

}



.footer-logo-text{

    font-family:'Cinzel',serif;
    font-size:28px;
    color:#fff;
    font-weight:700;

}



.footer-about-text{

    font-size:13px;
    line-height:1.9;
    color:#aaa39a;
    max-width:330px;
    margin-bottom:30px;

}



/* SOCIAL ICON */


.footer-socials{

    display:flex;
    gap:12px;

}


.footer-socials a{

    width:38px;
    height:38px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:rgba(255,255,255,.06);

    color:#fff;

    font-size:14px;

    transition:.35s;

}



.footer-socials a:hover{

    background:#c9a96e;
    color:#211c18;
    transform:translateY(-5px);

}





/*=====================
LINKS
=====================*/


.footer-links,
.footer-timing-list,
.footer-contact-info{

    padding:0;
    margin:0;
    list-style:none;

}



.footer-links li{

    margin-bottom:14px;

}



.footer-links a{

    color:#aaa39a;
    font-size:13px;
    text-decoration:none;
    transition:.3s;

}



.footer-links a:hover{

    color:#c9a96e;
    padding-left:8px;

}




/*=====================
TIMING
=====================*/


.footer-timing-list li{

    font-size:13px;
    color:#fff;
    margin-bottom:14px;

}


.footer-timing-list span{

    color:#aaa39a;

}


.closed-tag{

    color:#c9a96e!important;
    font-weight:600;

}



.footer-timing-note{

    margin-top:15px;

    font-size:12px;

    line-height:1.8;

    color:#8d877f;

}





/*=====================
CONTACT
=====================*/


.footer-contact-info li{

    display:flex;
    gap:15px;

    margin-bottom:20px;

    color:#aaa39a;

    font-size:13px;

    line-height:1.7;

}



.footer-contact-info i{

    color:#c9a96e;

    font-size:15px;

    margin-top:5px;

}



.footer-contact-info a{

    color:#aaa39a;
    text-decoration:none;

}



.footer-contact-info a:hover{

    color:#c9a96e;

}





/*=====================
BOTTOM BAR
=====================*/


.footer-bottom{

    background:#181512;

    border-top:1px solid rgba(255,255,255,.08);

    padding:25px 0;

}



.footer-bottom-wrapper{

    display:flex;

    justify-content:space-between;

    align-items:center;

}



.footer-bottom p{

    margin:0;

    font-size:12px;

    color:#817a72;

}



.footer-bottom-links{

    display:flex;
    gap:25px;

}



.footer-bottom-links a{

    color:#817a72;

    font-size:12px;

    text-decoration:none;

    transition:.3s;

}



.footer-bottom-links a:hover{

    color:#c9a96e;

}





/*=====================
TABLET
=====================*/


@media(max-width:991px){


.footer-grid{

    grid-template-columns:repeat(2,1fr);

    gap:45px;

}



}





/*=====================
MOBILE
=====================*/


@media(max-width:576px){


.main-footer{

    padding-top:60px;

}



.footer-grid{

    grid-template-columns:1fr;

    gap:40px;

}



.footer-logo-text{

    font-size:24px;

}



.footer-bottom-wrapper{

    flex-direction:column;

    gap:15px;

    text-align:center;

}



.footer-bottom-links{

    justify-content:center;

}



}
/* Footer Logo Image */

.footer-logo{

    display:flex;
    align-items:center;
    margin-bottom:25px;

}


.footer-logo-img{

    width:180px;
    height:auto;

    object-fit:contain;

    display:block;

}
@media(max-width:576px){

    .footer-logo-img{

        width:150px;

    }

}
/*================================
CRAFT VIDEO SECTION
================================*/


.craft-video-section{

    padding:60px 0;
    background:#faf7f2;

}


.craft-video-wrapper{

    display:flex;
    align-items:center;
    gap:70px;

}



.craft-content{

    width:40%;

}



.craft-content span{

    font-family:'Montserrat',sans-serif;

    font-size:13px;

    letter-spacing:3px;

    color:#c9a96e;

    font-weight:600;

}



.craft-content h2{

    font-family:'Cinzel',serif;

    font-size:42px;

    line-height:1.3;

    color:#211c18;

    margin:20px 0;

}



.craft-content p{

    font-family:'Montserrat',sans-serif;

    font-size:14px;

    line-height:1.9;

    color:#000000;

    margin-bottom:30px;

}



.craft-content a{

    display:inline-block;

    padding:14px 35px;

    background:#211c18;

    color:#fff;

    text-decoration:none;

    font-size:13px;

    letter-spacing:1px;

}



.craft-video-box{

    width:60%;

    height:430px;

    position:relative;

    overflow:hidden;

    border-radius:8px;

    cursor:pointer;

    box-shadow:0 25px 60px rgba(0,0,0,.15);

}



.craft-video-box img{

    width:100%;

    height:100%;

    object-fit:cover;

}



.craft-play{

    position:absolute;

    top:50%;
    left:50%;

    transform:translate(-50%,-50%);


    width:85px;
    height:85px;


    background:#c9a96e;

    border-radius:50%;


    display:flex;

    justify-content:center;

    align-items:center;


    color:#fff;

    font-size:25px;


    transition:.3s;

}



.craft-play:hover{

    transform:translate(-50%,-50%) scale(1.1);

}





/* POPUP */


.craft-video-modal{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.85);

    display:none;

    align-items:center;

    justify-content:center;

    z-index:99999;

}



.craft-video-modal.active{

    display:flex;

}



.craft-popup{

    width:80%;

    max-width:900px;

    position:relative;

}



.craft-popup video{

    width:100%;

    border-radius:10px;

}



.close-video{

    position:absolute;

    right:0;

    top:-45px;

    width:40px;

    height:40px;

    border-radius:50%;

    background:#c9a96e;

    color:white;

    display:flex;

    align-items:center;

    justify-content:center;

    cursor:pointer;

}





/* RESPONSIVE */


@media(max-width:991px){


.craft-video-wrapper{

    flex-direction:column;

}



.craft-content,
.craft-video-box{

    width:100%;

}


.craft-content h2{

    font-size:34px;

}


}



@media(max-width:576px){


.craft-video-section{

    padding:70px 0;

}



.craft-video-box{

    height:300px;

}


.craft-content h2{

    font-size:28px;

}


}
.managed-by{
    margin:0;
    font-size:14px;
    color:#aaa;
}

.managed-by a{
    color:#D6A36A;
    font-weight:600;
    transition:.3s;
}

.managed-by a:hover{
    color:#fff;
}