html,
 body,
 div,
 span,
 object,
 iframe,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 blockquote,
 pre,
 a,
 abbr,
 address,
 cite,
 code,
 del,
 dfn,
 em,
 img,
 ins,
 kbd,
 q,
 samp,
 small,
 strong,
 sub,
 sup,
 var,
 b,
 i,
 dl,
 dt,
 dd,
 ol,
 ul,
 li,
 fieldset,
 form,
 label,
 legend,
 caption article,
 aside,
 dialog,
 figure,
 footer,
 header,
 hgroup,
 menu,
 section,
 menu,
 time,
 mark,
 audio,
 video,
 source {
     margin: 0px;
     padding: 0px;
     border: 0px;
     outline: 0px;
     vertical-align: baseline;
     background: transparent;
 }

 article,
 aside,
 dialog,
 figure,
 footer,
 header,
 hgroup,
 menu,
 section,
 menu {
     display: block;
 }

 section,
 header {}

 nav ul {
     list-style: none;
 }

 blockquote,
 q {
     quotes: none;
 }

 blockquote:before,
 blockquote:after,
 q:before,
 q:after {
     content: '';
     content: none;
 }

 abbr[title],
 dfn[title] {
     border-bottom: 1px dotted #000;
     cursor: help;
 }

 a {

     transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
 }

 /*tables still need 'cellspacing="0"' in the markup*/
 .bg {
     background: #999999;
     font: Arial, Helvetica, sans-serif;
 }

 .fleft {
     float: left;
 }

 table {
     border-collapse: collapse;
     border-spacing: 0;
 }

 input,
 select {
     vertical-align: middle;
 }

 .clear {
     clear: both;
     height: 0px;
 }

 h1,
 h2,
 h3,
 h4,
 h4,
 h6 {
     margin: 0px;
     padding: 0px;
 }


 .clear {
     clear: both
 }
html,
body {
  width: 100%;
  overflow-x: hidden;
}

 body {
     margin: 0px;
     padding: 0px;
     font-size: 14px !important;
     font-family: 'Poppins', sans-serif !important;
     color: #000 !important;
     font-weight: normal;
     line-height: 25px;
     background-color: #e5c69a !important;

 }

 
 /* ================= SLIDER ================= */
 .dave-slider {
     position: relative;
 }

 .dave-slide-img {
     width: 100%;
     height: 100vh;
     object-fit: cover;
     display: block;
 }

 .dave-slide-overlay {
     position: absolute;
     inset: 0;
     background: rgba(0, 0, 0, .45);
     z-index: 1;
 }

 .dave-slide-content {
     position: absolute;
     inset: 0;
     z-index: 2;
     display: flex;
     align-items: center;
 }

 .dave-hero-text h1 {
     font-size: 64px;
     font-weight: 800;
     color: #fff;
 }

 .dave-hero-text span {
     font-weight: 300;
 }

 .dave-hero-line {
     width: 120px;
     height: 2px;
     background: #fff;
     margin: 20px 0 40px;
 }

 .dave-hero-btn {
     border: 2px solid #fff;
     color: #fff;
     padding: 14px 32px;
     border-radius: 50px;
     margin-right: 15px;
     text-decoration: none;
     font-weight: 600;
 }

 .dave-hero-btn:hover {
     background: #fff;
     color: #000;
 }



 .dropdown-submenu {
     position: relative;
 }

 .social-icn a {
     color: #fff;
 }

 .social-icn a:hover {
     color: #a88447;
 }

 .search-icon-2 i:hover {
     color: #a88447 !important;
 }

 .border-btm {
     border-bottom: 1px solid #fff;
     padding-bottom: 10px;
 }

 .navbar-nav .nav-link.active,
 .navbar-nav .nav-link.show {
     color: #a88447;
 }

 .dropdown-item {
     font-size: 13px;
     font-weight: 500;
     color: #000 !important;
 }

 .dropdown-item:hover {
     color: #a88447 !important;
 }

 .dropdown-item::before {
     content: "\f135";
     font-family: "bootstrap-icons";
     font-size: 14px;
     display: inline-block;
     vertical-align: middle;
     margin-right: 7px;
     color: #000;
 }

 .border-left {
     border-left: 1px solid #fff;
     padding-left: 20px;
 }

 #dave-nav .navbar-nav .nav-link:hover {
     color: #a88447;
 }

 .modal-body .btn-primary {
     background-color: #a88447 !important;
     border-color: #a88447 !important;
 }

 .modal-body .btn-primary:hover {
     background-color: #895838 !important;
     border-color: #895838 !important;
 }

 .carousel-control-next,
 .carousel-control-prev {
     width: 7%;
 }

 .search-icon {
     color: #fff;
     cursor: pointer;
     transition: color 0.3s;

 }

 /* ================= RESPONSIVE ================= */
 @media (max-width: 991px) {
     .dave-hero-text h1 {
         font-size: 42px;
     }
 }

 @media (max-width: 575px) {
     .dave-hero-text h1 {
         font-size: 32px;
         text-align: center;
     }

     .dave-slide-img {
         height: 35vh;
     }
 }

 /* ================= header end ================= */
 .background-img-1 {
     background-image: url(../images/background-img-1.jpg);
     background-repeat: no-repeat;
     background-size: 100% 100%;
 }

 .background-img-2 {
     background-image: url(../images/background-img-2.jpg);
     background-repeat: no-repeat;
     background-size: 100% 100%;
 }

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

 .rajdhani-font {
     font-family: "Rajdhani", sans-serif;
 }

 .badge-title {
     background: #a88447;
     padding: 8px 22px;
     border-radius: 30px;
     color: white;
     display: inline-block;
     font-weight: 600;
     margin-bottom: 16px;
 }

 .main-heading {
     font-size: 42px;
     font-weight: 800;
     color: #5d4535;
     line-height: 1.2;
 }

 .service-box {
     background: #a88447;
     color: white;
     padding: 28px;
     border-radius: 22px;
     margin-top: 25px;
     border-left: 10px solid #895838;
 }

 .service-box p {
     margin: 0;
     margin-bottom: 10px;
     font-weight: 500;
 }

 .read-btn {
     background: #7b5433;
     color: white;
     padding: 12px 30px;
     border-radius: 30px;
     margin-top: 30px;
     display: inline-block;
     text-decoration: none;
     letter-spacing: 2px;

 }

 .read-btn:hover {
     background: #a88446;
     color: #fff;

 }

 .services-title-btn {
     background: #b99353;
     color: #fff;
     padding: 6px 20px;
     border-radius: 20px;
     display: inline-block;
     font-size: 14px;
     margin-bottom: 15px;
     font-weight: 600;
 }

 .fs_35 {
     font-size: 35px;
 }

 .services-heading {
     color: #f2dfc1;
     font-size: 35px;
     font-weight: 700;
     text-align: center;
     margin-bottom: 40px;
 }

 .service-card {
     border-radius: 15px;
     overflow: hidden;
     border: 4px solid #fff;
     position: relative;
 }

 .service-card img {
     width: 100%;
     height: 250px;
     object-fit: cover;
 }

 .service-card-title {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     padding: 12px;
     background: rgba(121, 78, 36, 0.9);
     color: #fff;
     font-weight: 600;
     font-size: 14px;
 }

 /* Carousel indicators */
 .carousel-indicators [data-bs-target] {
     width: 12px;
     height: 12px;
     background-color: #d5c4a1;
     border-radius: 50%;
 }

 .carousel-indicators .active {
     background-color: #fff;
 }

 .dave-stats-wrapper {
     background: #8b5a3a;
     border-radius: 120px;
     padding: 40px 20px;
     margin-top: -100px;
     z-index: 9999999;
     position: relative;
 }

 .dave-stat-item {
     color: #f3e1c5;
     text-align: center;
 }

 .dave-stat-icon {
     font-size: 28px;
     margin-bottom: 10px;
     opacity: 0.85;
 }

 .dave-stat-number {
     font-size: 48px;
     font-weight: 700;
     line-height: 1;
 }

 .dave-stat-text {
     font-size: 14px;
     text-transform: uppercase;
     margin-top: 5px;
     letter-spacing: 0.5px;
 }

 @media (max-width: 768px) {
     .dave-stats-wrapper {
         border-radius: 30px;
     }

     .dave-stat-number {
         font-size: 36px;
     }
 }

 .pb-200 {
     padding-bottom: 125px;
     padding-top: 200px;

 }

 #servicesCarousel .carousel-indicators {
     position: relative;
     padding-top: 30px;
 }

 .benifit-part {
     background-image: url(../images/background-img-1.jpg);
     background-repeat: no-repeat;
     background-size: 100% 100%;
 }

 /* ====== GENERAL ====== */
 .dave-section {
     background: #f3d9b1;
     padding: 230px 00px 100px 0px;
     background-image: url(../images/background-img-1.jpg);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     margin-top: -131px;
 }

 /* ====== FORM ====== */
 .dave-form-box {
     background: #5c4c37;
     border-radius: 15px;
     padding: 30px;
     color: #fff;
     border: 3px solid #fff;
 }

 .dave-form-box h3 {
     text-align: center;
     margin-bottom: 25px;
     font-weight: 700;
 }

 .dave-form-control {
     border-radius: 8px;
     margin-bottom: 15px;
     padding: 12px;
 }

 .sea-container {
     position: relative;
     width: 100%;
     height: 300px;
     overflow: visible;
     margin-top: -151px;
     margin-bottom: -150px;
 }

 .ship {
     position: absolute;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
     height: 100%;
     max-height: 260px;
 }

 .dave-btn-submit {
     background: #3f3325;
     color: #fff;
     border-radius: 8px;
     padding: 12px;
     width: 100%;
     border: none;
 }

 .dave-btn-submit:hover {
     background: #e8cca4;
     color: #3f3325;
 }

 /* ====== BENEFITS ====== */
 .dave-badge {
     background: #c89c5d;
     color: #fff;
     padding: 6px 18px;
     border-radius: 30px;
     font-size: 13px;
     display: inline-block;
     margin-bottom: 15px;
 }

 .dave-benefit-card {
     background: #fbe2c6;
     border-radius: 12px;
     padding: 20px;
     height: 100%;
 }

 .dave-benefit-card h3 {
     font-size: 18px;
     font-weight: 600;
 }

 .dave-benefit-card h3 span {
     font-weight: 400;
 }

 .dave-benefit-icon {
     width: 50px;
     height: 50px;
     background: #d79b61;
     color: #fff;
     border-radius: 8px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 15px;
     padding: 10px;
 }

 .title-2 {
     color: #5d4535;
 }

 /* ===== SECTION ===== */
 .dave-process-section {

     padding: 200px 0px 120px 0px;
     color: #f5e6cf;
     background-image: url(../images/background-img-3.jpg);
     background-repeat: no-repeat;
     background-size: 100% 100%;

 }

 #dave-nav .navbar-nav .nav-item {
     margin-right: 28px;
     /* adjust spacing here */
 }

 .nav-link:focus,
 .nav-link:hover {
     color: #a88447;
 }

 /* Remove extra space after last item */
 #dave-nav .navbar-nav .nav-item:last-child {
     margin-right: 0;
 }

 /* ===== HEADER BASE ===== */
 .dave-header {
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 999;
     background: transparent;
     transition: all 0.35s ease;
 }

 .dave-header img {
     max-height: 90px;
     transition: all 0.35s ease;
 }

 /* Top header text color (initial) */
 .dave-header,
 .dave-header a,
 .dave-header i {
     color: #fff;
 }

 /* ===== STICKY STATE ===== */
 .dave-header.sticky {
     background: #fff;
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
     padding-top: 0;
 }

 /* Logo shrink */
 .dave-header.sticky img {
     max-height: 45px;
 }

 /* Text becomes black */
 .dave-header.sticky,
 .dave-header.sticky a,
 .dave-header.sticky i {
     color: #000;
 }

 /* Hide top contact row */
 .dave-header.sticky .border-btm {
     display: none;
 }

 /* Remove left border in sticky */
 .dave-header.sticky .border-left {
     border: none !important;
 }



 /* Smooth navbar height */
 #dave-nav {
     transition: all 0.35s ease;
 }

 /* Search icon spacing */
 .search-icon-2 {
     margin-bottom: 0;
 }

 /* Dropdown fix */
 .dave-header.sticky .dropdown-menu {
     background: #fff;
 }

 /* ===== HEADER ===== */
 .dave-process-badge {
     background: #c89c5d;
     padding: 6px 20px;
     border-radius: 30px;
     font-size: 13px;
     color: #fff;
     display: inline-block;
     margin-bottom: 15px;
 }

 .dave-process-title {
     font-weight: 800;
     letter-spacing: 1px;
 }

 /* ===== LEFT BOXES ===== */
 .dave-process-card {
     background: #4f402e;
     border-radius: 16px;
     padding: 28px 30px;
     display: flex;
     gap: 18px;
     align-items: flex-start;
     margin-bottom: 28px;
     /* spacing between boxes */
     position: relative;
     overflow: hidden;
 }

 /* RIGHT COLOR STRIP */
 .dave-process-card::after {
     content: "";
     position: absolute;
     top: 0;
     right: 0;
     width: 8px;
     height: 100%;
 }

 /* COLOR VARIANTS */
 .dave-border-gold::after {
     background: #c89c5d;
 }

 .dave-border-orange::after {
     background: #ff8c42;
 }

 .dave-border-blue::after {
     background: #47b6c1;
 }

 /* ICON */
 .dave-process-icon {
     min-width: 50px;
     height: 50px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     font-size: 20px;
     padding: 10px;
 }

 .dave-icon-gold {
     background: #c89c5d;
 }

 .dave-icon-orange {
     background: #ff8c42;
 }

 .dave-icon-blue {
     background: #47b6c1;
 }

 /* TEXT */
 .dave-process-card h5 {
     margin-bottom: 8px;
     font-weight: 700;
     color: #fff;
 }

 .dave-process-card p {
     margin: 0;
     font-size: 15px;
     color: #e6d8c3;
 }

 /* ===== RIGHT IMAGE ===== */
 .dave-process-image img {
     width: 100%;
     border-radius: 22px;
     object-fit: cover;
 }

 /* ===== RESPONSIVE ===== */
 @media (max-width: 991px) {
     .dave-process-card {
         padding: 22px;
     }
 }

 /* ===== SECTION ===== */
 .dave-work-section {

     padding: 90px 0;
     text-align: center;
 }

 /* ===== HEADER ===== */
 .dave-work-badge {
     background: #b8935a;
     color: #fff;
     padding: 6px 22px;
     border-radius: 30px;
     font-size: 13px;
     display: inline-block;
     margin-bottom: 15px;
 }

 .dave-work-title {
     font-weight: 800;
     color: #7a4f2b;
     letter-spacing: 1px;
     margin-bottom: 70px;
 }

 /* ===== STEP WRAPPER ===== */
 .dave-work-step {
     position: relative;
     padding: 0 18px;
 }

 /* ===== IMAGE CIRCLE ===== */
 .dave-work-image-wrap {
     position: relative;
     width: 170px;
     height: 170px;
     margin: 0 auto 20px;
 }

 .dave-work-image {
     width: 100%;
     height: 100%;
     border-radius: 50%;
     overflow: hidden;
     border: 8px solid rgba(255, 255, 255, .7);
 }

 .dave-work-image img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 /* ===== NUMBER BADGE (FIXED) ===== */
 .dave-work-number {
     position: absolute;
     top: 0px;
     left: 0px;
     width: 42px;
     height: 42px;
     background: #fff;
     border-radius: 50%;
     font-weight: 800;
     font-size: 16px;
     color: #7a4f2b;
     display: flex;
     align-items: center;
     justify-content: center;
     z-index: 5;
     box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
 }

 /* ===== TEXT ===== */
 .dave-work-step h3 {
     font-weight: 700;
     color: #7a4f2b;
     margin-top: 10px;
     font-family: "Rajdhani", sans-serif;
     font-size: 20px;
 }

 .dave-work-step p {
     font-size: 14.5px;
     color: #4d3a28;
     margin-top: 10px;
 }

  .dave-new-details-right-part {
    padding: 16px;
   background-color: rgba(253, 241, 220, 0.50);
  text-align: left;
  margin-top: 77px;
  border-radius: 15px;

  }

    .dave-new-details-right-part .section {
    margin-bottom: 16px;
  }
.dave-new-details-right-part .social-icn a {
    color: #000 !important;
}
   .dave-new-details-right-part .label {
    color: #895838;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 6px;
  }

   .dave-new-details-right-part .value {
    font-size: 16px;
    color: #000;
  }

   .dave-new-details-right-part .divider {
    border: none;
    border-top: 1px solid #bdbdbd;
    margin: 12px 0;
  }

    .dave-new-details-right-part .share-icon {
    font-size: 22px;
    font-weight: bold;
    cursor: pointer;
  }
  
 /* ===== CONNECTOR ===== */
 .dave-work-line {
     position: absolute;
     top: 85px;
     right: -65px;
     width: 130px;
     border-top: 2px dashed #7a4f2b;
 }

 .dave-work-step:last-child .dave-work-line {
     display: none;
 }
 .dave-blog-section-in {
    color: #000;
 }
 .dave-blog-section-in h2{
    font-weight: 800;
  color: #7a4f2b;
  letter-spacing: 1px;
 }
.dave-blog-section-in p{
    color: #000;
}
.news-img img{
    border-radius: 15px;
}
.gallery-img {
width: 100%;
  object-fit: cover;
  cursor: pointer;
  transition: 0.3s;
  border: 1px solid #67573e;
  border-radius: 15px;
  padding: 10px;
}

.gallery-img:hover {
  transform: scale(1.03);
}

.custom-close {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 1056;
  background-color: #fff;
  border-radius: 50%;
  padding: 8px;
}
 /* ===== RESPONSIVE ===== */
 @media (max-width: 991px) {
     .dave-work-line {
         display: none;
     }

     .dave-work-step {
         margin-bottom: 45px;
     }
 }

 /* ===== SECTION ===== */
 .dave-blog-section {
     padding: 90px 0px 400px 0px;
     text-align: center;
     color: #f5e6cf;
 }
 .dave-blog-section-in {
     padding: 50px 0px 50px 0px;
 }
 /* ===== HEADER ===== */
 .dave-blog-badge {
     background: #c89c5d;
     padding: 6px 22px;
     border-radius: 30px;
     font-size: 13px;
     color: #fff;
     display: inline-block;
     margin-bottom: 15px;
 }

 .dave-blog-title {
     font-weight: 800;
     letter-spacing: 1px;
     margin-bottom: 60px;
 }

 /* ===== BLOG CARD ===== */
 .dave-blog-card {
     position: relative;
     border-radius: 16px;
     overflow: hidden;
     border: 1.5px solid rgba(255, 255, 255, .6);
     background: #000;
 }

 /* IMAGE */
 .dave-blog-card img {
     width: 100%;
     height: 420px;
     object-fit: cover;
     display: block;
 }

 /* DATE BADGE */
 .dave-blog-date {
     position: absolute;
     top: 18px;
     left: 18px;
     background: #fff;
     color: #7a4f2b;
     border-radius: 12px;
     padding: 10px 14px;
     font-weight: 800;
     line-height: 1.1;
     text-align: center;
     z-index: 2;
 }

 .dave-blog-date span {
     display: block;
     font-size: 12px;
     font-weight: 600;
 }

 /* OVERLAY */
 .dave-blog-overlay {
     position: absolute;
     inset: 0;
     background: linear-gradient(to top, rgba(0, 0, 0, .75), rgba(0, 0, 0, .05));
     display: flex;
     align-items: flex-end;
     padding: 30px;
 }

 /* CONTENT */
 .dave-blog-content h5 {
     color: #fff;
     font-weight: 700;
     margin-bottom: 14px;
 }

 .dave-blog-content a {
     color: #ff8c42;
     font-size: 13px;
     text-decoration: none;
     letter-spacing: .5px;
 }

 .dave-blog-content a:hover {
     color: #fff;
 }

 /* ===== RESPONSIVE ===== */
 @media (max-width: 767px) {
     .dave-blog-card img {
         height: 320px;
     }
 }

 /* ===== CTA SECTION ===== */
 .dave-cta-wrapper {
     position: relative;
 }

 .dave-cta-box {
     background: #2f2f2f;
     border-radius: 80px;
     padding: 50px 60px;
     position: relative;
     border: 2px dashed rgba(255, 255, 255, .4);
     display: flex;
     align-items: center;
     justify-content: space-between;
     color: #fff;
     margin-top: -280px;
     margin-bottom: -70px;
     z-index: 99;
 }

 .dave-cta-text {
     font-weight: 800;
     font-size: 20px;
     max-width: 45%;
     text-align: center;
 }

 .dave-cta-btn {
     background: #9c6237;
     color: #fff;
     padding: 14px 28px;
     border-radius: 12px;
     font-weight: 700;
     text-decoration: none;
     display: inline-flex;
     align-items: center;
     gap: 10px;
     left: -300px;
     position: relative;
 }

 .dave-cta-btn:hover {
     background: #b67342;
 }

 .dave-cta-man {
     position: absolute;
     right: 70px;
     bottom: 0px;
     max-height: 200px;
 }
.map {
    border-radius: 20px;
}
 /* ===== FOOTER ===== */
  .dave-footer-2{
     padding: 90px 0 0 !important;
  }
 .dave-footer {
     background: #8a5a3b;
     color: #fff;
     padding: 150px 0 0;
     position: relative;
     border-radius: 100px 100px 0px 0px;
     background-image: url(../images/ftr-bg.png);
     background-position: bottom center;
 }

 .dave-footer::before {
     content: "";
     position: absolute;
     inset: 0;
     background-image: radial-gradient(rgba(255, 255, 255, .15) 1px, transparent 1px);
     background-size: 14px 14px;
     opacity: .25;
 }

 .dave-footer-content {
     position: relative;
     z-index: 2;
 }

 .dave-footer h5 {
     font-weight: 800;
     margin-bottom: 30px;
     border-left: 5px solid #673f25;
     padding-left: 15px;

 }

 .dave-footer ul {
     list-style: none;
     padding: 0;
 }

 .dave-footer ul li {
     margin-bottom: 12px;
 }

 .dave-footer ul li a {
     color: #fff;
     text-decoration: none;
 }

 .dave-footer ul li a:hover {
     color: #673f25;
 }

 .dave-footer-divider {
     width: 3px;
     height: 28px;
     background: rgba(255, 255, 255, .4);
     margin-bottom: 20px;
 }

 .dave-contact strong {
     display: block;
 }

 .dave-phone {
     font-size: 22px;
     font-weight: 800;
 }

 .dave-email {
     font-size: 20px;
     font-weight: 700;
 }

 .dave-footer tr td {
     padding: 3px;
 }

 .dave-footer ul li a::before {
     content: "\f280";
     font-family: "bootstrap-icons";
     font-size: 14px;
     display: inline-block;
     vertical-align: middle;
     margin-right: 7px;
     color: #fff;
 }

 /* ===== COPYRIGHT ===== */
 .dave-copyright {
     background: #333;
     text-align: center;
     padding: 18px 0;
     margin-top: 80px;
     border-radius: 100px 100px 0px 0px;
 }

 /* ===== RESPONSIVE ===== */
 @media (max-width: 991px) {
     .dave-cta-box {
         flex-direction: column;
         text-align: center;
         gap: 20px;
         border-radius: 30px;
     }

     .dave-cta-text {
         max-width: 100%;
     }

     .dave-cta-man {
         position: static;
         margin-top: 20px;
     }
 }
.dave-breadcrumb-wrap {
  background: #fff5e1;
  padding: 18px 0;
}

.dave-breadcrumb {
  font-size: 16px;
}

.dave-breadcrumb a {
  color: #000;
  text-decoration: none;
}

.dave-breadcrumb a:hover {
  text-decoration: underline;
}

/* Arrow separator */
.dave-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: "›";
  padding: 0 10px;
  color: #000;
}

/* INNER HERO  */
.dave-inner-hero {
    height: 85vh;
    overflow: visible;
}

.dave-inner-hero-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dave-inner-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0,0,0,0.65),
        rgba(0,0,0,0.2),
        rgba(0,0,0,0)
    );
}
.dave-history h2{
    font-size: 50px;
    font-weight: 800;
  color: #5d4535;
  font-family: "Rajdhani", sans-serif;
}
.dave-history h3 span {
    font-size: 100px;
}
.border-radiue {
    border-radius: 10px;
    border: 2px solid #fff;
}
.dave-details h3{
    font-weight: 800;
  color: #5d4535;
}
.vertical-dots {
    width: 2px;
    height: 100px;
    margin: 0 auto;
    background-image: repeating-linear-gradient(
        to bottom,
        #895838,
        #895838 6px,
        transparent 6px,
        transparent 14px
    );
    margin-bottom: 20px;
}
.vertical-dots-white {
    width: 2px;
    height: 100px;
    margin: 0 auto;
    background-image: repeating-linear-gradient(
        to bottom,
        #d2a556,
        #d2a556 6px,
        transparent 6px,
        transparent 14px
    );
    margin-bottom: 20px;
}
.chilhood-part h2{
    font-size: 70px;
    text-align: center;
    color: #edd4b2;
    font-weight: 700;
    font-family: "Rajdhani", sans-serif;
    text-transform: uppercase;
}
.chilhood-part-2 h2 {
  font-size: 70px;
  text-align: center;
  color: #5d4535;
  font-weight: 700;
  font-family: "Rajdhani", sans-serif;
  text-transform: uppercase;
}
 .bio-section {
        padding: 60px 0;
    }

    .bio-list li {
        margin-bottom: 10px;
        line-height: 1.6;
        list-style: none;
        padding-left: 20px;
    }
.bio-list li::before{
content: "\f138";
  font-family: "bootstrap-icons";
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
  color: #895838;
  margin-left: -22px;
}
   #dave-history-part .carousel img {
        border-radius: 12px;
        max-height: 520px;
        object-fit: cover;
    }
.bio-section .bg-white{
    background-color: #fff;
    padding: 15px;
    border-radius: 20px;
}

 .image-box {
        border: 2px solid #caa55a;
        padding: 8px;
        border-radius: 6px;
        background: linear-gradient(135deg, #5b2b15, #caa55a);
    }

    .image-box img {
        width: 100%;
        border-radius: 4px;
    }

    .small-heading {
        letter-spacing: 2px;
        font-size: 1.1rem;
        color: #444;
        margin-bottom: 15px;
    }

    .title-strip {
        background: linear-gradient(90deg, #d2b178, #e7d0a2);
        padding: 16px 24px;
        font-size: 3rem;
        font-weight: 500;
        color: #ffffff;
        border-radius: 6px;
        display: inline-block;
        margin-bottom: 25px;
    }

    .content-text {
        font-size: 1.1rem;
        line-height: 1.8;
        color: #555;
        max-width: 520px;
    }

    .fortune-logo {
        max-width: 140px;
        margin-top: 30px;
    }

    @media (max-width: 768px) {
        .title-strip {
            font-size: 2.2rem;
            text-align: center;
        }
        .content-text {
            text-align: center;
            margin: auto;
        }
    }
    /* ================================
   HISTORY PAGE – STICKY SIDEBAR
   Matches: ril.com/about/our-history
================================ */

/* MAIN LAYOUT */

/* SIDEBAR LIST */
.history-sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.history-sidebar li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 28px;
    opacity: 0.25;
    transition: all 0.3s ease;
}

/* DOT */

/* ACTIVE STATE */
.history-sidebar li.active {
    opacity: 1;
}

.history-sidebar li.active::before {
    width: 18px;
    height: 18px;
}

/* TEXT */
.history-sidebar a {
    text-decoration: none;
    color: #7b4a2d;
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
}

/* RIGHT CONTENT */
.history-content {
    width: calc(100% - 220px);
    position: relative;
}

/* ================================
   CRITICAL STICKY FIX
   (prevents sticky from breaking)
================================ */

/* DO NOT REMOVE */
.history-wrapper,
.history-content,
.background-img-1,
.background-img-2,
.chilhood-part,
.bio-section {
    overflow: visible !important;
}

/* ================================
   RESPONSIVE
================================ */
@media (max-width: 991px) {
    .history-sidebar {
        display: none;
    }
    .history-content {
        width: 100%;
    }
}
/* =====================================================
   HISTORY – FLOATING OVERLAY SIDEBAR (FINAL)
===================================================== */

/* ---- GLOBAL STICKY SAFETY ---- */
html,
body,
.history-wrapper,
.history-content,
.background-img-1,
.background-img-2,
.chilhood-part,
.bio-section,
.dave-section,
.dave-inner-hero {
    overflow: visible !important;
}

/* ---- REMOVE GRID / FLEX EFFECT ---- */
.history-wrapper {
    position: relative;
}

/* ---- FLOATING SIDEBAR ---- */
.history-sidebar {
    position: fixed !important;
    top: 180px;                /* below header */
    left: 0;
    width: 150px;
    padding: 25px 20px;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(6px);
    border-radius: 0 18px 18px 0;
    z-index: 9999;
}

/* ---- SIDEBAR LIST ---- */
.history-sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.history-sidebar li {
    position: relative;
    padding-left: 32px;
    margin-bottom: 26px;
    opacity: 0.35;
    transition: all 0.3s ease;
}

/* ---- DOT ---- */
.history-sidebar li::before {
    content: "\f5a2";
    width: 14px;
    height: 14px;
  
    position: absolute;
    left: 0;
    top: 1px;
    transition: all 0.3s ease;
    display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: 400 !important;
}

/* ---- ACTIVE ---- */
.history-sidebar li.active {
    opacity: 1;
}

.history-sidebar li.active::before {
    width: 18px;
    height: 18px;
}



/* ---- FULL WIDTH CONTENT ---- */
.history-content {
    width: 100% !important;
    padding-left: 0;
}

/* Sidebar hidden by default */
.history-sidebar {
    opacity: 0;
    pointer-events: none;
    transform: translateX(-20px);
    transition: all 0.4s ease;
}

/* Sidebar visible when active */
.history-sidebar.show {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
}
/* ---- end ---- */

/* ---- RESPONSIVE ---- */
@media (max-width: 991px) {
    .history-sidebar {
        display: none;
    }
}
/* TEXT POSITIONING */
.dave-inner-hero-content {
    position: absolute;
    bottom: 60px;
    left: 0;
    width: 100%;
    z-index: 2;
}
.dave-inner-hero-text {
    border-left:3px solid #a88446;
    padding-left: 30px;
}
.dave-inner-hero-text h1 {
   font-size: 60px;
  color: #fff;
  font-weight: 600;
}

.dave-inner-hero-text p {
  font-size: 25px;
  color: #fff;
  margin-top: 10px;
  font-weight: 300;
  line-height: normal;
}

.shadow-dance-text {
    font-size: 4rem;
    color: #895838;;
    text-shadow: 5px 5px 0 #ca9b4a, 10px 10px 0 #f4cf8f;
    animation: shadow-dance 2s infinite;
}

@keyframes shadow-dance {
    0%, 100% {
        text-shadow: 5px 5px 0 #ca9b4a, 10px 10px 0 #f4cf8f;
    }
    50% {
        text-shadow: -5px -5px 0 #f4cf8f, -10px -10px 0 #ca9b4a;
    }
}
/* RESPONSIVE */
@media (max-width: 768px) {
    .dave-inner-hero {
        height: 35vh;
    }

    .dave-inner-hero-text h1 {
        font-size: 32px;
    }

    .dave-inner-hero-text p {
        font-size: 18px;
    }
}

/* SECTION */
.dave-contact-section {
    padding: 80px 0;
   
}

/* WRAPPER */
.dave-contact-wrapper {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
}

/* LEFT FORM */
.dave-contact-form {
    padding: 50px;
}

.dave-label {
    font-weight: 500;
    margin-bottom: 8px;
    display: block;
}

.dave-input,
.dave-textarea {
    border-radius: 6px;
    padding: 12px 14px;
    border: 1px solid #d0d7de;
}

.dave-input:focus,
.dave-textarea:focus {
    border-color: #5c4b37;
    box-shadow: none;
}

/* BUTTON */
.dave-submit-btn {
    background: #895838;
    color: #fff;
    padding: 10px 26px;
    border-radius: 50px;
}

.dave-submit-btn:hover {
    background: #a88446;
     color: #fff;
}

/* RIGHT INFO */
.dave-contact-info {
    background: #5c4b37;
    color: #fff;
    padding: 60px 40px;
    position: relative;
     background-image: url(../images/background-img-2.jpg);
     background-size: 100% 100%;
}

.dave-contact-info h2 {
    margin-bottom: 40px;
    font-weight: 500;
}

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

.dave-info-list li {
    display: flex;
    gap: 15px;
    margin-bottom: 25px;
    font-size: 16px;
}

.dave-info-list i {
    font-size: 20px;
}

/* LINK */
.dave-direction-link {
    display: inline-block;
    margin-top: 20px;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
}

.dave-direction-link i {
    margin-left: 6px;
}

/* RESPONSIVE */
@media (max-width: 991px) {
    .dave-contact-info {
        padding: 40px 30px;
    }
}

@media (max-width: 767px) {
    .dave-contact-form {
        padding: 30px;
    }
}
.bio-section .carousel-item img{
    border-radius: 20px;
}
  /* ===== MEDIA RESPONSIVE ===== */

 @media (min-width: 200px) and (max-width: 765px){
    .dave-history h2 {
        font-size: 30px;
    }
    .chilhood-part h2 {
  font-size: 30px;
    }
.dave-cta-btn{
    left: 0px;
}
.dave-header {
  position: relative;
  background: #000;
}
#dave-nav {
  transition: all 0.35s ease;
  background-color: #7f604c;
  border-radius: 15px;
  margin-top: 15px;
}
.justify-content-end {
  justify-content: center !important;
}
.border-left {
  border-left: 0px solid #fff;
}
.dave-hero-btn {

  display: block ruby;
  margin: 10px;
}
.dave-hero-line {
  margin: 25px auto;
  }
  .dave-stats-wrapper {
  margin-top: 30px;
}
.pb-200 {
  padding-bottom: 25px;
}
.dave-section {
    margin-top: 30px;
    padding: 30px 00px 100px 0px;
}
.dave-work-section {
  padding: 30px 0;
  text-align: center;
}
.dave-process-section {
  padding: 100px 0px 50px 0px;
}
  

  .dropdown-item {
    white-space: normal;
    word-wrap: break-word;
    font-size: 14px;
    line-height: 1.4;
  }
  }
@media (min-width: 766px) and (max-width: 992px){
     .dropdown-item {
    white-space: normal;
    word-wrap: break-word;
    font-size: 14px;
    line-height: 1.4;
  }
   .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
    width: 335px;
  }
  #dave-nav .navbar-nav .nav-item {
  margin-right: 15px;
}
.dave-benefit-card h3 {
  font-size: 15px;
  font-weight: 600;
  padding-bottom: 13px;
}
.dave-cta-btn{
    left: 00px;
}
.dave-stat-number {
  font-size: 25px;
  font-weight: 700;
  line-height: 1;
}
}
@media (min-width: 993px) and (max-width: 1199px){
     .dropdown-item {
    white-space: normal;
    word-wrap: break-word;
    font-size: 14px;
    line-height: 1.4;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
    width: 500px;
  }
 }