* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        :root {
            --primary-orange: #FF6B35;
            --dark-bg: #1a1a1a;
            --cream-bg: #F8F5E2;
            --text-dark: #2a2a2a;
            --text-light: #ffffff;
            --line: #e4ddc4;
            --border-radius: 32px;
            --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        html {
            scroll-behavior: smooth;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
            line-height: 1.6;
            color: var(--text-dark);
            overflow-x: hidden;
            background-color: var(--cream-bg);
        }
        /* Header Navigation */
        header {
            background: var(--cream-bg);
            padding: 1.5rem 2rem;
            position: sticky;
            top: 0;
            z-index: 100;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
        }
        .header-container {
            max-width: 1400px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .logo, .custom-logo-link {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--primary-orange);
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }
        .logo_img, .custom-logo {
            width: 200px;
            height: auto;
        }
  .navbar{
    display:flex;
    align-items:center;
}
.menu{
    display:flex;
    align-items:center;
    gap:35px;
    list-style:none;
}
.navbar .menu > li{
    position:relative;
}
.menu li a{
    text-decoration:none;
    color: var(--dark-bg);
    font-size:15px;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:5px;
    transition:.3s;
}
.menu li a:hover, .menu li a.active {
    color: var(--primary-orange);
}
.arrow{
    font-size:18px;
    transition:.3s;
}
/* submenu */
.sub-menu{
    position:absolute;
    top:45px;
    left:0;
    width:220px;
    background: var(--text-light);
    padding:12px 0;
    border-radius:14px;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
    opacity:0;
    visibility:hidden;
    transform:translateY(15px);
    transition:.35s;
    z-index:99;
}
.sub-menu li{
    width:100%;
    list-style: none;
}
.sub-menu li a{
    padding:12px 22px;
    display:block;
    font-size:14px;
    font-weight:500;
}
.sub-menu li a:hover{
    background: var(--cream-bg);
    color: var(--primary-orange);
}
/* Hover Effect */
.menu-item-has-children:hover .sub-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}
.menu-item-has-children:hover .arrow{
    transform:rotate(180deg);
}
.fa.cta_arrow {
    font-size: 25px;
    transform: rotate(-45deg);
}
@media(max-width:992px){
.menu {
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    background: var(--text-light);
    flex-direction:column;
    gap:0;
    padding:20px;
    display:none;
}
.menu.active{
    display:flex;
}
.menu li{
    width:100%;
}
.menu li a{
    padding:15px 0;
}
.menu-item-has-children .sub-menu{
    position:static;
    width:100%;
    opacity:1;
    visibility:visible;
    transform:none;
    display:none;
    background:var(--text-light);
    padding-left:20px;
}
.menu-item-has-children.active>.sub-menu{
    display:block;
}
}     
nav {
    display: flex;
    gap: 2rem;
    align-items: center;
}
nav a {
    text-decoration: none;
    color: var(--text-dark);
    font-size: 0.95rem;
    font-weight: 500;
    transition: color 0.3s;
}
nav a:hover {
    color: var(--primary-orange);
}
.cta-button {
    background: var(--dark-bg);
    color: var(--text-light);
    padding: 0.45rem 1.15rem;
    border-radius: var(--border-radius);
    border: none;
    cursor: pointer;
    font-weight: 600;
    transition: var(--transition);
    text-decoration: none;
}
.cta-button:hover {
    background: var(--primary-orange);
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(255, 107, 53, 0.3);
}
.hamburger {
    display: none;
    flex-direction: column;
    cursor: pointer;
    gap: 0.3rem;
}
.hamburger span {
    width: 25px;
    height: 3px;
    background: var(--text-dark);
    border-radius: 2px;
    transition: var(--transition);
}

.wpcf7-not-valid-tip {
    margin-top: 5px;
    background-color: #fff;
}

/* Hero Section */
.hero {
    /* background: linear-gradient(135deg, var(--cream-bg) 0%, #fffbf7 100%); */
    padding: 6rem 2rem;
    min-height: 80vh;
    height: 700px;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: fadeInUp 0.8s ease-out;
    background: center center / cover;
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    margin: 0 1em;
}
.hero h1 {
    font-size: clamp(2.5rem, 8vw, 4.5rem);
    font-weight: 700;
    margin-bottom: 1rem;
    line-height: 1.2;
    color: var(--text-light);
    animation: slideInDown 0.8s ease-out;
}
.hero-subtitle {
    font-size: 1.1rem;
    color: var(--text-light);
    margin-bottom: 2rem;
    animation: slideInUp 0.8s ease-out 0.2s both;
}
.hero-buttons {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
    animation: slideInUp 0.8s ease-out 0.4s both;
}
.primary-btn {
    background: var(--primary-orange);
    color: var(--text-light);
    padding: 1rem 2.5rem;
    border-radius: var(--border-radius);
    border: none;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: var(--transition);
}
.primary-btn:hover {
    background: var(--primary-orange);
    transform: translateY(-3px);
    box-shadow: 0 12px 24px rgba(255, 107, 53, 0.4);
}
.secondary-btn {
    background: transparent;
    color: var(--text-dark);
    padding: 1rem 2.5rem;
    border: 2px solid var(--text-dark);
    border-radius: var(--border-radius);
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: var(--transition);
}
.secondary-btn:hover {
    background: var(--text-dark);
    color: var(--text-light);
}
.overlay {
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
}
.hero-content {
    position:relative;
    z-index:2;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 1%;
    max-width: 1440px;
}
.left-content {
    width:48%;
    color: var(--text-light);
}
.tag{
    display:inline-block;
    padding:10px 18px;
    background: var(--text-light);
    color: var(--dark-bg);
    border-radius:30px;
    font-size:14px;
    margin-bottom:25px;
}
.left-content h1{
    font-size:62px;
    line-height:1.1;
    font-weight:700;
    margin-bottom:25px;
}
.left-content p{
    font-size:18px;
    line-height:1.7;
    max-width:550px;
    margin-bottom:35px;
    opacity:.9;
}
.btn {
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:16px 35px;
    text-decoration:none;
    background: var(--primary-orange);
    color: var(--text-light);
    border-radius:50px;
    font-size:16px;
    font-weight:600;
    transition:.4s;
}
.btn:hover{
    background: var(--primary-orange);
    transform:translateY(-4px);
}
.center-content{
    width:400px;
}
.right-content {
    background-color: #ff6b35bf;
    padding: 20px;
    border-radius: 10px;
    color: var(--text-light);
    margin: 10px;
}
.form-head {
    text-align: center;
    font-size: 2em;
    padding: 0 0 0.4em 0;
}
.slider{
    position:relative;
    overflow:hidden;
    border-radius:25px;
}
.slides{
    display:flex;
    transition:.7s;
    gap: 0 30px;
}
.slides img{
    width:420px;
    height:260px;
    object-fit:cover;
    border-radius:25px;
}
.dots{
    display:flex;
    justify-content:center;
    margin-top:18px;
    gap:10px;
}
.dot{
    width:12px;
    height:12px;
    border-radius:50%;
    background:#999;
    cursor:pointer;
    transition:.4s;
}
.dot.active{
    background: var(--text-light);
    transform:scale(1.2);
}
@media (max-width:1440px) {
        .hero-content {
            max-width: 100%;
        }
    }
@media(max-width:992px){
.hero{
    height:auto;
    padding:60px 0;
}
.hero-content{
    flex-direction:column;
    gap:50px;
}
.left-content{
    width:100%;
    text-align:center;
}
.left-content h1{
    font-size:42px;
}
.left-content p{
    margin:auto auto 30px;
}
.center-content{
    width:100%;
    display:flex;
    justify-content:center;
}
}
@media(max-width:576px){
.left-content h1{
font-size:34px;
}
.slides img{
    width:320px;
    height:210px;
}
.center-content{
    width:320px;
}
}

        /* Brands Section */
        /*.brands-section {
            background: var(--cream-bg);
            padding: 4rem 2rem;
            text-align: center;
        }
        .brands-section h2 {
            color: #999;
            margin-bottom: 2rem;
            font-size: 0.95rem;
        }
        .brands-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
            gap: 2rem;
            max-width: 1200px;
            margin: 0 auto;
            align-items: center;
            justify-items: center;
        }

        .brand-logo {
            font-weight: 700;
            color: #aaa;
            font-size: 0.9rem;
            transition: var(--transition);
        }

        .brnd_logo {
            width: 100px;
            border: 1px solid silver;
            border-radius: 10px;
        }

        .brand-logo:hover {
            color: var(--primary-orange);
            transform: scale(1.1);
        }*/
        
        
        
        /*=========================
Brand Logo Slider
=========================*/

.brands-section{

    background:var(--cream-bg);

    padding:70px 20px;

    overflow:hidden;

}

.brands-container{

    max-width:1300px;

    margin:auto;

}

.brandsSwiper{

    width:100%;

}

.swiper-slide{

    display:flex;

    justify-content:center;

    align-items:center;

}

.brand-logo{

    background:#fff;

    border-radius:14px;

    padding:20px;

    border:1px solid #ececec;

    transition:.35s;

}

.brand-logo:hover{

    transform:translateY(-4px);

    box-shadow:0 12px 25px rgba(0,0,0,.08);

}

.brnd_logo{

    width:110px;

    height:70px;

    object-fit:contain;

    display:block;

    margin:auto;

    filter:grayscale(100%);

    transition:.4s;

}

.brand-logo:hover .brnd_logo{

    filter:grayscale(0);

    transform:scale(1.08);

}
        
        

        /*@media (max-width: 768px) {
            .brnd_logo {
                width: 100px;
            }
        }*/

        /* Feature Section */
        .feature-section {
            background: var(--cream-bg);
            padding: 3rem 2rem;
        }

        .section-container {
            max-width: 1400px;
            margin: 0 auto;
        }

        .feature-head {
            display: flex;
            gap: 3em;
        }

        .about_img {
            width: 100%;
            border-radius: 30px;
            min-height: 450px;
        }

        .feature-grid {
            display: grid;
            grid-template-columns: 1fr 2fr;
            gap: 3rem;
            align-items: center;
            margin-bottom: 1rem;
        }

        .feature-head h2 {
            font-size: clamp(1.2rem, 5vw, 3rem);
            margin-bottom: 1.5rem;
            line-height: 1.3;
        }

        .feature-content p {
            color: #666;
            margin-bottom: 1rem;
            font-size: 1rem;
        }

        .feature-highlights {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 2rem;
            margin-top: 2rem;
        }

        .highlight-box {
            background: var(--text-light);
            padding: 2rem;
            border-radius: var(--border-radius);
            transition: var(--transition);
        }

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

        .highlight-box span {
            background-color: var(--primary-orange);
            color: #fff;
            border-radius: 50%;
            padding: 8px;
            margin-bottom: 10px;
            display: inline-flex;
            width: 45px;
            height: 45px;
            font-size: 24px;
        }
        
        .highlight-number {
            font-size: 2.5rem;
            font-weight: 700;
            color: var(--primary-orange);
            margin-bottom: 0.5rem;
        }

        .highlight-title {
            font-weight: 600;
            margin-bottom: 0.5rem;
            font-size: clamp(1.12rem, 4.25vw, 1.75rem);
            line-height: 32px;
        }

        .highlight-text {
            color: #999;
            font-size: 0.9rem;
        }

    @media (max-width:1440px) {
            .section-container {
                max-width: 100%;
            }
        }

        @media (max-width: 992px) {
            .feature-section {
                padding: 1rem 2rem;
            }
            .about_img {
                min-height: auto;
            }
        }

        @media (max-width: 768px) {
            .feature-head {
                gap: 1em;
                flex-direction: column;
            }
            .about_img {
                width: 100%;
            }
            .highlight-title {
                /* font-size: 24px; */
                line-height: 28px;
            }
            .highlight-box span {
                padding: 6px;
                width: 36px;
                height: 36px;
                font-size: 20px;
            }

        }

        /* Gallery Grid */
        
.services-section{

padding:80px 30px;

background: var(--cream-bg);

}


.services-container{

max-width:1400px;

margin:auto;

padding:80px;

border-radius:35px;

background: var(--cream-bg) url('../img/black-bg.jpg') no-repeat center / cover scroll; 

background-size:cover;

background-position:center;

position:relative;

overflow:hidden;

}




.services-top{

display:flex;

justify-content:space-between;

gap:40px;

margin-bottom:60px;

}



.services-top .left{

max-width:650px;

}


.services-top .right{

max-width:400px;

}




.tag{


padding:8px 18px;


background: var(--text-light);

border-radius:30px;


font-size:14px;


display:inline-block;

margin-bottom:25px;

}




.services-top h2{

font-size:52px;

line-height:1.1;

font-weight:700;

color: var(--text-light);

}




.services-top p{

color:#b8b8b8;

font-size:15px;

line-height:1.8;

}





.services-grid{

display:grid;

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

gap:30px;

}

.service-card{

background: var(--text-light);

padding:18px;

border-radius:18px;

transition:.4s;
position: relative;

}

.service-card:hover{
transform:translateY(-8px);

}

.service-card:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 180px;
    height: 80px;
    background: #121212;
    /* border-radius: 15px; */
    border-top-right-radius: 20px;
    border-bottom-left-radius: 17px;
    z-index: 0;
}

.service-card img{
width:100%;
height:170px;
object-fit:cover;
border-radius:12px;
}




.service-card h3{


font-size:22px;


margin-top:20px;


margin-bottom:15px;


color: var(--text-dark);

}


.service-card p{


font-size:14px;


line-height:1.7;


color:#888;


margin-bottom:20px;

}



.learn-btn{


display:inline-flex;


align-items:center;


gap:10px;


padding:12px 18px;


background: var(--primary-orange);


border-radius:50px;


color: var(--text-light);


font-size:14px;


font-weight:600;


text-decoration:none;


transition:.4s;

    z-index: 1;
    position: relative;

}



.learn-btn:hover{
    background: var(--primary-orange);
}


.learn-btn span{


width:24px;


height:24px;


background: var(--text-light);

border-radius:50%;


display:flex;


align-items:center;


justify-content:center;


color: var(--primary-orange);

font-size:12px;
transform: rotate(-45deg);

}


/* Responsive */
@media(max-width:992px){
.services-section{
    padding: 40px 20px;
}
    
.services-top{
flex-direction:column;
gap:30px;
}

.services-grid{
grid-template-columns:1fr 1fr;
}

}



@media(max-width:768px){


.services-grid{


grid-template-columns:1fr;

}



.services-container{

padding:40px;

}


.services-top h2{

font-size:36px;

}

}




        /* Process Section */

 .process-section {
      min-height: 100vh;
      padding: 34px 24px 54px;
      background: var(--cream);
    }

    .process-wrap {
      width: min(1080px, 100%);
      margin: 0 auto;
    }

    .section-kicker {
      width: max-content;
      margin: 0 auto 18px;
      padding: 7px 14px;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.72);
      box-shadow: 0 5px 16px rgba(34, 29, 19, 0.06);
      color: #6f6a5d;
      font-size: 12px;
      font-weight: 700;
      line-height: 1;
    }

    .section-kicker::before {
      content: "";
      display: inline-block;
      width: 8px;
      height: 8px;
      margin-right: 7px;
      border-radius: 50%;
      background: var(--primary-orange);
      box-shadow: 0 0 0 4px rgba(238, 75, 33, 0.12);
      vertical-align: 1px;
    }

    .process-title {
      max-width: 650px;
      margin: 0 auto 58px;
      text-align: center;
      font-size: clamp(34px, 4vw, 54px);
      line-height: 1.15;
      letter-spacing: 0;
      font-weight: 800;
    }

    .process-grid {
      display: grid;
      grid-template-columns: minmax(300px, 410px) 1fr;
      gap: clamp(44px, 7vw, 84px);
      align-items: center;
    }

    .visual-card {
      position: relative;
      min-height: 525px;
      overflow: hidden;
      border-radius: 14px;
      background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.03)),
        #e7dfc8;
      box-shadow: 0 22px 42px rgba(77, 61, 34, 0.15);
    }

    .room-illustration {
      position: absolute;
      inset: 0;
      overflow: hidden;
      background:
        radial-gradient(circle at 88% 52%, rgba(64, 104, 53, 0.18) 0 4%, transparent 4.2%),
        linear-gradient(90deg, #dfd4bd 0 40%, #f1eadb 40% 100%);
    }
    
    .room-illustration img {
        height: 114%;
    }

    .caption-card {
      position: absolute;
      left: 30px;
      right: 30px;
      bottom: 28px;
      display: grid;
      grid-template-columns: 38px 1fr;
      gap: 17px;
      align-items: center;
      padding: 24px 26px;
      border-radius: 14px;
      background: var(--text-light);
      box-shadow: 0 18px 34px rgba(37, 30, 19, 0.13);
    }

    .caption-icon {
      display: grid;
      place-items: center;
      width: 34px;
      height: 34px;
      /* border: 2px solid #f0b6a4; */
      border-radius: 6px;
      color: var(--primary-orange);
      font-size: 19px;
      font-weight: 800;
    }

    .caption-text {
      margin: 0;
      font-size: clamp(18px, 2vw, 22px);
      line-height: 1.18;
      font-weight: 800;
    }

    .steps-list {
      display: grid;
      gap: 0;
    }

    .step {
      display: grid;
      grid-template-columns: 76px minmax(220px, 1fr) minmax(130px, 190px);
      gap: 28px;
      align-items: center;
      min-height: 126px;
      padding: 22px 0;
      border-bottom: 2px solid var(--line);
    }

    .step:first-child {
      padding-top: 0;
    }

    .step:last-child {
      border-bottom: 0;
      padding-bottom: 0;
    }

    .step-number {
      display: grid;
      place-items: center;
      width: 62px;
      height: 62px;
      border-radius: 50%;
      background: var(--primary-orange);
      color: var(--text-light);
      font-size: 26px;
      font-weight: 700;
      box-shadow: 0 10px 22px rgba(238, 75, 33, 0.24);
    }

    .step-title {
      margin: 0;
      max-width: 360px;
      font-size: clamp(22px, 2vw, 29px);
      line-height: 1.16;
      letter-spacing: 0;
      font-weight: 700;
    }

    .step-copy {
      margin: 0;
      color: var(--text-dark);
      font-size: 15px;
      line-height: 1.55;
      font-weight: 600;
    }

    @media (max-width: 900px) {
      .process-section {
        padding-top: 30px;
      }

      .process-title {
        margin-bottom: 38px;
      }

      .process-grid {
        grid-template-columns: 1fr;
        gap: 42px;
      }


    .room-illustration img {
            height: auto;
            width: 100%;
        }
        
      .visual-card {
        width: min(440px, 100%);
        min-height: 500px;
        margin: 0 auto;
      }

      .step {
        grid-template-columns: 68px 1fr;
        gap: 18px;
      }

      .step-copy {
        grid-column: 2;
        max-width: 420px;
      }
    }

    @media (max-width: 560px) {
      .process-section {
        padding: 24px 16px 42px;
      }

      .section-kicker {
        margin-bottom: 14px;
      }

      .process-title {
        font-size: 34px;
      }

      .visual-card {
        min-height: 430px;
      }

      .caption-card {
        left: 16px;
        right: 16px;
        bottom: 18px;
        grid-template-columns: 32px 1fr;
        padding: 18px;
      }

      .caption-icon {
        width: 30px;
        height: 30px;
      }

      .caption-text {
        font-size: 18px;
      }

      .step {
        grid-template-columns: 58px 1fr;
        min-height: auto;
        padding: 24px 0;
      }

      .step-number {
        width: 52px;
        height: 52px;
        font-size: 21px;
      }

      .step-title {
        font-size: 22px;
      }

      .step-copy {
        font-size: 14px;
      }
    }




    
/*=========================
WHY US
==========================*/

.why-us{

padding:80px 20px;

background:#f5f1e5;

}


.why-container{

max-width:1400px;

margin:auto;


padding:80px;


border-radius:35px;


background:#0d0d0d;


background-image: url('../img/black-bg.jpg');

background-size:cover;

background-position:center;


display:flex;

align-items:center;

justify-content:center;

gap:30px;


overflow:hidden;

}




/* LEFT IMAGE */


.why-image{

width:45%;

position:relative;

}


.why-image img{

width:100%;

height:684px;

object-fit:cover;


border-radius:25px;

display:block;

}



/* decorative cut */

.why-image:before{

content:"";

position:absolute;

top:0;

right:0;


width:120px;

height:40px;


background:#0d0d0d;


border-bottom-left-radius:20px;

z-index:10;

}



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


.why-content{

width:50%;


background:white;


padding:45px;


border-radius:25px;

}




.small-tag{


display:inline-block;


padding:8px 18px;


background:#faf6f2;


border-radius:30px;


font-size:14px;


margin-bottom:25px;

}


.small-tag::before{


content:"◉";

color:#f97316;

margin-right:8px;

}




.why-content h2{


font-size: clamp(34px, 4vw, 54px);


line-height:1.15;


margin-bottom:25px;


font-weight:700;


color:#111;

}




.why-content p{


font-size:15px;


line-height:1.9;


color:#777;


margin-bottom:35px;

}




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


.features{


display:grid;


grid-template-columns:1fr 1fr;


gap:15px;

}




.item{


background:#ebe5d8;


padding:22px;


border-radius:14px;


display:flex;


align-items:center;


gap:15px;


transition:.4s;

}



.item:hover{


transform:translateY(-5px);

}



.item i{


font-size:22px;


color:#111;

}



.item span{


font-size:16px;


font-weight:500;


line-height:1.5;

}



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


@media(max-width:1200px){
.features {
    grid-template-columns:1fr;
}
}


@media(max-width:992px){

.why-container{

flex-direction:column;
padding:50px;

}

.why-image{

width:100%;

}

.why-content{

width:100%;

}

}



@media(max-width:768px){

.why-image img{

height:400px;

}

}



@media(max-width:576px){


.why-container{

padding:25px;

}



.why-content{

padding:30px;

}


}







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

.testimonial-section{

padding:90px 20px;

background:#f5f1e5;

}


.container{

max-width:1400px;

margin:auto;

display:flex;

align-items:center;

justify-content:space-between;

gap:80px;

}



/* LEFT */

.testimonial-left{

width:58%;

}


.sec-tag{

display:inline-block;

padding:8px 18px;

background:white;

border-radius:30px;

font-size:14px;

margin-bottom:25px;

}



.sec-tag:before{

content:"◉";

margin-right:8px;

color:#f97316;

}


.testimonial-left h2{

font-size: clamp(34px, 4vw, 54px);

line-height:1.15;

margin-bottom:50px;

font-weight:700;

max-width:700px;

}



/* Cards */

.testimonial-wrapper{

display:flex;

gap:25px;

position:relative;

}



.testimonial-card{


background:white;

padding:35px;

border-radius:25px;

position:relative;

width:420px;

box-shadow: 0 15px 40px rgba(0,0,0,.05);

}



.stars{


display:flex;

gap:8px;

margin-bottom:25px;

}


.stars i{


color:#f5c518;

font-size:20px;

}



.testimonial-card p{


font-size:15px;

line-height:1.9;

color:#777;

margin-bottom:35px;

}



/* author */


.author{


display:flex;

align-items:center;

gap:15px;

}



.author img{


width:55px;

height:55px;

border-radius:50%;

object-fit:cover;

}


.author h4{

font-size:26px;

margin-bottom:5px;

}



.author span{

font-size:13px;

color:#999;

}



.quote{


position:absolute;

right:30px;

bottom:35px;

font-size:40px;

color:#f97316;

}




/* RIGHT */

.testimonial-right{

width:40%;

}



.client-image{


position:relative;

}


.client-image img{


width:100%;

height:620px;

object-fit:cover;

border-radius:25px;

}



/* corner cut */


.client-image:before{


content:"";


position:absolute;


top:0;

right:0;


width:100px;

height:40px;


background:#f5f1e5;


border-bottom-left-radius:20px;


z-index:5;

}



/* Stats */


.stats-box{
    display: flex;
    gap: 20px;
    position: absolute;
    right: 20px;
    bottom: 30px;
    background: var(--text-light);
    padding: 30px;
    border-radius: 20px;
    text-align: center;
    min-width: 220px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .08);
}



.stats-box i{
    align-content: center;
    font-size:28px;
    color:#f97316;
    margin-bottom:10px;
}


.stats-box-block {
    text-align: left;
}

.stats-box h3, h3 span.stats-k {
font-size:42px;
margin-bottom:10px;
}

h3 span.stats-k {
    color: var(--primary-orange);
}

.stats-box span{
color:#666;

font-size:15px;

}



/*================================
Responsive
================================*/


@media(max-width:992px){

.testimonial-section {
    padding: 40px 20px;
}

.testimonial-section .container{

flex-direction:column;

}



.testimonial-left,
.testimonial-right{


width:100%;

}


.testimonial-wrapper{


flex-direction:column;

}


.testimonial-card{


width:100%;

}


.second{

margin-top:0;

}


}



@media(max-width:768px){

.client-image img{

height:450px;

}


.stats-box{


right:20px;

bottom:20px;

padding:20px;

}


}






/*====================
BLOG SECTION
=====================*/

.iblog-section{
    padding:40px 20px;
    background:#F7F4E9;
}


.iblog-heading{
    text-align:center;
    max-width:800px;
    margin:auto auto 70px;
}



.iblog-tag{

display:inline-block;
padding:10px 22px;

background:white;

border-radius:50px;

font-size:14px;
margin-bottom:20px;

}



.iblog-tag:before{

content:"◉";

color:#F97316;

margin-right:8px;

}



.iblog-heading h2{

font-size:56px;

margin-bottom:20px;

line-height:1.2;

}



.iblog-heading p{

color:#777;
line-height:1.8;

}




/* Layout */


.iblog-wrapper{

max-width:1400px;
margin:auto;

display:grid;

grid-template-columns: 1fr 1fr;

gap:50px;

align-items:start;

}






/* Newsletter */


.iblog-newsletter{

position:relative;

overflow:hidden;

border-radius:30px;

height:770px;

}



.iblog-newsletter img{

width:100%;
height:100%;

object-fit:cover;

display:block;

}




.iblog-overlay{

position:absolute;

inset:0;


padding:45px;

display:flex;

flex-direction:column;

justify-content:flex-end;



background:

linear-gradient(
180deg,
rgba(0,0,0,0.1),
rgba(0,0,0,0.85)
);

}




.iblog-label{

display:inline-block;

width:max-content;

padding:10px 22px;

background:white;

border-radius:40px;

margin-bottom:25px;

font-size:14px;

}



.iblog-label:before{

content:"◉";

color:#F97316;

margin-right:8px;

}




.iblog-overlay h3{


font-size:42px;

line-height:1.2;

margin-bottom:20px;

color:white;

}




.iblog-overlay p{


color:white;

opacity:.9;

line-height:1.8;

margin-bottom:35px;

}




.iblog-overlay form{


display:flex;

flex-direction:column;

gap:15px;

}




.iblog-overlay input{


height:58px;

padding:0 25px;

border:none;

border-radius:50px;

font-size:15px;

}




.iblog-overlay button{


height:58px;

border:none;

border-radius:50px;

background:#F97316;

color:white;

font-size:16px;

font-weight:600;

cursor:pointer;

transition:.3s;

}



.iblog-overlay button:hover{

background:#e86000;

}





/* Blog List */

.iblog-list{
display:flex;
flex-direction:column;
gap:40px;
}

.iblog-item{
display:flex;
gap:25px;
align-items:flex-start;
padding-bottom:35px;
border-bottom:1px solid #e1dccd;
}

.iblog-item img{
width:150px;
height:200px;
border-radius:20px;
object-fit:cover;
}

.iblog-category{
color:#F97316;
font-size:14px;
font-weight:600;
display:block;
margin-bottom:10px;
}

.iblog-date{
font-size:14px;
color:#777;
margin-bottom:15px;
}

.iblog-item h4 a{
font-size:32px;
line-height:1.3;
margin-bottom:15px;
text-decoration: none;
color: #222;
}

.iblog-item p{
color:#666;
line-height:1.8;
}



/* Responsive */

@media(max-width:992px){

.iblog-wrapper{
grid-template-columns:1fr;
}

.iblog-newsletter{
height:550px;
}

}




@media(max-width:768px){

.iblog-heading h2{

font-size:40px;

}



.iblog-item{

flex-direction:column;

}



.iblog-item img{

width:100%;
height:250px;

}



.iblog-item h4 a{

font-size:26px;

}



.iblog-overlay h3{

font-size:32px;

}


}



@media(max-width:520px){

.iblog-heading h2{

font-size:32px;

}


.iblog-overlay{

padding:30px;

}


.iblog-overlay h3{

font-size:28px;

}


}




/*==============================
INTERIOR GALLERY
==============================*/

.interior-gallery{

padding:80px 20px;

background:#f6f3e7;

}



.gallery-container{


max-width:1400px;


margin:auto;


padding:80px;


background:#111;


border-radius:35px;


position:relative;


overflow:hidden;



background-image:
url(images/black-bg.jpg);


background-size:cover;


background-position:center;


}



/* decorative corners */

.gallery-container:before{

content:"";

position:absolute;

top:0;

right:0;


width:90px;

height:35px;


background:#f6f3e7;


border-bottom-left-radius:25px;

}



.gallery-container:after{


content:"";


position:absolute;


left:0;

bottom:0;


width:90px;

height:35px;


background:#f6f3e7;


border-top-right-radius:25px;

}



/*===================

Heading

====================*/

.gallery-heading{
display:flex;
justify-content:space-between;
gap:80px;
margin-bottom:50px;
}

.gallery-heading .left-content{
    max-width: 750px;
    width: 56%;
}

.gallery-heading .center-content{
max-width:420px;
}




.gallery-tag{
display:inline-block;
padding:8px 18px;
background: var(--text-light);
color: var(--text-dark);
border-radius:50px;
font-size:14px;
margin-bottom:25px;
}



.gallery-tag:before{


content:"◉";


margin-right:8px;


color:#f97316;

}



.gallery-heading h2{


font-size:54px;


font-weight:700;


line-height:1.15;


color:white;

}

.gallery-heading p{
color: var(--text-light);
line-height:1.9;
font-size:15px;
}


/*===================

Gallery Layout

====================*/


.gallery-layout{


display:grid;


grid-template-columns:
2fr 1fr 1fr;


gap:20px;


align-items:stretch;

}



/* image box */


.gallery-item{


overflow:hidden;


border-radius:22px;

}



.gallery-item img{


width:100%;


height:100%;


display:block;


object-fit:cover;


transition:.4s;

}



.gallery-item:hover img{


transform:scale(1.05);

}




/* sizes */


.item-large{

height:430px;

}


.item-tall{

height:430px;

}



.right-column{


display:flex;


flex-direction:column;


gap:20px;

}



.item-small{


height:205px;

}



/*===================

Responsive

====================*/


@media(max-width:992px){


.gallery-heading{


flex-direction:column;


gap:30px;

}



.gallery-layout{


grid-template-columns:1fr;


}



.right-column{


flex-direction:row;

}



.item-large,
.item-tall{


height:350px;

}


.item-small{


flex:1;


height:250px;

}


}



@media(max-width:768px){


.gallery-container{


padding:40px;

}



.gallery-heading h2{


font-size:38px;

}



.right-column{


flex-direction:column;

}


.item-small{


height:220px;

}


}



@media(max-width:576px){


.gallery-container{


padding:25px;

}



.gallery-heading h2{


font-size:30px;

}



.item-large,
.item-tall{


height:250px;

}


}






/*==================================
CTA SECTION
===================================*/

.cta-section{

padding:80px 20px;

background:#f5f2e7;

}


.cta-wrapper{

max-width:1200px;

margin:auto;

display:flex;

align-items:center;

overflow:hidden;


background:#dfd8c8;


padding:10px;


border-radius:24px;


gap:10px;

}



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


.cta-image{

width:48%;

}


.cta-image img{

width:100%;

height: 575px;

display:block;

object-fit:cover;

border-radius:18px;

}



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


.cta-content{
width:52%;
background:#fff;
padding:55px;
border-radius:20px;
min-height: 575px;
}



.cta-tag{


display:inline-flex;

align-items:center;

gap:8px;


padding:8px 18px;


background:#fafafa;


border-radius:30px;


font-size:14px;


margin-bottom:25px;

}



.cta-tag:before{

content:"◉";

color:#f97316;

}



.cta-content h2{

font-size:54px;

font-weight:700;

line-height:1.15;

margin-bottom:25px;

color:#111;

}



.cta-content p{


font-size:15px;

line-height:1.9;

color:#777;

margin-bottom:40px;

}



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


.cta-actions{

display:flex;

align-items:center;

gap:35px;

}




.cta-btn{


display:flex;

align-items:center;

gap:12px;


padding:14px 10px 14px 28px;


background:#f97316;


border-radius:50px;


text-decoration:none;

color:white;


font-weight:600;


transition:.4s;

}



.cta-btn:hover{

background:#e76309;

}



.cta-btn span{


width:28px;

height:28px;


background:white;


border-radius:50%;


display:flex;

align-items:center;

justify-content:center;


color:#f97316;
transform: rotate(-45deg);

}





/*==================
PHONE
==================*/


.phone-box{


display:flex;

align-items:center;

gap:15px;

}



.phone-icon{


width:55px;

height:55px;


background:#f97316;


border-radius:50%;


display:flex;

align-items:center;

justify-content:center;


color:white;


font-size:20px;

}



.phone-box small{


display:block;


color:#999;


margin-bottom:5px;

}

.phone-box a{
font-size:24px;
color:#111;
font-weight: 600;
text-decoration: none;
}


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


@media(max-width:992px){


.cta-wrapper{


flex-direction:column;

}


.cta-image,
.cta-content{

width:100%;

}


.cta-content{

padding:40px;

}


.cta-content h2{

font-size:42px;

}


}



@media(max-width:768px){


.cta-actions{


flex-direction:column;

align-items:flex-start;

}


.cta-content h2{

font-size:34px;

}


.cta-image img{

height:300px;

}


}



@media(max-width:576px){

.cta-content{
padding:30px;
}

.cta-content h2{
font-size:28px;
}

.phone-box a{
font-size:18px;
}

}







        /* Footer */
        


/*====================================

INTERIYO FOOTER

=====================================*/

.ivf-footer-section{
padding:0;
background:#f5f2e7;
}

.foot_sec {
    max-width: 100%;
    margin: auto;
    padding: 80px 60px 40px;
    background: #121212;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

.ivf-footer-wrapper{
display:flex;
justify-content:space-between;
gap:80px;
overflow:hidden;
position:relative;
}


/*===================

LEFT

====================*/

.ivf-footer-left{
width:40%;
}

.ivf-footer-heading{
font-size:clamp(24px, 3vw, 42px);
line-height:1.15;
font-weight:700;
color:white;
margin-bottom:35px;
}

.ivf-footer-btn{
display:inline-flex;
align-items:center;
gap:15px;
padding:15px 10px 15px 30px;
background:#f97316;
border-radius:50px;
color:white;
text-decoration:none;
font-weight:600;
margin-bottom:60px;
transition:.4s;
}

.ivf-footer-btn:hover{
background:#e96105;
}

.ivf-footer-btn span{
width:28px;
height:28px;
background:white;
color:#f97316;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
transform: rotate(-45deg);
}


/*===================

BRAND

====================*/

.ivf-brand-box{
display:flex;
align-items:center;
gap:20px;
margin-bottom:60px;
}

.ivf-brand-box img{
width:200px;
}

.ivf-brand-box h3{
font-size:56px;
font-weight:700;
color:#f97316;
}

/*===================

SOCIAL

====================*/

.ivf-social h4{
font-size:28px;
color:white;
margin-bottom:20px;
}

.ivf-social ul{
display:flex;
gap:25px;
list-style:none;
}

.ivf-social a{
display:flex;
align-items:center;
gap:8px;
text-decoration:none;
color:#ddd;
font-size:15px;
}

.ivf-social a:hover{
color:#f97316;
}


/*===================

RIGHT

====================*/

.ivf-footer-right{
width:60%;
}

.ivf-footer-image{
margin-bottom:40px;
overflow:hidden;
border-radius:25px;
}

.ivf-footer-image img{
width:100%;
height:240px;
object-fit:cover;
display:block;
}


/* decorative cut */

.ivf-footer-image{
position:relative;
}


.ivf-footer-image::before{
content:"";
position:absolute;
bottom:0;
left:0;
width:90px;
height:35px;
background:#121212;
border-top-right-radius:20px;
}


.ivf-footer-image::after{
content:"";
position:absolute;
top:0;
right:0;
width:90px;
height:30px;
background:#121212;
border-bottom-left-radius:20px;
}


/*===================

GRID

====================*/


.ivf-footer-grid{
display:grid;
grid-template-columns: 1fr 1fr 1fr;
gap:50px;
}

.ivf-footer-grid h3{
font-size:clamp(20px, 3vw, 28px);
color:white;
margin-bottom:25px;
}

.ivf-footer-grid ul{
list-style:none;
}

.ivf-footer-grid li{
margin-bottom:15px;
}

.ivf-footer-grid a{
text-decoration:none;
color:#cfcfcf;
transition:.3s;
}

.ivf-footer-grid a:hover{
color:#f97316;
}

.ivf-footer-grid p{
color:#b5b5b5;
line-height:1.8;
}

.ivf-contact-title{
margin-top:35px;
}


/*===================

COPYRIGHT

====================*/

.ivf-copyright{
text-align:center;
padding-top:80px;
font-size:14px;
color:#999;
}

.ivf-copyright a {
    color: var(--primary-orange);
    text-decoration: none;
}

/*===================

Responsive

====================*/


@media(max-width:992px){


.ivf-footer-wrapper{


flex-direction:column;

padding:50px;

}

.foot_sec {
    padding: 30px;
}


.ivf-footer-left,
.ivf-footer-right{


width:100%;

}



.ivf-footer-grid{


grid-template-columns:1fr;

}



}



@media(max-width:768px){

.ivf-brand-box h3{

font-size:38px;

}



.ivf-social ul{


flex-direction:column;

gap:15px;

}



}



@media(max-width:576px){


.ivf-footer-wrapper{


padding:30px;

}
.foot_sec {
    padding: 20px;
}




.ivf-footer-heading{


font-size:30px;

}



.ivf-footer-btn{


padding:12px 25px;

}


}






        /* Animations */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes slideInDown {
            from {
                opacity: 0;
                transform: translateY(-30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes slideInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes slideInLeft {
            from {
                opacity: 0;
                transform: translateX(-30px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        .fade-in {
            animation: fadeInUp 0.6s ease-out forwards;
        }

        /* Scroll Animation */
        .scroll-reveal {
            opacity: 0;
            transform: translateY(30px);
        }

        .scroll-reveal.active {
            animation: fadeInUp 0.6s ease-out forwards;
        }

        /* Responsive */
        @media (max-width: 768px) {
            header {
                padding: 1rem 1.5rem;
            }

            nav {
                display: none;
                position: absolute;
                top: 100%;
                left: 0;
                right: 0;
                flex-direction: column;
                background: var(--text-light);
                padding: 2rem;
                gap: 1rem;
                box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
                padding: 0;
            }


            nav.active {
                display: flex;
            }

            .hamburger {
                display: flex;
            }

            .hamburger.active span:nth-child(1) {
                transform: rotate(45deg) translateY(10px);
            }

            .hamburger.active span:nth-child(2) {
                opacity: 0;
            }

            .hamburger.active span:nth-child(3) {
                transform: rotate(-45deg) translateY(-10px);
            }

            .feature-grid {
                grid-template-columns: 1fr;
                gap: 2rem;
            }

            .feature-highlights {
                grid-template-columns: 1fr;
            }

            .gallery-grid {
                grid-template-columns: 1fr;
            }

            .hero-buttons {
                flex-direction: column;
            }

            /* .primary-btn, .secondary-btn {
                width: 100%;
            } */
             .btn {
                gap: 10px;
                padding: 10px 25px;
             }
             .tag {
                padding: 6px 18px;
             }

            .brands-grid {
                grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
                gap: 1rem;
            }
        }

        @media (max-width: 480px) {
            .logo_img, .custom-logo {
                width: 110px;
            }
            .cta-button {
                padding: 0.45rem 1.1rem;
            }
            .hero {
                padding: 3rem 1rem;
            }

            .hero h1 {
                font-size: 1.8rem;
            }

            .section-title {
                font-size: 1.8rem;
            }

            .feature-highlights {
                grid-template-columns: 1fr;
            }

            nav {
                gap: 0.5rem;
                padding: 0;
            }
        }

        /* Prefers reduced motion */
        @media (prefers-reduced-motion: reduce) {
            * {
                animation-duration: 0.01ms !important;
                animation-iteration-count: 1 !important;
                transition-duration: 0.01ms !important;
            }
        }
		

        

/* About page css  */


/*======================================
ABOUT BANNER
=======================================*/

.iab-about-section{
padding: 10px 20px;
background:#f6f3e7;
}

.iab-about-wrapper{
max-width:1400px;
margin:auto;
height:600px;
border-radius:30px;
overflow:hidden;
position:relative;
background-size:cover;
background-position:center;
}


/*======================
Overlay
=======================*/

.iab-about-overlay{
position:absolute;
inset:0;
background: linear-gradient(180deg, rgba(0,0,0,0.10) 0%, rgba(0,0,0,0.35) 45%, rgba(0,0,0,0.88) 100%);
}




/*=========================
Decorative Corner Cuts
==========================*/

.iab-about-wrapper:before{
content:"";
position:absolute;
top:0;
right:0;
width:95px;
height:35px;
background:#f6f3e7;
border-bottom-left-radius:25px;
z-index:5;
}

.iab-about-wrapper:after{
content:"";
position:absolute;
bottom:0;
left:0;
width:95px;
height:35px;
background:#f6f3e7;
border-top-right-radius:25px;
z-index:5;
}


/*======================
Content
=======================*/

.iab-about-content{
position:absolute;
bottom:70px;
left:70px;
right:70px;
display:flex;
justify-content:space-between;
align-items:flex-end;
gap:100px;
z-index:10;
}


/*======================
Left
=======================*/

.iab-about-left{
max-width:700px;
}

.iab-about-tag{
display:inline-flex;
align-items:center;
gap:10px;
padding:10px 20px;
background:white;
border-radius:50px;
font-size:14px;
margin-bottom:25px;
}

.iab-about-tag:before{
content:"◉";
font-size:12px;
color:#f97316;
}

.iab-about-left h2{
font-size:68px;
font-weight:700;
line-height:1.1;
color:white;
}


/*======================
Right
=======================*/

.iab-about-right{
max-width:420px;
}

.iab-about-right p{
font-size:16px;
line-height:1.9;
color:#f2f2f2;
}


/*======================
Responsive
=======================*/

@media(max-width:992px){
.iab-about-wrapper{
height:500px;
}

.iab-about-content{
left:40px;
right:40px;
bottom:40px;
flex-direction:column;
align-items:flex-start;
gap:30px;
}

.iab-about-left h2{
font-size:48px;
}
}


@media(max-width:768px){
.iab-about-wrapper{
height:650px;
}

.iab-about-left h2{
font-size:38px;
}

.iab-about-right{
max-width:100%;
}
}


@media(max-width:576px){
.iab-about-content{
left:25px;
right:25px;
bottom:25px;
}

.iab-about-left h2{
font-size:30px;
line-height:1.2;
}

.iab-about-tag{
padding:8px 16px;
font-size:13px;
}

.iab-about-right p{
font-size:14px;
}
}



/*====================================
INTERIYO PHILOSOPHY
====================================*/

.iph-section{
padding:100px 20px;
background:#F7F4E9;
}

.iph-container{
max-width:1400px;
margin:auto;
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:60px;
}


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

.iph-left{
width:48%;
}

.iph-tag{
display:inline-flex;
align-items:center;
gap:8px;
padding:10px 20px;
background:#fff;
border-radius:40px;
font-size:14px;
margin-bottom:25px;
}

.iph-tag::before{
content:"◉";
color:#F97316;
font-size:12px;
}

.iph-left h2{
font-size:64px;
line-height:1.15;
font-weight:700;
margin-bottom:25px;
color:#111;
}

.iph-left p{
font-size:16px;
line-height:1.9;
max-width:620px;
color:#777;
margin-bottom:40px;
}


/* image */

.iph-image{
overflow:hidden;
border-radius:24px;
}

.iph-image img{
width:100%;
height:360px;
display:block;
object-fit:cover;
transition:.5s;
}

.iph-image:hover img{
transform:scale(1.05);
}


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

.iph-right{
width:48%;
display:grid;
grid-template-columns: 1fr 1fr;
gap:25px;
}

.iph-card{
background:white;
padding:45px;
border-radius:22px;
min-height:260px;
transition:.4s;
box-shadow:0 8px 25px rgba(0,0,0,.04);
}

.iph-card:hover{
transform:translateY(-5px);
box-shadow: 0 15px 35px rgba(0,0,0,.08);
border: 1px solid silver;
}

.iph-card h3{
font-size:36px;
line-height:1.25;
margin-bottom:35px;
font-weight:700;
color:#111;
}

.iph-card p{
font-size:15px;
line-height:1.9;
color:#777;
}


/*=====================
Responsive
======================*/


@media(max-width:992px){


.iph-container{


flex-direction:column;

}



.iph-left,
.iph-right{


width:100%;

}



.iph-left h2{


font-size:48px;

}



}




@media(max-width:768px){


.iph-right{


grid-template-columns:1fr;

}



.iph-left h2{


font-size:38px;

}



.iph-card{


padding:35px;

min-height:auto;

}



.iph-card h3{


font-size:28px;

}



}




@media(max-width:576px){


.iph-section{


padding:70px 20px;

}



.iph-left h2{


font-size:30px;

}



.iph-image img{


height:250px;

}



}





/*======================
FAQ
=======================*/

.ifaq-section{

padding:40px 20px;
background:#F7F4E9;

}


.ifaq-container{

max-width:1400px;
margin:auto;

display:flex;
gap:80px;

}



/* LEFT */

.ifaq-left{

width:35%;

}



.ifaq-tag{

display:inline-block;

padding:10px 20px;

background:white;

border-radius:40px;

margin-bottom:25px;

font-size:14px;

}


.ifaq-tag:before{

content:"◉";
color:#F97316;

margin-right:8px;

}



.ifaq-left h2{

font-size:64px;

line-height:1.15;

margin-bottom:25px;

}



.ifaq-left p{

line-height:1.8;
color:#777;

margin-bottom:40px;

}




/* Card */


.ifaq-contact-box{


padding:45px;

background:white;

border-radius:20px;

}



.ifaq-contact-box h3{

font-size:42px;

margin-bottom:20px;

}



.ifaq-contact-box p{

margin-bottom:35px;

}




.ifaq-btn{


display:inline-flex;

align-items:center;

gap:15px;

padding:15px 10px 15px 30px;

background:#F97316;

border-radius:50px;

text-decoration:none;

color:white;

font-weight:600;

}



.ifaq-btn span{
width:28px;
height:28px;
background:white;
color:#F97316;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
transform: rotate(-45deg);
}



/* RIGHT */

.ifaq-right{

width:65%;

}



.ifaq-item{


border-bottom:1px solid #ddd;

padding:30px 0;

}



.ifaq-question{


width:100%;

border:none;

background:none;

display:flex;

justify-content:space-between;

align-items:center;

cursor:pointer;

padding:0;

text-align:left;

font-size:38px;

font-weight:600;

}



.ifaq-question span{
width:42px;
height:42px;
border-radius:50%;
background:#ece8da;
display:flex;
align-items:center;
justify-content:center;
font-size:24px;
transition:.3s;
}

.ifaq-icon::before{
content:"↗";
}

.ifaq-item.active .ifaq-icon::before{
content:"↙";
}


.ifaq-answer{
max-height:0;
overflow:hidden;
transition:0.4s ease;
}



.ifaq-answer p{
padding-top:20px;
max-width:850px;
line-height:2;
color:#666;
}



/* Active */

.ifaq-item.active .ifaq-answer{

max-height:250px;

}



.ifaq-item.active .ifaq-question{


color:#F97316;

}



.ifaq-item.active span{


background:#F97316;

color:white;

}





/* Responsive */

@media(max-width:992px){

.ifaq-container{

flex-direction:column;

}

.ifaq-left,
.ifaq-right{

width:100%;
}

}


@media(max-width:768px){

.ifaq-left h2{

font-size:42px;

}

.ifaq-question{

font-size:24px;

}

}



@media(max-width:520px){
.ifaq-left h2{
font-size:32px;
}
.ifaq-contact-box h3 {
    font-size: 32px;
    line-height: 1.25em;
}
}



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

.icontact-section{
    background:#F7F4E9;
    padding:80px 20px;
}

.icontact-container{
    max-width:1400px;
    margin:auto;

    display:flex;
    gap:60px;
    align-items:flex-start;
}

/* LEFT */

.icontact-left{
    width:45%;
}

.icontact-tag{
    display:inline-block;
    background:#fff;
    padding:10px 20px;
    border-radius:40px;
    font-size:14px;
    margin-bottom:25px;
}

.icontact-tag::before{
    content:"◉";
    color:#f97316;
    margin-right:8px;
}

.icontact-left h2{
    font-size:60px;
    line-height:1.15;
    margin-bottom:25px;
}

.icontact-left p{
    color:#666;
    line-height:1.8;
    margin-bottom:35px;
}

/* IMAGE */

.icontact-image{
    border-radius:25px;
    overflow:hidden;
    margin-bottom:25px;
}

.icontact-image img{
    width:100%;
    display:block;
    height:200px;
    object-fit:cover;
}

/* SOCIAL */

.icontact-social{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.icontact-social h4{
    font-size:28px;
}

.icontact-icons{
    display:flex;
    gap:15px;
}

.icontact-icons a{
    width:45px;
    height:45px;

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

    border-radius:50%;
    background:#fff;

    color:#f97316;
    text-decoration:none;

    transition:.3s;
}

.icontact-icons a:hover{
    background:#f97316;
    color:#fff;
}

/* RIGHT */

.icontact-right{
    width:55%;
}

.icontact-right h3{
    font-size:48px;
    margin-bottom:35px;
}

.icontact-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:25px;
    margin-bottom:25px;
}

.icontact-field label{
    display:block;
    margin-bottom:10px;
    font-weight:600;
}

.icontact-field input,
.icontact-field textarea{
    width:100%;
    padding:18px 22px;
    border:none;
    outline:none;
    background:#fff;
    border-radius:18px;
    font-size:16px;
}

.icontact-field textarea{
    height:160px;
    resize:none;
}

.icontact-btn{
    margin: 25px auto 0;
    display: flex;
    background:#f97316;
    color:#fff;

    border:none;
    cursor:pointer;

    padding:18px 40px;

    border-radius:50px;

    font-size:16px;
    font-weight:600;

    transition:.3s;
}

.icontact-btn:hover{
    transform:translateY(-2px);
}

/* RESPONSIVE */

@media(max-width:992px){

.icontact-container{
    flex-direction:column;
}

.icontact-left,
.icontact-right{
    width:100%;
}

}

@media(max-width:768px){

.icontact-left h2{
    font-size:42px;
}

.icontact-right h3{
    font-size:36px;
}

.icontact-row{
    grid-template-columns:1fr;
}

}

@media(max-width:520px){

.icontact-left h2{
    font-size:32px;
}

.icontact-social{
    flex-direction:column;
    gap:20px;
}

}



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

.cinfo-section{

    padding:40px 20px;
    background:#F7F4E9;

}


.cinfo-container{

    max-width:1400px;
    margin:auto;

}



.cinfo-heading{

    text-align:center;
    margin-bottom:50px;

}


/* Badge */


.cinfo-badge{

    display:inline-block;

    padding:10px 22px;

    background:white;

    border-radius:50px;

    font-size:14px;

    margin-bottom:25px;

}



.cinfo-badge::before{

    content:"◉";

    color:#F97316;

    margin-right:8px;

}




.cinfo-heading h2{

    font-size:56px;
    font-weight:700;

}



/* Grid */


.cinfo-grid{


    display:grid;

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

    gap:25px;


}



/* Card */

.cinfo-card{


    background:#fff;

    border-radius:20px;

    padding:35px;


    display:flex;

    align-items:center;

    gap:25px;

}



.cinfo-icon{


    width:65px;
    height:65px;


    min-width:65px;

    border-radius:50%;


    background:#F97316;

    color:white;


    display:flex;

    align-items:center;

    justify-content:center;


    font-size:28px;


}



.cinfo-content small{

    display:block;

    color:#777;

    margin-bottom:8px;

    font-size:15px;

}

.cinfo-content h4,.cinfo-content h4 p a{
    font-size:24px;
    line-height:1.5;
    font-weight:600;
    text-decoration: none;
    color: #222;
}


/*==========================
Responsive
==========================*/

@media(max-width:992px){

.cinfo-grid{

grid-template-columns:1fr;

}


}



@media(max-width:768px){


.cinfo-heading h2{

font-size:40px;

}


.cinfo-card{

padding:25px;

}

.cinfo-content h4, .cinfo-content h4 p a{
font-size:20px;
}

}


@media(max-width:520px){


.cinfo-card{

flex-direction:column;

text-align:center;

}


.cinfo-heading h2{

font-size:32px;

}

}


/* service page css  */
.services-section.service-page {
    padding: 10px;
}

.service-page .services-container {
    background:unset;
}

.service-page .services-top h2 {
    color: var(--text-dark);
}

.service-page .services-top p {
    color: var(--text-dark);
}

.service-page .service-card:after {
    background: var(--cream-bg);
}



/* design process css  */

.uxp-process-section{

padding:80px 20px;

}

.uxp-container{

max-width:1400px;
margin:auto;

}

.uxp-timeline{

display:flex;
justify-content:space-between;
align-items:flex-start;
gap:25px;
flex-wrap:wrap;

}

.uxp-step{

flex:1;
min-width:220px;
text-align:center;
position:relative;
}

.uxp-box{
height:160px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
color:#fff;
clip-path:polygon(0 0,90% 0,100% 50%,90% 100%,0 100%,8% 50%);
margin:25px 0;
transition:.4s;
}

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

.uxp-number{
font-size:42px;
font-weight:bold;
margin-bottom:10px;

}

.uxp-box h3{
text-transform:uppercase;
letter-spacing:2px;
font-size:20px;
max-width: 260px;
}

.uxp-content{
    text-align: center;
    max-width: 280px;
    justify-self: center;
}

.uxp-content h4{
font-size:22px;
margin-bottom:15px;
text-transform:uppercase;
}

.uxp-content ul{
padding-left:20px;
}

.uxp-content li{
margin-bottom:10px;
line-height:1.6;
color:#555;
}

.uxp-content-top{
margin-bottom:30px;
}

.uxp-top,
.uxp-bottom{
width:4px;
height:50px;
background:#1a1a1a;
margin:auto;
position:relative;
}

.uxp-top::after,
.uxp-bottom::after{
content:"";
width:14px;
height:14px;
background:inherit;
position:absolute;
left:50%;
transform:translateX(-50%);
}

.uxp-top::after{
top:-7px;
}

.uxp-bottom::after{
bottom:-7px;
}

.uxp-pink{
background:#d81b60;
}

.uxp-orange{
background: #bf3d15;
}

.uxp-yellow{
background: var(--primary-orange);
}

.uxp-green{
background:#00acc1;
}

.uxp-blue{
background:#455a64;
}

.uxp-title{
text-align:center;
margin-top:80px;

font-size:42px;

font-weight:700;

color:#333;

letter-spacing:2px;

}

/* Tablet */

@media(max-width:991px){

.uxp-timeline{

justify-content:center;

}

.uxp-step{

flex:0 0 calc(50% - 20px);

}

}

/* Mobile */

@media(max-width:767px){

.uxp-step{
flex:100%;
}

.uxp-box{
height:130px;
}

.uxp-number{
font-size:34px;
}

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

.uxp-content{
text-align:center;
max-width: fit-content;
}

.uxp-content ul{
list-style-position:inside;
padding-left:0;

}

}







/*==========================
  Service Detail Page Layout Section
===========================*/

.sld-section{

    padding:90px 20px;

}

.sld-container{

    max-width:1250px;
    margin:auto;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:70px;

}

/*=====================
 Image
======================*/

.sld-image-box{

    flex:0 0 44%;

}

.sld-image-shape{

    position:relative;
    overflow:hidden;

    border-radius:25px;

}

.sld-image-shape img{

    width:100%;
    display:block;

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

}

/* Decorative Corners */

.sld-image-shape::before{

    content:"";

    position:absolute;

    top:0;
    right:0;

    width:110px;
    height:36px;

    background:#fdf8ea;

    border-radius:0 0 0 20px;

    z-index:2;

}

.sld-image-shape::after{

    content:"";

    position:absolute;

    bottom:0;
    left:0;

    width:110px;
    height:36px;

    background:#fdf8ea;

    border-radius:0 20px 0 0;

    z-index:2;

}

/*====================
 Content
=====================*/

.sld-content{

    flex:1;

}

.sld-title{

    font-size:52px;
    font-weight:700;

    color:#111;

    margin-bottom:35px;

    line-height:1.2;

}

.sld-content ul {
    padding-left: 25px;
    color:#666;
    font-size:17px;
    line-height:1.9;
}

.sld-content p{

    color:#666;

    font-size:17px;

    line-height:1.9;

    margin-bottom:25px;

}

/*=========================
 Hover
==========================*/

.sld-image-shape{

    transition:.4s;

}

.sld-image-shape:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 40px rgba(0,0,0,.15);

}

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

@media(max-width:991px){

.sld-container{

    flex-direction:column;

    gap:50px;

}

.sld-image-box{

    width:100%;
}

.sld-content{

    width:100%;
}

.sld-title{

    font-size:42px;

}

}

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

@media(max-width:767px){

.sld-section{

    padding:60px 15px;

}

.sld-title{

    font-size:32px;

}

.sld-content p{

    font-size:15px;

    line-height:1.8;

}

.sld-image-shape::before{

    width:70px;
    height:30px;

    right:0;

}

.sld-image-shape::after{

    width:70px;
    height:30px;

    left:0;

}

}




/*=========================
   Service Layout Section
==========================*/


.srvly-section{

    background:#111;

    padding:90px 20px;

    position:relative;

    overflow:hidden;

}

/* Background Pattern */

.srvly-section::before{

    content:"";

    position:absolute;

    inset:0;

    background:url(images/pattern.png) center center/cover;

    opacity:.08;

    pointer-events:none;

}

.srvly-container{

    max-width:1250px;

    margin:auto;

    position:relative;

    z-index:2;

}

/* Heading */

.srvly-heading{

    text-align:center;

    margin-bottom:60px;

}

.srvly-badge{

    display:inline-block;

    padding:10px 22px;

    background:#fff;

    color:#111;

    border-radius:40px;

    font-size:14px;

    font-weight:600;

    margin-bottom:25px;

}

.srvly-heading h2{

    color:#fff;

    font-size:52px;

    font-weight:700;

    line-height:1.3;

}

/* Grid */

.srvly-grid{

    display:grid;

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

    gap:30px;

}

/* Card */

.srvly-card{

    background:#fff;

    border-radius:22px;

    padding:35px;

    display:flex;

    gap:25px;

    align-items:flex-start;

    position:relative;

    transition:.35s;

}

/* Bottom Corner Cut */

.srvly-card::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:55px;

    height:35px;

    background:#111;

    border-radius:0 22px 0 0;

}

/* Icon */

.srvly-icon{

    width:70px;

    height:70px;

    min-width:70px;

    border-radius:50%;

    background:#ff6b2d;

    display:flex;

    align-items:center;

    justify-content:center;

}

.srvly-icon .fa-solid{
    color: #fff;
    font-size: 34px;
}

/* Content */

.srvly-content h3{

    font-size:31px;

    color:#111;

    margin-bottom:15px;

    line-height:1.3;

}

.srvly-content p{

    color:#666;

    line-height:1.8;

    font-size:16px;

}

/* Hover */

.srvly-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 40px rgba(0,0,0,.25);

}

/* Tablet */

@media(max-width:991px){

.srvly-grid{

    grid-template-columns:1fr;

}

.srvly-heading h2{

    font-size:40px;

}

}

/* Mobile */

@media(max-width:767px){

.srvly-section{

    padding:70px 15px;

}

.srvly-card{

    flex-direction:column;

    text-align:center;

    align-items:center;

    padding:30px;

}

.srvly-card::after{

    display:none;

}

.srvly-content h3{

    font-size:26px;

}

.srvly-heading h2{

    font-size:30px;

}

}




/*=========================
  Expert Layout Design
==========================*/


.eld-section{

    padding:90px 20px;
    background:#fdf8ea;

}

.eld-container{

    max-width:1250px;
    margin:auto;

}

/* Heading */

.eld-heading-wrap{

    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:50px;
    margin-bottom:60px;

}

.eld-left-heading{

    flex:1;

}

.eld-right-text{

    flex:1;
    max-width:450px;

}

.eld-badge{

    display:inline-block;

    padding:10px 20px;

    background:#fff;

    border-radius:50px;

    font-size:14px;

    color:#444;

    margin-bottom:20px;

    box-shadow:0 5px 15px rgba(0,0,0,.05);

}

.eld-left-heading h2{

    font-size:54px;
    line-height:1.2;
    color:#111;

}

.eld-right-text p{

    color:#666;
    line-height:1.9;

}

/* Grid */

.eld-grid{

    display:grid;

    grid-template-columns:1fr 360px 1fr;

    gap:35px;

    align-items:center;

}

/* Cards */

.eld-column{

    display:flex;
    flex-direction:column;
    gap:30px;

}

.eld-card{

    background:#fff;

    padding:35px;

    border-radius:22px;

    display:flex;
    gap:20px;

    align-items:flex-start;

    transition:.35s;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

}

.eld-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 40px rgba(0,0,0,.12);

}

.eld-icon{

    width:45px;
    height:45px;

    border:2px solid #ff6b35;

    border-radius:50%;

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

    color:#ff6b35;

    font-weight:bold;

    flex-shrink:0;

}

.eld-card h3{

    font-size:30px;
    margin-bottom:12px;
    line-height:1.3;
    color:#111;

}

.eld-card p{

    color:#666;
    line-height:1.8;

}

/* Image */

.eld-image-box{

    display:flex;
    justify-content:center;

}

.eld-image-shape{
    position:relative;
    overflow:hidden;
    border-radius:25px;
}

.eld-image-shape img{
    width:100%;
    display:block;
    border-radius:25px;
    min-height: 520px;
    object-fit: cover;
}

/* Decorative Corner */

.eld-image-shape::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:105px;
    height:34px;
    background:#fdf8ea;
    border-radius:0 0 0 18px;
}

/* Tablet */

@media(max-width:991px){

.eld-heading-wrap{
    flex-direction:column;
}

.eld-grid{
    grid-template-columns:1fr;
}

.eld-image-box{
    order:-1;
}

.eld-left-heading h2{
    font-size:42px;
}
}

/* Mobile */

@media(max-width:767px){

.eld-section{
    padding:60px 15px;
}

.eld-left-heading h2{
    font-size:32px;
}

.eld-card{
    padding:25px;
}

.eld-card h3{
    font-size:24px;
}

.eld-card{
    flex-direction:column;
}

.eld-icon{
    margin-bottom:10px;
}

.eld-image-shape::before{
    width:80px;
    height:30px;
    right:0;
}
}






/*=========================
BLOG LISTING
==========================*/

.rh-blog-grid{

display:grid;

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

gap:35px;

max-width:1300px;

margin:70px auto;

padding:0 20px;

}



.rh-blog-card{

background:#fff;

border-radius:22px;

overflow:hidden;

box-shadow:0 10px 25px rgba(0,0,0,.07);

transition:.35s;

}



.rh-blog-card:hover{

transform:translateY(-10px);

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

}



.rh-blog-image{

overflow:hidden;

}



.rh-blog-image img{

width:100%;

height:280px;

display:block;

object-fit:cover;

transition:.5s;

}



.rh-blog-card:hover img{

transform:scale(1.08);

}



.rh-blog-content{

padding:30px;

}



.rh-blog-meta{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:20px;

font-size:14px;

}



.rh-blog-date{

color:#ff6b35;

font-weight:600;

}



.rh-blog-category a{

color:#666;

text-decoration:none;

}



.rh-blog-category a:hover{

color:#ff6b35;

}



.rh-blog-title{

font-size:30px;

line-height:1.35;

margin-bottom:18px;

}



.rh-blog-title a{

text-decoration:none;

color:#111;

transition:.3s;

}



.rh-blog-title a:hover{

color:#ff6b35;

}



.rh-blog-excerpt{

color:#666;

line-height:1.9;

margin-bottom:28px;

}



.rh-read-btn{

display:inline-flex;

align-items:center;

justify-content:center;

padding:14px 28px;

background:#ff6b35;

color:#fff;

text-decoration:none;

border-radius:50px;

font-weight:600;

transition:.35s;

}



.rh-read-btn:hover{

background:#111;

}



body.blog,
body.archive{

background:#fdf8ea;

}



/* Pagination */

.navigation.pagination{

margin:70px auto;

text-align:center;

}



.page-numbers{

display:inline-flex;

align-items:center;

justify-content:center;

width:46px;

height:46px;

margin:5px;

border-radius:50%;

background:#fff;

color:#111;

text-decoration:none;

transition:.3s;

}



.page-numbers.current,

.page-numbers:hover{

background:#ff6b35;

color:#fff;

}



/* Tablet */

@media(max-width:991px){

.rh-blog-grid{

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

}

}



/* Mobile */

@media(max-width:767px){

.rh-blog-grid{

grid-template-columns:1fr;

}

.rh-blog-title{

font-size:24px;

}

.rh-blog-image img{

height:240px;

}

.rh-blog-content{

padding:22px;

}

}




/*==========================================
 SINGLE BLOG PAGE
===========================================*/

body.single{

    background:#FDF8EA;

}

/* Container */

.sblog-page-section{

    padding:80px 20px;

}

.sblog-container{

    max-width:1320px;

    margin:auto;

}


header.sblog-header {
    position: relative!important;
    margin-bottom: 2em;
}

/* Row */

.sblog-row{

    display:grid;

    grid-template-columns:2fr 380px;

    gap:40px;

    align-items:start;

}

/* Left */

.sblog-content-area{

    width:100%;

    min-width:0;

}

/* Right */

.sblog-sidebar-area{

    width:100%;

    position:sticky;

    top:120px;

}

/* Navigation */

.post-navigation{

    margin-top:60px;

    padding:30px;

    background:#fff;

    border-radius:20px;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

}

.post-navigation .nav-links{

    display:flex;

    justify-content:space-between;

    gap:30px;

}

.post-navigation a{

    text-decoration:none;

    color:#111;

}

.sblog-nav-label{

    display:block;

    color:#ff6b35;

    font-size:13px;

    text-transform:uppercase;

    letter-spacing:1px;

    margin-bottom:8px;

    font-weight:600;

}

.sblog-nav-title{

    font-size:18px;

    line-height:1.5;

    font-weight:600;

    display:block;

}

/* Comments */

.comments-area{

    margin-top:60px;

    background:#fff;

    padding:40px;

    border-radius:20px;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

}

/* Images */

.sblog-content-area img{

    max-width:100%;

    height:auto;

    border-radius:20px;

}

/* Tables */

.sblog-content-area table{

    width:100%;

    border-collapse:collapse;

    margin:30px 0;

}

.sblog-content-area table td,
.sblog-content-area table th{

    border:1px solid #ddd;

    padding:12px;

}

/* Responsive */

@media(max-width:1200px){

.sblog-row{

    grid-template-columns:1fr 330px;

}

}

@media(max-width:991px){

.sblog-row{

    grid-template-columns:1fr;

}

.sblog-sidebar-area{

    position:relative;

    top:0;

    margin-top:40px;

}

.post-navigation .nav-links{

    flex-direction:column;

}

}

@media(max-width:767px){

.sblog-page-section{

    padding:50px 15px;

}

.comments-area{

    padding:25px;

}

.post-navigation{

    padding:20px;

}

.sblog-nav-title{

    font-size:16px;

}

}






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

.sblog-post{

background:#fff;

padding:40px;

border-radius:25px;

box-shadow:0 15px 35px rgba(0,0,0,.06);

}

/* Meta */

.sblog-meta{

display:flex;

flex-wrap:wrap;

gap:18px;

margin-bottom:25px;

font-size:14px;

}

.sblog-meta span{

display:flex;

align-items:center;

gap:8px;

color:#777;

}

.sblog-meta i{

color:#ff6b35;

}

.sblog-meta a{

color:#777;

text-decoration:none;

}

.sblog-meta a:hover{

color:#ff6b35;

}

/* Title */

.sblog-title{

font-size:52px;

line-height:1.2;

margin-bottom:35px;

color:#111;

font-weight:700;

}

/* Featured Image */

.sblog-featured-image{

margin-bottom:40px;

overflow:hidden;

border-radius:22px;

}

.sblog-featured-image img{

width:100%;

display:block;

height:auto;

transition:.5s;

}

.sblog-featured-image:hover img{

transform:scale(1.04);

}

/* Content */

.sblog-content{

color:#666;

font-size:17px;

line-height:2;

}

.sblog-content h2{

margin:45px 0 20px;

font-size:36px;

color:#111;

}

.sblog-content h3{

margin:35px 0 15px;

font-size:28px;

}

.sblog-content p{

margin-bottom:24px;

}

.sblog-content ul,
.sblog-content ol{

margin:25px 0 25px 25px;

}

.sblog-content li{

margin-bottom:10px;

}

.sblog-content blockquote{

background:#FFF6EC;

border-left:5px solid #ff6b35;

padding:30px;

margin:40px 0;

border-radius:15px;

font-size:22px;

font-style:italic;

color:#333;

}

.sblog-content img{

border-radius:18px;

margin:30px 0;

}

/* Tags */

.sblog-tags{

margin-top:50px;

padding-top:30px;

border-top:1px solid #eee;

font-size:15px;

}

.sblog-tags strong{

margin-right:10px;

}

.sblog-tags a{

display:inline-block;

padding:8px 18px;

background:#FFF6EC;

color:#111;

border-radius:40px;

margin:5px;

text-decoration:none;

transition:.3s;

}

.sblog-tags a:hover{

background:#ff6b35;

color:#fff;

}

/* Author */

.sblog-author-box{

margin-top:60px;

display:flex;

gap:25px;

padding:35px;

background:#FFF9F0;

border-radius:20px;

align-items:center;

}

.sblog-author-image img{

border-radius:50%;

}

.sblog-author-info h3{

font-size:28px;

margin-bottom:12px;

}

.sblog-author-info p{

line-height:1.8;

color:#666;

}

/* Responsive */

@media(max-width:991px){

.sblog-title{

font-size:40px;

}

}

@media(max-width:767px){

.sblog-post{

padding:25px;

}

.sblog-title{

font-size:32px;

}

.sblog-author-box{

flex-direction:column;

text-align:center;

}

.sblog-meta{

gap:10px;

font-size:13px;

}

.sblog-content{

font-size:16px;

}

.sblog-content h2{

font-size:28px;

}

}





/*=========================================
SIDEBAR
=========================================*/

.sblog-sidebar{

display:flex;

flex-direction:column;

gap:30px;

}

.sblog-widget{

background:#fff;

padding:30px;

border-radius:22px;

box-shadow:0 12px 30px rgba(0,0,0,.06);

}

.sblog-widget-title{

font-size:26px;

margin-bottom:25px;

color:#111;

font-weight:700;

}

/* Recent Posts */

.sblog-recent-post{

display:flex;

gap:15px;

align-items:center;

margin-bottom:20px;

padding-bottom:20px;

border-bottom:1px solid #eee;

}

.sblog-recent-post:last-child{

margin-bottom:0;

padding-bottom:0;

border:none;

}

.sblog-thumb{

width:90px;

height:75px;

overflow:hidden;

border-radius:12px;

flex-shrink:0;

}

.sblog-thumb img{

width:100%;

height:100%;

object-fit:cover;

transition:.4s;

}

.sblog-thumb:hover img{

transform:scale(1.08);

}

.sblog-post-info h4{

font-size:17px;

line-height:1.4;

margin-bottom:6px;

}

.sblog-post-info h4 a{

text-decoration:none;

color:#111;

}

.sblog-post-info h4 a:hover{

color:#ff6b35;

}

.sblog-post-info span{

font-size:13px;

color:#999;

}

/* Categories */

.sblog-category-list{

display:flex;

flex-wrap:wrap;

gap:12px;

}

.sblog-category-list a{

display:inline-flex;

align-items:center;

gap:6px;

padding:10px 18px;

background:#FFF6EC;

border-radius:40px;

text-decoration:none;

color:#444;

font-size:14px;

transition:.3s;

}

.sblog-category-list a:hover{

background:#ff6b35;

color:#fff;

}

/* Social */

.sblog-social{

display:flex;

flex-wrap:wrap;

gap:12px;

}

.sblog-social a{

display:inline-flex;

align-items:center;

justify-content:center;

padding:12px 18px;

background:#FFF6EC;

border-radius:40px;

text-decoration:none;

font-size:14px;

color:#111;

transition:.3s;

}

.sblog-social a:hover{

background:#ff6b35;

color:#fff;

}

/* Responsive */

@media(max-width:767px){

.sblog-widget{

padding:20px;

}

.sblog-widget-title{

font-size:22px;

}

.sblog-thumb{

width:75px;

height:65px;

}

.sblog-post-info h4{

font-size:15px;

}

}