/* ==================== TOP INFO BAR ==================== */

body {
  font-family: "Helvetica Neue", Arial, sans-serif;
  background: #ffffff;
  color: #333;
  margin: 0;
  padding: 0;
}
.first-navbar .top-bar {
  background: #90c948;
    /* background: #b90c17; */
  /* green */
  color: #2f5b24;
  font-weight: 600;
  padding: 10px 0;
  font-size: 15px;
}
.navbar{
  height: 100px;
}

.first-navbar .top-bar {
  width: 100%;
  margin: 0;
  /* box-sizing: border-box; */
}

.first-navbar .top-bar .icon-text {
  /* display: inline-flex; */
  align-items: center;
  gap: 10px;
  color: #7c8d65;
}

/* left / right spacing using flex container on larger screens */
.first-navbar .top-bar {
  display: flex;

  gap: 40px;
}


/* Hide first-navbar on mobile */
@media (max-width: 768px) {
  .first-navbar .top-bar {
    display: none;
  }
}


/* ----- Logo ----- */
    .navbar-brand img {
      height: 60px; /* adjust as needed */
    }

    /* ----- Navbar base ----- */
    .navbar {
      background: #fff;
      border-bottom: 1px solid rgba(0,0,0,0.06);
      padding-top: 6px;
      padding-bottom: 6px;
    }

    /* ----- Center nav links on desktop ----- */
    .navbar-nav {
      margin: 0 auto;
    }

    .nav-link {
      color: #6c757d;
      font-weight: 500;
      padding: 0.6rem 1rem;
    }

    /* keep Home color as you had */
    .nav-link.active { color: #777 !important; background: transparent !important; box-shadow:none !important; }

    .nav-link:hover { color: #000; background: transparent; }

    .navbar-nav .nav-item + .nav-item {
      margin-left: 0.6rem;
    }

    /* search icon style */
    .search-icon {
      font-size: 18px;
      color: #6c757d;
      border: none;
      background: transparent;
      padding: 8px;
      line-height: 1;
    }

    /* Offcanvas nav link style (mobile) */
    .offcanvas .nav-link { color: #333; padding: .6rem 0; font-weight:500; }

    /* smaller screens tweaks */
    @media (max-width: 991px) {
      .navbar-nav { margin: 0; } /* remove auto-centering on mobile */
      .navbar-brand img { height: 52px; }
    }

    /* Optional: dropdown item style (uppercase + green hover) */
.dropdown-item {
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.3px;
  background-color: #292828;
  color: whitesmoke;
}
.dropdown-item:hover,
.dropdown-item:focus {
  background-color: rgba(51, 49, 49, 0.282); /* light green background on hover */
  color: #217a2b;            /* darker green text on hover */
}


/* ==================== CAROUSEL ==================== */

#carouselExampleIndicators {
  position: relative;
}

/* full height hero */
#carouselExampleIndicators .carousel-item {
  height: 100vh;
  min-height: 520px;
  position: relative;
}

/* make image cover whole slide */
#carouselExampleIndicators .carousel-item img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/* dark overlay to make text readable */
#carouselExampleIndicators .carousel-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(11, 26, 34, 0.35);
  /* tweak alpha to taste */
  z-index: 1;
}

/* caption above overlay */
#carouselExampleIndicators .carousel-caption {
  z-index: 2;
  bottom: 50%;
  transform: translateY(0);
  text-align: left;
  right: 10%;
  left: auto;
  width: 50%;
}

/* caption text styles */
#carouselExampleIndicators .carousel-caption h1 {
  font-size: 56px;
  line-height: 1.05;
  font-weight: 800;
  color: #ffffff;
  margin: 0 0 12px 0;
  letter-spacing: -0.5px;
}

#carouselExampleIndicators .carousel-caption p {
  font-size: 28px;
  color: rgba(255, 255, 255, 0.92);
  margin: 0;
  font-weight: 400;
}

/* special case: slides where text is outside .carousel-caption (third slide) */
#carouselExampleIndicators .carousel-item h2,
#carouselExampleIndicators .carousel-item b {
  position: absolute;
  z-index: 2;
  color: #fff;
  width: 100%;
  text-align: center;
  left: 0;
}

/* h2 position */
#carouselExampleIndicators .carousel-item h2 {
  top: 30%;
  font-size: 48px;
  font-weight: 800;
}

/* bold subtitle position */
#carouselExampleIndicators .carousel-item b {
  top: 48%;
  font-size: 22px;
}

/* controls larger and white */
.carousel-control-prev-icon,
.carousel-control-next-icon {
  filter: invert(1);
  width: 48px;
  height: 48px;
  background-size: 48px 48px;
}

/* indicators */
.carousel-indicators button {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  border: none;
  opacity: 1;
}

.carousel-indicators .active {
  background-color: #8ed14a;
  /* green active */
  box-shadow: 0 0 0 4px rgba(142, 209, 74, 0.12);
}

/* ==================== RESPONSIVE CAROUSEL TEXT ==================== */
@media (max-width: 1200px) {
  #carouselExampleIndicators .carousel-caption {
    width: 60%;
    right: 6%;
  }

  #carouselExampleIndicators .carousel-caption h1 {
    font-size: 46px;
  }

  #carouselExampleIndicators .carousel-caption p {
    font-size: 20px;
  }
}

@media (max-width: 768px) {
  #carouselExampleIndicators .carousel-item {
    min-height: 420px;
    height: 70vh;
  }

  #carouselExampleIndicators .carousel-caption {
    bottom: 26%;
    left: 8%;
    width: 84%;
    right: 8%;
    text-align: center;
  }

  #carouselExampleIndicators .carousel-caption h1 {
    font-size: 30px;
    line-height: 1.1;
  }

  #carouselExampleIndicators .carousel-caption p {
    font-size: 16px;
  }

  /* center third slide text on small screens */
  #carouselExampleIndicators .carousel-item h2 {
    top: 28%;
    font-size: 34px;
    text-align: center;
  }

  #carouselExampleIndicators .carousel-item b {
    top: 46%;
    font-size: 16px;
  }
}

/* small mobile adjustments */
@media (max-width: 480px) {
  .first-navbar .top-bar {
    font-size: 13px;
    padding: 8px 0;
  }

  .second-navbar img[alt="website logo"] {
    height: 44px;
  }

  .second-navbar .navbar {
    height: auto;
    padding: 6px 0;
  }

  .second-navbar .navbar-nav .nav-link {
    line-height: normal;
    font-size: 15px;
  }
}


/* Green Rectangle Hover Effect for Navbar Items */
.navbar-nav .nav-link {
  position: relative;
  padding: 8px 18px;
  border-radius: 6px;          /* rectangle with rounded corners */
  transition: all 0.25s ease;
  color: #999999;              /* normal text color (dark green tone) */
  font-weight: 400;
  font-size: 14px;
}

/* Hover Effect */
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link.active {
  background-color: white;   
  color: #90c948!important;       /* white text */
}

/* Dropdown Menu Item Hover (matching theme) */
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
  background-color: white !important; 
  color: #90c948    !important;
}

/* Optional: make dropdown menu look cleaner */
.dropdown-menu {
  border-radius: 8px;
  padding: 8px 0;
}



.third-navbar {
  background-image: url('data:image/jpeg;base64,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');

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 50px 0;
  width: 100%;
  height: 295px;
}





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

/* =============================
   THIRD NAVBAR – RESPONSIVE ONLY
   ============================= */

@media (max-width: 992px) {
  .third-navbar {
    padding: 40px 20px;
    height: auto;
  }
}

@media (max-width: 768px) {
  .third-navbar {
    flex-direction: column;
    text-align: center;
    gap: 25px;
    height: auto;
  }

  .third-navbar span {
    font-size: 20px;
    width: 100%;
  }

  .third-navbar img {
    width: 80px;
  }
}

@media (max-width: 480px) {
  .third-navbar span {
    font-size: 18px;
  }

  .third-navbar img {
    width: 60px;
  }
}



/* =============================
   THREE IMAGES – RESPONSIVE ONLY
   ============================= */

@media (max-width: 992px) {
  .three-images {
    gap: 25px;
    justify-content: center;
  }

  .three-images img {
    max-width: 80px !important;
  }
}

@media (max-width: 768px) {
  .three-images {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 30px;
  }

  .three-images div {
    flex-direction: column;
    gap: 8px;
    font-size: 14px;
  }

  .three-images img {
    max-width: 70px !important;
  }
}

@media (max-width: 480px) {
  .three-images img {
    max-width: 60px !important;
  }

  .three-images div {
    font-size: 13px;
  }
}

@media (max-width: 360px) {
  .three-images img {
    max-width: 55px !important;
  }

  .three-images div {
    font-size: 12.5px;
  }
}




/* ------------ ABOUT SECTION ------------ */
.about-section {
  
  background: #f0f0eb;
      padding-top: 30px;
      padding-bottom: 25px;
      


}
.v-text{
  color: #7e8184;
}

.about-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

.about-left {
  width: 50%;
}

.about-left h2 {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.3;
  color: rgba(51,51,51);
}

.underline {
  width: 70px;
  height: 4px;
  background: #ff7a00;
  margin: 15px 0 25px 0;
  border: none;
}

.about-left p {
  font-size: 15px;
  color:rgb(119, 119, 119);
  font-weight: 400;
  margin-bottom: 15px;
  line-height: 1.7;
}

.know-btn {
  display: inline-block;
  padding: 12px 30px;
  border: 2px solid rgb(90, 161, 227);
  color:rgb(90, 161, 227);
  text-decoration: none;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 400;
  margin-top: 20px;
}

.about-right {
  width: 50%;
}

.image-wrapper {
  position: relative;
}

.main-img {
  width: 100%;
  max-width: 500px;
  border-radius: 12px;
  display: block;
  margin: auto;
}

/* --------- RESPONSIVE (Mobile Fix) --------- */
@media (max-width: 768px) {
  .about-row {
    flex-direction: column;
    text-align: center;
  }

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

  .main-img {
    max-width: 100%;
    margin-top: 25px;
  }
}











/* ---------- BEST SERVICES SECTION ---------- */
main {
  font-family: "Helvetica Neue", Arial, sans-serif;
  color: #333;
}



/* Title area */
.bestservices {
  padding: 60px 20px 40px;
  text-align: center;
  background: #fff;
}

.bestservices h1 {
  font-size: 42px;
  letter-spacing: 0.5px;
  margin: 0 0 12px;
  font-weight: 800;
  color: #222;
}

/* colored underline like screenshot */
.bestservices hr {
  width: 90px;
  height: 3px;
  background: #ff7a00;
  /* orange underline */
  border: none;
  margin: 18px auto;
}

/* description paragraph (you used <pre> — style it to look like a paragraph) */
.bestservices pre {
  display: block;
  white-space: pre-wrap;
  /* allow wrapping */
  margin: 0 auto 40px;
  color: #9b9b9b;
  max-width: 820px;
  line-height: 1.8;
  font-size: 16px;
  font-family: inherit;
  /* match main font */
}

/* Section main wrapper */
.services-section {
      padding-top: 100px;
  text-align: center;
}

/* Heading */
.services-header h1 {
  font-size: 40px;
  font-weight: 800;
  color: #222;
}

/* Underline */
.service-underline {
  width: 125px;
  height: 1.5px;
  background: #ff7a00;
  margin: 15px auto 20px;
  margin-top: 17px;
}

/* Description */
.services-header p {
  /* color: #990fde; */
  max-width: 750px;
  margin: auto;
  line-height: 1.7;
  font-size: 18px;
  font-weight: 400;
  color: rgb(153, 153, 153);
}

/* ROW - 3 Cards */
.services-card-row {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  margin-top: 60px;
}

/* Single card */
.service-card {
  /* background: #fff; */
  /* padding: 35px 25px; */
  /* border-radius: 12px; */
  width: 32%;
  /* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07); */
  transition: 0.3s ease;
  padding-top: 40px;
}



/* Icon */
.service-card img {
  /* width: 110px; */
  margin-bottom: 20px;
}

/* Title */
.service-card h2 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #222;
}

/* Paragraph */
.service-card p {
  color: #555;
  font-size: 17px;
  line-height: 1.8;
  text-align: left;
  font-weight: 400;
}

/* Green middle card */
.green-text {
  color: #7ac943;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 992px) {
  .services-card-row {
    flex-wrap: wrap;
  }

  .service-card {
    width: 48%;
  }
}

@media (max-width: 600px) {
  .service-card {
    width: 100%;
  }

  .service-card p {
    text-align: center;
  }
}







/* Css Of Pricing Card */




.packages-section {
  /* padding: 100px 14px; */
  padding-top: 45
  px;
  text-align: center;
}

.packages-title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 6px;
  color: rgba(51,51,51);
  padding-top: 118px;
}

.packages-sub {
  color: #888;
  max-width: 900px;
  margin: 10px auto 30px;
  line-height: 1.6;
}

/* ROW of cards */
.cards-row {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: stretch;
  flex-wrap: nowrap;
  margin-top: 51px;
}

/* Single card */
.pkg-card {
  width: 18%;
  /* five cards across */
  background: #fafafa;
  border-radius: 2px;
  overflow: hidden;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
}

/* header band (blue) */
.pkg-card .card-head {
  background: linear-gradient(180deg, #2f77c6, #1f5fae);
  color: rgba(255, 255, 255);
  padding: 16px 12px;
  font-weight: 400;
  font-size: 13px;
  text-align: center;
  text-transform: uppercase;
}

/* big price area */
.pkg-card .price {
  font-size: 35px;
  font-weight: 700;
  /* color: #666; */
  color: rgb(111, 111, 111);
  padding: 18px 10px;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  background: #fff;
}

/* description area */
.pkg-card .desc {
  padding: 18px 18px;
  font-size: 14px;
  color: #777;
  flex: 1;
  text-align: left;
  min-height: 120px;
}

/* price breakdown */
.pkg-card .break {
  padding: 18px;
  background: #f4f4f4;
  text-align: left;
  font-size: 16px;
  color: #111;
  line-height: 1.8;
}

.pkg-card .break .line {
  height: 2px;
  background: #222;
  width: 65%;
  margin: 10px 0;
}

.pkg-card .break b {
  display: block;
  margin-top: 6px;
  font-size: 18px;
}

/* center small rows inside break */
.pkg-card .break .center {
  text-align: left;
  max-width: 220px;
  margin: 0 auto;
}

/* responsive */
@media (max-width: 1200px) {
  .pkg-card {
    width: 30%;
  }

  /* 3 per row approx */
  .cards-row {
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
  }
}

@media (max-width: 800px) {
  .pkg-card {
    width: 48%;
  }

  /* 2 per row */
}

@media (max-width: 480px) {
  .pkg-card {
    width: 100%;
  }

  /* full width on small phones */
  .packages-title {
    font-size: 28px;
  }

  .pkg-card .price {
    font-size: 36px;
  }

  .pkg-card .desc {
    min-height: auto;
    text-align: left;
  }
}


/* css of second card pricsing */



/* css of testing section */
/* Main wrapper */
.Testing {
  padding: 63px 33px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-align: center;
  gap: 30px;
  background-color: red;
}

/* Each item */
.Testing span {
  font-size: 22px;
  font-weight: 600;
  color: #333;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Icons */
.Testing img {
  /* width: 80px; */
  height: auto;
  margin-bottom: 10px;
  font-weight: 400;
}
.test{
  padding-top: 100px;
}
/* ================= RESPONSIVE ================= */
@media (max-width: 992px) {
  .Testing {
    gap: 20px;
  }

  .Testing img {
    width: 70px;
  }
}

@media (max-width: 768px) {
  .Testing {
    flex-direction: column;
    gap: 25px;
  }

  .Testing span {
    font-size: 20px;
  }

  .Testing img {
    width: 65px;
  }
}

@media (max-width: 480px) {
  .Testing span {
    font-size: 18px;
  }

  .Testing img {
    width: 55px;
  }
}

/* FOOTER ONLY BLACK */
.site-footer {
  background: #000000 !important;
  /* Pure black footer */
  color: #d8dadd;
  padding: 50px 0 30px;
  font-size: 15px;
  width: 100%;
}

/* Footer headings */
.site-footer .footer-block h5,
.site-footer h5 {
  color: #ffffff;
  font-weight: 700;
}

/* Footer text */
.site-footer p,
.site-footer li,
.site-footer .muted,
.site-footer .footer-about {
  color: #cfd1d3;
}

/* footer separator line */
.small-hr {
  width: 40px;
  height: 3px;
  background: #9fd44f;
  border: 0;
  margin: 8px 0 15px;
}

/* Social icons */
.site-footer .social {
  width: 38px;
  height: 38px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 50%;
  color: #e6e6e6;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s;
}

.site-footer .social:hover {
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}

/* Map box */
.map-wrap {
  background: #111214;
  /* dark grey so map looks clear */
  border-radius: 6px;
  overflow: hidden;
  height: 150px;

}

.map-wrap iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

/* Footer bottom */
.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 18px;
  margin-top: 14px;
  color: #cfd1d3;
  text-align: center;
}

.carousel-inner {

  height: 554px;
}

.ftr {
  background: #2b3034;
  padding-top: 100px;
      height: 880px;
}








/* ========== END: your existing CSS (kept) ========== */

/* ========== START: NEW carousel styles (for 4-card responsive carousel) ========== */
/* Container for the custom testimonials carousel */

:root {
  --accent: #ff6b00;
  /* orange underline */
  --star: #f7c100;
  /* gold */
  --muted: #777;
  --max-width: 960px;
}



.section {
  max-width: var(--max-width);
  margin: 48px auto;

  text-align: center;
}

.title {
  font-size: 36px;
  letter-spacing: 1px;
  font-weight: 700;
  margin: 0 0 12px;
  color: rgb(51,51,51);
}

.underline {
  width: 120px;
  height: 4px;   
   text-align: left;
    height: 2px;
    background: red;
}

/* rating block */
.rating-wrap {
      padding-top: 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px
}

.rating-label {
  font-size: 26px;
  font-weight: 700;
  margin: 0
}

.stars {
  display: flex;
  gap: 6px;
  align-items: center
}

.stars svg {
  width: 34px;
  height: 34px;
  display: block
}

.small-text {
  color: var(--muted);
  font-size: 14px;
  margin-top: 6px
}

.reviews {
  font-weight: 700;
  color: #000
}

/* simple Google-like logo using colored letters */
.google-logo {
  margin-top: 16px;
  font-size: 44px;
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: 1;
  display: inline-block;
  transform: translateY(2px);
}

.g1 {
  color: #4285F4
}

/* blue */
.g2 {
  color: #DB4437
}

/* red */
.g3 {
  color: #F4B400
}

/* yellow */
.g4 {
  color: #4285F4
}

/* blue */
.g5 {
  color: #0F9D58
}

/* green */
.g6 {
  color: #DB4437
}
.title{
      padding-top: 73px;

}
/* red */

/* responsive */
@media (max-width:520px) {
  .title {
    font-size: 28px
  }

  .stars svg {
    width: 28px;
    height: 28px
  }

  .google-logo {
    font-size: 36px
  }
}

/* subtle shadow/frame like screenshot */
.panel {
  padding: 0px 0px 0px;
  border-radius: 6px;
}



.rv-wrap {
  width: 100%;
  max-width: var(--rv-max);
  margin: 0 auto;
}

/* header / rating */
.rv-header { text-align: center; margin-bottom: 18px }

.rv-title { font-size: 40px; font-weight: 800; margin: 0 0 8px }

.rv-underline {
  width: 120px;
  height: 4px;
  background: var(--rv-accent);
  margin: 12px auto 22px;
  border-radius: 3px
}

.rv-rating-box { display: flex; flex-direction: column; align-items: center; gap: 6px; margin-bottom: 12px }

.rv-rating-text { font-size: 24px; font-weight: 700; margin: 0 }

.rv-stars { display: flex; gap: 6px; align-items: center; font-size: 0 }

/* svg sizes control */
.rv-stars svg { width: 30px; height: 30px; display: block }

.rv-small { color: #777; font-size: 14px }
.rv-google { margin-top: 8px; font-size: 40px; font-weight: 700; letter-spacing: 0.6px }
.rv-google .c1 { color: #4285F4 }
 .rv-google .c2 { color: #DB4437 } 
 .rv-google .c3 { color: #F4B400 } 
 .rv-google .c4 { color: #4285F4 }
  .rv-google .c5 { color: #0F9D58 } 
  .rv-google .c6 { color: #DB4437 }


/* slider / cards */
/* slider / cards */
.rv-slider { position: relative; overflow: hidden; background-color: #ffffff; 
  padding-bottom: 40px;
  
 }
.rv-viewport { overflow: hidden; }
.rv-track {
  display: flex;
  gap: var(--rv-gap);
 
  padding-bottom: 40px;
  will-change: transform;
  transition: transform 360ms cubic-bezier(.22,.9,.25,1);
  box-sizing: border-box;
  align-items: flex-start;
}
/* Card */
.rv-card {
  background: #f4f4f4;
  border: 1px solid var(--rv-card-border);
  border-radius: 9px;
  padding: 40px;
  padding-top: 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  min-height: 250px;
  flex: 0 0 calc((100% - (var(--rv-gap) * 2)) / 3); /* default 3-up */
  transition: transform 240ms;
}

/* meta */
.rv-meta { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; margin-bottom: 8px }
.rv-name { margin: 0; font-size: 18px; font-weight: 700 }
.rv-date { color: #6b6b6b; font-size: 13px }
.rv-badge { width: 30px; height: 30px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: white; font-weight: 700 }
.rv-p { margin: 0; line-height: 1.45; color: #222; overflow: hidden; transition: max-height 280ms ease; }

/* collapsed preview: ~3 lines */
.rv-text.collapsed { max-height: 4.2rem; }

/* read toggle */
.rv-read-toggle { color: #0074d9; cursor: pointer; font-size: 14px; margin-top: 8px; display: inline-block; background: none; border: none; padding: 0; text-decoration: underline; }

/* nav buttons (left/right outer corners) */
.rv-controls { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); display: flex; justify-content: space-between; padding: 0 8px; pointer-events: none }
.rv-btn { pointer-events: auto; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.08); background: white; cursor: pointer; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06); font-size: 20px; }
.rv-btn:disabled { opacity: 0.45; cursor: default }

/* responsive: mobile 1 card */
@media (max-width:700px) {
  body { margin: 16px }
  .rv-card { flex: 0 0 100% }
  .rv-title { font-size: 28px }
  .rv-google { font-size: 34px }
  .rv-stars svg { width: 26px; height: 26px }
}

/* subtle focus */
.rv-btn:focus, .rv-read-toggle:focus { outline: 2px solid rgba(144, 201, 72, 0.25); outline-offset: 2px }

/* misc from your snippet */
.footer-logo { width: 250px; height: auto; }
.footer-text { color: #9fa1a3; }

/* small helpers */
.rv-track .rv-card.expanded { /* give small lift when expanded */ transform: translateY(-4px); }

/* adjust viewport padding for smaller screens to avoid left/right huge paddings */
@media (max-width:1100px){
  .rv-track { padding-left: 40px; padding-right: 40px; }
}
@media (max-width:800px){
  .rv-track { padding-left: 24px; padding-right: 24px; }
}
/* nav buttons (left/right outer corners) */
.rv-controls {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  padding: 0 8px;
  pointer-events: none
}

.rv-btn {
  pointer-events: auto;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: white;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  font-size: 20px;
}

.rv-btn:disabled {
  opacity: 0.45;
  cursor: default
}

/* responsive: mobile 1 card */
@media (max-width:700px) {
  body {
    margin: 16px
  }

  .rv-card {
    flex: 0 0 100%
  }

  .rv-title {
    font-size: 28px
  }

  .rv-google {
    font-size: 34px
  }

  .rv-stars svg {
    width: 26px;
    height: 26px
  }
}

/* subtle focus */
.rv-btn:focus,
.rv-read-toggle:focus {
  outline: 2px solid rgba(144, 201, 72, 0.25);
  outline-offset: 2px
}


.footer-logo {
  width: 250px;
  height: auto;
}


.footer-text {
  color: #9fa1a3;
}


.fab {
  padding-right: 20px;
  color: white;
}

.footer-line {
  color: #414549;
  opacity: 10;
  width: 100%;
  
  padding: 15px;
}
.footer-copyright{
  

}

.carousel1 {

  height: 530px;
}

.d-block {
  height: 100px;
}



.three-images {
  display: flex;
  justify-content: space-between;
  /* items spread */
  align-items: center;
  gap: 20px;
  /* spacing */
  padding: 50px 0;
  flex-wrap: wrap;
  /* mobile responsive wrap */
}

.three-images div {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  font-size: 16px;
  color: #2f5b24;
}

.three-images img {
  max-width: 100px !important;
  width: 50em;
  /* adjust size */
  height: auto;
}




.testimonials-line {
    width: 200px;          
    margin: 2rem auto;    
    border-top: 1px solid rgba(300, 10, 10, 0.3); /* thin line */
 background-color: red;
}





  


/* Scroll-to-top (bottom-left, green) */
.scroll-top{
  position: fixed;
  right: 18px;               /* distance from left edge */
  bottom: 18px;             /* distance from bottom edge */
  width: 44px;
  height: 60px;
  border-radius: 1px;
  display: grid;
  place-items: center;
  background: #8cc443;      /* main green */
  color: #fff;
  border: none;
  box-shadow: 0 6px 18px rgba(40,167,69,0.18);
  cursor: pointer;
  z-index: 9999;
  transform: translateY(0);
  transition: opacity 220ms ease, transform 220ms ease, background 160ms;
  opacity: 0;
  pointer-events: none;     /* hidden by default */
}

/* visible state */
.scroll-top.show{
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

/* hover / focus */
.scroll-top:hover,
.scroll-top:focus{
  background: #218838; /* darker green */
  outline: none;
  box-shadow: 0 8px 22px rgba(33,136,56,0.22);
}

/* small accessible focus ring */
.scroll-top:focus{
  box-shadow: 0 0 0 4px rgba(40,167,69,0.14);
}

/* optional: icon size */
.scroll-top i{
  font-size: 18px;
  line-height: 1;
}

/* responsive tweak: slightly smaller on very small screens */
@media (max-width:420px){
  .scroll-top{ width:40px; height:40px; left:12px; bottom:12px; }
  .scroll-top i{ font-size:16px; }
}







/* ---------- Your original styles (kept + small fixes) ---------- */
:root{
  --rv-gap: 20px;
  --rv-card-border: #e6e6e6;
  --rv-accent: #90c948;
  --rv-max: 1200px;
}



/* subtle shadow/frame like screenshot */




/* header / rating */

/* .rv-underline { width: 120px; height: 4px; background: var(--rv-accent); margin: 12px auto 22px; border-radius: 3px } */
.rv-rating-box { display: flex; flex-direction: column; align-items: center; gap: 6px; margin-bottom: 12px }
.rv-rating-text { font-size: 24px; font-weight: 700; margin: 0 }
.rv-stars { display: flex; gap: 6px; align-items: center; font-size: 0 }
.rv-stars svg { width: 30px; height: 30px; display: block }
.rv-small { color: #777; font-size: 14px }
.rv-google { margin-top: 8px; font-size: 40px; font-weight: 700; letter-spacing: 0.6px }
.rv-google .c1 { color: #4285F4 } .rv-google .c2 { color: #DB4437 } .rv-google .c3 { color: #F4B400 } .rv-google .c4 { color: #4285F4 } .rv-google .c5 { color: #0F9D58 } .rv-google .c6 { color: #DB4437 }

/* slider / cards */
.rv-slider { position: relative; overflow: hidden; background-color: #ffffff; 
  padding-bottom: 40px;
  
 }
.rv-viewport { overflow: hidden; }
.rv-track {
  display: flex;
  gap: var(--rv-gap);
 
  padding-bottom: 50px;
  will-change: transform;
  transition: transform 360ms cubic-bezier(.22,.9,.25,1);
  box-sizing: border-box;
  align-items: flex-start;
}

/* Card */


/* meta */
.rv-meta { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; margin-bottom: 8px }
.rv-name { margin: 0; font-size: 18px; font-weight: 700 }
.rv-date { color: #6b6b6b; font-size: 13px }
.rv-badge { width: 30px; height: 30px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: white; font-weight: 700 }
.rv-p { margin: 0; line-height: 1.45; color: #222; overflow: hidden; transition: max-height 280ms ease; }

/* collapsed preview: ~3 lines */
.rv-text.collapsed { max-height: 4.2rem; }

/* read toggle */
.rv-read-toggle { color: #0074d9; cursor: pointer; font-size: 14px; margin-top: 8px; display: inline-block; background: none; border: none; padding: 0; text-decoration: underline; }

/* nav buttons (left/right outer corners) */
.rv-controls { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); display: flex; justify-content: space-between; padding: 0 8px; pointer-events: none }
.rv-btn { pointer-events: auto; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.08); background: white; cursor: pointer; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06); font-size: 20px; }
.rv-btn:disabled { opacity: 0.45; cursor: default }

/* responsive: mobile 1 card */
@media (max-width:700px) {
  body { margin: 16px }
  .rv-card { flex: 0 0 100% }
  .rv-title { font-size: 28px }
  .rv-google { font-size: 34px }
  .rv-stars svg { width: 26px; height: 26px }
}

/* subtle focus */

.rv-btn:focus, .rv-read-toggle:focus { outline: 2px solid rgba(144, 201, 72, 0.25); outline-offset: 2px }

/* misc from your snippet */
.footer-logo { max-width: 100%; height: auto !important; padding-bottom: 30px; }
.footer-text { color: rgb(175, 176, 178);
font-weight: 400;
line-height: 28px;
font-size:15px; }

/* small helpers */
.rv-track .rv-card.expanded { /* give small lift when expanded */ transform: translateY(-4px); }

/* adjust viewport padding for smaller screens to avoid left/right huge paddings */
@media (max-width:1100px){
  .rv-track { padding-left: 40px; padding-right: 40px; }
}
@media (max-width:800px){
  .rv-track { padding-left: 24px; padding-right: 24px; }
}










/* About Us Page Styling */


/* ===========================
   Footer Responsive Design
   =========================== */

/* Large screens (default) already fine */

/* Tablets (≤ 992px) */
@media (max-width: 992px) {

  .ftr {
    padding-top: 60px;
    height: auto;     /* height fixed ठेवू नका responsive साठी */
  }

  .footer-logo {
    width: 180px;
  }

  .footer-text {
    font-size: 15px;
    line-height: 1.4;
  }

  .footer-line {
    padding: 10px 0;
  }
}

/* Mobiles (≤ 768px) */
@media (max-width: 768px) {

  .ftr {
    padding-top: 40px;
    height: auto;    
    text-align: center;
  }

  .footer-logo {
    width: 160px;
    margin-bottom: 12px;
  }

  .footer-text {
    font-size: 14px;
  }

  .social {
    margin: 0 6px;
  }

  .footer-copyright {
    font-size: 13px;
  }

  iframe {
    height: 180px;
  }
}

/* Very Small Mobiles (≤ 480px) */
@media (max-width: 480px) {

  .footer-logo {
    width: 130px;
  }

  .footer-text {
    font-size: 13px;
  }

  .footer-line {
    padding: 5px 0;
  }

  iframe {
    height: 160px;
  }
}

/* Ultra small mobile phones (≤ 360px) */
@media (max-width: 360px) {

  .footer-text {
    font-size: 12.5px;
  }

  .footer-logo {
    width: 120px;
  }
}




.a {
  text-decoration: none;
}





/* ===== DESKTOP HOVER DROPDOWN ===== */
@media (min-width: 992px) {

  .navbar .dropdown-menu {
    display: none;
  }

  .navbar .dropdown:hover > .dropdown-menu {
    display: block;
  }
}