/*
Theme Name: GetExamVouchers
Theme URI: https://www.mohanrao.in/getexamvouchers
Description: GetExamVouchers theme is lightweight build custom WooCommerce theme from scratch By M Mohan Rao, Web Designer and WordPress Developer.
Version: 1.0
Author: M Mohan Rao
Author URI: https://www.mohanrao.in
Text Domain: getexamvouchers
*/

:root{
  --darkblue:#00296f;
  --white:#ffffff;
  --gray:#f4f8ff;
  --cyon: #10a8c9;
  --blue: #01629c;
  --black: #000000;
  --navydark:#3a4268;
}
body{
    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: var(--navydark);
    font-size: 1rem;
    line-height: normal;
}
.hero-navy-section {
  background-color: #002B66;
  background-image: 
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.04) 1px, transparent 1px, transparent 40px),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.04) 1px, transparent 1px, transparent 40px);
}
p, .accordion-body{line-height: 24px;}
.accordion-body p{margin-bottom: 10px;}
.accordion-body ul{margin-bottom: 1rem;}
h1, h2, h3, h4, h5, h6, .testimonials-head cite{
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    color:var(--darkblue);
    margin-bottom: 1.25rem;
}
.accordion-button, .herooverlay-sec h2{font-size: 1.25rem;font-weight: 700;color: var(--darkblue);}
img{max-width: 100%; height: auto;}
.course-logo{max-width: 180px;width: 180px;}
h2, .slider .h2{font-size: 2.375rem;color: var(--darkblue);}
.slider a{color: var(--black);}
a{text-decoration: none;}
p, dl, ol, ul {
    margin-bottom: 1.8rem;
}
p strong{font-weight: 500;}
p:last-child{margin-bottom: 0;}
.btn{font-size: 16px;}
.top-header, .metainfo{font-size: 14px;}
.top-header span{color: var(--cyon); margin-right: 7px;}
.top-header a{color: #d1d1d1;}

.logo-bg{background-color: #f7faff;}
h1{font-size: 2.25rem;}
h2, .h2{font-size: 2.25rem;}
h3{font-size: 1.625rem;}
h4{font-size: 1.375rem;}
.bg-cyon{background-color: var(--cyon)!important;}
.darkblue, .active>.page-link, .page-link.active, ul.tabs.wc-tabs li{background-color: var(--darkblue)!important;}
.bg-blue{background-color: var(--blue);}
.bg-vlight-gray{background-color: var(--gray);}
.bg-grad-blue-darkblue{background: #01629C;
background: -webkit-linear-gradient(260deg, rgba(1, 98, 156, 1) 0%, rgba(0, 41, 111, 1) 100%);
background: -moz-linear-gradient(260deg, rgba(1, 98, 156, 1) 0%, rgba(0, 41, 111, 1) 100%);
background: linear-gradient(260deg, rgba(1, 98, 156, 1) 0%, rgba(0, 41, 111, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01629C", endColorstr="#00296F", GradientType=0);}
.bg-grad-darkblue-darkblue{background: #01578A;
background: -webkit-linear-gradient(260deg, rgba(1, 87, 138, 1) 0%, rgba(0, 41, 111, 1) 100%);
background: -moz-linear-gradient(260deg, rgba(1, 87, 138, 1) 0%, rgba(0, 41, 111, 1) 100%);
background: linear-gradient(260deg, rgba(1, 87, 138, 1) 0%, rgba(0, 41, 111, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01578A", endColorstr="#00296F", GradientType=0);}
.bg-cyon-darkblue-grad{background: #00296F;
background: -webkit-linear-gradient(-90deg, rgba(0, 41, 111, 1) 35%, rgba(16, 168, 201, 1) 100%);
background: -moz-linear-gradient(-90deg, rgba(0, 41, 111, 1) 35%, rgba(16, 168, 201, 1) 100%);
background: linear-gradient(-90deg, rgba(0, 41, 111, 1) 35%, rgba(16, 168, 201, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00296F", endColorstr="#10A8C9", GradientType=0);}
.accordion-button:not(.collapsed){background-color: var(--white);}
.accordion-button:focus{border: 0px solid #fff;box-shadow:none;}
.accordion-item, .shadow-sm{box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.1)!important;}
.accordion-item{margin: 0 0 17px 0;}
.accordion-item:last-child, .accordion-item .accordion-header{margin-bottom: 0;}
.text-blue{color: var(--blue)}
.text-white, .darkblue, .darkblue h3, .darkblue h2, .bg-blue-darkblue h2, .speak-with-our-expart h2, .darkblue a{color: var(--white);}
.text-vlight-gray, .trusted-sec p{color: var(--gray);}
.text-darkblue a, .accordion-button:not(.collapsed), .page-link{color: var(--darkblue);}
.text-navydark, .accordion-item{color: var(--navydark);}
.text-cyon, .trusted-sec h3 strong, .trusted-sec h2 strong, .autorize-sec h2 strong, .speak-with-our-expart h2 strong, .certification-sec h2 strong, a:hover, .blog-article a:hover, .blog-article .rmorebtn a, .righ-certivoucher-sec h2 strong, .darkblue h2 strong, .darkblue h1 strong, .about-sec h2 strong{color: var(--cyon);}
.border-cyon{border: 1px solid var(--cyon);}
.border-blue{border: 1px solid var(--blue);}
.hero-img h1{color:var(--white);}
.dropdown-toggle{padding-right: 20px!important;padding-left: 20px; font-weight: 500!important;}
.noborder-rad{border-radius: 0!important;border: 0px solid #fff;}
.dropdown-toggle::after{font-family: 'icomoon' !important;content: "\e905" !important;border: 0px solid #ffffff!important;position: absolute;}
.megadrop .dropdown-toggle::after{font-weight: bold; margin-left: 15px; background-color: #fff;color: #606060; width: 29px;height: 29px;border-radius: 100%; position: relative;display: flex;
    align-items: center;
    justify-content: center;}
    .megadrop{align-items: center!important;}
    .custom-search-submit-btn{ 
    padding-left: 30px;}
.custom-search-submit-btn::after {
  content: "\e906" !important;
    margin-left: 15px;
    background-color: #fff;
    color: #606060;
    width: 29px;
    height: 29px;
    border-radius: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}
.btn{padding: 10px 17px;font-weight: 500;}
a.wp-element-button, button.wp-element-button{border-radius: 7px;}
button.wp-element-button{padding: 14.5px 17px;font-weight: 500;font-size: 16px;}
.btn:hover, .single-product .single_add_to_cart_button:hover, a.wp-element-button:hover {background-color: var(--cyon)!important;border-color: var(--cyon);color: var(--white);}
.btn span{ display: inline-flex; align-items: center; justify-content: center; width: 29px; height: 29px;}
 nav, .wc-block-cart__submit{font-weight: 500;}
.btn-outline-secondary{border: 2px solid var(--darkblue);}
.btn-outline-secondary span{width: auto!important;}
.nav-link{padding: 18px 21px!important;color: #606060!important;font-weight: 500;}
.navbar-nav li.current_page_item a.nav-link {
    color: #10a8c9 !important;
}
header, .cart-link, .custom-account-link{color: #606060!important;}
:root :where(.wp-element-button, .wp-block-button__link){background-color: var(--darkblue)!important;}
.navbar-nav .dropdown-menu .nav-item a {
    border-bottom: 1px solid #dee2e6;
}
.dropdown-menu a {
    padding: 10px 20px;
}
.navbar-expand-md .navbar-nav .dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
}
.navbar-toggler-icon {
    background-image: url(./assets/images/menu.svg);
    outline: none;
}
.slider{font-family: "Poppins", sans-serif;}
.carousel-caption{left: 0;right: 0;text-align: left;color: var(--navydark);}
.slider .h2{font-weight: 400;font-size: 2rem;}
.slider .h2 strong{font-weight: 700;color: var(--cyon);}
.slider ul{list-style-type: none; padding-left: 0; padding: 5px 0;font-size: 1.25rem;margin-bottom: 0;}
.slider ul li{padding: 5px 0; margin: 0 0;display: block;}
.slider ul li span{background-color: var(--darkblue); color: var(--white); width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;margin-right: 10px;}
.slider .rounded-bottom-start{border-radius: 0 0 0 15px;}
.slider .rounded-bottom-end{border-radius: 0 15px 15px 0;}
.shado{box-shadow: 2px 0 5px 0px #8e939b;
    margin-top: 10px;margin-bottom: 10px;}
.slider .hero-pricebox{font-size: 16px;}
.slider .hero-pricebox p{margin-bottom: 0;font-weight: 600;}
.slider .hero-pricebox p strong{font-weight: bold; font-size: 25px;}
.slider .hero-pricebox p strong s{text-decoration-color: #ff0000;}
.slider .hero-pricebox li{margin: 0;}
.slider .btnwrap{/*position: absolute;right: 33px;*/font-size: 14px;font-weight: bold;width: 200px;} 
.hero-btn-arrow{width: 30px;height: 30px;}
.carousel-indicators [data-bs-target] {
    height: 8px;
    background-color: var(--navydark);
    border-radius:5px;
} 
.carousel-indicators{margin-bottom: 0px;}
.vouchers-cat-sec img{box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;}
.cat-badge{font-size: 20px;position: absolute; top:0;right: 0; width: 76px; padding:10px 15px;text-align: right;font-weight: 500;border-bottom-left-radius: 40px;}
.cat-badge .small{font-size: 12px;}
.cat-badge span{padding-top: 2px;}
/*.vouchers-cat-sec .cat-badge{width: auto;text-align: center;top:10px;right: 10px;font-size: 12px;}*/
.vouchers-cat-sec .btn{padding: 5px 13px;font-size: 12px;font-weight: 500;}
.vouchers-cat-sec .btn span{width: 22px; height: 22px;}
.btn-overlay{position: absolute; bottom: 10px;left: 0;width: 100%;/*opacity: 1;*/
  /*visibility: hidden;*/
  /*transform: translateY(10px);*/ /* Starts slightly below for a slide-up effect */
  
  /* Cross-browser transition */
 /* -webkit-transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;*/
}
  .vcat-imgwrap{position: relative; /* Ensures absolute positioning works properly */
  overflow: hidden; display: block;   /* Optional: keeps sliding effects contained */}
 .vcat-imgwrap img {
  transition: transform 0.4s ease-in-out;
  will-change: transform;
}
.vcat-imgwrap:hover img {
  transform: scale(1.06);
}


/* Logo Carousel CSS */
:root {
  --items-per-screen: 3;
  --gap: 15px;
}

@media (min-width: 768px) {
  :root {
    --items-per-screen: 4;
  }
}

@media (min-width: 1024px) {
  :root {
    --items-per-screen: 6;
  }
}


/* Native Scroll Snap Track */
.carousel-track {
  display: flex;
  gap: var(--gap);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  
  /* Hide scrollbar completely */
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.carousel-track::-webkit-scrollbar {
  display: none;
}

/* Slide Item Layout */
.carousel-slide {
  flex: 0 0 calc((100% - (var(--gap) * (var(--items-per-screen) - 1))) / var(--items-per-screen));
  scroll-snap-align: start;
  display: flex;
  align-items: center;
  justify-content: center;
  
  /* INCREASE THIS: Set container height to accommodate full intrinsic height */
  height: auto; 
}

.carousel-slide img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.carousel-slide img:hover {
  opacity: 1;
}

/* Capsule Pagination Indicators */
.carousel-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  margin-top: 20px;
}

.dot {
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  border-radius: 50%;
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1),
              background-color 0.3s ease,
              opacity 0.3s ease;
}

/* Visible pagination dot */
.dot::before {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  border-radius: 50rem;
  background-color: #004e89;
  opacity: 0.4;
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1),
              background-color 0.3s ease,
              opacity 0.3s ease;
}

/* Active pagination indicator */
.dot.active::before {
  width: 34px;
  background-color: var(--cyon);
  opacity: 1;
}

/* Hover / keyboard focus */
.dot:hover::before {
  opacity: 1;
}

.dot:focus-visible {
  outline: 2px solid var(--cyon);
  outline-offset: 2px;
}

/*About Us section*/
.about-sec p{font-size: 1.625rem;line-height: normal;}
.help-you-sec h2{color: var(--white);}
.help-you-sec p{font-size: 20px;}
.help-you-sec h2 strong{font-weight: 700;}
.help-you-sec{ border-top-left-radius: 100px;}

/*Trusted section*/
.trusted-sec {
    background: url('./assets/images/bg-trusted.webp') center center / cover no-repeat;
}

.trusted-sec h2{color: var(--white);}
.trusted-sec h3{color: var(--cyon);font-size: 1.25rem;margin-bottom: 1rem;}

/*Testimonials section*/
.testimonials-sec h2, .help-you-sec h2{font-weight: 400!important;}
.testimonials-sec h2 strong{font-weight: 700;}
.testimonials-sec .imgcircle{width: 68px;height: 68px;}
.star-rating{color: #f9ae0e;}
.star-rating span {
    margin: 0 2px 0 0;
}
.testimonials-sec .btn span{justify-content: end;}
:root {
  --testi-items: 1; /* Mobile view: 1 item */
  --testi-gap: 25px; /* 15px Gap between cards */
}
#general-tab, #refund-tab{min-width: 170px;}
#general-tab{border-radius: 7px 0px 0px 7px!important;}
#refund-tab{border-radius: 0px 7px 7px 0px!important;}
/* Custom Capsule/Pill Tab Styles */
    .faq-tabs .nav-link, .nav-tabs .nav-link.active{
      color:var(--white)!important;
      background-color: var(--cyon);
      font-weight: 500;
      padding: 15px 24px!important;
      transition: all 0.3s ease;
    }
.prouct-cat-tabsec .nav-link{
      color:var(--white)!important;
      background-color: var(--cyon);
      font-weight: 500;
      transition: all 0.3s ease;
    }
    .faq-tabs .nav-link.active, .prouct-cat-tabsec .nav-link, .nav-tabs .nav-link {
      background-color: var(--darkblue);
      color: #ffffff!important;
    }
    .nav-tabs .nav-link{border: 0px solid #fff;}
    #validForExamTabs{border-bottom: 1px solid var(--cyon);}
    .nav-tabs .nav-link:hover, button.wp-element-button{background-color: var(--cyon);}
    .product-short-description{font-size: 13px;}
    .product-short-description p{margin-bottom: 10px;}
    .product-short-description ul{padding-left: 0;}
/* =========================================
   Testimonial Carousel
   ========================================= */

:root {
  --testi-items: 1;
  --testi-gap: 16px;
}

@media (min-width: 768px) {
  :root {
    --testi-items: 2;
  }
}

@media (min-width: 1024px) {
  :root {
    --testi-items: 3;
  }
}


/* =========================================
   Carousel Container
   ========================================= */

.testimonial-carousel-container {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
}


/* =========================================
   Carousel Track
   ========================================= */

.carousel-track {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: var(--testi-gap);
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0 0 10px;
  box-sizing: border-box;
  
  /* Important for smooth slider movement */
  will-change: transform;
}


/* =========================================
   Testimonial Cards
   ========================================= */

.carousel-track > .col {
  flex: 0 0 calc(
    (100% - (var(--testi-gap) * (var(--testi-items) - 1)))
    / var(--testi-items)
  ) !important;

  width: calc(
    (100% - (var(--testi-gap) * (var(--testi-items) - 1)))
    / var(--testi-items)
  );

  max-width: none !important;

  padding-left: 0 !important;
  padding-right: 0 !important;

  scroll-snap-align: start;
  box-sizing: border-box;
}


/* =========================================
   Dots
   ========================================= */

.testimonial-carousel-container .dot {
  width: 20px;
}

.testimonial-carousel-container .dot.active {
  width: 38px;
  /*background-color: var(--cyon);*/
  opacity: 1;
}

/* Authorized Logo section*/
.bg-litegray{background-color: #fcfdff;}

/*Speak with Our Exparts*/
.speak-with-our-expart h2 strong{font-weight: 400;}

.bg-icon-green{background-color: #67b403;}
.bg-icon-blue{background-color: #047ad5;}
.bg-icon-orange{background-color: #ff9000;}
.bg-icon-red{background-color: #ea4335;}
.expart-sec-icon{width: 83px;height: 83px;font-size: 43px;color: var(--white);}
.border-left-green{border-left: 15px solid #67b403;}
.border-left-blue{border-left: 15px solid #047ad5;}
.border-left-orange{border-left: 15px solid #ff9000;}
.border-left-red{border-left: 15px solid #ea4335;}
/* Base card transition setup */
.contact-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

/* Icon transition setup */
.contact-card .expart-sec-icon {
  transition: transform 0.3s ease;
}

/* Hover Effect: Card lifts up and gains a subtle soft shadow */
.contact-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1) !important;
}

/* Hover Effect: Icon scales up slightly */
.contact-card:hover .expart-sec-icon {
  transform: scale(1.1);
}

/*Autorize section*/
.autorize-sec h2:first-child{margin-bottom: 10px;}
.speak-with-our-expart .contact-card a{color: var(--navydark);}
.speak-with-our-expart .contact-card a:hover{color: var(--cyon);}

/*Blog Section*/
.metainfo, .metainfo a{color: #71768e;}
.metainfo span{margin-right: 2px;}
.blog-article h3{font-size: 1.125rem;}
.blog-article a{color: var(--darkblue);}

/*Right Certification*/
.righ-certivoucher-sec h2{font-weight: 400;}
.righ-certivoucher-sec .head-cont{font-size: 22px;}
.righ-certivoucher-sec ul li{margin-bottom: 8px;}
.righ-certivoucher-sec ul li:last-child{margin-bottom: 0px;}

/* Smooth lift transition setup */
.lift-on-hover {
  display: inline-block; /* Ensures proper transform boundaries */
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  will-change: transform;
}

/* Move up effect on hover */
.lift-on-hover:hover {
  transform: translateY(-8px); /* Lifts element up by 8px */
}

footer, footer h3, footer h4 {color: var(--gray);}
footer ul li{list-style-type: none; padding: 10px 0;}
footer ul li a, footer a{color: var(--gray); font-size: 1rem;}
footer hr{color: #00a2c5;}
.entry-content ul li, .whychoose-sec li{padding: 0 0 8px 0;}
/* Base Styles & Smooth Transitions */
.btn-hover-slide {
  transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
  overflow: hidden;
}

/* Text & Icon Micro-transitions */
.btn-hover-slide > span:first-child {
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.btn-hover-slide .icon-chevron-right {
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.3s ease;
  width: 28px;
  height: 28px;
  font-size: 0.85rem;
}

/* Hover State Effects */
.btn-hover-slide:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
}

/* Move Icon slightly to the right on hover */
.btn-hover-slide:hover .icon-chevron-right {
  transform: translateX(4px) scale(1.05);
}
.social-links li {
    list-style-type: none;
    display: inline-block;
}
.social-links li a {
    margin-right: 5px;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-width: 1px;
    border-style: solid;
    border-color: var(--gray);
    border-radius: 100%;
}
.social-links li a:hover {
    background-color: var(--gray);
    color: var(--darkblue);
    transition: background-color 0.5s;
}
/*Inner Page css*/
.inner-hero-img{position: relative;}
.inner-hero-img::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.49);
    bottom: 0;
    right: 0;
    z-index: 0;
}

.mar-up-sec {
    margin-top: -75px;
}
.post-category.bg-white a{color:var(--darkblue)!important;}
.blog-hero-sec ul {list-style-type: none;}
.blog-hero-sec ul li{border-right: 1px solid var(--white) ;padding: 0px 15px 0 0;display: block;}
.blog-hero-sec ul li:last-child{border-right: 0px solid var(--white)}
label.toc-item {display: flex;padding: 12px 0 12px 0;cursor: pointer; column-gap: 10px;}
.toc-box ul li {display: block; border-bottom: 1px dashed var(--blue);} 
.toc-box ul li:last-child{border-bottom: 0px solid var(--white);}
label.toc-item {
    display: flex;
    align-items:center;
    padding: 12px 0 12px 0;
    cursor: pointer;
    column-gap: 10px;
}
.toc-item input {
    appearance: none;
    width: 18px;
    height: 18px;
    flex-shrink: 0; /* Prevents the input from turning into an oval */
    border: 2px solid #fff;
    border-radius: 50%; /* Standard circular radius */
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 2px; /* Optional alignment tweak for the first line of text */
}
.toc-item span {
    color: #fff;
    transition: 0.3s;
}
.toc-item input:checked {
    border-color: #fff;
}

.toc-item input:checked::after {
    content: "";
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    transition: 0.2s ease;
}

/* Text */
.toc-item span {
    transition: 0.3s;
}
.whychoose-sec ul{margin-bottom: 1.8rem;}
/*Product Category css*/
.herooverlay-sec h2{margin-bottom: 0.9rem;}
/* Ensure .imgcircle allows custom background overrides */
.carousel-track .col .imgcircle {
    transition: background-color 0.3s ease;
}

/* Cycle through 6 distinct light pastel colors (works for original + cloned carousel items) */
.carousel-track .col:nth-child(6n + 1) .imgcircle {
    background-color: #e3f2fd !important; /* Soft Blue */
}

.carousel-track .col:nth-child(6n + 2) .imgcircle {
    background-color: #f3e5f5 !important; /* Soft Purple */
}

.carousel-track .col:nth-child(6n + 3) .imgcircle {
    background-color: #e8f5e9 !important; /* Soft Green */
}

.carousel-track .col:nth-child(6n + 4) .imgcircle {
    background-color: #fff3e0 !important; /* Soft Orange */
}

.carousel-track .col:nth-child(6n + 5) .imgcircle {
    background-color: #e0f7fa !important; /* Soft Cyan */
}

.carousel-track .col:nth-child(6n + 6) .imgcircle {
    background-color: #fce4ec !important; /* Soft Pink */
}
.woocommerce .products{list-style-type: none;clear: both;}
a.added_to_cart.wc-forward {
    display: none;
}
.woocommerce .products .product a.woocommerce-loop-product__link{padding: 15px;display: block;}
.product-short-description{padding: 0 15px;}
.product-short-description ul li{list-style-type:disc!important; list-style-position: inside!important;font-weight: 500;}
.woocommerce .products .product .button, .single-product .single_add_to_cart_button {padding: 12px 30px;font-weight: 500;border-radius: 5px;border: 0px solid #fff;}
.woocommerce .products .product .button:hover{opacity: 0.9;}
.woocommerce .products .product .woocommerce-loop-product__title{padding: 0 20px 20px 20px;border-bottom: 1px dashed #dee2e6;}
.woocommerce .products .product img{max-width: 140px; display: block;object-fit: cover;
    height: 60px;}
.woocommerce .products .product .price {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 14px;
    justify-content: space-between;
    font-size: 20px;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    margin: auto 15px 15px 15px;
    padding: 15px 0 15px 0;
}
.woocommerce .products .product .price del, .woocommerce .products .product .price ins{text-decoration: none;}
.woocommerce .products .product .price del bdi{text-decoration: line-through #ff0000;font-weight: normal;}
.woocommerce .products .product .price del::before, .woocommerce .products .product .price ins::before{font-size: 14px;}
.woocommerce .products .product .price del::before{content: "Actual price" ;display: block;text-decoration: none;}
.woocommerce .products .product .price ins::before{content: "Discounted price" ;display: block;}
.woocommerce .products .product .price ins{color: var(--darkblue);text-decoration: none;}
.woocommerce .products .product .price ins bdi, .text-decoration-none strong ins span, .text-decoration-none strong ins bdi, .text-decoration-none strong ins{font-weight: 500;color: var(--cyon)!important;text-decoration: none;}
.woocommerce .products .product .price del{color: #6c6c6c;}
.woocommerce .products .product .button{margin: 0 0 0 0;background-color: var(--darkblue);color: var(--white);display: inline-block;}
.woocommerce .woocommerce-breadcrumb{color: var(--white);}
.woocommerce .woocommerce-breadcrumb a{color: var(--cyon);}
ul.page-numbers{list-style-type: none;padding-left: 0;display: flex; align-items: center; justify-content: center; column-gap: 5px;padding-top: 20px;}
ul.page-numbers li{display: inline-flex;}
ul.page-numbers li a, ul.page-numbers li span{padding: 10px 15px;background-color: var(--white);border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;}
 #review_form input[type="text"], #review_form input[type="email"], #review_form textarea{padding: 10px 15px!important;border: 2px solid #6a92b8!important;border-radius: 7px!important;}
  #review_form textarea{max-width: 100%;}
 #review_form input[type="submit"]{background-color: var(--darkblue);color: var(--white);padding: 10px 25px!important;border:0px solid #fff;border-radius: 7px!important;}
/* ==========================================================================
   PURE CSS ICOMOON STAR PICKER (FOR NATIVE WOOCOMMERCE HTML)
   ========================================================================== */

/* 1. Container Alignment */
.woocommerce p.stars span {
  display: inline-flex !important;
  flex-direction: row-reverse; /* Reverses DOM order so ~ selector affects preceding stars */
  justify-content: flex-end;
  position: relative;
}

/* 2. Individual Star Link Reset */
.woocommerce p.stars span a {
  position: relative;
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  line-height: 1.2em;
  text-indent: -9999px; /* Hide WooCommerce text like "1 of 5 stars" */
  text-decoration: none !important;
  color: transparent;
  font-family: 'icomoon' !important;
  text-align: center;
  margin-right: 9px;
}

/* 3. Render Single Icon per Star */
.woocommerce p.stars span a::before {
  content: "\e911"; /* Your IcoMoon Star Glyph */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: 0;
  color: #e0e0e0; /* Unselected Star Gray */
  font-size: 1rem;
  transition: color 0.15s ease-in-out;
  font-size: 24px;
}

/* 4. Pure CSS Hover & Focus States */
/* Highlight the hovered star AND all stars visually before it */
.woocommerce p.stars span a:hover::before,
.woocommerce p.stars span a:hover ~ a::before,
.woocommerce p.stars span a:focus::before,
.woocommerce p.stars span a:focus ~ a::before {
  color: #ffc107 !important; /* Bootstrap Gold */
}

/* 5. Hide WooCommerce Native Rating Select Dropdown */
.woocommerce #rating {
  display: none !important;
}
.single-product .single_add_to_cart_button {
    width: 100%;
    border-radius: 0.375rem;
    display: block;
    background-color: var(--darkblue)!important;
    padding: 15px 20px!important;
    border-radius: 7px!important;
    color: var(--white);
}
.price-sec span{font-size: 14px;font-weight: 400;color: var(--navydark);}
.price-sec .actprice span{opacity: .7;}
.price-sec .actprice bdi{text-decoration: line-through #ff0000;}
.price-sec del bdi{display: none;}
.price-sec strong span, .woocommerce .products .product .woocommerce-loop-product__title {font-size: 20px;}
.price-sec ins span bdi{font-weight: bold;text-decoration: none!important;color: var(--darkblue);}
.woocommerce .products .product .price small{font-size: 13px;color: var(--navydark);}
p.woocommerce-result-count{float: left;}
form.woocommerce-ordering{float: right;}
.single-product .quantity{display: none;}
/* Ensure the card container remains a column */
.products .product .h-100 {
    display: flex;
    flex-direction: column;
}

/* Push short description to grow and fill empty space */
.products .product .product-short-description {
    flex-grow: 1;
}
.products .product .product-short-description ul li{margin: 8px 0;font-size: 15px;}
.products .product .product-short-description ul li::marker{content: "\e90d";font-family: 'icomoon' !important;padding-right: 5px;}

/* Push price to bottom area above buttons */
.products .product .price {
    margin-top: auto;
    margin-bottom: 0.75rem;
    display: block;
}

/* Force buttons into inline flex items side-by-side */
.products .product .add_to_cart_button,
.products .product .gev-view-details {
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
}
.products .product .btn span{width: auto;}
ul.tabs.wc-tabs {
    display: flex;
    list-style-type: none;
    padding-left: 0;
gap: 10px;
}
ul.tabs.wc-tabs li {
    padding: 10px 20px;
    border-radius: 7px!important;
}
ul.tabs.wc-tabs li a{color: var(--white);}
ul.tabs.wc-tabs li.active{background-color: var(--cyon)!important;}
/* Increase height of standard input fields, dropdowns, and textareas in Gravity Forms */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="password"],
.gform_wrapper button[type="button"],
.gform_wrapper select{
    height: 57px!important;
    padding: 10px 15px!important;
    box-sizing: border-box;
    background-color: transparent!important;
    border: 2px solid #6a92b8!important;
    font-size: 16px!important;
    border-radius: 7px!important;
}
.speak-with-our-expart input, .speak-with-our-expart button,  .speak-with-our-expart select{ color: var(--white)!important;}

.gform-theme--foundation .ginput_address_country{inline-size: 100%!important;}
.gform_wrapper textarea {
    padding: 12px 15px;
    box-sizing: border-box;
    min-height: 140px;
    background-color: transparent!important;
    border: 2px solid #6a92b8!important;
    font-size: 16px!important;
    border-radius: 7px!important
}
.gform-theme--foundation .gform_fields{gap: 20px!important;}
.gform_wrapper .gfield_address_country {
    width: 100% !important;
    flex-basis: 100% !important;
    clear: both !important;
}

/* Ensure the select element inside it expands fully */
.gform_wrapper .gfield_address_country select {
    width: 100% !important;
    max-width: 100% !important;
}
p.gform_description{margin-bottom: 20px;}
.woocommerce-Tabs-panel p {
    margin-bottom: 10px;

}
.woocommerce-Tabs-panel p label, .woocommerce-Tabs-panel p.stars, #review_form label{margin-bottom: 10px;display: block;}
.speak-with-our-expart .gform_wrapper input::placeholder,
.speak-with-our-expart .gform_wrapper textarea::placeholder, .speak-with-our-expart .gform_wrapper textarea {
    color: #ffffff !important;
    opacity: 1 !important; /* Overrides default browser opacity handling */
    font-size: 16px!important;
}

/* Fallback for older browser engines */
.speak-with-our-expart .gform_wrapper input::-webkit-input-placeholder,
.speak-with-our-expart .gform_wrapper textarea::-webkit-input-placeholder {
    color: #ffffff !important;
    font-size: 16px!important;
}

.speak-with-our-expart .gform_wrapper input::-moz-placeholder,
.speak-with-our-expart .gform_wrapper textarea::-moz-placeholder {
    color: #ffffff !important;
    opacity: 1 !important;
    font-size: 16px!important;
}

.speak-with-our-expart .gform_wrapper input:-ms-input-placeholder,
.speak-with-our-expart .gform_wrapper textarea:-ms-input-placeholder {
    color: #ffffff !important;
}
.gform_wrapper select option {
    color: #000000 !important;
    background-color: #ffffff !important;
}
/* Target the modern Gravity Forms custom select arrow */
.gform_wrapper select, .gform-theme-button--tertiary::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") !important;
    background-position: right 15px center !important;
    background-repeat: no-repeat !important;
    background-size: 20px !important;
    padding-right: 40px !important;
}
/* Style the standard Gravity Forms submit button */
.gform_wrapper .gform_footer button[type="submit"],
.gform_wrapper .gform_page_footer button[type="submit"] {
    background-color: var(--cyon) !important;
    color: #ffffff !important; /* Sets the button text color to white */
    height: 57px!important;
    padding: 25px!important;
    font-size: 16px!important;
    border-radius: 7px!important

}

/* Style the submit button on hover state */
.gform_wrapper .gform_footer button[type="submit"]:hover,
.gform_wrapper .gform_page_footer button[type="submit"]:hover {
    background-color:var(--white) !important; /* Darker background color on hover */
    border-color: #555555 !important;
    color: var(--darkblue)!important;
    cursor: pointer;
}
.gform_wrapper input::placeholder, .gform_wrapper textarea::placeholder{font-size: 16px!important;color: var(--navydark)!important;}
.gform_wrapper input::-webkit-input-placeholder,
.gform_wrapper textarea::-webkit-input-placeholder{font-size: 16px!important;color: var(--navydark)!important;}
.gform_wrapper input::-moz-placeholder,
.gform_wrapper textarea::-moz-placeholder {font-size: 16px!important;color: var(--navydark)!important;}
.gform_wrapper input:-ms-input-placeholder,
.gform_wrapper textarea:-ms-input-placeholder {font-size: 16px!important;color: var(--navydark)!important;}

/* Reset & Style Search Input Field */
.custom-search-wrapper input[type="search"].custom-search-input {
    background: transparent !important;
    background-color: transparent !important;
        box-shadow: 0px 0px 5px 0px rgba(7, 191, 241, 0.3) !important;
    outline: none !important;
    -webkit-appearance: none !important;
    width: 100%;
    border: 1px solid #ccc; /* Add your desired border style here */
   padding: 16px 12px 16px 50px;
}

/* Ensure the outer container is relatively positioned for dropdown */
.custom-search-wrapper {
    position: relative;
    width: 100%;
    display: block;
    /*max-width: 600px;*/
}
.custom-search-wrapper::before{content: "\e901";position: absolute;font-family: 'icomoon';top: 16px;left:20px;font-size: 20px;}

/* Dropdown Container */
.custom-search-results {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    box-shadow: 0px 4px 12px rgba(0,0,0,0.1);
    z-index: 99999;
    max-height: 300px;
    overflow-y: auto;
    margin-top: 4px;
}

/* Results List Items */
.custom-search-results ul.custom-search-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.custom-search-results ul.custom-search-list li a {
    display: flex;
    align-items: center;
    padding: 10px;
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid #f0f0f0;
}

.custom-search-results ul.custom-search-list li a:hover {
    background-color: #f9f9f9;
}
button.gform-phone__country-selector:after{display:none!important;}

/*Login and Registration form */
.account-wrapper {
    border-radius: 16px;
    background: #fff;
}
.account-wrapper .u-column1.col-1 {
  background-color: var(--darkblue);
  padding: 2rem;
}
/* Left (Login) */
.woocommerce form.login, .woocommerce form.register {
    border: 0px solid #eee!important;
    padding: 0;
    margin-bottom: 0;
}
.woocommerce form.register{padding: 20px;}
/* Headings */
.woocommerce h2 {
    font-weight: 700;
    margin-bottom: 20px;
}

/* Inputs */
.woocommerce input.input-text, .woocommerce form select.input-text {
    height: 57px;
    border-radius: 0px!important;
   
    border: 2px solid var(--darkblue)!important;
    padding:10px 15px!important;
    outline: none;
    width: 100%;
}
.password-input{position: relative;}
.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
 background: none;
    border: 0px solid #fff;
    position: absolute;
    right: .7em;
    top: -2px;
}
.woocommerce form .show-password-input::after, .woocommerce-page form .show-password-input::after{font-family: 'icomoon';
        content: "\e906";color: var(--navydark);}
.woocommerce fieldset legend {
        font-size: inherit;
    }
.woocommerce input:focus{outline: none;}
.woocommerce form select.input-text{
    height: 47px;
  }
.woocommerce .account-wrapper .u-column1.col-1 input.input-text{width: 100%; border: 2px solid var(--white)!important;}
.woocommerce input.input-text:focus, .woocommerce input.input-text:focus-visible{background-color: none;border: 2px solid var(--darkblue)!important;}
.woocommerce form.login button.button:hover {
    background: var(--white);
    color: var(--darkblue);
}
/* Buttons */
.woocommerce button.button {
    transition: 0.3s;
    width: 100%;
    padding: 14px 25px;
    margin-top: 10px;
    color: var(--white);
    background: var(--darkblue);
    border: 0px solid #fff;
    font-weight: 500;
    
}
.woocommerce button.button:hover{background: var(--cyon);}

/* Container alignment & spacing */
.woocommerce-notices-wrapper {
    padding: 0 0;
}

/* Base style for all notice types */
.woocommerce-notice,
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    font-family: inherit;
    padding: 15px 20px;
        outline: none;
        list-style: none;
}
.page-id-223 .speak-with-our-expart{display: none;}
.page-id-223 footer{border-top: 1px solid var(--bs-border-color);}
/* Specific notice types */
.woocommerce-message {
    border-left: 4px solid #2ecc71; /* Success accent */
    background-color: #f0fff4;
    color: #155724;
}

.woocommerce-info {
    border-left: 4px solid #3498db; /* Info accent */
    background-color: #f0f8ff;
    color: #1b4965;
}

.woocommerce-error {
    border-left: 4px solid #e74c3c; /* Error accent */
    background-color: #fff5f5;
    color: #721c24;
}

/* Customize buttons inside notices */
.woocommerce-message .button,
.woocommerce-info .button {
    background-color: #2ecc71;
    color: #fff;
    border-radius: 4px;
    float: right;
}
.woocommerce form.login button.button{background: var(--cyon);border:0px solid #fff;font-weight: 500}
.woocommerce form .form-row .input-text, .woocommerce form .form-row select, .woocommerce button.button{border-radius: 7px!important;}
.page-id-9 .woocommerce input.input-text{height: auto;}
.woocommerce form .form-row .input-text, .woocommerce form .form-row select{background: none;}
.woocommerce form .form-row label{margin-bottom: 10px;}

/* Remember me */
.woocommerce-form__label-for-checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
}
.woocommerce form input[type="checkbox" i] {
      border: 1px solid #fff;
    height: 20px;
    width: 20px;
    background-color: none;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme{display: flex;}

/* Forgot password */
.woocommerce-LostPassword a {
    font-size: 14px;
    color: var(--white);
    text-decoration: none;
}
p.woocommerce-LostPassword.lost_password{margin-top: 20px;}
/* Register side */
.woocommerce-form-register {
  padding: 0!important;
  margin: 0!important;
}
.account-wrapper .u-columns{display: flex;}
.account-wrapper .u-column1.col-1{background-color: var(--darkblue);padding: 2rem;}
.account-wrapper .u-column1.col-1 .woocommerce-form-login input.input-text{color: var(--white);}
.account-wrapper .u-column2.col-2{padding: 2.4rem;}
.account-wrapper .u-column1.col-1 h2{color: var(--white);}
.account-wrapper .u-column1.col-1, .account-wrapper .u-column2.col-2{width: 50%;display: flex;flex-direction: column;justify-content: center;margin-bottom: 0!important;}
.woocommerce-MyAccount-navigation ul{padding-left: 0;}
.woocommerce-MyAccount-navigation ul li{list-style-type: none;margin: 8px 0; padding: 10px 20px;border: 1px solid #d2d2d2;}
.woocommerce-MyAccount-navigation ul li a{text-decoration: none;}

/*Font Icons css*/
@font-face {
  font-family: 'icomoon';
  src: url('./assets/fonts/icomoon.woff2?iud95p') format('woff2'),
       url('./assets/fonts/icomoon.woff?iud95p') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-user:before {
  content: "\e915";
}
.icon-minus:before {
  content: "\e914";
}
.icon-shopping-cart:before {
  content: "\e912";
}
.icon-eye:before {
  content: "\e913";
}
.icon-search:before {
  content: "\e901";
}
.icon-map-pin:before {
  content: "\e902";
}
.icon-mail:before {
  content: "\e903";
}
.icon-plus:before {
  content: "\e904";
}
.icon-chevron-down:before {
  content: "\e905";
}
.icon-chevron-right:before {
  content: "\e906";
}
.icon-shopping-bag:before {
  content: "\e907";
}
.icon-phone-call:before {
  content: "\e908";
}
.icon-badge:before {
  content: "\e90e";
}
.icon-check:before {
  content: "\e90d";
}
.icon-x:before {
  content: "\e900";
}
.icon-star-o:before {
  content: "\e90f";
}
.icon-star-half:before {
  content: "\e910";
}
.icon-star:before {
  content: "\e911";
}
.icon-facebook:before {
  content: "\e909";
}
.icon-facebook-f:before {
  content: "\e909";
}
.icon-handshake-o:before {
  content: "\e90a";
}
.icon-envelope-open-o:before {
  content: "\e90b";
}
.icon-group:before {
  content: "\e90c";
}
.icon-users:before {
  content: "\e90c";
}
.icon-calendar:before {
  content: "\e953";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-whatsapp:before {
  content: "\ea93";
}
.icon-linkedin2:before {
  content: "\eaca";
}

@media (max-width: 1024px) {
    .slider .h2{font-size: 1.2rem;}
    .slider ul{font-size: 1rem;}
    .slider ul li {
    margin: 2px 0;
    padding: 0px 0;
}
.slider ul li span {
    padding: 0px;
    margin-right: 8px;
    width: 36px;
    height: 36px;
}
.slider .fs-5{font-size: 16px!important;}
}
@media (max-width: 768px) {
    .carousel-caption {
    position: relative;
    }
    .btn-overlay{opacity: 1;visibility: visible;transform: translateY(0px);}
  .slider .h2 {
    font-size: 1.5rem;
}
.nav-link{color:var(--white)!important;padding: 18px 0px 18px 0px!important;}
.dropdown-menu{background-color: var(--darkblue)!important;border: 1px solid var(--cyon); padding-top: 0px;padding-bottom: 0px;}
.dropdown-menu:last-child{border-bottom: 0px solid var(--cyon);}

.navbar-nav .dropdown-menu .nav-item a{border-bottom: 1px solid var(--cyon);}
/* Card relative container */
.mega-grid-card {
    background-color: #f8f9fa;
    border-color: #e9ecef !important;
    min-height: 95px;
    position: relative !important;
    overflow: visible !important;
    transition: all 0.2s ease-in-out;
}
/* Card Container */
.mega-grid-card {
    background-color: var(--white)!important;
    min-height: 95px;
    position: relative !important;
    overflow: visible !important;
    transition: all 0.2s ease-in-out;
}

/* Category Logo Sizing */
.mega-grid-logo {
    max-width: 60px;
    max-height: 60px;
    object-fit: contain;
    position: relative;
    z-index: 1;
}

/* Badge Displayed by Default (Always Visible) */
.mega-card-arrow {
    position: absolute !important;
    right: 6px !important;
    width: 24px !important;
    height: 24px !important;          /* Arrow/Icon color */
    border-radius: 50% !important;
    z-index: 10 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    line-height: 1 !important;
    transition: transform 0.2s ease !important; 
}


.mega-grid-card:hover .mega-card-arrow {
    transform: scale(1.15) translateX(1px);
}

/* Selected Category View (Step 2) */
.mega-selected-logo {
    max-height: 90px;
    object-fit: contain;
}

.extra-small {
    font-size: 0.75rem;
}

h1{font-size: 1.7rem;}
h2, .h2{font-size: 1.7rem;}
h3{font-size: 1.1rem;}
h4{font-size: 1.1rem;}
.slider ul{font-size: 1rem;}
.slider ul li{margin: 0;padding: 2px 0;}
.slider ul li span{margin-right:5px;width: 36px;
    height: 36px;}
.slider .fs-5{font-size: 15px!important;}
.slider .hero-pricebox, .slider ul li{font-size: 14px;}
.slider .hero-pricebox p strong{font-size: 22px;}
/* Smooth Bootstrap Carousel Transition */
#carouselExampleAutoplaying .carousel-item {
    transition: transform 1s ease-in-out;
}

/* Optional: smoother fade/slide rendering */
#carouselExampleAutoplaying .carousel-item-next,
#carouselExampleAutoplaying .carousel-item-prev,
#carouselExampleAutoplaying .carousel-item.active {
    will-change: transform;
}
#carouselExampleAutoplaying .carousel-item {
    transition: transform 1.2s cubic-bezier(0.65, 0, 0.35, 1);
    backface-visibility: hidden;
    perspective: 1000px;
}
.cat-badge{padding: 7px 15px;}
.help-you-sec {
    border-top-left-radius: 80px;
}
.blog-hero-sec ul li{border-right: 0px solid #fff;border-bottom: 0px solid #fff; padding: 0px 15px 0 0;display: block;}
header img{max-width: 120px!important;}
.woocommerce .products .product .button {
    margin: 0px 0px 15px 0;
    padding: 12px 20px;
}

}
/* Mobile layout for all looped slider instances */
@media (max-width: 991.98px) {
    /* Allow flex items to wrap into 2 rows */
    .slider .hero-pricebox {
        display: flex !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        justify-content: space-between !important;
    }

    /* First 2 list items: Side-by-side (50% minus half the gap) */
  .slider .hero-pricebox > li:nth-child(1),
    .slider .hero-pricebox > li:nth-child(2) {
        flex: 0 0 calc(50% - 0.7rem) !important;
        width: calc(50% - 0.7rem) !important;
        max-width: calc(50% - 0.7rem) !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    /* Last list item remains 100% full width */
    .slider .hero-pricebox > li:last-child {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Stretch button and link full width inside last item */
    .slider .hero-pricebox > li:last-child .btnwrap,
    .slider .hero-pricebox > li:last-child .btnwrap a {
        width: 100% !important;
        justify-content: space-between !important;
    }
}
@media (max-width: 767px) {
 
  .account-wrapper .u-column1.col-1, .account-wrapper .u-column2.col-2{width: 100%;}
  .account-wrapper .u-columns{flex-direction: column;}
.trusted-sec .wp-block-media-text {
display: flex;
flex-direction: column;
}
.trusted-sec .wp-block-media-text>.wp-block-media-text__content {
    padding: 10px 0 0 0;
}
.course-logo {
    max-width: 130px;
    width: 130px;
}
}
.valid-exam-tabs-wrapper {
    position: relative;
}

/* Tab navigation */
#validForExamTabs {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;

    padding: 6px;

    border: 0;

    overflow-x: auto;
    overflow-y: hidden;

    scroll-behavior: smooth;
    scrollbar-width: none;

    -webkit-overflow-scrolling: touch;
}

#validForExamTabs::-webkit-scrollbar {
    display: none;
}

/* Individual tabs */
#validForExamTabs .nav-link {
    flex: 0 0 auto;

    border-radius: 8px;


    color: #334155;

    padding: 11px 18px;

    font-size: 15px;
    font-weight: 500;

    line-height: 1.4;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

/* Hover */
#validForExamTabs .nav-link:hover {
}

/* Active */
#validForExamTabs .nav-link.active {

}

/* Scroll buttons */
.valid-exam-scroll-btn {
    position: absolute;

    top: 50%;

    z-index: 5;

    width: 38px;
    height: 38px;

    padding: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #dce3ec;
    border-radius: 50%;


    color: #012a70;

    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);

    transform: translateY(-50%);

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}

.valid-exam-scroll-btn:hover {
    background: #012a70;
    color: #fff;
}

.valid-exam-scroll-prev {
    left: -18px;
}

.valid-exam-scroll-next {
    right: -18px;
}

/* Hide arrows on small screens */
@media (max-width: 767.98px) {

    .valid-exam-scroll-btn {
        display: none;
    }

    #validForExamTabs {
        padding-left: 2px;
        padding-right: 2px;
    }

    #validForExamTabs .nav-link {
        padding: 10px 14px;
        font-size: 14px;
    }
    
}

@media (max-width: 480px) {
 .hero-section img, .inner-hero-img img {
    height: 150px;
    object-fit: cover;
}
}