/* ----------------------------------- */
    /*  CORE STYLES (from your theme)      */
    /* ----------------------------------- */
    :root { --rr-theme-primary:#8b5e3c; }
    *,*::before,*::after{box-sizing:border-box;}
    body{margin:0;font-family:"Poppins",Arial,sans-serif;line-height:1.7;color:#111827;background:#fff;}
    h4.title-animation{font-size:1.4rem;font-weight:600;margin:0 0 30px;}
    ul{margin:0 0 60px;padding:0;list-style:none;}
    /* ul li{position:relative;padding-left:19px;margin-bottom:9px;} */
    /* ul li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--rr-theme-primary);position:absolute;left:0;top:50%;transform:translate(-50%,-50%);}   */

    /* service-details media, information etc */
    .service-details__media{margin-bottom:30px;}
    .service-details__media img{width:100%;height:auto;object-fit:cover;}
    .service-details__information-item h6{display:flex;align-items:center;gap:14px;margin-bottom:18px;font-size:1rem;}
    .service-details__information-item h6 span{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--rr-theme-primary);}  

    /* ----------------------------------- */
    /*  LAYOUT                              */
    /* ----------------------------------- */
    .section-space__top{padding-top:60px;padding-bottom:60px;}
    .container{max-width:1240px;margin:0 auto;padding:0 15px;}
    .row{display:flex;flex-wrap:wrap;margin:-15px;}
    .col-xl-8,.col-xl-4{padding:15px;}
    .col-xl-8{flex:0 0 66.666%;max-width:66.666%;}
    .col-xl-4{flex:0 0 33.333%;max-width:33.333%;}
    @media(max-width:992px){.col-xl-8,.col-xl-4{flex:0 0 100%;max-width:100%;}}

    /* ----------------------------------- */
    /*  RIGHT SIDEBAR – Floating Tabs       */
    /* ----------------------------------- */
    .floating-tabs{position:sticky;top:80px;display:flex;flex-direction:column;gap:12px;margin-bottom:40px;}
    .floating-tabs .tab-link{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border:1px solid #e4e4e4;border-radius:2px;background:#fff;color:#111;text-decoration:none;font-weight:500;box-shadow:0 4px 10px rgba(0,0,0,.08);transition:background .25s,border .25s; border-radius: 5px;}
    .floating-tabs .tab-link:hover{background:#f3f4f6;}
    .floating-tabs .tab-link.active{border-color:var(--rr-theme-primary);}  
    .floating-tabs .tab-link i{font-size:.8rem;color:var(--rr-theme-primary);transition:transform .25s;}
    .floating-tabs .tab-link:hover i{transform:translateX(4px);}  

    /* ----------------------------------- */
    /*  TABBED PANES                        */
    /* ----------------------------------- */
    .service-pane{display:none;animation:fade .35s ease both;}
    .service-pane.active{display:block;}
    @keyframes fade{from{opacity:.3;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}


  .protfolio__item-link {
    display: block;
    color: inherit;
    text-decoration: none;
    border-radius: 7px;
}

.protfolio__item-link:hover .protfolio__item {
    transform: translateY(-5px); /* optional hover effect */
    transition: 0.3s ease;
}


.service-pane {
    display: none;
    animation: fade .35s ease both;
  }
  .service-pane.active {
    display: block;
  }
  @keyframes fade {
    from { opacity: .3; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
  }
  .protfolio__item-link {
    display: block;
    color: inherit;
    text-decoration: none;
  }
  .protfolio__item-link:hover .protfolio__item {
    transform: translateY(-5px);
    transition: 0.3s ease;
  }

 

  /* Baffle Ceiling styles */
.team-details__media.wow.clip-a-z {
    background-color: #F8F4F1;
}

.team-details__content {
    margin-left: 40px;
}

.team-details__skill__progress-single {
    position: relative;
    display: block;
    margin-bottom: 0px !important;
}


@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  

  .team-details__media img {
    width: 50%;
    height: 100%;
  }

  .team-details__media.wow.clip-a-z {
    display: flex;
    justify-content: center;
}

.product-descr {
    display: flex;
    flex-direction: column-reverse;
}

section.team-details.section-space {
    padding: 50px 10px 0px 10px;
}

.team-details__content {
    margin-left: 0px;
    margin-top: 0px;
}

.team-details__media.wow.clip-a-z {
    margin-left: 0px !important;
    margin-bottom: 50px;
}

section.team-details.section-space-left {
    padding:0px 10px 30px 10px;
    
}
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
section.team-details.section-space-left {
    margin-bottom: 20px !important;
}

}

@media only screen and (max-width: 500px) {

    section.team-details.section-space-left {
        padding-bottom:10px;
    
    }

    .team-details__media img {
        width: 100%;
        height: 100%;
    }

        .team-details__media.wow.clip-a-z {
        margin-left: 0px !important;
        margin-bottom: 30px;
    }


    
}


/* === Portfolio Item Base === */


.latest-project__text h5 {
  font-size: 18px; /* or 14px */
  line-height: 26px;
}

 html {
    scroll-behavior: smooth;
  }

  .product-tabs-baffle {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
  }

  .tab-link-baffle {
    padding: 10px 20px;
    background-color: #eee;
    color: #333;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    border: 1px solid green;
  }

  .tab-link-baffle:hover {
    background-color: #DD2C2B;
    color: #fff;
  }



  h5.title-animation.title-animation-one {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
  }

  .swiper-slide {
    border-radius: 7px !important;
  }

  

  h2.name.title-animation {
    font-size: 30px !important;
    line-height: 35px;
    font-weight: 500;
  }


  .product-images {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  /* Entrance animation */
.animate-on-scroll {
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.8s ease-out;
}

.animate-on-scroll.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Hover effect on images */
.product-images img {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: 8px;
}

.product-images img:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}




/* <<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* Download button code START */

/* <<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

.download-btn {
  display: inline-block;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background-color: #44802F; /* Green base */
  border: none;
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.download-btn::after {
  content: "⇩";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  transition: right 0.3s ease;
  font-size: 18px;
}

.download-btn:hover {
  background-color: #DD2C2B; /* Darker green on hover */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  padding-right: 36px; /* Make space for arrow */
  color: #fff;
}

.download-btn:hover::after {
  right: 8px;
}


/* <<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* Download button code END */

/* <<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */