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:#029d4a;}
.rs-btn.has-bg::before { background-color:#029d4a;}
.rs-banner-one .rs-banner-item-wrapper { height: 600px; 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:#029d4a; }
.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; 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: none; margin-bottom: 10px; border-bottom: 1px solid #ddd; padding: 10px 0px;}
.contelist { margin: 15px 0px;}
.contelist h4 { margin-bottom: 15px;}
.icon-first path { fill: #029d4a;}
.icon-second path {  fill: #ffffff;}
.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;}}
/* Floating Chatbot Button */
.chatbot-btn { position: fixed;bottom: 20px; right: 20px; background-color: #007bff; color: #fff;
   padding: 12px 20px; border: none; border-radius: 50px; cursor: pointer; z-index: 1000; box-shadow: 0 4px 6px rgba(0,0,0,0.3);}
@media only screen and (max-width: 1199px) {.rs-counter-one .rs-counter-number, .rs-counter-one .prefix {
        font-size: 70px !important; }}
  @media (min-width: 1200px) and (max-width: 1366px) {.rs-counter-one .rs-counter-number, .rs-counter-one .prefix { font-size: 80px !important; }}
@media only screen and (max-width: 767px){
.floating-contact { position: absolute; right: 0px !important; bottom: 3px !important; background: transparent; padding: 15px 10px !important; border-radius: 12px !important; display: flex; align-items: center;  gap: 9px !important;    z-index: 2;}.floating-contact .fc-item h6 {  margin: 0;    font-size: 10px !important;}} 
.floating-contact { position:absolute;    right: 50px;    bottom: 25px;    background: transparent;    padding: 12px 18px;
      border-radius: 12px;   display: flex;    align-items: center; gap: 15px;    z-index: 2; }

.floating-contact .fc-item span, h6 {   font-size: 12px;    color: #ffffffc9;    display: block;    margin-bottom: 2px;}
.floating-contact .fc-item h6 {    margin: 0;  font-size: 16px;}
.floating-contact a {    color: #ffffffc9;    font-weight: 600;    text-decoration: none;}
.floating-contact a:hover {     text-decoration: underline;}
.rs-header-menu{ display: flex; align-items: center; margin-inline-end:revert !important; padding-inline-start: 40px;}
@media (min-width: 950px) and (max-width: 1600px) {.rs-header-one .rs-header-logo-wrapper { width: 120px !important; }}
@media only screen and (max-width: 991px) {.rs-header-one .rs-header-logo-wrapper {width:220px!important;}}
.rs-btn.has-bg-transparent{	border: 1px solid #111111 !important;}
.pl-3{padding-left:30px;}.pr-3{padding-right:30px;}.pl-5{padding-left:50px;}
.rs-swiper-btn.has-bg-light { background: var(--rs-bg-primary);  color: #616161; border: 0.1px solid #6f6f6f; }
.main-menu li a {font-size: 16px;font-weight: 500;line-height: 1;color: var(--rs-text-primary);padding: 40px 16px; display: flex;align-items: center;text-transform: capitalize;position: relative; transition: all 0.3s linear;}
 @media (min-width: 1101px) {.rs-header-hamburger {display: none !important; }}
.rs-testimonial-one .rs-testimonial-item.has-clip-path { clip-path: polygon(0% 0%, 100% 0, 100% 0%, 100% 100%, 0% 100%);  border-radius: 0px 60px 0px 0px !important;}
.testimonial-nav {display: flex;gap: 10px;align-items: center;margin-left: 20px;color:#000;}
.testimonial-nav .rs-swiper-btn{color:#939090; border:1px solid #939090; width: 50px;
    height: 50px;background: transparent; padding:13px; position: relative;display: inline-flex; 
     align-items: center;justify-content: center; margin:10px;} 
     .testimonial-nav .rs-swiper-btn:hover{background: #029d4a;color: #fff;}
.first-slider .swiper-slide {display: flex;justify-content: space-between; align-items: center;   flex-wrap: nowrap; }
.first-slider .rs-brand-item { flex: 1 1 auto; margin: 0 5px; }
.second-slider .swiper-slide { display: flex;justify-content: space-between;align-items: center;   flex-wrap: nowrap;}
.second-slider .rs-brand-item {flex: 1 1 auto;margin: 0 5px;}
.rs-brand-thumb img {width: 100%;height: auto; display: block;} 
@media only screen and (max-width: 1600px) {.rs-banner-one .rs-banner-item-wrapper { 
  padding: 100px 0px; }}
  .rs-banner-one .rs-banner-bg-thumb { width:100% !important;}
 .rs-banner-btn .banner-btns {background: #ffffff !important; color:#029d4a !important;}
 .rs-banner-btn .banner-btns:hover {background: #029d4a !important; color:#ffffff !important;}
 @media only screen and (max-width: 991px){.rs-counter-item { text-align: center;
   justify-items: center; }}
   @media only screen and (max-width: 991px) {.rs-portfolio-one .rs-portfolio-navigation {
        justify-content: end; } .rs-testimonial-one .rs-testimonial-btn {justify-content: end;
        margin-right: 20px; }.client-nav{ margin-right: 20px;}.rs-counter-one .rs-counter-number-wrapper { display: flex;align-items: center;justify-content: center;}}
        .client-sub-title { font-size: 16px;font-weight: 500;line-height: 25px;text-transform: uppercase;
          color: var(--rs-black);display: flex;/* align-items: center; */ gap: 8px; margin-bottom: 15px;
     justify-content: start !important; }
     .client-nav{ display: flex;justify-content: end; gap: 10px;}
     .client-nav .rs-swiper-btn { color: #939090;border: 1px solid #939090;width: 50px;height: 50px;
      background: transparent;padding: 13px;position: relative; display: inline-flex;align-items: center;
      justify-content: center; margin: 10px;}
      .client-nav .rs-swiper-btn:hover { background: #029d4a; color: #fff;}
      .client-box {  display: flex; align-items: center;  justify-content: center; gap: 20px; 
        flex-wrap: nowrap;  overflow-x: auto; }
        .client-box img {max-width: 120px; height: auto; object-fit: contain; flex-shrink: 0; }
        .client-box .prt-client-logo-tooltip { background: var(--rs-white);display: flex;
          align-items: center;justify-content: center; height: 200px; width: 100%;
          box-shadow: 7px 7px 40px -3px rgba(16.98, 11.979, 45.91, 0.05); border-radius: 0px 40px 0px 0px; margin: 20px;}
          .bg-light{background:#f7f7f7;}
          .client-slider {  display: flex; align-items: center; justify-content: center;}          
           .whataspp-icon {  position: fixed;  left: 20px;  bottom: 25px;
  width: 50px;  height: 50px;  background: #08c14d;  color: #ffffff;  text-align: center;  line-height: 50px;  border-radius: 50%;  z-index: 999;  font-size: 30px;  transition: all 0.3s ease;}
.whataspp-icon:hover {  transform: scale(1.15);  box-shadow: 0 10px 25px rgba(8, 193, 77, 0.45);}
@keyframes whatsapp-pulse {  0% {    box-shadow: 0 0 0 0 rgba(8, 193, 77, 0.5);
  }  70% {    box-shadow: 0 0 0 15px rgba(8, 193, 77, 0);  }
  100% {    box-shadow: 0 0 0 0 rgba(8, 193, 77, 0);  }
}
.whataspp-icon {  animation: whatsapp-pulse 2s infinite;}
            .swiper-slide .rs-testimonial-item .rs-testimonial-content .rs-testimonial-description img {
              width:auto;}
           @media (min-width: 1100px ) and (max-width: 1600px) { .rs-header-one .rs-header-inner {padding: 0px 90px !important;  }}
            @media  (min-width: 991px ) and (max-width: 1099px) { .rs-header-one .rs-header-inner {padding: 0px 60px !important;  }}
            @media  (min-width: 768px ) and (max-width: 990px) { .rs-header-one .rs-header-inner {padding: 0px 40px !important;  }}
            @media  (min-width: 320px ) and (max-width: 767px) { .rs-header-one .rs-header-inner {padding: 0px 20px !important;  }}
          .rs-header-right .get-in-touch-btn .theme-green {background: #ffffff !important; color:#029d4a; border: 2px solid #0ea252;}
           .rs-header-right .get-in-touch-btn .theme-green:hover{background: #ffffff !important; color:#ffffff;}
           .experience-container { position: relative;  width: 400px;  height: 450px; }
.rs-about-thirteen .rs-about-tab .nav-link{ padding: 10px 40px;}
.m-100{  margin:100px;}
.py-70{  padding:70px 0px;}
.section-spacess {    padding-top: 40px;    padding-bottom: 70px;}
/* Base styles for the image cards */
  @media (min-width: 1030px) and (max-width: 1600px){  .card-1{  width: 370px !important;  height: 320px !important;
    }    .card-2{    width: 290px !important;    height: 246px !important;   top: 250px; }  .experience-badge{  
               top: 50px !important;        right: 80px !important;        width: 160px !important;        height: 95px !important;    }  .experience-container {            width: 550px !important;    height: 492px !important;
}}
@media (min-width: 991px) and (max-width: 1024px) {.card-1{  width: 270px !important; height: 320px !important;}
    .card-2{    width: 258px !important; height: 232px !important; top: 250px !important;}
      .experience-badge { top: 60px !important; right: 0px !important; width: 140px !important;
        height: 80px !important;  font-size: 15px !important; }.experience-container {  
    width: 380px !important; height: 380px !important;}  }
  @media (min-width: 768px) and (max-width: 990px) { .card-1 { width: 370px !important; height: 310px !important;
    }  .card-2 {  width: 340px !important;  height: 250px !important; top: 150px !important;    }
    .experience-container{ width: 650px !important; height: 400px !important; }
  .experience-badge{ top: 25px !important;  right: 200px !important; width: 120px !important;
        height: 70px !important; font-size: 13px; }  }
@media (min-width: 425px) and (max-width: 767px) { .experience-container {     
        width: 380px; height: 500px;}.card-1{      width: 284px !important;    height: 370px !important;
}.card-2{      width: 250px !important;    height: 230px !important;}
.experience-badge {      top: 60px !important;    right: 0px  !important;    width: 160px !important;
    height: 100px !important;}}
    @media (min-width: 320px) and (max-width: 424px) {  .experience-container {      
        width: 280px !important;        height: 500px;}.card-1{      width: 220px !important;
    height: 310px !important;}.card-2{      width: 200px !important;    height: 290px !important;}
.experience-badge {   top: 47px !important;        right: 0px !important;   width: 139px !important;
        height: 73px !important;        font-size: 13px !important;}}
.image-card {    position: absolute;  background-color: #ccc; background-size: cover;    background-position: center;   border-radius: 15px;  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden; }
    /* Specific positions for each card */
.card-1 {   /* Top-left position */   top: 0;   left: 0; background-image: url('../vbimg/home/ab1.webp'); }
.card-2 {    bottom: 0;    right: 0;    width: 250px; /* Slightly smaller */    height: 280px;
    z-index: 1;  background-image: url('../vbimg/home/ab2.webp'); }
.experience-badge {    position: absolute;    top: 85px;    right: 100px;    width: 180px;
    height: 120px;    background-color: #0054a6;    color: white;    padding: 12px 14px;
    z-index: 5; /* Ensures it's on top of everything */    display: flex;    flex-direction: column;
    justify-content: center;    align-items: center;    text-align: center;    /* The clip-path creates the diagonal/beveled corner look */    clip-path: polygon(0 0, 100% 0, 100% 1%, 80% 100%, 0 100%);
    border-radius: 5px; /* Minor rounding for the corners */    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);}
.experience-badge .years {    font-size: 2.2em;    font-weight: bold;    line-height: 1;    margin-bottom: 5px;}
.experience-badge .text {    font-size: 0.7em;    font-weight: normal;    letter-spacing: 1px;
    line-height: 1.2;}
.br-20{  border-radius:20px;} 
.footer-p-4 {    /* Uses Flexbox to easily position the two columns side-by-side */    display: flex;
    justify-content: center; /* Centers the whole container */    align-items: stretch; /* Makes both columns have the same height */    gap: 20px; /* Space between the two columns */    padding: 40px 20px;    background-color: #f8f8f8; /* Light background for contrast */    max-width: 1200px; /* Limits the width for a better look on large screens */    margin: 0 auto; /* Centers the container horizontally */}
/* Base styles for the individual action columns */
.footer-p-4-left,.footer-p-4-right {    flex: 1; /* Allows both columns to grow and take up equal space */    display: flex;    flex-direction: column;    align-items: center;    text-align: center;
    padding: 30px;    border-radius: 8px;    transition: transform 0.3s ease, box-shadow 0.3s ease;    border: 1px solid #ddd; /* Subtle border */    background-color: #fff; /* White background for the cards */}
/* Hover effect to make the cards feel interactive */
.footer-p-4-left:hover,.footer-p-4-right:hover {    transform: translateY(-5px); /* Lifts the card slightly */    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);}
/* Styling the links inside the columns */
.footer-p-4-left a,.footer-p-4-right a {    text-decoration: none; /* Removes underline from links */
    color: inherit; /* Inherits text color from parent */    display: contents; /* Allows the content (image/h3) to act as link without block styling */}
/* Image styling */
.footer-p-4-left img,.footer-p-4-right img {    width: 50px; /* Set a standard size for the icons */
    height: 50px;    margin-bottom: 15px;    filter: brightness(0) saturate(100%) invert(20%) sepia(87%) saturate(3065%) hue-rotate(198deg) brightness(85%) contrast(101%); /* Optional: Color the icons to match the brand blue */    transition: filter 0.3s ease;}
/* .footer-p-4-right:hover img {
    
    filter: brightness(0) saturate(100%) invert(31%) sepia(74%) saturate(760%) hue-rotate(95deg) brightness(98%) contrast(92%);
} */

.rs-contact-nine .rs-contact-icon {  width: 60px;  height: 60px; display: flex;    align-items: center;
    justify-content: center;    border-radius: 50%;    background: var(--rs-bg-primary);    transition: all 0.5s;}
/* Heading (h3) styling */
.footer-p-4 h3 {   font-size: 25px;    color: #0054a6; /* Primary Blue for the main text */
    margin: 0 0 5px 0;    transition: color 0.3s ease;}
/* Sub-text (span) styling */
.footer-p-4 span {    font-size: 1rem;    color: #666; /* Subtler gray color */    margin-top: 5px;
}
/* --- Specific Styling for 'Download Catalog' --- */
.footer-p-4-left a {    /* Styles for the button-like appearance of the whole left div */
    display: block; /* Important to make the link take up space */}
.footer-p-4-left h3 {    /* bluecolor for the download text, suggesting an action */    color: #0054a6;;
}
/* --- Specific Styling for 'Contact Us' --- */
.footer-p-4-right h3 {    /* Keeps primary blue */    color: #0054a6;}
/* Media Query for Responsiveness: Stack columns on smaller screens */
@media (max-width: 768px) {    .footer-p-4 {  flex-direction: column;  gap: 15px;  padding: 30px 15px;
    }}
.rs-contact-nine .rs-contact-item .rs-contact-icon{  text-align:center;}
.rs-contact-nine .rs-contact-item:hover .rs-contact-icon {    background: #def1ff;}
.rs-contact-nine .rs-contact-item:hover .rs-contact-icon svg path {    fill: #121212;}
 /* CONTACT SECTION */ 
.contact-left h3 {  margin-bottom: 10px;  font-size: 26px;}
.contacts{    background: #def1ff;    border-radius: 100px 0px 100px 0px;    margin: 50px 0px;
    padding: 20px;  }
.contact-left p {  font-size: 14px;  color: #666;  margin-bottom: 25px;}
.form-row {  display: flex;  gap: 15px;  margin-bottom: 12px;}
.contact input,.contact textarea {  width: 100%;  padding: 14px;  border: none;  background: #f0f8fe;
  border-radius: 6px;  font-size: 14px;  border: 1px solid #ddd;}
.contact textarea {  height: 120px;  resize: none;  margin-bottom: 16px;}
.contact-right img {  width: 100%;  border-radius: 20px;  object-fit: cover;}
/* CTA SECTION */
.cta {  background: #def1ff;  text-align: center;  padding: 60px 20px;  border-radius: 20px;
  margin: 60px auto;  max-width: 1100px;}
.cta h2 {  font-size: 35px;    margin-bottom: 15px;   color: #111111;}
.cta p {  font-size: 14px;  color: #303030;  margin-bottom: 20px;}
.rs-btn.has-theme-orange{  border-radius:5px; margin-top:10px;}
.rs-btn.has-theme-orange:hover {  background-color:#309a4a;  color:#fff;}
/* Section Base */
.blog-section {    padding: 60px 0;    background-color: #fff;    font-family: 'Inter', sans-serif;
}
/* Main Blog Grid */
.blog-grid {    display: grid;    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;}
.blog-card {    margin-bottom: 20px;}
.blog-image {    /* Important: Remove overflow:hidden if you want the shadow to bleed outside the box */
    overflow: visible;     border-radius: 8px;    display: block;}
.blog-image img {    width: auto;    height: 100%;    border-radius: 8px;    object-fit: cover;
    aspect-ratio: 16 / 10;    display: block;   
    /* Prepares the image for smooth movement */
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), 
                box-shadow 0.5s ease, 
                filter 0.5s ease;
        /* Initial subtle shadow so it doesn't look flat */   box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
}
/* Hover Effect: Rotate Left + White Direct Shadow */
.blog-image:hover img {    /* Rotates -8 degrees to the left and lifts slightly */    transform: rotate(4deg) translateY(0px);        /* Method 1: Strong White Box Shadow (Best for crisp edges) */
    box-shadow: -10px 10px 30px rgba(255, 255, 255, 0.9);        /* Method 2: Drop Shadow (Best for following the rotated shape perfectly) */    filter: drop-shadow(-5px 5px 15px rgba(255, 255, 255, 0.8));        /* Optional: Adds a thin white border to define the edge during rotation */
    outline: 2px solid rgba(255, 255, 255, 0.5);}
.tags {    margin: 15px 0 10px;}
.tag {    background: #f0f8fe;    color: #666;    padding: 4px 12px;    font-size: 11px;
    border-radius: 4px;    margin-right: 5px;    text-transform: uppercase;}
.blog-info h3 {    font-size: 20px;    font-weight: 600;    line-height: 1.4;    margin-bottom: 10px;
    color: #111111;}
.meta {    font-size: 12px;    color: #0054a6;     font-weight: 500;}
/* Sidebar Widgets */.sidebar .widget {    margin-bottom: 40px;    padding-left: 20px;}
.widget-title {    font-size: 20px;    font-weight: 600;    margin-bottom: 25px;    position: relative;
    padding-bottom: 10px;    border-bottom: 2px solid #eee;}
/* Latest News styles */.news-item {    display: flex;    gap: 15px;    margin-bottom: 15px;}
.news-item .img-wrap {  position: relative;  width: 70px;  height: 70px;  border-radius: 6px;
  overflow: hidden;}
/* Image */.news-item img {  width: 100%;  height: 100%;  object-fit: cover;  transition: transform 0.35s ease;}
/* Black overlay */.news-item .img-wrap::after {  content: "";  position: absolute;  inset: 0;
  background: rgba(0, 0, 0, 0.4);  opacity: 0;  transition: opacity 0.35s ease;}
/* Hover effects */.news-item .img-wrap:hover img {  transform: scale(1.1);}
.news-item .img-wrap:hover::after {  opacity: 1;}
.news-date {    font-size: 11px;    color: #0054a6;    margin: 0;    width:70px;}
.news-item h6 {    font-size: 13px;    font-weight: 600;    margin-top: 5px;    color: #1a1a1a;}

/* Forms & Buttons */
input[type="email"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 15px;
}

.btn-subscribe {
    
    width: 100% !important;
     text-align: center !important;
}

.btn-contact {
    background: #000;
    color: white;
    border: none;
    padding: 12px 30px;
    border-radius: 4px;
    font-weight: bold;
}

/* Category List */
.category-list {
    list-style: none;
    padding: 0;
}

.category-list li {
    padding: 8px 0;
    border-bottom: 1px inset #f9f9f9;
}

.category-list li a {
    text-decoration: none;
    color: #555;
    font-size: 14px;
}

.category-list li a::before {
    content: '›';
    color: #0054a6;
    margin-right: 10px;
    font-weight: bold;
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .sidebar {
        margin-top: 50px;
    }
}

.google-map iframe {
    width: 100%;
    max-width: 630px;
    border-radius:20px;
     
}

.offcanvas-socials ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  gap: 15px;
}

.offcanvas-socials ul li a {
  color: #fff;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: transparent;
  font-size: 16px;
  border-radius: 50%;
  box-sizing: border-box;
}

.offcanvas-socials ul li a i,
.offcanvas-socials ul li a svg {
  line-height: 1;
  display: block;
}
.offcanvas-socials ul li a {
  box-sizing: border-box;
}
.offcanvas-socials ul li a:hover {
    background: var(--rs-theme-orange);
    color: var(--rs-white);
    border-color: var(--rs-theme-orange);
}
.offcanvas-title-metas{
    color: #fff;
    margin: 20px 0px;
    font-size: 24px;
    font-weight:600;
}


/* IMAGE GRID */
.img-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 16px;
}

.img-box-1 {
  height: 250px;
  background-image: url("../vbimg/service/image-5.png");
  border-radius: 16px;
   background-repeat: no-repeat;
  background-size: cover;
}
.img-box-2 {
  height: 250px;
  background-image: url("../vbimg/service/image-2.png");
  border-radius: 16px;
   background-repeat: no-repeat;
  background-size: cover;
}
.img-box-3 {
  height: 250px;
  background-image: url("../vbimg/service/image-3.png");
  border-radius: 16px;
   background-repeat: no-repeat;
  background-size: cover;
}
.img-box-4 {
  height: 250px;
  width:auto;
  background-image: url("../vbimg/service/image-4.png");
  border-radius: 16px;
   background-repeat: no-repeat;
  background-size: cover;
}
.split-img {
  height: 100%;
  background-image: url("../vbimg/home/susnsability.png");
  border-radius: 24px;
  background-repeat: no-repeat;
  background-size: cover;
}
.ml-5{
    margin-left: 5px;
}


.rs-about-thirteen {
    padding: 80px 0;
    background: #f8fafc;
}

.section-title h3 {
    font-size: 36px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 10px;
}

.section-title p {
    color: #64748b;
    font-size: 16px;
    max-width: 700px;
    margin: auto;
}

.info-card {
    background: #f3f3f3;
    padding: 30px;
    border-radius: 12px;
     box-shadow: 0px 10px 15px rgb(0 0 0 / 16%);
    height: 100%;
    margin: 10px 0px;
}
 

.info-card h4 {
    font-size: 20px;
    font-weight: 600;
    color: #0f172a;
    margin-bottom: 15px;
    position: relative;
}

.info-card h4::after {
    content: "";
    width: auto;
    height: 3px;
    background: #0054a6;
    display: block;
    margin-top: 8px;
}

.info-card ul {
    padding-left: 18px;
}

.info-card ul li {
    margin-bottom: 8px;
    color: #61666a;
    font-size: 15px;
    list-style: circle;
}

.quality-box {
    margin: 50px 0;
    padding: 35px;
    background: linear-gradient(135deg, #0054a6, #002f5c);
   
    border-radius: 14px;
    text-align: center;
}

.quality-box p {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 10px;
     color: #ffffff;
}

@media (max-width: 768px) {
    .section-title h2 {
        font-size: 28px;
    }
}

.founder-message-section {
    padding: 90px 0;
    background: linear-gradient(135deg, #f8fafc, #eef2ff);
}

.founder-content h2 {
    font-size: 36px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 10px;
}

.founder-subtitle {
    display: inline-block;
    margin-bottom: 25px;
    font-size: 16px;
    color: #2563eb;
    font-weight: 600;
}

.founder-content p {
    font-size: 15.5px;
    line-height: 1.8;
    color: #334155;
    margin-bottom: 15px;
}

.founder-sign {
    margin-top: 30px;
}

.founder-sign h5 {
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 4px;
}

.founder-sign span {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #2563eb;
}

.founder-sign small {
    font-size: 13px;
    color: #64748b;
}

/* Founder Image Box */
.founder-image-box {
    position: relative;
    text-align: center;
}

.founder-image-box .image-bg {
    position: absolute;
    top: -20px;
    left: 20px;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #2563eb, #1e40af);
    border-radius: 18px;
    z-index: 1;
}

.founder-image-box img {
    position: relative;
    z-index: 2;
    max-width: 100%;
    border-radius: 18px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

.product-information-tab .nav-link.active {

    background:none !important;
    color: #0054a6;
    border-bottom: 1px solid #0054a6;
}

/* Responsive */
@media (max-width: 991px) {
    .founder-message-section {
        padding: 60px 0;
    }

    .founder-content h2 {
        font-size: 28px;
    }

    .founder-image-box {
        margin-top: 40px;
    }
    .product-details-wrapper h3{
    font-size:25px !important;
}
}
@media (max-width: 1600px) {
.product-details-wrapper h3{
    font-size:30px !important;
}}
.product-details-current-price{
    color:#011120 !important;
}
.section-space-y{
  padding:100px 0px;
}

.sidebar-blog-title a{
    color:#011120;
}
 .rs-postbox-tag a:hover {
    background: #119b4b;
}

.main-menu li.menu-item-has-childrens > a::after {
    content: "\f107";
    font-family: var(--rs-ff-fontawesome);
    margin-inline-start: 5px;
    font-weight: 500;
    font-size: 15px;
}

/* ============================
   CERTIFICATIONS SECTION
============================ */

.certifications-section {
    padding: 80px 0;
    background-color: #f8fafc; /* soft background */
}

.section-title h2 {
    font-size: 36px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 10px;
}

.section-title p {
    font-size: 16px;
    color: #64748b;
    max-width: 650px;
    margin: 0 auto 50px;
}

/* Grid Layout */
.certifications-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

/* Card Design */
.certification-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 30px 20px;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
}

.certification-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(15, 23, 42, 0.12);
}

/* Image Box */
.certification-img {
    background-color: #f1f5f9; /* image box background */
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
}

.certification-img img {
    max-width: 80px;
    height: auto;
}

/* Text */
.certification-card h4 {
    font-size: 18px;
    font-weight: 600;
    color: #0f172a;
    margin-bottom: 5px;
}

.certification-card span {
    font-size: 14px;
    color: #475569;
}

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

@media (max-width: 991px) {
    .certifications-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575px) {
    .certifications-grid {
        grid-template-columns: 1fr;
    }

    .section-title h2 {
        font-size: 28px;
    }
}

/* ===============================
   MANUFACTURING CAPABILITIES V2
================================ */


.manufacturing-capabilities {
    padding: 90px 0;
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
}

.section-head {
    max-width: 800px;
    margin-bottom: 60px;
}

.section-head h2 {
    font-size: 38px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 10px;
}

.section-head p {
    font-size: 16px;
    color: #64748b;
    line-height: 1.6;
}

/* Layout */
.capabilities-layout {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
}

/* Item */
.capability-item {
    position: relative;
    border-radius: 18px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 14px 40px rgba(15, 23, 42, 0.08);
    transition: 0.35s ease;
}

.capability-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 55px rgba(15, 23, 42, 0.14);
}

/* Image */
.capability-item img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
}

/* Content Overlay */
.capability-content {
    background: #ffffff;
    padding: 18px 20px;
    border-top: 1px solid #e2e8f0;
}

.capability-content h4 {
    font-size: 18px;
    font-weight: 600;
    color: #0f172a;
    margin-bottom: 4px;
}

.capability-content span {
    font-size: 14.5px;
    color: #475569;
}

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

@media (max-width: 1199px) {
    .capabilities-layout {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 991px) {
    .capabilities-layout {
        grid-template-columns: repeat(2, 1fr);
    }

    .section-head h2 {
        font-size: 32px;
    }
}

@media (max-width: 575px) {
    .capabilities-layout {
        grid-template-columns: 1fr;
    }

    .capability-item img {
        height: 220px;
    }
}
.rs-portfolio-six .rs-portfolio-thumb{
    border:1px solid #000 !important;
    border-radius: 20px !important;
}
.rs-portfolio-six .rs-portfolio-content {
     
    padding: 20px 30px;
     
    position: absolute;
    inset-inline-start: 0;
    bottom: -85px;
    z-index: 1;
    transition: all 0.5s ease;
    width: 200px;
}
/* @media only screen and (min-width: 1200px) {.rs-portfolio-six .rs-portfolio-thumb {
    width:auto !important;
}} */

.information-wrapper {
     
    color: #333;
    line-height: 1.6;
    max-width: 1300px;
    margin: 0 auto;
    padding: 20px;
}

/* Intro Paragraph Styling */
.intro-section {
    background: #f8f9fa;
    border-left: 5px solid #0054a6;
    padding: 25px;
    /* margin-bottom: 40px; */
    border-radius: 8px;
    font-size: 1.1rem;
        box-shadow: 4px 4px 20px rgb(0 0 0 / 21%);

}

/* Grid Layout for Features */
.features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
}

/* Individual Feature Cards */
.feature-card {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 30px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.feature-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    border-color: #0054a6;
}

/* Numbered Icon Box */
.icon-boxns {
    background: #0054a6;
    color: white;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 14px;
}

/* Headlines */
.feature-card h3 {
    color: #222;
    font-size: 17px;
    margin-bottom: 15px;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 10px;
}

/* Text Content */
.feature-card p {
    font-size: 15px;
    color: #666;
    margin: 0;
}

/* Responsive Tweak */
@media (max-width: 768px) {
    .features-grid {
        grid-template-columns: 1fr;
    }
}

.rs-breadcrumb-one .rs-breadcrumb-menu ul li span a:hover {
    color: #d9d9d9 !important;
}

  /* Wrapper to enable horizontal scrolling */
.table-scroll-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Smooth scrolling for mobile */
    border: 1px solid #ababab;
    margin: 20px 0;
}

.data-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 1100px; /* Forces scrollbar when container is narrower than 1000px */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #fff;
}

.data-table th {
    background-color: #f8f9fa;
    color: #333;
    font-weight: 600;
    padding: 12px 15px;
    border: 1px solid #ababab;
    text-transform: uppercase;
    font-size: 12px;
}
/* .data-table th ,
.data-table td {
    white-space: nowrap;
} */

.data-table td {
    padding: 10px 15px;
    border: 1px solid #ababab;
    text-align: center;
    font-size: 13px;
    color: #555;
    vertical-align: middle;
}

/* Zebra striping for readability */
.data-table tbody tr:nth-child(even) {
    background-color: #fafafa;
}

/* Hover effect */
.data-table tbody tr:hover {
    background-color: #f1f1f1;
}
.product-image img{
    border-radius:20px;
    margin:10px 0px ;
}
.information-wrapper .row{
    align-items: center;
}
.thames-greens{
        background: transparent !important;
    color: #2aac66 !important;
    border: 1px solid #2aac66 !important;
    margin-left: 20px !important;
}
.thames-greens:hover {
        
    color: #ffffff !important;
     
}
.h-45{
    height:45px !important;
}


/* enquiry form css
 */



     .enquiry-form {
    max-width: auto;
}

.form-group {
    margin-bottom: 15px;
}
.nice-select {
    width: 100% !important;
}

.nice-select .list {
    max-height: 250px !important;
    overflow-y: auto !important;
    overflow-x: hidden;
}
.list::-webkit-scrollbar {
    display: none !important;                /* Chrome / Safari */
}
.form-group label {
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
}
.scroll-select {
    max-height: 200px;
    overflow-y: auto;
}
.nice-select {
    width: 100%;
    margin: 6px 0px !important;
    font-size: 13px !important;
}
 input[type="text"],
 input[type="email"],
  input[type="tel"],
  input[type="number"]{
       border: 1px solid rgb(221, 221, 221) !important; 
       height: 40px !important;
    }
     input[type=text],input[type=email],
  input[type=tel],input[type=number]{
    width: 100% !important;
    font-size: 15px !important;
    height: 40px !important;
}
input[type="email"] {
    margin: 0  !important;
}

.form-group select::-webkit-scrollbar {
    display: none;
}
label{
        font-size: 15px !important;
}
.table-scroll {
     max-height: 500px;            /* REQUIRED for scrolling */
    overflow-y: auto;
    overscroll-behavior: contain;
        border: 1px solid #0054a6;
    padding:20px 30px;
    border-radius: 10px;

    /* Hide scrollbar */
    scrollbar-width: none !important;        /* Firefox */
    -ms-overflow-style: none !important;     /* IE & Edge */
}

/* Chrome, Safari, Edge */
.table-scroll::-webkit-scrollbar {
    display: none !important;
}
.form-group select,
.form-group input {
    width: 100%;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #525252ff;
}

 .spec-select-table select {
    width: 100%;
    min-width: 160px;
    padding: 6px 8px;
    border-radius: 4px;
    border: 1px solid #505050ff;
}

@media (max-width: 768px) {
    .spec-select-table select {
        min-width: 100%;
    }
    .table-scroll {
     max-height: 600px !important; }
}
@media (min-width: 1024px) {
.table-scroll {
    max-height: 570px !important;}
}
table tr,
table th,
table td {
    font-size: 16px;
}

.product-details-thumb-wrap {
    margin-inline-end: 50px;
    margin-bottom:25px;
}

 
/* end enquiry form css  */


.rs-shop-area{
    overflow: hidden !important;
}

.text-0054a6{
    color:#0054a6 !important;
}

.backtotop-wrap:hover {
    background: #0da441 !important;
}