/* =========================================================
   RK WATER TANK CLEANERS - MAIN STYLESHEET
   ========================================================= */

:root{
  --navy: #075f33;
  --navy-dark: #075f33;
  --navy-light: #098b4a;
  --orange: #fed10c;
  --orange-dark: #e2790a;
  --sky: #eaf5fc;
  --sky-2: #d7edfb;
  --text-dark: #1c2b3a;
  --text-muted: #5c7085;
  --white: #ffffff;
  --radius: 14px;
  --shadow: 0 10px 30px rgba(11,61,102,.10);
  --font: 'Poppins', 'Segoe UI', Arial, sans-serif;
}

*{ box-sizing:border-box; }

body{
  font-family: var(--font);
  color: var(--text-dark);
  background: var(--white);
  overflow-x:hidden;
}

a{ text-decoration:none; }
img{ max-width:100%; }

.section-pad{ padding: 70px 0; }
@media(max-width:767px){ .section-pad{ padding:45px 0; } }

.btn-orange{
  background: var(--orange);
  border: 2px solid var(--orange);
  color:#fff;
  font-weight:600;
  padding: 12px 26px;
  border-radius: 30px;
  transition: all .25s ease;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.btn-orange:hover{
  background: var(--orange-dark);
  border-color: var(--orange-dark);
  color:#fff;
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(247,148,29,.35);
}

.btn-outline-navy{
  background: transparent;
  border: 2px solid var(--navy);
  color: var(--navy);
  font-weight:600;
  padding: 12px 26px;
  border-radius: 30px;
  transition: all .25s ease;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.btn-outline-navy:hover{
  background: var(--navy);
  color:#fff;
  transform: translateY(-3px);
}

.btn-white-outline{
  background:#fff;
  border:2px solid #25D366;
  color:#25D366;
  font-weight:600;
  padding: 12px 26px;
  border-radius: 30px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  transition: all .25s ease;
}
.btn-white-outline:hover{
  background:#25D366;
  color:#fff;
  transform: translateY(-3px);
}

/* ============ TOP BAR ============ */
.topbar{
  background: var(--navy-dark);
  color:#cfe3f4;
  font-size: .85rem;
  padding: 8px 0;
}
.topbar a{ color:#cfe3f4; }
.topbar a:hover{ color: var(--orange); }
.topbar .social-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px; height:28px;
  background: rgba(255,255,255,.12);
  border-radius:50%;
  margin-left:6px;
  color:#fff;
  transition:.25s;
}
.topbar .social-icon:hover{ background: var(--orange); transform: translateY(-2px); }

/* ============ NAVBAR ============ */
.navbar-custom{
  background:#fff;
  padding: 14px 0;
  box-shadow: 0 2px 15px rgba(0,0,0,.06);
}
.navbar-brand .logo-text-main{
  font-weight:700;
  font-size:1.5rem;
  color: var(--navy);
  line-height:1;
}
.navbar-brand .logo-text-sub{
  font-size:.62rem;
  letter-spacing:1px;
  color: var(--orange);
  font-weight:600;
  display:block;
}
.navbar-custom .nav-link{
  color: var(--text-dark);
  font-weight:500;
  margin: 0 10px;
  position:relative;
}
.navbar-custom .nav-link.active,
.navbar-custom .nav-link:hover{
  color: var(--orange);
}
.navbar-custom .nav-link.active::after{
  content:'';
  position:absolute;
  bottom:-6px; left:0;
  width:100%; height:3px;
  background: var(--orange);
  border-radius:3px;
}
.navbar-toggler{ border:none; box-shadow:none !important; }

/* ============ HERO / BANNER ============ */
.hero-section{
  background: linear-gradient(180deg, #eef7fc 0%, #f0f8fc 100%);
  padding-top: 25px !important;
  padding: 55px 0 0;
  overflow:hidden;
}
.hero-badge{
  background: rgba(247,148,29,.12);
  color: var(--orange-dark);
  font-weight:600;
  font-size:.85rem;
  padding: 6px 16px;
  border-radius: 30px;
  display:inline-block;
  margin-bottom: 16px;
}
.hero-title{
  font-size: 2.6rem;
  font-weight:700;
  color: var(--navy);
  line-height:1.2;
}
.hero-title .highlight{ color: var(--orange); }
.hero-text{
  color: var(--text-muted);
  font-size:1.05rem;
  margin: 18px 0 22px;
}
.hero-feature{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:600;
  color: #5a5a5a;
  font-size:.92rem;
}
.hero-feature .icon-circle{
  width:42px; height:42px;
  background: var(--sky-2);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color: var(--navy);
  font-size:1.2rem;
  flex-shrink:0;
}
.hero-cta{ margin-top: 26px; }
.hero-cta .btn-orange, .hero-cta .btn-white-outline{
  padding: 13px 24px;
}

.hero-carousel-wrap{
  position:relative;
  border-radius: 0 0 0 60px;
  overflow:hidden;
}
.hero-carousel-wrap .owl-carousel .item{
  height: 460px;
}
.hero-carousel-wrap .owl-carousel .item img{
  width:100%; height:100%; object-fit:cover;margin-left: -1px;
}
.owl-carousel.owl-drag .owl-item{
    border-radius: 50px 16px;
}
.hero-carousel-wrap .owl-carousel .item img{
    border-radius: 50px 16px;
}
.hero-badge-circle{
  position:absolute;
  top: 20px; right: 20px;
  width:130px; height:130px;
  background: var(--navy);
  border: 3px solid var(--orange);
  border-radius:50%;
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-size:.72rem;
  font-weight:600;
  z-index:5;
  line-height:1.2;
  padding:8px;
}
.hero-badge-circle strong{ font-size:1.15rem; display:block; }

.owl-theme .owl-dots .owl-dot span{
  background: #c9dcea;
}
.owl-theme .owl-dots .owl-dot.active span{
  background: var(--orange);
}
.owl-theme .owl-nav{ margin-top:0; }
.owl-theme .owl-nav [class*=owl-]{
  background: rgba(255,255,255,.85) !important;
  color: var(--navy) !important;
  width:42px; height:42px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
}
.owl-theme .owl-nav .owl-prev{ left:15px; }
.owl-theme .owl-nav .owl-next{ right:15px; }
.owl-theme .owl-nav [class*=owl-]:hover{
  background: var(--orange) !important;
  color:#fff !important;
}

/* ============ SECTION TITLE ============ */
.section-title-wrap{ text-align:center; margin-bottom: 45px; }
.section-title-wrap .mini-line{
  display:flex; align-items:center; justify-content:center; gap:10px;
  color: var(--orange);
  margin-bottom:8px;
}
.section-title-wrap .mini-line hr{
  width:35px; border-top:2px solid var(--orange); opacity:1; margin:0;
}
.section-title{
  font-size:2.1rem;
  font-weight:700;
  color: #383838;
}
.section-sub{ color: var(--text-muted); margin-top:8px; }

/* ============ SERVICES ============ */
.service-card{
  background:#fff;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow:hidden;
  transition: all .3s ease;
  height:100%;
  border: 1px solid #eef2f6;
}
.service-card:hover{
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(11,61,102,.18);
}
.service-card .img-wrap{
  height:170px;
  overflow:hidden;
  position:relative;
}
.service-card .img-wrap img{
  width:100%; height:100%; object-fit:cover;
  transition: transform .5s ease;
}
.service-card:hover .img-wrap img{ transform: scale(1.1); }
.service-card .icon-badge{
  width:46px;
  height:46px;
  background:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color: var(--orange);
  font-size:1.3rem;
  position:absolute;
  top: 140px;
  left:20px;
  box-shadow: 0 4px 10px rgba(0,0,0,.15);
}
.service-card .card-body-custom{
  padding: 34px 20px 20px;
}
.service-card .tag{
  color: #025738;
  font-weight:600;
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.5px;
}
.service-card h5{
  color: #424242;
  font-weight:700;
  margin: 6px 0 8px;
}
.service-card p{
  color: var(--text-muted);
  font-size:.9rem;
  margin-bottom:16px;
}
.service-card .arrow-btn{
  width:38px; height:38px;
  background: var(--orange);
  border-radius:50%;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.25s;
}
.service-card .arrow-btn:hover{ background:var(--navy); transform: translateX(4px); }

.services-owl .owl-stage{ display:flex; }
.services-owl .owl-item{ display:flex; }

/* ============ PROCESS ============ */
.process-section{
  background: linear-gradient(120deg, #333 0%, #333 100%);
  color:#fff;
  padding: 60px 0;
}
.process-section .section-title{ color:#fff; text-align:left; }
.process-section .mini-line{ justify-content:flex-start; }
.process-section p{ color:#cfe3f4; }
.process-step{
  text-align:center;
  color:#fff;
}
.process-step .step-circle{
  width:78px; height:78px;
  background:#fff;
  color: var(--navy);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.6rem;
  margin: 0 auto 12px;
  position:relative;
  transition:.3s;
  box-shadow: 0 8px 20px rgba(0,0,0,.2);
}
.process-step .step-num{
  position:absolute;
  top:-6px; right:-6px;
  width:26px; height:26px;
  background: var(--orange);
  color:#fff;
  border-radius:50%;
  font-size:.75rem;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
}
.process-step:hover .step-circle{
  background: var(--orange);
  color:#fff;
  transform: translateY(-6px) scale(1.05);
}
.process-step span{ font-weight:600; font-size:.92rem; }
.process-arrow{color: #fed10c;font-size:1.4rem;}

/* ============ BEFORE / AFTER SLIDER ============ */
.ba-card{
  background:#fff;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 26px;
  height:100%;
}
.ba-slider{
  position:relative;
  width:100%;
  aspect-ratio: 4/3;
  border-radius: 10px;
  overflow:hidden;
  user-select:none;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.05);
}
.ba-slider img{
  position:absolute;
  top:0; left:0;
  width:100%; height:100%;
  object-fit:cover;
  pointer-events:none;
}
.ba-slider .ba-after-wrap{
  position:absolute; top:0; left:0;
  width:50%; height:100%;
  overflow:hidden;
}
.ba-slider .ba-after-wrap img{ width: var(--ba-img-w, 100%); max-width:none; }
.ba-handle{
  position:absolute;
  top:0; bottom:0;
  left:50%;
  width:4px;
  background:#fff;
  transform: translateX(-50%);
  cursor: ew-resize;
  z-index:5;
}
.ba-handle .ba-btn{
  position:absolute;
  top:50%; left:50%;
  transform: translate(-50%,-50%);
  width:42px; height:42px;
  background: var(--orange);
  border-radius:50%;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow: 0 4px 10px rgba(0,0,0,.3);
}
.ba-tag{
  position:absolute;
  bottom:14px;
  padding: 5px 16px;
  border-radius:20px;
  font-weight:600;
  font-size:.85rem;
  color:#fff;
  z-index:4;
}
.ba-tag.before{ left:14px; background: var(--navy); }
.ba-tag.after{ right:14px; background: var(--orange); }

/* ============ WHY CHOOSE ============ */
.why-card{
  background: var(--sky);
  border-radius: var(--radius);
  padding: 30px;
  height:100%;
}
.why-item{
  display:flex;
  gap:14px;
  margin-bottom: 20px;
}
.why-item:last-child{ margin-bottom:0; }
.why-item .icon-circle{
  width:44px; height:44px;
  background:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color: var(--orange);
  font-size:1.1rem;
  flex-shrink:0;
  box-shadow: 0 4px 10px rgba(0,0,0,.06);
}
.why-item h6{ color: #333; font-weight:700; margin-bottom:4px; }
.why-item p{ color: var(--text-muted); font-size:.88rem; margin:0; }

.quote-card{
  background: linear-gradient(135deg, var(--orange) 0%, var(--orange-dark) 100%);
  border-radius: var(--radius);
  padding: 30px;
  color:#fff;
  height:100%;
  position:relative;
  overflow:hidden;
}
.quote-card h5{ font-weight:700; margin: 10px 0 6px; }
.quote-card p{ font-size:.9rem; opacity:.95; }
.quote-card .btn-light-orange{
  background:#fff;
  color: #333;
  font-weight:700;
  border-radius: 30px;
  padding: 10px 22px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top: 10px;
  transition:.25s;
}
.quote-card .btn-light-orange:hover{ transform: translateY(-3px); }

/* ============ SERVICE AREAS ============ */
.areas-section{
  background: var(--sky);
  padding: 45px 0;
  position:relative;
  overflow:hidden;
}
.area-pill{
  background:#fff;
  border-radius: 30px;
  padding: 9px 20px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  color: var(--navy);
  font-weight:600;
  font-size:.9rem;
  margin: 5px;
  box-shadow: 0 3px 10px rgba(11,61,102,.08);
  transition:.25s;
}
.area-pill:hover{ background: var(--navy); color:#fff; transform: translateY(-3px); }
.area-pill i{ color: var(--orange); }
.area-pill:hover i{ color:#fff; }

/* ============ WHO WE SERVE ============ */
.serve-item{ text-align:center; }
.serve-item .icon-circle{
  width:78px;
  height:78px;
  background: var(--sky);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color: #075f33;
  font-size:1.7rem;
  margin: 0 auto 12px;
  transition:.3s;
}
.serve-item:hover .icon-circle{ background: var(--orange); color:#fff; transform: scale(1.08); }
.serve-item span{ font-weight:600; color: var(--navy); font-size:.9rem; }

/* ============ TESTIMONIALS ============ */
.testimonial-card{
  background:#fff;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 26px;
  height: 100%;
}
.testimonial-card .stars{ color:#fbbc04; margin-bottom:10px; }
.testimonial-card p{ color: var(--text-muted); font-size:.92rem; }
.testimonial-card .reviewer{font-weight:700;color: #484848;margin-top:12px;}
.testimonial-owl .owl-dots{ margin-top:10px; }

/* ============ FAQ ============ */
.accordion-custom .accordion-item{
  border:none;
  margin-bottom: 12px;
  border-radius: 10px !important;
  overflow:hidden;
  box-shadow: 0 3px 12px rgba(11,61,102,.06);
}
.accordion-custom .accordion-button{
  font-weight:600;
  color: #4c4c4c;
  background:#fff;
}
.accordion-custom .accordion-button:not(.collapsed){
  background: var(--navy);
  color:#fff;
}
.accordion-custom .accordion-button:focus{ box-shadow:none; }
.accordion-custom .accordion-button::after{
  filter: none;
}

/* ============ CTA STRIP ============ */
.cta-strip{
  background: #0fd64b;
  color:#fff;
  padding: 15px 0;
}
.cta-strip h5{ margin:0; font-weight:600; }

/* ============ FOOTER ============ */
.footer{
  background: #075f33;
  color:#cfe3f4;
  padding-top: 30px;
  /* padding-bottom: 30px; */
}
.footer h6{ color:#fff; font-weight:700; margin-bottom:16px; }
.footer .footer-logo .logo-text-main{ color:#fff; }
.footer a{ color:#cfe3f4; }
.footer a:hover{ color: #ffffff; }
.footer ul{ list-style:none; padding:0; margin:0; }
.footer ul li{ margin-bottom: 10px; }
.footer .social-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px; height:36px;
  background: rgba(255,255,255,.12);
  border-radius:50%;
  margin-right:8px;
  color:#fff;
  transition:.25s;
}
.footer .social-icon:hover{ background: var(--orange); transform: translateY(-3px); }
.footer-bottom{
  border-top: 1px solid rgba(255,255,255,.12);
  margin-top: 34px;
  padding: 18px 0;
  font-size:.85rem;
}

/* ============ PAGE HEADER (inner pages) ============ */
.page-header{
  background: linear-gradient(120deg, var(--navy) 0%, var(--navy-light) 100%);
  color:#fff;
  padding: 70px 0 40px;
  text-align:center;
}
.page-header h1{ font-weight:700; font-size:2.3rem; }
.page-header .breadcrumb-custom{
  color:#cfe3f4;
  margin-top:10px;
}
.page-header .breadcrumb-custom a{ color:#fff; font-weight:600; }

/* ============ ABOUT PAGE ============ */
.about-img-wrap{ position:relative; }
.about-img-wrap img{ border-radius: var(--radius); box-shadow: var(--shadow); }
.about-exp-badge{
  position:absolute;
  bottom: -25px; right:-15px;
  background: var(--orange);
  color:#fff;
  border-radius: 12px;
  padding: 18px 22px;
  text-align:center;
  box-shadow: 0 10px 25px rgba(247,148,29,.4);
}
.about-exp-badge strong{ font-size:1.8rem; display:block; }
.mission-card{
  background:#fff;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 26px;
  height:100%;
  transition:.3s;
}
.mission-card:hover{ transform: translateY(-6px); }
.mission-card .icon-circle{
  width:56px; height:56px;
  background: var(--sky);
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  color: var(--orange);
  font-size:1.5rem;
  margin-bottom:14px;
}

/* ============ TEAM PAGE ============ */
.team-card{
  background:#fff;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow:hidden;
  text-align:center;
  transition:.3s;
        margin-bottom: 20px;
}
.team-card:hover{ transform: translateY(-8px); box-shadow: 0 20px 40px rgba(11,61,102,.18); }
.team-card .img-wrap{ height: 260px; overflow:hidden; }
.teamcard .img-wrap{ height: auto; overflow:hidden; }
.team-card .img-wrap img{ width:100%; height:100%; object-fit:cover; transition: transform .5s; }
.team-card:hover .img-wrap img{ transform: scale(1.08); }
.team-card .body{ padding: 20px; }
.team-card h6{ color: var(--navy); font-weight:700; margin-bottom:4px; }
.team-card .role{ color: var(--orange); font-size:.85rem; font-weight:600; margin-bottom:12px; }
.team-card .social-icon{
  width:34px; height:34px;
  background: var(--sky);
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color: var(--navy);
  margin: 0 3px;
  transition:.25s;
}
.team-card .social-icon:hover{ background: var(--orange); color:#fff; }

/* ============ CONTACT PAGE ============ */
.contact-info-card{
  background:#fff;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 26px;
  text-align:center;
  height:100%;
  transition:.3s;
}
.contact-info-card:hover{ transform: translateY(-6px); }
.contact-info-card .icon-circle{
  width:60px; height:60px;
  background: var(--sky);
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  color: var(--navy);
  font-size:1.5rem;
  margin: 0 auto 14px;
}
.contact-form-wrap{
  background:#fff;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 34px;
}
.form-control-custom{
  border-radius: 8px;
  border: 1px solid #dfe7ee;
  padding: 12px 14px;
  margin-bottom: 16px;
}
.form-control-custom:focus{
  border-color: var(--orange);
  box-shadow: 0 0 0 3px rgba(247,148,29,.15);
}
.map-wrap{ border-radius: var(--radius); overflow:hidden; box-shadow: var(--shadow); }
.map-wrap iframe{ width:100%; height:100%; min-height:350px; border:0; display:block; }

/* ============ SERVICES PAGE (grid) ============ */
.service-page-card{
  background:#fff;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow:hidden;
  height:100%;
  transition:.3s;
}
.service-page-card:hover{ transform: translateY(-8px); box-shadow: 0 20px 40px rgba(11,61,102,.18); }
.service-page-card .img-wrap{ height:200px; overflow:hidden; }
.service-page-card .img-wrap img{ width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.service-page-card:hover .img-wrap img{ transform: scale(1.1); }
.service-page-card .body{ padding: 22px; }

/* ============ PROCESS PAGE DETAIL ============ */
.process-detail-item{
  display:flex;
  gap: 20px;
  background:#fff;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 24px;
  margin-bottom: 20px;
  transition:.3s;
}
.process-detail-item:hover{ transform: translateX(6px); }
.process-detail-item .num{
  width:60px; height:60px;
  background: var(--navy);
  color:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  font-size:1.3rem;
  flex-shrink:0;
}

/* ============ FLOATING ENQUIRY BUTTON ============ */
.floating-enquiry-btn{
  position:fixed;
  right: 22px;
  bottom: 22px;
  z-index: 1040;
  background: var(--orange);
  color:#fff;
  border:none;
  border-radius: 30px;
  padding: 14px 22px;
  font-weight:700;
  display:flex;
  align-items:center;
  gap:8px;
  box-shadow: 0 10px 25px rgba(247,148,29,.5);
  animation: pulseBtn 2.4s infinite;
}
.floating-enquiry-btn:hover{ background: var(--orange-dark); }
@keyframes pulseBtn{
  0%{ box-shadow: 0 0 0 0 rgba(247,148,29,.5); }
  70%{ box-shadow: 0 0 0 14px rgba(247,148,29,0); }
  100%{ box-shadow: 0 0 0 0 rgba(247,148,29,0); }
}

.enquiry-modal .modal-content{
  border-radius: var(--radius);
  border:none;
  overflow:hidden;
}
.enquiry-modal .modal-header{
  background: linear-gradient(120deg, #075f33 0%, #075f33 100%);
  color:#fff;
  border:none;
}
.enquiry-modal .btn-close{ filter: invert(1); }

/* ============ MISC ============ */
.wave-divider{ line-height:0; }
.text-orange{ color: var(--orange) !important; }
.bg-sky{ background: var(--sky); }

@media(max-width:991px){
  .hero-title{ font-size:2.1rem; }
  .hero-carousel-wrap{ margin-top: 30px; border-radius:20px; }
  .hero-carousel-wrap .owl-carousel .item{ height:320px; }
  .about-exp-badge{ right:5px; }
}
@media(max-width:576px){
  .section-title{ font-size:1.6rem; }
  .page-header h1{ font-size:1.7rem; }
  .floating-enquiry-btn span{ display:none; }
  .floating-enquiry-btn{ padding:14px; border-radius:50%; }
}
.container-fluid{
    width: 96%;
}
.logo{
    width: 10%;
}
.col-2 {
    flex: 0 0 auto;
    width: 13.666667%;
}
.width110{
    width: 109%;
}
.whatsappttx{
    color: #025637 !important;
    font-size: 23px;
}
.whatsappttx i{
    color: green;
}
.footer-logo img{
    width: 50%;
}
.footer ul li i{
    color:#fed10c;
}
.fixed-bottom {
      display: none;
  }
.forsystem{
    display:block;
}
.formobile{
    display:none;
}
.sdasdas span{
    color:#fed10c;
}
.dropdown:hover .dropdown-menu{
    display: block;
}
.outrteam{
        background-image: linear-gradient(to top, #f2f5f6, #ffffff) !important;
        padding: 40px 0px;
}
.outrteam .service-card .card-body-custom {
    padding: 7px 16px 7px;
    text-align: center;
}
.outrteam  .service-card .img-wrap {
    height: auto;
    overflow: hidden;
    position: relative;
}
.outrteam .owl-nav .owl-prev{
    position: absolute;
    top: 50%;
    left: -17px;
}
.outrteam .owl-nav .owl-next{
    position: absolute;
    top: 50%;
    right: -17px;
}
@media only screen and (max-width: 600px) {
    .outrteam .owl-nav{
        text-align:center;
    }
    
    .logo {
    width: 30%;
}
.forsystem{
    display:none;
}
.formobile{
    display:block;
}
.navbar-custom {
    background: #fff;
    padding: 2px 0;
    box-shadow: 0 2px 15px rgba(0, 0, 0, .06);
}
    .hero-title {
        font-size: 22px;
        line-height: 1.3;
    }
    .hero-text {
    margin: 7px 0 14px;
}
.dblock{
    display:none;
}
.hero-carousel-wrap .owl-carousel .item img {
    border-radius: 10px 10px;
}
    .hero-carousel-wrap {
        margin-top: 0px;
    }
.col12{
    width:100%;
}
.quote-card .btn-light-orange {
    margin-top: 0px;
}
.col6{
    width:50%;
}
.mb15{
    margin-top:20px;
}
.dblockfmobile{
    display:block !important;
}
.mb10{
    margin-bottom:10px;
}
/*fixed bottom*/
  .fixed-bottom {
      z-index: 3;
      display: block;
  }

  .fixed-bottom {
      position: fixed;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1030;
  }

  .sectionpdd {
      padding: 0px !important;
  }

  .link-on-bottom .mobile-bottom-link {
      margin-bottom: 0;
      background-color: #fff;
      border-top: 1px solid #e2e6ef;
      border-bottom: 1px solid #e2e6ef;
  }

  .flex-layout.no-wrap {
      flex-wrap: nowrap;
  }

  .list-unstyled {
      padding-left: 0;
      list-style: none;
  }

  .space-between {
      justify-content: space-between;
  }

  .flex-layout {
      flex-wrap: wrap;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
  }

  .link-on-bottom .mobile-bottom-link li {
      flex: 0 0 20%;
      max-width: 25%;
  }

  .link-on-bottom .mobile-bottom-link li {
      margin-bottom: 0;
      flex: 1;
  }

  .link-on-bottom .mobile-bottom-link li a:not(:hover) {
      color: #99a2b5;
      visibility: visible !important;
  }

  .link-on-bottom .mobile-bottom-link li a {
      padding: 7px 2px;
      display: block;
      text-align: center;
      line-height: 1;
      font-size: 13px;
      margin-top: 0px;
      visibility: visible !important;
  }

  .link-on-bottom .mobile-bottom-link li a span {
      color: #9f9f9f;
  }

  .link-on-bottom .mobile-bottom-link li a span {
      display: block;
      font-size: 17px;
      margin-bottom: 9px;
  }

  .link-on-bottom .mobile-bottom-link li a img {
      width: 35%;
      margin-bottom: 4px;
  }
  /*fixed bottom end*/
  .footer {
    padding-bottom: 30px;
}
.accordionitem .accordion-item{
    
}
.accordionitem .accordion-button
 {
   
}
.accordionitem .accordion-button:not(.collapsed) {
    background: #aeafb100;
    color: #0e0e0e;
}
.footer a {
    color: #1c1c1c;
}
.footer a:hover {
    color: #fed10c;
}
.quote-card .btn-light-orange {
    background: #12408d;
    color: #ffffff;
}
.whatsappttx{
    margin-top: 15px;
}
.services-owl .owl-prev{
    position: absolute;
    top: 41%;
    left: 0%;
}
.services-owl .owl-next{
    position: absolute;
    top: 41%;
    right: 0%;
}
.services-owl .item{
    width:100%;
}
.hero-owl .owl-prev{
    position: absolute;
    top: 41%;
    left: 0%;
}
.hero-owl .owl-next{
    position: absolute;
    top: 41%;
    right: 0%;
}
.testimonialowl .owl-prev{
    position: absolute;
    top: 41%;
    left: 0%;
}
.testimonialowl .owl-next{
    position: absolute;
    top: 41%;
    right: 0%;
}
.testimonial-owl .owl-prev{
    position: absolute;
    top: 41%;
    left: 0%;
}
.testimonial-owl .owl-next{
    position: absolute;
    top: 41%;
    right: 0%;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background: #fed10cc4;
    color: #fff;
    border: none;
    padding: 0 !important;
    font: inherit;
    font-size: 35px;
    line-height: 0.8;
    padding: 0px 10px !important;
    border-radius: 18px;
}
.hero-carousel-wrap .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
        background: #fed10cc4;
        color: #fff;
        border: none;
        padding: 0 !important;
        font: inherit;
        font-size: 16px;
        line-height: 1.8;
        padding: 0px 10px !important;
        border-radius: 18px;
    }
    .hero-carousel-wrap .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
        background: #fed10cc4;
        color: #fff;
        border: none;
        padding: 0 !important;
        font: inherit;
        font-size: 16px;
        line-height: 1.8;
        padding: 0px 10px !important;
        border-radius: 18px;
    }
    .order2{
            order: 2;
    }
    .quote-card .btn-light-orange {
        background: #075f33;
        color: #ffffff;
        font-size: 14px;
    }
    .quote-card p {
    font-size: .9rem;
    opacity: .95;
    color: #333;
}
.quote-card{
    padding-bottom: 96px;
}
.hero-cta .btn-orange, .hero-cta .btn-white-outline {
    padding: 13px 15px;
}
.btn-orange {
    background: var(--orange);
    border: 2px solid var(--orange);
    color: #fff;
    font-weight: 600;
    padding: 12px 15px;
    border-radius: 30px;
    transition: all .25s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.footer .social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: rgb(7 95 52 / 16%);
    border-radius: 50%;
    margin-right: 8px;
    color: #075f34;
    transition: .25s;
}
.outrteam {
    padding: 10px 0px;
    padding-top:15px;
}
.outrteam .owl-carousel .owl-nav{
    margin-top:10px;
}
.outrteam .owl-carousel .owl-nav .owl-next{
        font-size: 17px !important;
        padding: 8px 10px !important;
        margin-left: 5px;
    }
}