@import url('//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css');
@import url('https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css');




/*****************************************/
/* Start your style declarations here    */
/*****************************************/


/* Global Style Declaration -=-=-=-=-=-=-=*/
@font-face {
  font-family: 'Arca Majora 3';
  src: url('/assets/fonts/ArcaMajora3-Bold.ttf') format('truetype');
  font-style: normal;
}

body {
  padding: 0;
  margin: 0;
  font-family: 'Arca Majora 3', sans-serif;
  font-style: normal;
}

* { box-sizing:border-box; -webkit-box-sizing:border-box; list-style: none;  font-family: 'Arca Majora 3', sans-serif;}
body { margin:0; padding:0; font-size:18px;  line-height:1.6; color:#2F2D2E; overflow-x: hidden;}
html {overflow-x: hidden; scroll-behavior: smooth;}

h1, h2, h3, h4, h5, h6, p {  margin:0; padding:0; }
h1, .h1 { font-size:50px; line-height:1; font-weight: 900;}
h2, .h2 { font-size:50px; line-height:1; font-weight: 900; color: #212121; }
h3, .h3 { font-size:32px; line-height:1.3; color: #212121; font-weight: 900; }/* Blank */
h4, .h4 { font-size:24px; line-height:1.2; color: #2F2D2E; font-weight: 900; }
h5, .h5 { font-size:20px; line-height:1.55; }
h6, .h6 { font-size:18px; line-height: 1; font-weight: 700; color: #212121;}


/*Padding */
.pt-1{padding-top: 120px;}
.pt-2{padding-top: 50px;}
.pt-3{padding-top: 85px;}
.pt-4{padding-top: 30px;}
.pt-5{padding-top: 15px;}


.pb-1{padding-bottom: 120px;}
.pb-2{padding-bottom: 50px;}
.pb-3{padding-bottom: 85px;}
.pb-4{padding-bottom: 30px;}
.pt-5{padding-bottom: 15px;}


.mt-1{padding-top: 120px;}
.mt-2{padding-top: 50px;}
.mt-3{padding-top: 85px;}
.mt-4{padding-top: 30px;}
.mt-5{padding-top: 15px;}


.mb-1{padding-bottom: 120px;}
.mb-2{padding-bottom: 50px;}
.mb-3{padding-bottom: 85px;}
.mb-4{padding-bottom: 30px;}
.mt-5{padding-bottom: 15px;}


a:focus,.slick-next:focus.slick-prev:focus {outline:none;}

img { max-width:100%; height:auto; border:none; vertical-align:middle; }
a { text-decoration:none; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; display: inline-block; }
.nolistStyle, .nolistStyle ul{padding:0; margin:0; list-style-type: none;}
.wrapper{max-width: 1310px; width: 100%; margin: 0 auto; padding: 0 15px; float: none;}

/*Navbar*/
/* .navbar { width: 100%; color: white;}
.top-bar {background: #00674F; display: flex;justify-content: center;gap: 20px; font-weight: 700; font-size: 16px; }
.top-bar a { color: white; text-decoration: none; }
.nav-container { background: white; color: black; display: flex; align-items: center; justify-content: space-between; padding: 5px 0px; }
.nav-links {list-style: none;display: flex; gap: 25px;}
.nav-links a { text-decoration: none; color: black; font-weight: 700; transition: color 0.3s; font-size: 20px; }
.nav-links a:hover, .nav-links a:focus, .nav-links a.active { color: #00674F; }

.nav-btn { background: #00674F; color: white; border: 1px solid #00674F; padding: 15px 29px; border-radius: 5px; text-decoration: none; font-size: 14px; transition: background 0.3s; }
.nav-btn:hover { background: #00674F; }
a.nav-btn:hover { background: transparent; border: 1px solid #00674F; color: #00674F; }
.menu-toggle { display: none; flex-direction: column; cursor: pointer; }
.menu-toggle .bar { width: 25px; height: 3px; background-color: #006b5a; margin: 4px 0; }
.nav-top { width: 1280px; padding: 0 15px; display: flex ; gap: 20px; justify-content: end; }

.nav-links .current-menu-item a,
.nav-links .current_page_item a {
  color: #00674F;
}

@media (max-width: 991px) {
  .nav-links {
    position: absolute;
    top: 178px;
    left: -100%;
    height: 100vh;
    background: white;
    width: 100%;
    flex-direction: column;
    text-align: center;
    gap: 15px;
    padding: 20px 0;
    transition: all 0.3s ease;
  }

  .nav-links.active { left: 0; z-index: 999999999999999;}
  .menu-toggle { display: flex;}
  .nav-btn { display: none;}
} */
.navbar { 
  width: 100%; 
  color: white;
}
.nav-top {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: end;
}
.top-bar {
  background: #00674F; 
  display: flex;
  justify-content: flex-end;
  gap: 20px; 
  font-weight: 700; 
  font-size: 16px; 
  padding: 10px 15px;
}

.top-bar a { 
  color: white; 
  text-decoration: none; 
}

.nav-container { 
  background: white; 
  color: black; 
  display: flex; 
  align-items: center; 
  justify-content: space-between; 
  padding: 5px 0px; 
  position: relative;
  z-index: 1000;
}

.logo img {
  max-height: 90px;
}

.nav-links {
  list-style: none;
  display: flex;
  gap: 25px;
}

.nav-links a { 
  text-decoration: none; 
  color: black; 
  font-weight: 700; 
  transition: color 0.3s; 
  font-size: 20px; 
}

.nav-links a:hover, 
.nav-links a:focus, 
.nav-links a.active { 
  color: #00674F; 
}

.nav-btn { 
  background: #00674F; 
  color: white; 
  border: 1px solid #00674F; 
  padding: 15px 29px; 
  border-radius: 5px; 
  text-decoration: none; 
  font-size: 14px; 
  transition: background 0.3s; 
}

a.nav-btn:hover { 
  background: #009970; 
  border: 1px solid #009970; 
  color: #fff; 
}

.menu-toggle { 
  display: none; 
  flex-direction: column; 
  cursor: pointer; 
  width: 30px;
  height: 15px;
  justify-content: space-between;
}

.menu-toggle .bar { 
  width: 100%; 
  height: 2px; 
  background-color: #006b5a; 
  transition: all 0.3s ease;
}

.menu-toggle.open .bar:nth-child(1) {
  transform: rotate(45deg) translateY(8px);
}

.menu-toggle.open .bar:nth-child(2) {
  opacity: 0;
}

.menu-toggle.open .bar:nth-child(3) {
  transform: rotate(-45deg) translateY(-8px);
}

@media (max-width: 991px) {
  .nav-container { 
    padding: 5px 15px !important;
  }
  .nav-links {
    position: absolute;
    top: 100%;
    left: -100%;
    width: 100%;
    flex-direction: column;
    background: white;
    text-align: center;
    gap: 20px;
    padding: 25px 0;
    transition: all 0.4s ease;
    border-top: 1px solid #eee;
    height: 100vh;
  }
  

  .nav-links.active { 
    left: 0; 
    margin: 0;
  }
  header.main-header.main-header--three.sticky-header.sticky-header--normal.navbar .wrapper {
    padding: 0;
}
  .menu-toggle { 
    display: flex;
  }

  .nav-btn { 
    display: none;
  }
}

.nav-links .current-menu-item a,
.nav-links .current_page_item a {
  color: #00674F;
}

section.about.pb-1.pt-1{
  .project-inner:before {
    position: absolute;
    right: 99%;
    content: '';
    top: 0;
    width: 100000000000%;
    height: 100%;
    background: #fff;
    z-index: 1;
}
.left-about { position: relative; z-index: 2; }
.project-inner .slick-list.draggable {
    overflow: visible;
}
.project-inner .project-slide-sec img {
        width: 70%;
        min-height: 410px;
        object-fit: cover;
        border-radius: 2px;
    }

.project-inner .slick-current+.slick-slide img {
    position: relative;
    left: -330px;
    top: 70px;
}
.project-inner .project-slide-sec, .project-inner .slick-current { transform: none; opacity: 1; }
.project-inner .slick-current { transform: none; opacity: 1; position: relative; z-index: 1; }
.project-inner .slick-prev, .project-inner .slick-next { z-index: 1;}
.project-inner{margin-left: 0px; margin-right: 0px;}
}

@media (max-width: 470px) {
}
@media (max-width: 543px) {
  .top-bar.pt-4.pb-4 {
    padding: 16px;
}
}
@media (max-width: 355px) {
  .top-bar {font-size: 16px; font-weight: 400;}
}
@media (max-width: 767px) {
  .logo img {
    width: 150px;
  }
}


/*Footer*/
.footer { background-color: #1D1D1D; color: #ccc; padding-top: 100px;}
.footer-container { display: flex; flex-wrap: wrap; gap: 50px; justify-content: space-between; }
.footer-about, .footer-posts, .footer-links, .footer-contact { flex: 1 1 250px; min-width: 250px; }
.footer h4 { color: #00674F; margin-bottom: 20px; }
.footer-about p { line-height: 1.6; font-size: 18px; font-weight: 700;}
.social-links a i { background-color: #fff; color: #000; padding: 8px 8px; border-radius: 50px; transition: 1s ease;}
.social-links a i:hover{background-color: #009970; color: #fff;}
.social-links a { color: #fff; margin-right: 10px; font-size: 1.2rem; transition: 0.3s; }
.footer-posts ul { list-style: none; padding: 0;}
.footer-links li{margin-bottom: 10px;  border-bottom: 3px dashed #B5B5B5; padding-bottom: 10px;}
.footer-links a { color: #ccc; text-decoration: none; transition: 0.3s; font-size: 16px; }
.footer-posts li { margin-bottom: 20px; border-bottom: 3px dashed #B5B5B5;  padding-bottom: 20px;}
.footer-posts span { font-size: 0.8rem; color: #fff; display: block; }
.footer-posts p { margin: 5px 0 0; color: #fff; }
.footer-links ul { list-style: none; padding: 0; }
.footer-links a { color: #ccc; text-decoration: none; transition: 0.3s; font-size: 16px; }
.footer-links a:hover { color: #00674F;}
.contact-info p { font-size: 18px; margin: 14px 0; display: flex; align-items: start; gap: 10px; line-height: 1.6;}
.address::before { content: "\f3c5"; font-family: 'FontAwesome'; font-weight: 900; color: #fff;font-size: 20px;}
.phone::before { content: "\f095"; font-family: 'FontAwesome'; font-weight: 900; color: #fff; font-size: 15px;}
.phone a{color: #fff;}
.footer-contact p a:hover { color: #00674F;}
.contact-info p:hover::before { color: #009970; transform: scale(1.1); transition: all 0.2s ease-in-out;}
.footer-contact p { font-size: 16px; padding: 10px 0px; margin-bottom: 10px; line-height: 1.5;}
.footer-contact i { margin-right: 8px; color: #00b7c2;}
.newsletter { display: flex;  align-items: center; justify-content: space-between; padding-bottom: 50px; padding-top: 30px;}
.newsletter form { margin-top: 15px; display: inline-flex; border: 1px solid #444; border-radius: 4px; overflow: hidden;}
.newsletter input { padding: 19px 30px; border: none; outline: none; width: 450px; font-size: 18PX; background: rgba(217, 217, 217, 0.3); color: rgba(255, 255, 255, 1);}
.newsletter button { background: #fff; border: none; padding: 0 15px; cursor: pointer; color: #fff; transition: 0.3s ease;}



/* Bottom Section */
.footer-bar{display: flex;justify-content: space-between; font-weight: 700; font-size: 16px; flex-wrap: wrap; padding: 20px 15px; margin: 0 auto;}
.footer-bottom {
  border-top: 1px solid #ffffff;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 0.9rem;
}

.footer-bottom span {
  color: #00674F;
}

.footer-bottom a {
  color: #ccc;
  text-decoration: none;
  margin: 0 5px;
}

.footer-bottom a:hover {
  color: #00674F;
}


@media (max-width: 768px) {
  .footer-bar{
    text-align: center;
    justify-content: center;
  }
  .newsletter{
    padding: 50px 0px !important;
    flex-direction: column;
    gap: 20px;
    text-align: center;
  }

  .footer-bottom {
    flex-direction: column;
    text-align: center;
    gap: 10px;
  }

  .newsletter form {
   margin: 0 15px;
  }

  .newsletter input {
    width: 100%;
  }

  .newsletter button {
    width: 20%;
  }
}
.footerBoxOne{ padding: 10px 0px; }
.section-title {
  color: #00674F;
  font-size: 1.5em;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 20px;
}

.post-item {
  display: flex;
  align-items: flex-start; 
  padding: 10px 0;
}

.post-date-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-right: 20px;
  line-height: 1.2;
  min-width: 60px; 
}

.post-date-column .day {
  font-size: 24px; 
  font-weight: bold;
  color: #ffffff;
  line-height: 1.2;
}

.post-date-column .month-year {
  font-size: 16px;
  color: #ffffff;
  font-weight: normal;
  line-height: 1.2;
}

.post-content-column {
  flex-grow: 1;
}

.post-title {
  font-size: 16px;
  font-weight: 400 !important;
  color: #ffffff;
  margin: 0 0 5px 0;
  line-height: 1.3;
}

.post-meta {
  font-size: 0.9em;
  color: #aaaaaa; 
  display: flex;
  gap: 10px;
}

.meta-item {
  margin-right: 15px;
  color: #fff;
}

.meta-item i {
  margin-right: 5px;
  color: #fff;
}
p.address { padding-top: 0px !important; margin-top: 0px !important; }
.separator {
  border-bottom: 3px dashed #B5B5B5; 
  width: 100%;
  margin-top: 10px;
}

.post-item:nth-of-type(odd) { 
  padding-bottom: 0;
}

.post-item:nth-of-type(even) { 
  padding-bottom: 0;
}


  /*Our Clients*/
.client{background-color: #F4F4F4; padding: 120px 0px; position: relative;}
.client-title h2 span{background-image: url(https://www.inboundweb.in/firstfeelin/wp-content/uploads/2025/10/client-bg.png);padding: 44px 65px; background-repeat: no-repeat; background-size: cover; }
.client-inner{display: flex; gap: 30px; flex-wrap: wrap; justify-content: center; padding-top: 120px; }
.client-box{width:calc(25% - 22.50px); border: 2px solid #D6D6E7; padding: 40px 24px; text-align: center; display: flex; align-items: center; justify-content: center;}
.client-box img{width: 150px; height: auto;}
.client-box svg {width: 150px; height: auto;}


  /* Slider Container */

  .vertical-text { position: absolute; right: 70px !important; top: 50%; transform: translateY(-50%) rotate(270deg); font-size: 100px; color: #d0d0d0; letter-spacing: 5px; font-weight: 600; line-height: 100%; width: 100px; }
  @media (max-width: 1620px) {
    .vertical-text{right: 0 !important;}
  }
  @media (max-width: 1480px) {
    .vertical-text{right: -18px !important; font-size: 40px; top: 65%;}
  }
  @media (max-width: 1390px) {
    .vertical-text{display: none;}
  }

  .slider { position: relative; width: 100%; height: 90vh; overflow: hidden; padding: 100px 0px; }
  .slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: 0; transition: opacity 1s ease-in-out; }
  .slide.active { opacity: 1; z-index: 2; }
  /* .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 1; } */
  /* .wrapper { position: relative; max-width: 1280px; margin: 0 auto; height: 100%; z-index: 3; padding: 0 15px; } */
  .slide-content { position: absolute; top: 50%; transform: translateY(-50%); color: #fff; max-width: 725px; opacity: 0; transition: opacity 1s ease-in-out; }
  .slide.active .slide-content { opacity: 1; }
  .slide-content h4 { font-weight: 900; margin-bottom: 20px; color: #fff; }
  .slide-content h1 { margin-bottom: 20px;}
  .slide-content p { font-size: 24px; color: #e0e0e0; font-weight: 700; line-height: 1.5; margin-top: 20px; margin-bottom: 30px;}
  .navigation-bar{display: flex; align-items: center; justify-content: space-between; }
  .banner-btn { background: #00674F; color: white; padding: 14px 50px; border: none; border-radius: 5px; text-decoration: none; font-weight: 700; transition: background 0.3s ease; letter-spacing: 5px; }
  .banner-btn:hover { background: #009b7a;}
  .social {display: flex; gap: 20px; padding: 16px 0px;}
  .social a { color: #212121; text-decoration: none; transition: color 0.3s ease; }
  .social a:hover {color: #00674F;}
  .nav button { width: 50px; height: 50px; border: none; background: #006b56; color: white; font-size: 32px; cursor: pointer; transition: background 0.3s ease; }
  .nav{display: flex; gap: 15px;}
  .nav button:hover { background: #009b7a;}
  .dots { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; gap: 10px; z-index: 5; }
  .dot { width: 12px; height: 12px; border-radius: 50%; background: #FFFFFF; cursor: pointer; transition: background 0.3s ease; border: 3px solid #fff; }
  .dot.active { background: #FFFFFF; border: 3px solid #000; }
  .social a {text-decoration: none;color: #222;}
  .social a:not(:first-child)::before { content: "——"; margin-right: 10px; color: #555;}
  .slidersocialicon{background-color: #F2F2F2; padding: 15px 0px;}

  @media (max-width: 768px) {
    .slide-content h1 {font-size: 1.8rem;}
    .slide-content p {font-size: 0.9rem;}
    .slider { height: 50vh;}
  }
  @media (max-width: 430px) {
    .social{ gap: 7px;}
    .nav{gap: 7px;}
    .nav button { width: 40px; height: 40px;}
    .social a:before{display: none !important;}
    .slider { height: 65vh;}
  }

    /* Servives */
  .services-section { background-image: radial-gradient(#dcdcdc 1px, transparent 1px); background-size: 12px 12px; padding: 80px 0; display: flex; justify-content: center; align-items: center; }
  .services-title h2 { font-size: 22px; font-weight: 600; color: #222; margin: 0; }
  .services-title h2 span { font-weight: 700; }
  .services-title h1{background-position: center; display: inline-block; background-image: url(https://www.inboundweb.in/firstfeelin/wp-content/uploads/2025/10/client-bg.png); padding: 44px 96px; background-repeat: no-repeat; background-size: cover;}
  .services{display: flex; gap: 30px; flex-wrap: wrap;}
  .service-box{ background-color: #ffffff;box-shadow: 0 3px 8px rgba(0,0,0,0.1); text-align: center; }
  .servives-inner{width: calc(25% - 22.50px);}
  .service-box h4 { padding: 20px 0px; }
  .service-number{text-align: center;}
  .services2{padding-top: 30px;}
  .services3{padding-top: 60px;}
  .services4{padding-top: 90px;}
  .service-line {width: 5px; height: 50px; background: #212121; margin: 0 auto;}
  .service-number{color: #00674F; font-size: 50px;}
  .bottom-section { background: #f4f4f4; margin-top: 50px; padding: 48px 50px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
  .bottom-tl { max-width: 437px;}
  .bottom-tl h3 {font-size: 34px; }
  .bottom-text{max-width: 594px;}
  .bottom-text p {  font-size: 18px; color: #212121; margin-bottom: 23px;}
  .read-more { font-size: 18px; font-weight: 900; line-height: 1.2; color: #212121; border-bottom: 6px solid #00674F; border-radius: 0px 0px 6px 0px;}

/*Testimonial*/
.testimonial-inner{display: flex; align-items: center; gap: 50px; flex-wrap: wrap;}
.lefttestimonial{width: calc(60% - 50px);}
.righttestimonial{width: 40%}
.lefttestimonial{
  background-image: url(https://www.inboundweb.in/firstfeelin/wp-content/uploads/2026/06/14-1.jpg) !important;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 100px 50px;
}
@media  (max-width: 991px) {
  .testimonial-inner{flex-direction: column; gap: 30px;}
  .lefttestimonial{width: 100% !important;}
  .righttestimonial{width: 100% !important;}

}
.countdown-box{display: flex; gap: 50px; flex-wrap: wrap; margin-top: 50px;}
.count-box{
/*   background-image: radial-gradient(#dcdcdc 1px, transparent 1px); */
  background-size: 12px 12px;
  background-color: #fff;
  width: calc(50% - 25px);
  padding: 40px 40px;

}
.stat-number { font-size: 34px; font-weight: 900; color: #00674F; }

.testimonial-item { padding-top: 50px; background-color: #fff; }
.author-info {display: flex; align-items: center;}
.author-avatar { width: 150px; height: auto; margin-right: 15px; object-fit: cover;}
.author-role { font-size: 18px; color: #212121; margin-top: 15px;}
.testimonial-text{margin-top: 50px;}
.testimonial-text p { line-height: 1.6; color: #444; border: 2px solid #D6D6E7; padding: 30px;}
.custom-slider-controls { text-align: right; margin-top: 15px; padding-right: 15px; }

.slide-count {
  font-size: 1.2em;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
  background-color: #00674F; 
  padding: 5px 10px;
  border-radius: 4px;
  display: inline-block;
}
.testimonial-item {
  .slick-prev, .slick-next, .slick-dots {
    display: none !important;
  }
 
  @media  (max-width: 470px) {
    .author-info {flex-direction: column; gap: 20px; text-align: center;}
    .author-avatar{width: 100%;}
    .testimonial-text { margin-top: 20px;}
    .author-avatar{margin-right: 0px !important;}
    .testimonial-item{padding-top: 0px !important;}
  }
}


/*Founder*/
.founder-inn { margin-top: 50px; display: flex ; justify-content: center; align-items: center; flex-wrap: wrap; gap: 50px; border: 1px solid #F2F2F2; padding: 50px 50px; border-radius: 10px;}
.left-founder { width: 50% !important; }
/* .right-founder { width: calc(60% - 50px); } */
.founder-details h4{margin-bottom: 10px;}
.founder-details p{margin-bottom: 20px;}
.founder-icon { display: flex; gap:15px; margin-top:10px;}
.founder-img img{width: 1005;}


/*Services*/
.projects-section {
  text-align: center;
  padding: 50px 20px;
  position: relative;


.projects-section h2 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 20px;
}

.filter-menu{
  max-width: 1280px;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: rgba(33, 33, 33, 0.1);
}
.filter-menu ul { list-style: none; padding: 35px 0px; margin: 0 auto 30px; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
.filter-menu li {transition: 0.3s; cursor: pointer; font-size: 24px;}
.filter-menu li.active,
.filter-menu li:hover {color: #009688;}
.image-container { position: relative; width: 300px; height: auto; overflow: hidden;  }
.image-container:hover img { transform: scale(1.1); opacity: 0.8; }
.hover-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 20px; font-weight: bold; text-align: end; opacity: 0; transition: opacity 0.4s ease; }
.image-container:hover .hover-text { opacity: 1; border: 3px solid #fff; transition: 2s ease;
  width: 100%;
  height: 100%;
  margin: 20px -15px 10px;
  padding: 50px 30px
}
@media (max-width: 767px){
  .filter-menu ul{ flex-direction: column; gap: 0px; padding: 20px 0px; margin-bottom: 0px;}
  .project-tabbing{padding: 70px 0px !important;}
}





.hover-text img { width: 50px !important; height: auto !important; text-align: end !important; position: absolute; right: 20px;}
.project-title {position: absolute; bottom: 10%;}
/* Project Card */
.project-card {background: #fff;  overflow: hidden;  margin: 15px;  transition: all 0.3s ease;}
.btn-wrap .prev-btn{border: 2px solid #C0C0C0; padding: 14px 31px; background: transparent; font-size: 18px; font-weight: 700; color: #C0C0C0; cursor: pointer;}
.btn-wrap .next-btn{border: 2px solid #C0C0C0; padding: 14px 31px; background: transparent; font-size: 18px; font-weight: 700; color: #C0C0C0; cursor: pointer;}
.project-card img {width: 100%; height: auto; object-fit: cover;}
.btn-wrap .prev-btn:hover{color: #00674F !important;} 
.btn-wrap .next-btn:hover{color: #00674F !important;}

.project-title {
  padding: 10px 0;  font-weight: 500;  text-align: start;/* Slick Customization */
.slick-slider {  position: relative;}

.slick-prev,
.slick-next {
  top: 100%; /* move below the slider */
  transform: translateY(50%);
  z-index: 10;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #009688;
  color: #fff;
  border: none;
}
.slick-prev:before {
  content: '\f060';                /* Font Awesome arrow-left icon */
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  background-color: #fff;
  color: black !important;
  border-radius: 50%;
  padding: 8px;
  font-size: 16px;
}

.slick-prev {
  left: 45%;
}

.slick-next {
  right: 45%;
}

.slick-prev:before,
.slick-next:before {
  font-size: 20px;
  color: #fff;
  opacity: 1;
}

.slick-dots {
  bottom: -50px;
}

.slick-dots li button:before {
  color: #009688;
}

@media (max-width: 768px) {
 

  .slick-prev {
    left: 35%;
  }

  .slick-next {
    right: 35%;
  }
}
}
}
.leaf-left, .leaf-right {
  position: absolute;  opacity: 1;  width: 100px; z-index: -1;
}
.leaf-left {
  left: 0;  bottom: 40px;
}
.leaf-right {
  right: 0;  top: 40px;
}
.service-box img { width: 100%;}


/*About Us*/
.about-inn{display: flex; align-items: center; gap: 30px; flex-wrap: wrap; margin-top: 50px;
.left-about{width: 500px;}
.right-about{width: calc(100% - 530px);}
.left-about-inner{padding: 60px 60px; border: 10px solid #00674F;}
.left-about-inner p{margin-top: 20px; margin-bottom: 30px;}
.about-btn a{background-color: #00674F; color: #fff; font-size: 18px; font-weight: 700; letter-spacing: 5px; padding: 14px 27px; transition: 1s ease;}
.about-btn a:hover{background-color: #009970;}
.slick-slide{
  margin: 0 15px;
}
.slick-prev,
.slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 44px;
  height: 44px;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background .3s;
}
.slick-prev { left: 3.5%; }
.slick-next { right: 31.50%; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  color: transparent;
  outline: none;
  background: #fff !important;
}
@media (max-width: 600px){
  .slick-next {  right: 5.5%;}
 }
 @media (max-width: 500px){
  .slick-next {  right: 6.5%;}
 }
 @media (max-width: 400px){
  .slick-next {  right: 7.5%;}
  .slick-prev { left: 8.5%;}
 }
 @media (max-width: 350px){
  .slick-next {  right: 5.5% !important;}
  .slick-prev {
    left: 5.5% !important;
 }
  .slick-prev:before, .slick-next:before {font-size: 16px !important;}
    .slick-prev, .slick-next {width: 30px !important; height: 30px !important; }
 }
}


/* Counter */
.slide-count {
  text-align: center;
  font-weight: 600;
  margin-top: 15px;
  color: #fff;
}

.project-inner {
  position: relative;


.slide-counter {
  position: absolute;
  bottom: -60px;
  left: 20px;
  color: #212121;
  padding: 6px 12px;
  font-size: 24px;
 
}
}


@media (max-width: 991px){
  /* .nav-links{top: 197px; height: 100vh;} */
  .client-box{width: calc(33.33% - 20px);}
  .about-inn{flex-direction: column;}
   .right-about{width: 100% !important; margin-bottom: 70px !important;}
   .left-about{width: 100% !important;}
   .servives-inner{width: calc(50% - 15px);}
   .servives-inner a{width: 100% !important;}
   .services2{padding-top: 50px;}
   .services3 { padding-top: 0px;}
   .services4 { padding-top: 50px;}
  .testimonial-inner{flex-direction: column;}
  .lefttestimonial{width: 100%;}
  .righttestimonial{width: 100%;}
  .about-crafting-inn{flex-direction: column; gap: 20px;}
  .left-crafting.crafting-inn{width: 100% !important;}
  .right-crafting.crafting-inn{width: 100% !important;}
  .right-crafting.crafting-inn {
    .image-container {margin: 0 auto !important; }
  }
}
@media (max-width: 620px) {
  .right-crafting.crafting-inn {
      width: 90% !important;
  }
}
@media (max-width: 620px){
  .right-crafting.crafting-inn {
    .overlay::before {
      top: -44px !important;
      left: 0px !important;
      right: -13px !important;
    }
    .corner.top-left {
      top: 12px;
      left: -12px;
    }
.corner.bottom-right {
  bottom: 12px;
  right: 50px;
}
}
}
@media (max-width: 767px){
  .project-slide-sec img{width: 80%;}
 }
 @media (max-width: 600px){
  .project-slide-sec img{width: 100% !important; min-height: auto !important;}
  .project-inner .slick-current+.slick-slide img{left: -320px !important;}
 }
 @media (max-width: 500px){
  .project-inner .slick-current+.slick-slide img{left: -260px !important;}
 }
 @media (max-width: 400px){
  .project-inner .slick-current+.slick-slide img{left: -200px !important;}
 }
 @media (max-width: 320px){
  .project-inner .slick-current+.slick-slide img{left: -173px !important;}
 }
 @media (max-width: 480px){
  .project-inner {
    .slide-counter {bottom: -127px !important; left: 15px !important;}
    .project-slide-sec img{ min-height: 180px !important;}

    
  }
 }

@media (max-width: 767px){
  section.about-crafting.pt-1.pb-1 {padding-top: 50px; padding-bottom: 100px;}
  .founder-inn{flex-direction: column;}
  .left-founder{width: 100%;}
  .right-founder{width: 100%;}
  .client-box{width: calc(50% - 15px); padding: 30px 15px; text-align: center;}
  .client-box img{width: 60%;}
  .client-box svg {width: 60%;}
  .slide-content h4{margin-bottom: 15px;}
  .slide-content p{margin: 15px 0px;}
  .banner-btn{font-size: 14px; padding: 15px 30px;}
  .about{padding: 80px 0px;}
  .services-title h1{padding: 20px 30px; margin-bottom: 20px; font-size: 40px; background-size: cover !important;}
  .filter-menu ul li{font-size: 24px;}
  .client-inner{padding: 80px 0px;}
  .founder{padding: 80px 0px;}
  .client{padding: 80px 0px;}
  
}
@media (max-width: 570px){
  .about{padding: 40px 0px;}
  .services-section{padding: 40px 0px;}
  .testimonial {padding: 40px 0px;}
  .lefttestimonial{padding: 40px 40px;}
  .client{padding: 40px 0px;}
  .client-inner{padding: 40px 0px;}
  .founder{padding: 40px 0px;}
  .founder-inn{margin-top: 0px !important;}
  .navigation-bar{ margin-top: 20px;}
  .about-craft-detials{padding: 15px 15px !important;}
  .social a{font-size: 12px;}
}
@media (max-width: 470px){
  .nav-top{flex-direction: column; gap: 0px; }
  .top-bar{padding: 10px 15px;}
  .left-about-inner {padding: 20px 30px !important;}
  .services{flex-direction: column; gap: 20px; text-align: center;}
  .servives-inner{width: 100%;}
  .services2 , .services3 , .services4{padding-top: 0px !important;}
  .bottom-section{padding: 20px 30px;}
  .countdown-box{flex-direction: column; gap: 20px;}
  .count-box{width: 100% ;}
  .founder-inn{padding: 15px 5px;}
  .services-title h1{font-size: 32px;}
}
@media (max-width: 390px){
  .left-about-inner { padding: 20px 15px;}
  .about-btn a{font-size: 13px;}
}
/* @media (max-width: 354px){
 .nav-links{top: 200px !important;}
} */

.project-inner {
  width: 80%;
  margin: auto;

.project-slide-sec {
  transition: transform 0.5s ease;
  padding: 10px;
}

.project-slide-sec img {
  width: 100%;
  min-height: 300px;
  object-fit: cover;
  border-radius: 10px;
  transition: transform 0.5s ease;
}

.project-slide-sec {
  transform: scale(0.9);
  opacity: 0.7;
}

.slick-current {
  transform: scale(2.07);
  opacity: 1;
}
.slick-prev:before {
        border-width: 2px 0 0 2px;
        transform: rotate(-45deg);
    }

.slick-next:before {
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
}
.slick-prev:before, .slick-next:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-style: solid;
  border-color: #000;
}
/* .slick-prev:before, .slick-next:before {
  color: #000;
  font-size: 30px;
} */
}



/*About Us Baneer Page*/
.about-sec{
  background-image: url(https://www.inboundweb.in/firstfeelin/wp-content/uploads/2025/10/Img-5-1.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 243px 0px;
}
.about-details{max-width: 716px; width: 100%; color: #fff;}
.about-details h1{margin-bottom: 20px;}
.about-details p{font-size: 24px; font-weight: 700; line-height: 1.4;}
.section-btn p a{color: #FFFFFF;}
.section-btn p { margin-top: 15px; font-size: 18px;}

@media (max-width: 767px){
  .about-sec{padding: 100px 0px !important;}
  .services-sec{padding: 100px 0px !important;}
}


/*About Us Section*/
.about-crafting-inn{display: flex; gap: 80px; flex-wrap: wrap; align-items: center;}
.crafting-inn{width: calc(50% - 40px);}

/*About Us Countdown*/
.coundown-section{
  background-image: url(https://www.inboundweb.in/firstfeelin/wp-content/uploads/2025/10/Rectangle-126.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 120px 0px;
}
.countdown-box-inn { display: flex ; gap: 30px; flex-wrap: wrap; }
.box-inner{width: calc(25% - 23px);}
.about-craft-detials{padding: 50px 50px; box-shadow: 0 4px 8px rgba(33, 33, 33, 0.08);}
.about-craft-detials h3 { margin-bottom: 20px; }
.crafting-btn { padding-top: 25px; }
.crafting-btn a{background-color: #00674F; color: #fff; font-size: 18px; padding: 14px 30px; letter-spacing: 5px; transition: 1s ease;}
.crafting-btn a:hover{background-color: #009970;}
.stat-box.count-box.box-inner p { font-size: 20px; font-weight: 700 !important;}
/* .right-crafting.crafting-inn{border: 20px solid #00674F; padding:50px 50px;} */
.right-crafting.crafting-inn{position: relative;  }
.right-craft{position: absolute;  left: 10%; margin-left: -20%;}
.corner.top-left { top: 30px; left: -15px; border-right: none; border-bottom: none; }
.corner { position: absolute; width: 35px; height: 35px; border: 3px solid #fff; }
.corner.bottom-right { bottom: 30px; right: 65px; border-left: none; border-top: none; }
.play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70px; height: 70px; border-radius: 50%; background: rgba(255, 255, 255, 0.9); display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all 0.3s ease; }
.play-btn:hover { background: #fff; transform: translate(-50%, -50%) scale(1.1); }
.play-btn::after { content: ""; width: 0; height: 0; border-left: 16px solid #007b73; border-top: 10px solid transparent; border-bottom: 10px solid transparent; }
.craft-text { position: absolute; bottom: 30px; left: 30px; color: #fff; font-size: 22px; font-weight: 600; text-shadow: 0 2px 5px rgba(0,0,0,0.3); }


/*Abouts us page contact form*/
.homeContactFomr{padding: 120px 0px;}
.contactFormInner{background-color: #00674F; padding: 100px; max-width: 1000px; width: 100%; margin: 0 auto;}
.contactTitle h3{font-size: 36px; color: #fff; line-height: 1; margin-bottom: 30px;}
.contactTitle p{color: #fff; margin-bottom: 20px;}


/** Components **/
.fs-form { display: grid; row-gap: 1rem;}
.fs-form:where(.fs-layout__2-column) { column-gap: 0.75rem; grid-template-columns: 1fr 1fr;}
fieldset { display: grid; margin: 1rem 0; row-gap: 1rem;}
.fs-form:where(.fs-layout__2-column) fieldset { column-gap: 0.75rem; grid-template-columns: 1fr 1fr; grid-column: 1 / -1;}
.fs-fieldset-title { color: #fff; font-size: 20px;font-weight: 500; margin-bottom: 1rem; grid-column: 1 / -1;}
.fs-field { display: flex; flex-direction: column; row-gap: 0.375rem;}
.fs-label { color: #fff; font-size: 20px; font-weight: 500; grid-column: 1 / -1;}
.fs-button { width: 100%; background-color: #fff; color: #00674F; cursor: pointer; font-size: 24px; font-weight: 900; line-height: 1rem; text-align: center;
  border: none;
  padding: 15px 0px;
  transition-duration: 200ms;
  transition-property: background-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.fs-button:hover { background-color: #00674F; color: #fff; border: 1px solid #fff;}
.fs-button:focus-visible { background-color: var(--color-primary-active); outline: 3px solid var(--color-highlight);}
.fs-input,
.fs-select,
.fs-textarea {
  background-color: transparent;
  appearance: none;
  border: 1px solid #597d74 !important; 
  font-size: 18px;
  padding: 14px 14px;
  line-height: 1.25rem;
  outline: none;
  color: #ccc !important;
  width: 100%;
  font-family: "Arca Majora 3";

}
.fs-input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.fs-input:focus-visible,
.fs-select:focus-visible { box-shadow: var(--color-border-active) 0 0 0 1.5px inset; outline: 3px solid var(--color-highlight); outline-offset: 0;}
.fs-textarea:focus-visible {
  box-shadow: var(--color-border-active) 0 0 0 1.5px inset;
  outline: 3px solid var(--color-highlight);
  outline-offset: 0;
}
.fs-textarea::placeholder { color: #597d74;}
.col-span-full { grid-column: 1 / -1;}
@media (max-width: 767px){
  .contactFormInner{padding: 50px;}
  .fs-button{font-size: 18px;}
  .leaf-left, .leaf-right {width: 60px;}
}
@media (max-width: 768px) {
  .leaf-left, .leaf-right {width: 70px;}
  .contact-containers{margin-bottom: 120px !important;}
  .ErrorPage{padding: 70px 0px !important;}
  .ErrorPage1{display: none;}
}
@media (max-width: 470px){
  .contactFormInner{padding: 20px;}
  .fs-form:where(.fs-layout__2-column){
    grid-template-columns: none;
  }
}




/*Services Page*/
.services-sec{
  background-image: url(https://www.inboundweb.in/firstfeelin/wp-content/uploads/2025/10/IMG-7-1.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 243px 0px;
}
.section-btn p a:hover{color: #006b5a;}

/*Services Testimonial*/
.serices-testi{
  padding-top: 120px;
}
section.services-testimonial-slick {
  padding-bottom: 120px;
  padding-top: 50px;
}

.testimonial-slider-1 {  
  
  .testimonial {
    text-align: center;
    padding: 50px 30px;
    outline: none;   
    background-color: #F4F4F4;
  }
  .testimonial img {
    width: 150px;
    height: auto;
    margin-bottom: 15px;
  }
  .testimonial h3 {
    margin: 0 0 5px;
    font-size: 18px;
    color: #212121;
  }
  .testimonial h2 {
    margin: 0 0 15px;
    font-size: 34px;
    color: #212121;
  }
  .testimonial p {
    font-size: 1rem;
    color: #212121;
    line-height: 1.6;
  }
  .testimonial {
    position: relative;
   
  }

.quote-icon{
    width: 40px !important;
    height: auto;
    margin-bottom: 10px;
}

.quote-icon {
    position: absolute;
    top: 15px;
    right: 20px;
    width: 40px;  
    height: auto;
    opacity: 1;
}
  
  /* ---------- Custom arrows ---------- */
  .slick-slide img{
    display: inline;
  }
  .slick-slide{
    margin: 0 15px;
  }
  .slick-prev,
  .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 44px;
    height: 44px;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .3s;
  }
  .slick-prev { left: 30px; }
  .slick-next { right: 30px; }
  .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    color: transparent;
    outline: none;
    background: #fff !important;
}
  /* SVG icons */
  .slick-prev:before,
  .slick-next:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-style: solid;
    border-color: #000;
  }
  .slick-prev:before {
    border-width: 2px 0 0 2px;
    transform: rotate(-45deg);
  }
  .slick-next:before {
    border-width: 2px 2px 0 0;
    transform: rotate(45deg);
  }
  .slick-dotted.slick-slider{
    margin-bottom: 0px;
  }
.slick-dots{
  display: none !important;
}
  /* ---------- Dots (optional) ---------- */
  /* .slick-dots {
    bottom: -40px;
  }
  .slick-dots li button:before {
    color: #aaa;
    font-size: 10px;
  }
  .slick-dots li.slick-active button:before { color: #333; } */

  /* ---------- Responsive ---------- */
  @media (max-width: 640px) {
    .testimonial-slider-1 { padding: 0 40px; }
    .slick-prev { left: 0px; }
    .slick-next { right: 0px; }
    .testimonial{padding: 20px;}
    .testimonial h2{font-size: 24px;}
    .testimonial h3{font-size: 16px;}
  }
  @media (max-width: 991px){
    .testimonial{min-height: 450px;}
    .testimonial h2 {font-size: 30px; margin-bottom: 10px;}
  }
  @media (max-width: 767px){
    .testimonial{min-height: auto;}
    .testimonial h2 {font-size: 30px; margin-bottom: 10px;}
  }
}
@media (max-width: 768px) {
  .testimonial-slider-1 {
    width: 100%;
  }
  section.services-testimonial-slick{
    padding-bottom: 70px;
    padding-top: 30px ;
  }
  .slick-prev { left: -10px; }
  .slick-next { right: -10px; }
  .slick-slide {
    margin: 0 5px;
}
  
}

.blogdetails{
  background-image: url(https://www.inboundweb.in/firstfeelin/wp-content/uploads/2025/10/banner-blog.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 243px 0px;
}
.blogdetailsheading h1{font-size: 50px; color: #ffffff;}
.blogdetailsheading p{font-size: 24px; color: #ffffff;}
.blog-btn p a{color: #ffffff;}

.detailssection{padding: 120px 0px;}
.deatilsInnSection{display: flex; gap: 30px; flex-wrap: wrap;}
.leftDetaills{width: 800px;}
.rightDetaills{width: calc(100% - 830px);}
.details-img img{width: 100%;}
.qoute-details{border: 2px solid #D9D9D9; padding: 30px 30px;}
.qoutedetailsInner{display: flex; gap: 30px;}
.right-qoutes h3{font-size: 34px; font-weight: 700; line-height: 1.3; }
.right-qoutes h5{font-size: 18px; font-weight: 700; line-height: 1; margin-top: 30px;}
.right-qoutes p{font-size: 14px; font-weight: 700; line-height: 1.3; margin-top: 10px;}
.detials-img-inn{display: flex; gap: 30px; flex-wrap: wrap; margin-top: 30px;}
.left-detials-img , .right-detials-img{width: calc(50% - 15px);}
.left-detials-img img , .right-detials-img img{width:100%;}
.blogDetailsTxt{font-size: 18px; font-weight: 700; line-height: 1.4; margin-top: 30px;}
.details-tags{background-color: #F4F4F4; padding: 30px 30px; margin: 30px 0px;}
.details-tags h4{font-size: 24px; font-weight: 700; line-height: 1; margin: 0;}
.details-list ul{display: flex; gap: 15px; flex-wrap: wrap; margin: 0; padding: 0;}
.details-list ul li{padding: 10px 20px; background-color: #ffffff; border: 2px solid #D9D9D9; border-radius: 5px; font-size: 18px; font-weight: 700;}
.details-tags h4{margin-bottom: 30px;}
.detials-post{margin-top: 30px;}
.detials-post h4{font-size: 24px; font-weight: 700; line-height: 1;}
.blog-social-icons{ display: flex; gap: 16px;}

.blog-social-icons a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  border: 1.5px solid #d9d9d9;
  border-radius: 8px;
  color: #212121;
  background-color: #fff;
  text-decoration: none;
  font-size: 22px;
  transition: all 0.3s ease;
}

.blog-social-icons a:hover {background-color: #006b5a; color: #fff;}

.blog-social-icons a i {
  display: flex;
  align-items: center;
  justify-content: center;
}  
.details-img p { margin: 30px 0px; }
.left-qoute img { width: 63px; height: auto; }

.rightDetaills{background-color: #F4F4F4; padding: 30px 30px;}
.blog-detials-tl{margin-top: 30px; margin-bottom: 23px;}
.recent-post-inn{ background-color: #fff; padding: 20px 20px;}
.post-inner{display: flex; gap: 10px; align-items: center; flex-wrap: wrap; border-bottom: 1px solid #D9D9D9; padding-bottom: 15px; padding-top: 15px;}
.leftrecentpost{width: 30%}
.rightrecentpost{width: calc(70% - 10px)}
.rightrecentpost h4 { font-size: 18px; line-height: 1.1;}
.leftrecentpost img { width: 100%; height: auto; }
.rightrecentpost h6 { font-size: 14px; line-height: 1.1; margin-top: 10px;}
.post-inner:last-child {border-bottom: none;}
.right-blog-form {padding: 10px 10px; background-color: #fff; margin-top: 20px;}
.search-bar { display: flex; align-items: center; width: 100%; background-color: #f5f5f5; border: 1px solid #ddd; border-radius: 4px; }
.search-bar input { flex: 1; border: none; background: none; outline: none; font-size: 16px; color: #666; background-color: #fff; padding: 15px; }
.search-bar input::placeholder {color: #999;}
.search-bar .search-icon { color: #333; font-size: 18px; background-color: #fff; padding:  10px; }
.blogGalleryBox img { width: 100%; height: auto; }
.search-icon img{cursor: pointer;}

.blog-categories{background-color: #fff; padding: 15px 20px;}
.blogcategoriesinn{display: flex; justify-content: space-between; border-bottom: 1px solid #D9D9D9; padding: 15px 0px;}
.blogcategoriesinn:last-child{border-bottom: none;}


.news-categories{background-color: #fff; padding: 30px 20px;
.input-group { display: flex; align-items: center; margin-top: 20px; }
.input-group input { flex: 1; padding: 18px; border: none; border-right: none; border-radius: 4px 0 0 4px; font-size: 14px; color: #666; background-color: #F4F4F4; }
.input-group button { padding: 13px 20px; background-color: #2e7d32; border: none; border-radius: 0 4px 4px 0; cursor: pointer; }
.input-group button::before { content: url('https://www.inboundweb.in/firstfeelin/wp-content/uploads/2025/10/send-1.png'); vertical-align: middle; margin-right: 5px; }
.input-group button:hover {background-color: #1b5e20;}
}
.blog-gallery{background-color: #fff; padding: 20px 20px;}
.blogGallery{display: flex; gap: 10px; flex-wrap: wrap;}
.blogGalleryBox{width: calc(50% - 5px);}


@media (max-width: 1200px){
  .deatilsInnSection{display: flex; gap: 30px;}
  .leftDetaills , .rightDetaills{width: calc(50% - 15px);}
}
@media (max-width: 991px){
  .deatilsInnSection{flex-direction: column; gap: 30px;}
  .leftDetaills , .rightDetaills{width: 100%;}
  .box-inner{width: calc(50% - 15px);}
}
@media (max-width: 768px){
  .detailssection{padding: 70px 0px;}
}
@media (max-width: 670px){
  .blogdetails{padding: 120px 0px;}
  .details-img h1 {font-size: 40px !important;}
  .details-img p {margin: 20px 0px;}
  .qoute-details{padding: 15px 15px;}
  .qoutedetailsInner{flex-direction: column; gap: 20px;}
  .details-tags{ padding: 15px;}
  .rightDetaills{padding: 15px;}
  .blog-gallery{padding: 15px;}
  .news-categories {padding: 15px;}
  .coundown-section{padding: 60px 0px;}
  .countdown-box{margin-top: 40px !important;}
}
@media (max-width: 470px){
  .detailssection{padding: 50px 0px;}
  .detials-img-inn{flex-direction: column; gap: 20px;}
  .left-detials-img , .right-detials-img{width: 100%;}
  .details-list ul{display: flex; gap: 10px;}
  .details-list ul li{padding: 10px 10px;}
  .right-qoutes h3{font-size: 24px;}
  .blog-social-icon a { padding: 5px 5px;}
  .box-inner{width: 100%;}
}
@media (max-width: 350px){
  .lefttestimonial{padding: 20px 20px;}
  .input-group { flex-direction: column;}
  .services-title h1{font-size: 24px;}
}


/*404 Page */
.ErrorPage{padding: 120px 0px;}
.ErrorPageInner { max-width: 800px; width: 100%; margin: 0 auto; text-align: center; }
.ErrorPageInner h2{color: #00674F; margin-bottom: 30px; font-size: 34px;}
.ErrorPageInner p{margin-bottom: 30px;}
.ErrorPageInner img{margin-bottom: 30px; width: 300px; height: auto;}
.ErrorBtn a{background-color: #00674F; color: #fff; font-size: 16px; padding: 15px 20px; letter-spacing: 2px;}
.ErrorBtn a:hover{background-color: #009970;}



.right-crafting.crafting-inn{
  .experience-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 60px 8%;
    background: #fff;
    gap: 2rem;
  }

  /* --- Left Text Content --- */
  .content {
    flex: 1 1 50%;
    position: relative;
    padding-left: 25px;
    max-width: 600px;
  }

  .content::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 4px;
    height: 45px;
    background-color: #0a6835;
    border-radius: 3px;
  }

  .content h2 {
    font-size: 2rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 1rem;
  }

  .content p {
    line-height: 1.7;
    color: #555;
    margin-bottom: 1rem;
    font-size: 0.95rem;
  }

  .btn {
    display: inline-block;
    background: #0a6835;
    color: #fff;
    padding: 10px 25px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 500;
    letter-spacing: 0.5px;
    transition: background 0.3s ease;
  }

  .btn:hover {
    background: #075b2d;
  }

  /* --- Right Image Section --- */
  .image-container {
    flex: 1 1 45%;
    position: relative;
    max-width: 500px;

  }

  .image-container video {
    width: 100%;
    object-fit: cover;
    display: block;
    margin-left: -40px;
    min-height: 462px;
  }
  .image-container img {
    width: 100%;
    object-fit: cover;
    display: block;
    margin-left: -40px;
  }

  .video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }

  .video-overlay::before {
    content: "";
    position: absolute;
    top: -50px;
    left: -15px;
    right: -20px;
    bottom: -50px;
    border: 20px solid #0a6835;
    z-index: -1;
  }

  .video-overlay span {
    position: absolute;
    bottom: 20px;
    left: -27px;
    color: #fff;
    padding: 8px 12px;
    font-size: 24px;
    font-weight: 600;
    border-radius: 5px;
  }

  .play-btn {
    background: #fff;
    color: #0a6835;
    border: none;
    border-radius: 50%;
    width: 65px;
    height: 65px;
    font-size: 1.8rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    transition: transform 0.3s ease;
    cursor: pointer;
  }

  .play-btn:hover {
    transform: scale(1.1);
  } 
.video-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s ease;
}

/* Your existing ::before */
.video-overlay::before {
    content: "";
    position: absolute;
    inset: 0;
    /* Your existing styles */
    transition: .3s ease;
}

/* Hide only button & text */
.video-overlay.playing .video-play-btn,
.video-overlay.playing span {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

/* Allow video controls to be clicked */
.video-overlay.playing {
    pointer-events: none;
}

/* If you ALSO want to hide the background overlay while playing */
.video-overlay.playing::before {
    opacity: 0;   /* or remove this block if you want ::before visible */
}
	.video-play-btn{
    position:absolute;
    z-index:999;
}
  @media (max-width: 600px) {
    .image-container video { width: 100%; margin-left: -20px; min-height: 300px;}
    .image-container img { width: 100%; margin-left: -20px;}
    /* .corner.top-left { left: 45px; } */
  }
  /* @media (max-width: 500px) {
    .corner.bottom-right{right: 60px;}
  } */
  @media (max-width: 470px) {
    .corner.top-left{left: -10px;}
    .corner.bottom-right{right: 45px;}
    .overlay span{font-size: 16px;}
    .video-play-btn{width: 50px;
      height: 50px;}
      .video-play-btn::before{
        left: 20px;
        top: 16px;
        border-left: 15px solid #000;
        border-top: 9px solid transparent;
        border-bottom: 11px solid transparent;
      }
  }
  @media (max-width: 350px) {
    .corner.top-left{left: -12px;}
    .corner.bottom-right{right: 35px;}
    .overlay span{font-size: 16px;}
    
  }
  @media (max-width: 900px) {
    .experience-section {
      flex-direction: column;
      text-align: center;
    }

    .content {
      padding-left: 0;
    }

    .content::before {
      display: none;
    }

    .overlay span {
      bottom: 10px;
      left: 50%;
      transform: translateX(-50%);
    }

    .image-container {
      width: 100%;
    }
  }
}

/*home cta*/
.home-cta{padding-top: 120px;}
.ctalf-img { width: 57.45%; background-position: bottom; background-size: cover; display: flex; justify-content: right; align-items: center; position: relative; z-index: 1; }
.ctalf-img:before { content: ''; border-top: 140px solid transparent; border-left: 140px solid transparent; border-bottom: 230px solid #00674F; position: absolute; right: 0; bottom: 0; z-index: -1; }
.ctalf-img .icon { width: 90px; height: 90px; background: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-right: 20px; }
.ctalf-content { padding: 53px 0px; width: 42.33%; }
.ctainn-fl { display: flex; flex-flow: row wrap; justify-content: left; display: -webkit-flex; -webkit-flex-flow: row wrap; -webkit-justify-content: left; }
.contact-no a { margin-top: 5px; font-weight: 500; font-size: 60px; line-height: 87px; color: transparent; -webkit-text-stroke: 1px white; transition: 1s ease;}
.contact-no a:hover {color: #fff;}
.ctalf-content h5{color: #fff; font-size: 24px;}
@media  (max-width: 440px) {
  .contact-no a{font-size: 25px !important;}
  .ctalf-content{padding: 30px 10px !important;}
}
@media (max-width: 991px) {

  .home-cta {
      padding-top: 60px;
  }

  .ctainn-fl {
      flex-direction: column;
      align-items: center;
      text-align: center;
  }

  .ctalf-img {
      width: 100%;
      justify-content: center;
      background-size: cover;
      background-position: center;
      padding: 40px 0;
  }

  .ctalf-img:before {
      display: none; /* Hide angled shape for simplicity on small screens */
  }

  .ctalf-img .icon {
      width: 70px;
      height: 70px;
      margin: 0 auto 20px auto;
  }

  .ctalf-content {
      width: 100%;
      padding: 40px 20px;
      background-size: contain;
      background-position: center;
  }

  .ctalf-content h5 {
      font-size: 20px;
      margin-bottom: 10px;
  }

  .contact-no a {
      font-size: 36px;
      line-height: 48px;
      -webkit-text-stroke: 0.5px white;
  }
}


@media  (max-width: 1250px) {
  .contact-no a{font-size: 40px;}
}



/*Blog Page*/
.blog-sec{
  background-image: url(https://www.inboundweb.in/firstfeelin/wp-content/uploads/2025/10/Img-5-1.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 243px 0px;
}
.blog-section {padding: 120px 0px;
.blog-inn-sec { display: flex ; gap: 30px; flex-wrap: wrap; }

.blog-card {  width: calc(33.33% - 20px);  position: relative;  background: #fff;  border: 1px solid #D9D9D9;  border-radius: 4px;  overflow: hidden;
  transition: all 0.3s ease;
  padding: 30px;
}

.blog-card:hover { transform: translateY(-5px);}
.date-badge { position: absolute; top: 0; left: 0; background: #f2f2f2; padding: 23px 25px; text-align: center;}
.date-badge h3 { font-size: 34px; color: #212121; line-height: 1.2;}
.date-badge span { font-size: 14px; color: #212121; text-transform: uppercase;}
.blog-image img { width: 100%; object-fit: cover; display: block;}
.blog-content { padding-top: 20px; padding-bottom: 50px; }
.blog-content .meta { font-size: 16px; color: #212121; margin-bottom: 20px;}
.blog-content h4 { font-size: 20px; color: #212121; line-height: 1.5; margin-bottom: 30px;}
.BlogBtn { display: inline-block; padding: 15px 30px; background: #00674F; color: #fff; text-decoration: none; font-size: 16px; font-weight: 700; letter-spacing: 4px;  transition: all 0.3s ease;}
.pagination { margin-top: 50px; display: flex; justify-content: center; list-style: none; /* remove list bullets */ padding: 0px; gap: 10px;}
.pagination li a { display: block;  padding: 8px 12px; text-decoration: none; border: 1px solid gray; color: black;   margin: 0 4px; border-radius: 5px; /* add rounded borders */}
.BlogBtn:hover { background: #2d8d82;}
.pagination li a:hover{ background: #00674F; color: #fff;}

/* Responsive design */
@media (max-width: 491px) {
  .pagination{
    text-align: center;
    margin: 0 auto;
    padding-top: 50px;
    gap: 0px;
  }
  .pagination li a{
    font-size: 14px;
    margin: 0 3px;
    padding: 10px 10px;
  }
}
@media (max-width: 350px) {
  .pagination li a{
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .blog-card {padding: 15px; width: calc(33.33% - 10px);}
  .blog-inn-sec{display: flex; gap: 15px;}
}
@media (max-width: 767px) {
  .blog-card {width: calc(50% - 15px); padding: 80px 0px;}
  .blog-content { padding-top: 20px; padding-bottom: 20px; padding-left: 10px; padding-right: 10px; }

}
@media (max-width: 570px) {
  .blog-inn-sec{flex-direction: column; gap: 20px;}
  .blog-card {width: 100%; padding-bottom: 0px;}
}
}

/*Contact Us Page*/
.contact-containers{margin-top: 120px; margin-bottom: 240px; }
.contact-sec{  background-image: url(https://www.inboundweb.in/firstfeelin/wp-content/uploads/2025/10/IMG-22.png);  background-size: cover;  background-position: center;  background-repeat: no-repeat; padding: 243px 0px;}
form.contactForm { margin-top: 50px;}
.contact-inner {  display: flex; flex-wrap: wrap; gap: 40px; align-items: flex-end;}
.contact-form-box { background: #f5f5f5; padding: 40px 50px; width: 850px; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); position: relative;}
.contact-form-box h2 { font-size: 22px; font-weight: 600; margin-bottom: 25px; border-bottom: 2px solid #000; display: inline-block; padding-bottom: 4px;}
.contact-form-box form { display: flex; flex-direction: column; gap: 18px;}
.contact-form-box label { font-size: 14px; color: #333;}
.contact-form-box input,
.contact-form-box textarea { width: 80%; border: none; border-bottom: 1px solid #888; padding: 8px 0; outline: none; background: transparent; font-size: 14px;}
.contact-form-box button {  margin-top: 15px; padding: 10px 0;  width: 110px; background: #004d3a;  color: #fff;  border: none;  border-radius: 3px;
  cursor: pointer;
  font-size: 13px;
  letter-spacing: 1px;
  transition: background 0.3s ease;
}
.contact-form-box button:hover { background: #00684f;}
.contact-info-box { background: #fff; padding: 40px 50px; width: calc(100% - 890px); border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); position: absolute;
  top: 34%;
  left: 52%;
}
.contact-info-box h2 { font-size: 22px; font-weight: 600; margin-bottom: 25px; border-bottom: 2px solid #212121; display: inline-block; padding-bottom: 4px;}
.info-item.infos { padding-top: 20px; }
.info-item { display: flex; align-items: flex-start; margin-bottom: 18px; margin-top: 30px;}
.info-item i { color: #212121; font-size: 30px; margin-top: 2px; margin-right: 20px;}
.info-item p { font-size: 20px; color: #333; line-height: 1.6;}
.info-item p a{ font-size: 20px; color: #333; line-height: 1.6;}

@media (max-width: 991px) {
  .contact-inner { flex-direction: column; align-items: center;}
  .contact-form-box,
  .contact-info-box { width: 100% !important; position: static;}
  .contact-form-box input, .contact-form-box textarea{width: 100%;}
}
@media (max-width: 1420px) {
  .contact-info-box{left: 52%; width: 45%;}
}
@media (max-width: 1320px) {
  .contact-form-box{width: 60%;}
  .contact-info-box{left: 52%; width: 45%;}
}
@media (max-width: 570px) {
  .contact-form-box , .contact-info-box {padding: 20px 20px;}
  .contact-form-box form{gap: 10px;}
}


/*Project Page*/
.project-sec{  background-image: url(https://www.inboundweb.in/firstfeelin/wp-content/uploads/2025/10/IMG-24.png);  background-size: cover;  background-position: center;  background-repeat: no-repeat; padding: 243px 0px;}
 .project-tabbing{padding: 120px 0px;}
.tab-container {
  max-width: 1280px;
  margin: 0 auto;
  background-color: #fff;
  font-family: Arial, sans-serif;
}

.nav-bar ul {
  list-style: none;
  padding: 15px 0;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.nav-button {
  padding: 10px 0px;
  border: none;
  background: none;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  transition: color 0.3s;
}

.nav-button.active {
  color: #00684f;
  font-weight: bold;
}

.content-area {
  padding: 20px 0;
}

.content-panel {
  display: none;
}

.content-panel.active {
  display: block;
}

.control-panel-inn {
  columns: 4;
  column-gap: 30px;
  width: 100%;
  margin: 0 auto;
}

.control-panel {
  break-inside: avoid;
  margin-bottom: 30px;
  display: block;
  width: 100%;
}

.control-panel img {
  width: 100%;
  height: auto;
  display: block;
}

.control-title {
  background-color: #F4F4F4;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  
}

.left-control-panel p {
  margin: 0;
  font-weight: 500;
  color: #333;
}

.right-control-panel img {
  width: 24px;
  height: 24px;
}

/* Responsive */
@media (max-width: 1024px) {
  .control-panel-inn { columns: 3; }
}
@media (max-width: 767px) {
  .nav-bar ul{padding: 20px;}
  .nav-button{padding: 0px 0px;}
 
}
@media (max-width: 560px) {
  .nav-bar ul{ gap: 5px;}
  
}
@media (max-width: 768px) {
  .control-panel-inn { columns: 2; }
 
}
@media (max-width: 480px) {
  .control-panel-inn { columns: 1; }

}

.load-more{
  background-image: url(https://www.inboundweb.in/firstfeelin/wp-content/uploads/2025/10/Circle.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 30px 30px;
  text-align: center;
 
}
.project-btn a{
    background-color: #00674F;
    color: #fff;
    font-size: 15px;
    padding: 15px 30px;
    letter-spacing: 4px;
    transition: 1s ease;
}
.project-btn a:hover{
  background-color: #009970;
}
@media (max-width: 768px) {
  .load-more{margin-bottom: 70px !important;}
  .project-tabbing{padding: 70px 0px !important;}
  .serices-testi{padding-top: 70px;}
}



/*Services Details Page*/
  .services-deatils{  background-image: url(https://www.inboundweb.in/firstfeelin/wp-content/uploads/2025/10/IMG-34.png);  background-size: cover;  background-position: center;  background-repeat: no-repeat; padding: 243px 0px;}
  .ServicesDeatailsTab{ padding: 120px 0px;}
  .ServicesDeatailsTab-inner{ display: flex;  gap: 30px;  flex-wrap: wrap;  justify-content: flex-start;}
  .ServicesDeatailsTab-Left{width: 30%;}
  .ServicesDeatailsTab-Right{width: calc(70% - 30px);}
  .LeftTabbing { background-color: #F4F4F4; padding: 40px 40px; border-radius: 15px; }
  .LeftTabs{ background-color: #FFFFFF; border-radius: 15px;}
  .LeftTabingImg img { width: 100%; }
  .LeftTabs ul{padding: 0; margin: 0; margin-top: 20px; box-shadow: 0 2px 4px rgba(33, 33, 33, 0.08);}
  .LeftTabs ul li a { padding: 20px 30px; color: black; font-size: 20px; }
  .LeftTabs ul li { border-bottom: 2px solid #D4D4D4; cursor: pointer; position: relative;}
  .LeftTabs ul li:last-child {border-bottom: none;}
  .tabs li a.caret::after { content: "\f078"; font-size: 16px; transition: transform 0.3s ease; position: absolute; right: 15px; font-family: "FontAwesome";}
  .tabs li a.active.caret::after { transform: rotate(180deg);}

  .LeftTabingImg{margin-top: 30px;}
  .tab-link { display: block;transition: background-color 0.3s ease;}
  .tab-link.active { background-color: #00684f; color: #FFFFFF; font-weight: bold; }
  .tab-content { display: none;   opacity: 0; transition: opacity 0.3s ease; }
  .tab-content.active { display: block; opacity: 1;}
  .rightimgtab img {width: 100%; height: auto;}
  .rightimgtab h3{padding: 10px 0px;}
  .rightimgtab p{padding-bottom: 10px;}
  .righticonlisttab{ display: flex; align-items: flex-start; justify-content: space-between; margin: 15px 0px;}
  .list-column { padding: 0; margin: 0;}
  .list-column li { position: relative; padding-left: 20px; margin-bottom: 12px; font-size: 16px; color: #111;}
  .list-column li::before { content: '›'; position: absolute; left: 0; color: #111;font-weight: bold; font-size: 20px; top: -6px;}
  .video-preview-box img{width: 100%; height: auto;}
  /* .video-preview-box { position: relative; overflow: hidden; cursor: pointer; }
  .video-preview-box::before {  content: '';  position: absolute;  inset: 0;  background: rgba(0, 0, 0, 0.2);  opacity: 0;  transition: opacity 0.3s ease;  border-radius: 12px; }
  .video-preview-box:hover::before {  opacity: 1; }
  .video-preview-box .playbtn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70px; height: 70px; background-color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: transform 0.3s ease; }
  .video-preview-box .playbtn:hover {  transform: translate(-50%, -50%) scale(1.1);}
  .video-preview-box .playbtn::before { content: ''; display: block; width: 0; height: 0; border-left: 18px solid black; border-top: 10px solid transparent;border-bottom: 10px solid transparent;  margin-left: 4px;} */
  .acc {margin-bottom: 20px;}
  .acc-head { background-color: #F4F4F4; padding: 15px 30px;font-size: 22px; position: relative; cursor: pointer;}
  .AccordianSection{margin-top: 30px;}
  .acc-head::before,
  .acc-head::after { content: '';position: absolute;top: 50%; background-color: #212121;transition: all .3s;}
  .acc-head::before { right: 29px; width: 3px; height: 20px; margin-top: -10px;}
  .acc-head::after { right: 21px; width: 20px; height: 3px; margin-top: -2px;}
  .acc-head p { color: #212121; font-weight: bold;}
  .acc-content { padding: 20px 30px; display: none; }        
  .acc-head.active::before { transform: rotate(90deg); }

  .video-container video{width: 100%;}
  .video-container{
    width:100%;
    max-width:var(--max-w);
    position:relative;
    aspect-ratio:16/9; 
    background:#000;
    overflow:hidden;
    border-radius:12px;
    box-shadow:0 8px 24px rgba(0,0,0,0.12);
  }

  .play-overlay{
    position:absolute;
    inset:0; 
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(0,0,0,0.45);
    border:0;
    margin:0;
    padding:0;
    cursor:pointer;
    -webkit-tap-highlight-color: transparent;
  }

  .play-circle{
    width:50px;
    height:50px;
    border-radius:999px;
    background:rgba(255,255,255,0.95);
    display:grid;
    place-items:center;
    box-shadow: 0 6px 18px rgba(0,0,0,0.18);
    transition:transform .18s ease, box-shadow .18s ease;
  }
  .play-triangle{
    width:0;
    height:0;
    border-left:20px solid rgba(0,0,0,0.85);
    border-top:12px solid transparent;
    border-bottom:12px solid transparent;
    margin-left:4px;
  }

  .hidden{ display:none !important; }
  .video-container video:focus{ outline: 3px solid rgba(59,130,246,0.4); outline-offset: -3px; }

  @media (max-width:520px){
    .play-triangle{ border-left-width:16px; border-top-width:10px; border-bottom-width:10px; }
  }
  @media (max-width:1130px){
     .LeftTabbing {padding: 20px;}
     .LeftTabs ul li a {padding: 20px 20px; font-size: 18px;}
  }
  @media (max-width:991px){
    .ServicesDeatailsTab-inner{flex-direction: column; gap: 30px;}
    .ServicesDeatailsTab-Left{width: 100% !important;}
    .ServicesDeatailsTab-Right{width: 100% !important;}
  }
  @media (max-width:767px){
    .righticonlisttab { flex-direction: column;gap: 0px;}
  }
  

.ServiceTab{padding-top: 0px; padding-bottom: 120px;}
.ServicesDeatailsSec{background-color: #fff; box-shadow: 0 4px 24px 4px rgba(33, 33, 33, 0.08); padding: 100px; border-radius: 20px;}
.ServicesDeatailsSec .contactTitle h3{color: #00674F;}
.ServicesDeatailsSec .contactTitle p{color: #212121; margin-bottom: 30px;}
.ServicesDeatailsSec .fs-label{color: #212121; font-family: "Arca Majora 3";font-size: 20px;font-style: normal;font-weight: 900;line-height: normal;}
.ServicesDeatailsSec .fs-input, .fs-select, .fs-textarea{border: 1px solid rgba(33, 33, 33, 0.50); }
.ServicesDeatailsSec .fs-button{background: #00674F; border: 1px solid #00674F; color: #fff; font-weight: 700; transition: 1s ease;}
.ServicesDeatailsSec .fs-button:hover{background-color: transparent; border: 1px solid #212121; color: #00674F;}
.ServicesDeatailsSec .fs-field{margin-bottom: 20px;}
.ServicesDeatailsSec select{   padding: 14px 14px; border: 1px solid rgba(33, 33, 33, 0.50); font-size: 1.25rem;; transition: border-color 0.2s ease; appearance: none; font-family: "Arca Majora 3"; 
  background: url("https://www.inboundweb.in/firstfeelin/wp-content/uploads/2025/10/chevron-down.png") no-repeat right 10px center;  background-color: white;  background-size: 24px; color: rgba(33, 33, 33, 0.50);
}
.ServicesDeatailsSec textarea{ font-family: "Arca Majora 3"; width: 100%; padding: 14px 14px; border: 1px solid rgba(33, 33, 33, 0.50); font-size: 18px; transition: border-color 0.2s ease; color: rgba(33, 33, 33, 0.50); font-weight: 500;
}
.ServicesDeatailsSec  input[type="file"]::-webkit-file-upload-button {
border-radius: 2px; background: #D9D9D9; color: rgba(33, 33, 33, 0.50); font-family: "Arca Majora 3";
font-size: 12px;
font-style: normal;
line-height: normal;
padding: 8px 15px;
border: none;
}
.ServicesDeatailsSec .fs-input, .fs-select, .fs-textarea {
  background-color: transparent;
  appearance: none;
  font-size: 18px;
  padding: 14px 14px;
  line-height: 1.25rem;
  outline: none;
  color: rgba(33, 33, 33, 0.50);
  width: 100%;
  font-family: "Arca Majora 3";
}
ul.TabDropdown {
  margin-top: 0px;
}
ul.TabDropdown li {
  border-top: 1px solid #D4D4D4;
}
.ServicesDeatailsSec input[type="file"]::-webkit-file-upload-button:hover {
  background: #d5d5d5;
}
@media (max-width:767px){
.ServicesDeatailsSec .fs-form:where(.fs-layout__2-column) {grid-template-columns: 1fr;} 
.ServicesDeatailsSec .fs-form{row-gap: 0px;}
.ServicesDeatailsSec{padding: 20px;}
.ServiceTab{padding-bottom: 70px;}
.ServicesDeatailsTab { padding: 70px 0px; }
}


.about-crafting-inn .image-container {
  position: relative;
}

/* decorative corners */
.corner {
  width: 25px;
  height: 25px;
  border: 3px solid #fff;
  position: absolute;
  z-index: 2;
}
.top-left {
  top: 10px;
  left: 10px;
  border-right: none;
  border-bottom: none;
}
.bottom-right {
  bottom: 10px;
  right: 10px;
  border-left: none;
  border-top: none;
}

.video-play-btn {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: rgba(255,255,255,0.9);
  border: none;
  cursor: pointer;
  position: relative;
  margin-bottom: 10px;
  transition: transform 0.2s ease;
}
.video-play-btn:hover {
  transform: scale(1.08);
}
.video-play-btn::before {
  content: '';
  position: absolute;
  left: 33px;
  top: 25px;
  width: 0;
  height: 0;
  border-left: 20px solid #000;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
}


@media (max-width: 767px){
  section.ServicesDeatailsTab img {
    display: none;
  }
  section.homeContactFomr img{
    display: none;
  }
}
body.no-scroll {
  overflow: hidden;
}


/*Updated*/
.top-bar.pt-4.pb-4{display: none !important;}
.right-founder{display: none !important;}
.founder-inn{justify-content: center !important;}
.left-founder { width: 50% !important;}