/* Override CSS */

/* Override default WordPress list styles */
li > ul,
li > ol {
    margin-bottom: 0 !important;
    margin-left: 0 !important;
}

/* Remove default styles for css */
ul,
ol {
	margin: 0;
	padding-left: 0;
}

.post, .page {
    margin: 0 !important;
}

.pt-100 {
    padding-top: 100px;
}

.pt-70 {
    padding-top: 70px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-10{
    padding-top: 10px;
}

.pb-100{
    padding-bottom: 100px;
}

.pb-70{
    padding-bottom: 70px;
}

.pb-50{
    padding-bottom: 50px;
}

.pb-10{
    padding-bottom: 10px;
}


/* Title height */
.wpo-section-title h2, .wpo-section-title-s2 h2 {
    line-height: 95%;
}


/* Remove markers from all list items that contain icons or images */
li i,
li img,
li .icon,
li [class*="flaticon"],
li [class*="icon"] {
    list-style: none;
}

/* Remove markers from parent list items that contain icons/images (modern browsers) */
li:has(i),
li:has(img),
li:has(.icon),
li:has([class*="flaticon"]),
li:has([class*="icon"]) {
    list-style: none;
}

/* Remove markers from all list items in specific sections */
.hero-side-left-items ul li,
.hero-side-left-items ul,
.client-logo ul li,
.client-logo ul,
.testimonial-wrap ul li,
.testimonial-wrap ul,
.widget-social ul li,
.widget-social ul,
.accordion-item ul li,
.accordion-item ul {
    list-style: none;
}

/* Remove markers from navigation and content areas */
nav ul li,
nav ul,
.about-text ul li,
.about-text ul,
.wpo-faq-items ul li,
.wpo-faq-items ul {
    list-style: none;
}

/* Remove markers from list items that are direct children and contain icons (modern browsers) */
ul > li:has(> i),
ul > li:has(> img),
ul > li:has(> .icon) {
    list-style: none;
}

/* Ensure no pseudo-element markers appear */
li::marker {
    display: none !important;
    content: none !important;
}

/* Additional fix for list items with icons/images */
li[class*="icon"]::marker,
li:has(i)::marker,
li:has(img)::marker {
    display: none !important;
    content: "" !important;
}

/* Fallback: Remove padding-left that might be used for markers */
ul.hero-side-left-items,
ul.client-logo,
ul.testimonial-wrap,
ul.widget-social {
    padding-left: 0;
    margin-left: 0;
}

/* Remove default list styling completely for lists with icons */
ul:has(li i),
ul:has(li img),
ul:has(li .icon) {
    list-style: none;
    padding-left: 0;
}

/* Hero Section S3 Title Font Size Adjustment */
.wpo-hero-section-s3 .hero-right-content .hero-sub-title h2 {
    font-size: 70px;
}

/* Hero Section S3 Height Adjustment */
.wpo-hero-section-s3 .hero-image .image {
    height: 750px;
}

.wpo-hero-section-s3 {
    height: 750px;
}


/* History Section Gradient Adjustment */
.wpo-history-section::before {
    background: linear-gradient(180deg, rgba(246, 247, 251, 0) 0%, #84c1bc 100%);
}

/* History Section S2 Gradient Adjustment */
.wpo-history-section-s2::before {
    background: linear-gradient(180deg, rgba(246, 247, 251, 0) 0%, #FFFFFF 100%);
}

/* Odometer Section Padding Adjustment */
.wpo-odometer-section, .wpo-odometer-section-s2 {
    padding: 0;
    padding-bottom: 30;
}

/* CTA Section Margin Adjustment */
.wpo-cta-section {
    margin: 0;
}

/* History Section Title Font Size Adjustment */
.wpo-history-section .history-item .text h3, .wpo-history-section-s2 .history-item .text h3 {
    font-size: 20px;
}

.wpo-history-section .history-item .text h3, .wpo-history-section-s2 .history-item p {
    margin: 20;
    color: #032532;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

/* Breadcrumb Area Gradient Overlay Adjustment */
.breadcumb-area:before {
    background: linear-gradient(249deg, rgba(16, 40, 0, 0) -3.38%, rgba(16, 40, 0, 0.16) -6.18%, rgb(31 50 43 / 85%) 42.42% 42.42%, #00382b 66.17%);
}

/* Service Section S2 and S3 Hover and Active State Adjustments */

.wpo-service-section-s2 .service-wrap, .wpo-service-section-s3 .service-wrap {
    height: 100%;
}

.wpo-service-section-s2 .service-wrap:hover .service-item h3 a, .wpo-service-section-s2 .service-wrap.active .service-item h3 a,
.wpo-service-section-s3 .service-wrap:hover .service-item h3 a,
.wpo-service-section-s3 .service-wrap.active .service-item h3 a {
  color: #000;
}

.wpo-service-section-s2 .service-wrap:hover .service-item p, .wpo-service-section-s2 .service-wrap.active .service-item p,
.wpo-service-section-s3 .service-wrap:hover .service-item p,
.wpo-service-section-s3 .service-wrap.active .service-item p {
  color: #000;
}

.wpo-service-section-s2 .service-wrap:hover .icon a, .wpo-service-section-s2 .service-wrap.active .icon a,
.wpo-service-section-s3 .service-wrap:hover .icon a,
.wpo-service-section-s3 .service-wrap.active .icon a {
  background-color: #000;
}

.wpo-service-section-s2 .service-wrap:hover, .wpo-service-section-s2 .service-wrap.active,
.wpo-service-section-s3 .service-wrap:hover,
.wpo-service-section-s3 .service-wrap.active {
  background-color: #dff0e5;
}

.wpo-service-section-s2 .service-wrap, .wpo-service-section-s3 .service-wrap {
    background: #eaf3f0;
}



.back-to-top {
    background-color: #00674ecf;
}

.wpo-cta-section {
    padding-top: 110px;
    background: url(../images/cta.jpg) no-repeat;
}

.wpo-hero-section-s3 .hero-image .image {
    background: url(../images/globe-3.gif) no-repeat center;
}


.wpo-site-header {
border-bottom: 1px solid #e4e4e4;
}

/* ============================================
   SWIPER TESTIMONIALS SECTION STYLES
   ============================================ */

:root {
  --g-line-height: 1.5;
  --g-spacing: calc(var(--g-line-height) * 1em);
  --black: #000;
  --white: #fff;
  --g-background-color-dark: #18181b;
}

.testimonials-swiper-wrapper {
  background: var(--g-background-color-dark);
  padding: 30px 0;
}

.testimonials-swiper-wrapper .wrapper {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  color: var(--white);
  padding: var(--g-spacing);
  box-sizing: border-box;
}

.testimonials-swiper-wrapper header {
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}

.testimonials-swiper-wrapper header h1 {
  margin: 0;
  font-size: 2.5rem;
  font-weight: 700;
  font-family: 'Roboto Condensed', sans-serif;
}

/* Swiper Container */
.testimonials-swiper-wrapper .swiper {
  padding: var(--g-spacing);
  width: 100%;
}

.testimonials-swiper-wrapper .swiper-wrapper {
  display: flex;
}

/* Content Wrapper */
.testimonials-swiper-wrapper .content-wrapper {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  width: 100%;
  justify-items: center;
  align-items: center;
}

.testimonials-swiper-wrapper .content {
  padding: var(--g-spacing) calc(var(--g-spacing) / 2);
  text-align: center;
  display: grid;
  justify-items: center;
  align-items: center;
  margin: 0 auto;
  color: var(--black);
  max-width: 100%;
}

.testimonials-swiper-wrapper .content p:first-child {
  margin: 0;
  line-height: 1.5;
  font-size: 0.9rem;
}

.testimonials-swiper-wrapper .swiper-avatar {
  width: 100%;
  max-width: 100px;
  height: auto;
  margin-bottom: 15px;
}

.testimonials-swiper-wrapper .swiper-avatar img {
  width: 100%;
  height: auto;
  border-radius: 500px;
  display: block;
}

.testimonials-swiper-wrapper .cite {
  font-size: 14px;
  font-weight: bold;
  margin-top: 10px;
}

/* Slides */
.testimonials-swiper-wrapper .swiper-slide {
  margin: 0;
  height: auto;
  width: 100%;
  padding: 0;
  opacity: 0.2;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 6px;
  transition: all 0.5s ease-in-out;
}

.testimonials-swiper-wrapper .swiper-slide.swiper-slide-active {
  background: rgba(255, 255, 255, 1);
  opacity: 1;
  transform: scale(1.1);
}

/* Navigation Wrapper */
.testimonials-swiper-wrapper .swiper-nav-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: auto;
  padding-top: calc(var(--g-spacing) * 2);
  gap: 20px;
}

.testimonials-swiper-wrapper .swiper-button-next,
.testimonials-swiper-wrapper .swiper-button-prev {
  top: auto;
  left: auto;
  right: auto;
  position: relative !important;
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.testimonials-swiper-wrapper .swiper-button-next::after,
.testimonials-swiper-wrapper .swiper-button-prev::after {
  display: none;
}

.testimonials-swiper-wrapper .swiper-button-next {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='9px' height='16px' viewBox='0 0 9 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='chevron-right' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cpath d='M8.674805,7.066406 L1.924805,0.316406 C1.696288,0.105468 1.432619,0 1.133789,0 C0.834959,0 0.57129,0.105468 0.342773,0.316406 C0.114257,0.544923 0,0.808592 0,1.107422 C0,1.406251 0.114257,1.669921 0.342773,1.898438 L6.301758,7.857422 L0.342773,13.816406 C0.114257,14.044923 0,14.308592 0,14.607422 C0,14.906251 0.114257,15.169921 0.342773,15.398438 C0.465821,15.521485 0.584472,15.609375 0.69873,15.662109 C0.812989,15.714844 0.958007,15.741211 1.133789,15.741211 C1.309571,15.741211 1.454589,15.714844 1.568848,15.662109 C1.683106,15.609375 1.801757,15.521485 1.924805,15.398438 L8.674805,8.648438 C8.903321,8.419921 9.017578,8.156251 9.017578,7.857422 C9.017578,7.558592 8.903321,7.294923 8.674805,7.066406 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
}

.testimonials-swiper-wrapper .swiper-button-prev {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='9px' height='16px' viewBox='0 0 9 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='chevron-right' transform='translate(4.508789, 7.870605) rotate(-180.000000) translate(-4.508789, -7.870605) translate(-0.000000, -0.000000)' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cpath d='M8.674805,7.066406 L1.924805,0.316406 C1.696288,0.105468 1.432619,0 1.133789,0 C0.834959,0 0.57129,0.105468 0.342773,0.316406 C0.114257,0.544923 0,0.808592 0,1.107422 C0,1.406251 0.114257,1.669921 0.342773,1.898438 L6.301758,7.857422 L0.342773,13.816406 C0.114257,14.044923 0,14.308592 0,14.607422 C0,14.906251 0.114257,15.169921 0.342773,15.398438 C0.465821,15.521485 0.584472,15.609375 0.69873,15.662109 C0.812989,15.714844 0.958007,15.741211 1.133789,15.741211 C1.309571,15.741211 1.454589,15.714844 1.568848,15.662109 C1.683106,15.609375 1.801757,15.521485 1.924805,15.398438 L8.674805,8.648438 C8.903321,8.419921 9.017578,8.156251 9.017578,7.857422 C9.017578,7.558592 8.903321,7.294923 8.674805,7.066406 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
}

/* Pagination */
.testimonials-swiper-wrapper .swiper-pagination {
  margin: 0;
  padding: 0;
  width: auto;
  position: relative !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.testimonials-swiper-wrapper .swiper-pagination-bullets {
  margin: 0;
  display: flex;
  gap: 10px;
}

.testimonials-swiper-wrapper .swiper-pagination-bullet {
  margin: 0;
  background: #fff !important;
  transition: all 0.2s ease-in-out;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.testimonials-swiper-wrapper .swiper-pagination-bullet-active {
  transform: scale(1.5);
}

/* Responsive Design */
@media (max-width: 768px) {
  .testimonials-swiper-wrapper header h1 {
    font-size: 2rem;
  }

  .testimonials-swiper-wrapper .wrapper {
    padding: var(--g-spacing) 15px;
  }

  .testimonials-swiper-wrapper .swiper {
    padding: var(--g-spacing) 10px;
  }

  .testimonials-swiper-wrapper .content {
    padding: var(--g-spacing) calc(var(--g-spacing) / 2);
  }

  .testimonials-swiper-wrapper .swiper-nav-wrapper {
    padding-top: 30px;
  }
}

@media (max-width: 640px) {
  .testimonials-swiper-wrapper {
    padding: 40px 0;
  }

  .testimonials-swiper-wrapper header h1 {
    font-size: 1.5rem;
  }

  .testimonials-swiper-wrapper header {
    margin-bottom: 30px;
  }

  .testimonials-swiper-wrapper .swiper {
    padding: 10px;
  }

  .testimonials-swiper-wrapper .content {
    padding: var(--g-spacing);
  }

  .testimonials-swiper-wrapper .swiper-avatar {
    max-width: 100px;
  }

  .testimonials-swiper-wrapper .content p {
    font-size: 0.95rem;
  }

  .testimonials-swiper-wrapper .cite {
    font-size: 12px;
  }

  .testimonials-swiper-wrapper .swiper-nav-wrapper {
    gap: 15px;
    padding-top: 20px;
  }

  .testimonials-swiper-wrapper .swiper-button-next,
  .testimonials-swiper-wrapper .swiper-button-prev {
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
  }
}

/* Car Scroll to Top Button */
.car-scroll-top {
    width: 85px;
    position: fixed;
    bottom: -180px;
    right: 30px;
    z-index: 9999;
    cursor: pointer;
    transition: bottom 1s ease-in-out;
}

/* Visible state */
.car-scroll-top.show {
    bottom: 15%;
}

/* Car drives all the way up */
.car-scroll-top.car-run {
    bottom: 120%;
}

/* Car image */
.car-scroll-top::before {
    content: "";
    position: absolute;
    width: 85px;
    height: 89px;
    background: url(../images/car.png) no-repeat center;
}

/*Client Logo Section Image Size Adjustment*/
.wpo-brand-partner-section-s2 .client-wrap .grid img {
    width: 150px;
}


.wpo-odometer-section,
.wpo-odometer-section-s2 {
    padding: 50px 0 70px;
}