h1, h2, h3, h4, h5, h6 { font-family: "Poppins", sans-serif !important; }
p,a,span,li,button,th,td ,input,textarea,select,option,label { font-family: "Inter", sans-serif;}
.rs-banner-one .rs-banner-title { font-size:65px; }
.rs-banner-bg-thumb { background-size: cover;}
.swiper-slide {  transition: all 1s ease;}
.rs-banner-one .rs-banner-navigation .rs-swiper-btn:hover { background-color:#0B9E4C;}
.rs-btn.has-bg::before { background-color:#0B9E4C;}
.rs-banner-one .rs-banner-item-wrapper { height: 700px; display: flex; justify-content: center; align-items: center; }
.rs-feature-one .rs-feature-item { height: 100%; }
.rs-feature-one .rs-feature-item:hover .rs-feature-descrip p { font-size: 18PX; }
.rs-services-one .rs-services-tab .nav-link { font-size: 18px; line-height: 1.1; padding: 0px 0px 0px 8px; text-align: left; }
.test-company { font-size: 14px; color: #acacac;}
.rs-testimonial-description p { font-size: 15px; line-height: 1.4; }
.rs-testimonial-area .swiper-slide  {  height:auto;}
.rs-testimonial-item { height:100%;}
.rs-footer-one .rs-footer-stroke-text {  -webkit-text-stroke-width: 1px; stroke-width: 1px; -webkit-text-stroke-color: #ffffff; stroke: #ffffff; margin-bottom: 30px; }
.rs-brand-one .rs-brand-thumb img { width: 170px;}
.rs-swiper-btn.has-bg-light:hover {  background-color:#0B9E4C; }
.rs-cta-one .rs-cta-item-wrapper { display: grid; grid-template-columns: 1fr 1fr; align-items: center; position: relative; z-index: 2; gap: 20px 30px; }
.primary-bg2 { background-color: #eceeff ; }
.rs-portfolio-one .rs-portfolio-thumb img  { filter: brightness(0.9); }
.rs-banner-one .rs-banner-bg-thumb {     border-radius: 0px 0px 0px 50px; overflow: hidden; background-size: cover;}
.rs-about-one .rs-about-btn { margin-top: 10px;}
.rs-about-one .rs-about-thumb { margin-top: 25px;}
.rs-services-one .rs-services-tab-content-thumb.has-clip img { clip-path: none; border-radius: 0px 50px 0px 0px;}
.rs-portfolio-one .rs-portfolio-thumb.has-clip-path { clip-path: none; border-radius: 0px 50px 0px 0px; overflow: hidden; }
.rs-cta-one { margin-top: 0px;}
.rs-cta-one .rs-cta-wrapper { padding: 100px 100px 90px 100px}
.rs-brand-wrapper { display: flex;  justify-content: center; flex-wrap: wrap; flex-direction: row; gap: 20px; }
.rs-brand-one .rs-brand-item { height: 200px; width: 200px; border-radius: 0px 50px 0px 0px; overflow: hidden; clip-path: none;}
.rs-btn.has-circle { padding: 0;  border-radius: 10px; min-width: 200px; height: 50px; font-size: 16px; }
.rs-services-tab .nav .nav-item .nav-link { font-size: 18px; line-height: 1.2;}
.rs-breadcrumb-bg { border-radius: 0px 0px 0px 100px;}
.rs-breadcrumb-one .rs-breadcrumb-title { font-size: 40px;}
.product-details-thumb { border: 1px solid #0655A6; overflow: hidden; border-radius: 15px 50px 15px 15px; }
.product-details-thumb img { border-radius: 15px;}
.product-details-nav .swiper-wrapper .custom-button img { border-radius: 15px; }
.product-details-nav .swiper-wrapper .custom-button { border-radius: 15px; }
.prospe { font-size: 24px; font-weight: 600; color:#444; margin-bottom:10px;}
.table-sp { margin: 15px 0px;}
.rs-about-thirteen .rs-about-thumb.has-small { width: 300px; height: auto; }
.abimg { width: 100%; height: auto;}
.abimg img { width: 100%; height: auto;}
.abcontent { padding: 20px; }
.abcontent ul li { font-size: 18px; font-weight: 600; list-style: decimal-leading-zero; margin-bottom: 10px; border-bottom: 1px solid #ddd; padding: 10px 0px;}
.contelist { margin: 15px 0px;}
.contelist h4 { margin-bottom: 15px;}
.icon-first path { fill: #0B9E4C;}
.icon-second path {  fill: #0B9E4C;}
.offcanvas-contact-icon {  width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; padding: 5px; }
.offcanvas-contact-icon svg { width: 45px; height: 24px; flex-shrink: 0; }
.rs-counter-one .rs-counter-number, .rs-counter-one .prefix {
    font-size: 115px;
    position: relative;
    -webkit-text-fill-color: transparent;
    color: transparent;
    -webkit-text-stroke-width: 2px;
    stroke-width: 2px;
    -webkit-text-stroke-color: #04a13a;
    stroke: #04a13a;
    font-weight: 500;
    line-height: 0.8;
}
.rs-contact-ten .rs-contact-form {
    padding-top: 76px;
    padding-bottom: 80px;
    padding-inline-start: 240px;
    padding-inline-end: 240px;
    background: #faffdf;
    text-align: center;
    position: relative;
    z-index: 1;
    border-radius: 4px;
    box-shadow: 0px 0px 0px 5px #FFF;
    border-top: 4px solid var(--rs-theme-orange);
}

 #pre-load {  
  background-color: var(--rs-bg-primary);
  height: 100%; 
  width: 100%;
  position: fixed;
  margin-top: 0px;
  top: 0px;
  z-index: 9999;
}
.loader .loader-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
  height: 200px;
  border: 3px solid #ebebec;
  border-radius: 50%;
  &.has-theme-green{
    &::before{
      border-color: var(--rs-theme-light-green);
    }
  }
  &.has-theme-yellow{
    &::before{
      border-color: var(--rs-theme-yellow);
    }
  }
  &.has-theme-deep-blue{
    &::before{
      border-color: var(--rs-theme-deep-blue);
    }
  }
  &.has-theme-red{
    &::before{
      border-color: var(--rs-theme-red);
    }
  }
  &.has-theme-blue{
    &::before{
      border-color: var(--rs-theme-blue);
    }
  }
  &.has-theme-light-blue{
    &::before{
      border-color: var(--rs-theme-light-blue);
    }
  }
}

.loader .loader-container:before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
  height: 200px;
  border-top: 3px solid var(--rs-theme-orange);
  border-radius: 50%;
  animation: loaderspin 1.8s infinite ease-in-out;
  -webkit-animation: loaderspin 1.8s infinite ease-in-out;
}
.loader .loader-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}
.loader .loader-icon img {
  animation: loaderpulse alternate 900ms infinite;
  width: 150px;
}

.rs-feature-one .rs-feature-item {
    background: var(--rs-bg-primary);
    clip-path:none;
    transition: all 0.5s ease;
    padding: 40px 30px;
    position: relative;
    border-radius: 0px 50px 0px 0px;
}
.rs-feature-one .rs-feature-item::before {
    position: absolute;
    color: rgba(31, 31, 31, 0.05);
    counter-increment: count;
    content: "0" counter(count);
    z-index: 0;
    inset-inline-end: -10px;
    font-size: 150px;
    font-weight: 700;
    bottom: -41px;
}
.rs-header-one .rs-header-menu { margin-left: auto;}
.rs-header-one .main-menu  { border-inline-start: 0px ;}
.rs-header-one .rs-header-logo-wrapper { background-color: #ffffff;}

@keyframes loaderspin {
    0% {
      transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
      transform: translate(-50%, -50%) rotate(360deg);
    }
  }
  @-webkit-keyframes loaderspin {
    0% {
      transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
      transform: translate(-50%, -50%) rotate(360deg);
    }
  }

  @keyframes loaderpulse {
    0% {
        transform: scale(1);
      }
      100% {
        transform: scale(1.2);
      }
      
  }

  .rs-cta-one .rs-cta-bg { position: absolute; width: 100%; height: 100%; top: 0; inset-inline-start: 0;  background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: -1;
    filter: grayscale(1); 
}
.rs-banner-one .rs-banner-bg-thumb::before { position: absolute; content: ""; width: 100%; height: 100%;     background-image: linear-gradient(to left, rgb(0 0 0 / 0%), #0655a6); top: 0; inset-inline-start: 0; z-index: -1;
}


@media screen and ( max-width:991px){
   .rs-breadcrumb-one .rs-breadcrumb-title {
        font-size: 30px;
}
}
@media screen and ( max-width:767px){
.rs-about-thirteen .rs-about-thumb.has-small { width: 180px; height: auto; }
.rs-cta-one .rs-cta-wrapper { padding:50px;}
.rs-brand-one .rs-brand-thumb img { width: 130px; }
.rs-brand-one .rs-brand-item { height: 100px; width: 100px;}
    .rs-banner-one .rs-banner-title {
    font-size: 35px;
    line-height: 1.2;
}
.rs-banner-one .rs-banner-item-wrapper { height: 600px; }
.rs-banner-one .rs-banner-descrip p { font-size: 16px; line-height: 1.3; }

.rs-cta-one .rs-cta-item-wrapper { display: grid; grid-template-columns: 1fr;}
}