/*@import url('https://fonts.cdnfonts.com/css/SF-Pro-Text');*/
body,html
{
    padding: 0;
    margin: 0;
    /*font-family: 'Poppins', sans-serif !important;*/
  /*font-family: "SF Pro Text",sans-serif !important;*/
  font-style: normal;
  font-weight: 400;
  background: transparent;
  position: relative;
  overflow-x: hidden;
}

/* Default: black for all pages except index5 */
#amt-header.default-header {
  background-color: #000 !important;
  position: relative !important;
  z-index: 999 !important;
}

/* Transparent only for index5.php (desktop view) */
@media screen and (min-width: 992px) {
  #amt-header.home-header {
    background: transparent !important;
    /*position: absolute !important;*/
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999 !important;
  }
}

*
{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
/*start bubble effect css*/
/*.bubble {*/
/*      position: absolute;*/
/*      border-radius: 50%;*/
/*      background: rgba(255, 255, 255, 0.1);*/
/*      pointer-events: auto;*/
/*      transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;*/
/*    }*/

/*    .bubble:hover {*/
/*      transform: scale(1.5);*/
/*      background: rgba(0, 255, 255, 0.5);*/
/*      box-shadow: 0 0 20px rgba(0, 255, 255, 0.7);*/
/*    }*/

/*    @media (max-width: 768px) {*/
/*      .bubble {*/
/*        width: 15px !important;*/
/*        height: 15px !important;*/
/*      }*/
/*    }*/
/*end bubble effect css*/
/*cursor pointer css*/

    .cursor-dot,
    .cursor-ring {
      position: fixed;
      top: 0;
      left: 0;
      pointer-events: none;
      z-index: 9999;
      transform: translate(-50%, -50%);
    }

    .cursor-dot {
      width: 8px;
      height: 8px;
      background: #749c14;
      border-radius: 50%;
    }

    .cursor-ring {
      width: 40px;
      height: 40px;
      border: 2px solid #749c14;
      border-radius: 50%;
      transition: transform 0.2s ease, border-color 0.2s;
    }

    .hovered .cursor-ring {
      transform: translate(-50%, -50%) scale(1.5);
      border-color: #749c14;
    }

   /* button {
      padding: 12px 24px;
      font-size: 16px;
      margin-top: 20px;
      background: transparent;
      color: white;
      border: 2px solid #00ffff;
      border-radius: 6px;
    }*/

   /* h1,h2,h3,h4,h5,h6:hover{
      color: #94C11E !important;
    } */
    .description-ind h3:hover{
color: #94C11E !important;
    }
    h2.title:hover {
       color: #94C11E !important; 
    }
    .feature-box h4:hover {
        color: #94C11E !important;
    }
    .card-index h3:hover {
        color: #94C11E !important;
    }
    .amt-section-title h2:hover{
        color: #94C11E !important;
    }
    .description-ind a:hover
    {
        background-color: #94C11E !important;
        color: #ffffff;
    }
    button:hover {
      color: #ffffff !important;
      background-color: #94C11E !important;
    }
/*end cursor pointer css*/
/*client slider index page*/
.client-section-client {
      max-width: 1200px;
      margin: auto;
      padding: 0px;
      font-family: Arial, sans-serif;
    }

    .client-header-client {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 10px;
      flex-wrap: wrap;
    }

    .client-header-client h2 {
      font-size: 24px;
      color: #002244;
      margin: 0;
    }

    .client-header-client p {
      flex: 1;
      margin: 5px 20px;
      font-size: 14px;
      color: #666;
    }

    .nav-buttons-client {
      display: flex;
      gap: 5px;
    }

    .nav-buttons-client button {
      border: 1px solid #002244;
      background: transparent;
      color: #002244;
      cursor: pointer;
      padding: 5px 15px;
      font-size: 18px;
      transition: 0.3s;
    }

    .nav-buttons-client button:hover {
      background: #002244;
      color: #fff;
    }

    .slider-container-client {
      overflow: hidden;
      position: relative;
    }

    .slider-client {
      display: flex;
      transition: transform 0.4s ease-in-out;
    }

    .slide-client {
      min-width: 200px;
      text-align: center;
      margin-right: 15px;
      background: #fff;
      border: 1px solid #eee;
      border-radius: 8px;
      /*padding: 10px;*/
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
      flex-shrink: 0;
    }

    .slide-client img {
      max-width: 100px;
      /*margin-bottom: 5px;*/
    }

    .slide-client p {
      font-size: 14px;
      color: #333;
    }

    /* ✅ Responsive */
    @media (max-width: 1024px) {
      .slide-client {
        min-width: 180px;
      }
    }

    @media (max-width: 768px) {
      .slide-client {
        min-width: 150px;
      }
      .client-header {
        flex-direction: column;
        text-align: center;
      }
      .client-header p {
        margin: 10px 0;
      }
    }

    @media (max-width: 480px) {
      .slide-client {
        min-width: 130px;
      }
      .nav-buttons {
        justify-content: center;
      }
    }
/*end client slider index page*/

/*start top product css*/
 .product-section-ecom {
      max-width: 1200px;
      margin: auto;
      /*padding: 40px 20px;*/
    }

    .product-header-ecom {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 20px;
    }

    .product-header-ecom h2 {
      font-size: 26px;
      color: #002244;
      margin: 0;
    }

    .nav-icons-ecom {
      display: flex;
      gap: 8px;
    }

    .nav-icons-ecom button {
      background: #fff;
      border: 1px solid #ccc;
      width: 35px;
      height: 35px;
      border-radius: 50%;
      cursor: pointer;
      font-size: 18px;
      transition: 0.3s;
    }

    .nav-icons-ecom button:hover {
      background: #94C11E;
      color: #fff;
    }

    .product-slider-ecom {
      overflow: hidden;
      position: relative;
      padding: 40px;
    }

    .slider-track-ecom {
      display: flex;
      gap: 25px;
      transition: transform 0.4s ease-in-out;
    }

    .product-card-ecom {
      padding: 15px;
      width: calc(33.33% - 10px);
      flex-shrink: 0;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
      text-align: center;
      background: #F3F5F9;
      /*width: 220px;*/
      height: 400px;
      position: relative;
      margin-top: 50px;
      border-radius: 28px;

    }
    .product-card-ecom img {
      /*max-width: 180px;*/
      height: auto;
      margin-bottom: 10px;
      padding: 20px;
      background: #ffffff;
      margin-top: -70px;
      align-items: center;
      left: 0;
      border-radius: 0 50px;
      height: 250px;
      width: 300px;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      box-shadow: 8px 3px 14px 2px #ccc;
    }
    .product-card-ecom img:hover {
  transform: scale(0.9); /* ✅ Zoom-Out Effect */
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
}

    .product-card-ecom .category-ecom {
      font-size: 12px;
      color: #999;
      /*margin-bottom: 5px;*/
      margin-top: 20px;
      text-align:center;
    }

    .product-card-ecom h3 {
      font-size: 14px;
      color: #333;
      margin: 5px 0;
    }

    .price-ecom {
      color: #28a745;
      font-weight: bold;
      margin: 13px 0;
    }

    .old-price{
      text-decoration: line-through;
      color: #999;
      font-size: 12px;
      margin-left: 5px;
    }

    .actions-ecom {
      display: flex;
      justify-content: center;
      gap: 45px;
      margin-top: 15px;
      font-size: 24px;

    }

    .actions-ecom button {
      background: #f1f1f1;
      border: 1px solid #ccc;
      padding: 5px 8px;
      border-radius: 50%;
      cursor: pointer;
      transition: 0.3s;
      font-size: 20px;
      width: 40px;
      height: 40px;

    }

    .actions-ecom button:hover {
      background: #002244;
      color: #fff;
    }
    .view-more-ecom {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  background: #94C11E;
  color: #fff;
  padding: 8px 15px;
  font-size: 14px;
  border-radius: 0 20px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  cursor: pointer;
  z-index: 10;
}

.product-card-ecom:hover .view-more-ecom {
  opacity: 1;
  visibility: visible;
  bottom: 25px; /* ✅ Smooth upward animation */
}


    /* ✅ Responsive */
    @media (max-width: 992px) {
      .product-card-ecom {
        width: calc(33.33% - 15px); /* 3 columns on tablets */
      }
    }

    @media (max-width: 768px) {
      .product-card-ecom {
        width: calc(50% - 15px);
        padding: 10px !important;
      }
      .cursor-dot,
    .cursor-ring
    {
        display:none;
        cursor:pointer;
    }
    }

    @media (max-width: 480px) {
      .product-card-ecom {
        width: 100%; /* 1 column on small mobile */
      }
    }
/*end top product css*/
h4 {
    font-size: 20px;
    line-height: 27px;
}
.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 270px;
    z-index: 9;
    overflow: hidden;
}
/*home page video*/
/* Background Video */
.video-section {
      position: relative;
      height: 100vh;
      overflow: hidden;
    }

    video#bgVideo {
      position: absolute;
      top: 0; left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: -1;
    }

    .contents {
      position: relative;
      z-index: 1;
      color: white;
      text-align: center;
      padding-top: 35vh;
      padding-left: 10px;
      padding-right: 10px;
    }

    #playPauseBtn {
      margin-top: 20px;
      padding: 12px 24px;
      font-size: 20px;
      background: rgba(0,0,0,0.6);
      color: white;
      border: none;
      border-radius: 8px;
      cursor: pointer;
      transition: opacity 0.5s ease;
    }

    #playPauseBtn.hidden {
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
    }

    .more-content {
      height: 200vh;
      background: #f5f5f5;
      padding: 100px 20px;
      text-align: center;
    }

    /* Mobile adjustments */
    @media (max-width: 767px) {
      .contents {
        padding-top: 13vh;
      }
      .amt-nav ul 
      {
          padding-left: 0px !important;
      }
      #playPauseBtn {
        padding: 10px 20px;
        font-size: 18px;
      }
      .video-section {
      height: 40vh;   
    }
     #playPauseBtn {
      margin-top: 20px;
    }
    }
.amt-opening-link a 
{
    color: #ffffff;
}

.amt-scroll-top {
    position: fixed;
    right: 105%;
    bottom: 70px;
    z-index: 99;
    cursor: pointer;
    transition: 1.5s ease;
    border: none;
    background: transparent;

}
.amt-scrollup-icon {
    font-size: 25px;
    width: 50px;
    height: 50px;
    background: #31c786;
    line-height: 50px;
    color: #ffffff;
    border-radius: 50%;
}
.amt-site-header.amt-style1 {
    transition: all 0.4s ease;
}
.amt-sticky-header
{
    position: relative;
    z-index: 200;
    width: 100%;
    top: 0;
    left: 0;
}
.amt-site-header.amt-style1.amt-sticky-active {
    background: #000000 !important;
    color: #ffffff !important;
}
.gentle-hover-shake img:hover {
  animation: tilt-shaking 0.25s infinite;
}
.amt-top-header
{
    background: linear-gradient(-106deg, #2bc7ed, #31C786);
    overflow: hidden !important;
}
.amt-top-header .amt-top-header-in {
    height: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    transition: all 0.4s ease;
}
.amt-sticky-header {
    /*position: fixed;*/
    z-index: 200;
    width: 100%;
    top: 0;
    left: 0;
}
a {
    color: inherit;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.amt-top-header-in
{
    height: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    transition: all 0.4s ease;
}
.amt-top-header-list
{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}
.amt-top-header-list li 
{
    margin-right: 30px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    font-weight: 600;
}
.amt-top-header-list a
{
     text-transform: lowercase;
     color: #ffffff;
}
.amt-top-header-list li i 
{
    margin-right: 10px;
}
.amt-top-header .amt-top-social
{
    font-size: 16px;
    height: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    transition: all 0.4s ease;
    color: #ffffff;
    text-align: center;
}
/*a, button, input 
{
    outline: medium none;
    color: inherit;
}*/
.amt-top-social i {
    margin-left: 15px;
    color: rgba(255, 255, 255, 0.8);
}
a {
    text-decoration: none !important;
    transition: all 0.3s ease-in-out 0s;
}
.amt-site-header.amt-style1 .amt-main-header-in {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    /*height: 80px;*/
    padding-left: 200 !important;
}
.amt-main-header
{
    position: relative;
    /*box-shadow: 2px 4px #F5F5F7;*/
    /*padding-left: 150px;*/
}
.amt-main-header-in 
{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 80px;
}
.amt-site-branding.amt-white-logo img {
    width: 150px;
    height: auto;
}
/*.amt-nav.scrolled {
  background: #000000;
}*/
.amt-nav ul {
    margin: 0;
    list-style: none;
    text-transform: uppercase;
    font-size: 14px;
    padding-left: 19px;

}
.f-13 {
    font-size: 13px;
}
/*img {
     max-width: 100%; 
    height: auto;
    border: 0;
}*/
ul, li {
    margin: 0;
    padding: 0;
}
/*.amt-main-header-left*/
/*{*/
/*    margin-top: 30px;*/
/*}*/
.amt-nav .amt-nav-list > li > a {
    color: #ffffff;
    font-weight: 500;
}
.amt-nav .amt-nav-list > li > a:hover 
{
    color:#94C11E !important;
}
.amt-nav .amt-nav-list li a.active 
{
    color:#FFFFFF !important;
}
.amt-nav .amt-nav-list li a:hover .active
{
    color:#94C11E !important;
}
span {
    letter-spacing: 0;
}
.amt-hero-area .amt-single-details h2 {
    color: #ffffff;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 45px;
    text-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2);
    line-height: 55px;
}
.amt-hero-area .amt-single-details p {
    margin: 10px 0 23px;
    font-size: 16px;
    color: #ffffff;
    margin: 25px 0 40px;
}
.border-left {
    border-left: 2px solid #31c786;
}
#home {
    position: relative;
    z-index: 1;
}
.amt-home-overlay {
    width: 100%;
    position: relative;
    z-index: 1;
}
.amt-align-items-details {
    display: flex;
    align-items: center;
    min-height: 100%;
}
/*.amt-hero-area {
    height: 650px;

}*/

.amt-single-text h1 {
    color: #ffffff;
    font-size: 60px;
    font-weight: 700;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.amt-single-text p {
    color: #ffffff;
    font-size: 18px;
    margin: 20px 0 40px;
}
p {
    padding: 0;
    margin: 0;
    font-size: 15px;
    color: #ffffff;
    line-height: 28px;
    font-weight: 400;
}
.amt-themes-btn {
    color: #ffffff;
    background: linear-gradient(-106deg, #2bc7ed, #31C786);
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1);
    display: inline-block;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
.amt-themes-btn:before, .amt-themes-btn:after {
    content: '';
    background: #ffffff;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    opacity: 0;
    transform: translate(100%, -25%) translate3d(0, 0, 0);
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: all 0.15s cubic-bezier(0.02, 0.01, 0.47, 1);
}
.amt-home-overlay::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0.65;
    z-index: -1;
}
.amt_home_img.owl-theme .owl-dots, .owl-theme .owl-nav {
    margin-top: 0px ! important;
}
.slider-active .owl-nav .owl-prev {
    left: 28px;
}
.slider-active .owl-nav .owl-next {
    right: 28px;
}
.slider-active .owl-nav .owl-next, .slider-active .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    color: #ffffff;
    opacity: 1;
    font-size: 20px;
    transition: all 0.4s ease-in-out;
    width: 50px;
    height: 50px;
    line-height: 44px;
    background: rgba(237, 237, 237, 0.1);
    border-radius: 50%;
    text-align: center;
    display: none;
}
a:hover, a:active {
    text-decoration: none;
    outline: 0;
}
.amt-section-padding {
    padding: 40px 0;
}
#about {
    position: relative;
}
.bg-f6 {
    background-color: #F1F8FF ! important;
}
.amt-section-title h5 {
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    background: linear-gradient(-106deg, #2bc7ed, #31C786);;
    display: inline-block;
    padding: 10px 12px;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.amt-about-list li::before {
    content: "\f00c";
    color: #31c786;
/*    font-family: "Font Awesome 5 Free";*/
    font-weight: 700;
    text-align: center;
    margin-right: 15px;
    border: 1px solid #31c786;
    border-radius: 50%;
    padding: 4px 5px;
}
.amt-about-list li {
    line-height: 40px;
    color: #6b6f92;
}
.amt-about-list {
    margin-top: 20px;
}
.amt-section-title h2 {
    font-weight: 600;
    font-size: 35px;
    line-height: 1.3;
    color: #000000;
    text-transform: capitalize;
    text-shadow: 2px 1px 4px rgba(22, 23, 23, 0.1);
}
.amt-section-title p {
    color: #6b6f92;
}
p {
    padding: 0;
    margin: 0;
    font-size: 15px;
    color: #6b6f92;
    line-height: 28px;
/*    font-family: var(--thm-font);*/
    font-weight: 400;
    text-align:justify;
}
.amt-scroll-top {
    position: fixed;
    right: 105%;
    bottom: 70px;
    z-index: 99;
    cursor: pointer;
    transition: 1.5s ease;
    border: none;
/*    background: transparent;*/
}
.amt-themes-btn {
    color: #ffffff;
    background: linear-gradient(-106deg, #2bc7ed, #31C786);
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1);
    display: inline-block;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
.amt-themes-btn:before, .amt-themes-btn:after {
    content: '';
    background: #ffffff;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    opacity: 0;
    transform: translate(100%, -25%) translate3d(0, 0, 0);
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: all 0.15s cubic-bezier(0.02, 0.01, 0.47, 1);
}
/*img {
    max-width: 100%;
    height: auto;
    border: 0;
}*/
.amt-single-opening {
    background: linear-gradient(-106deg, #2bc7ed, #31C786);;
    padding: 20px 30px;
    color: #ffffff;
}
.amt-opening-time {
    margin: 15px 0;
}
.amt-opening-time h6 {
    color: #ffffff;
    font-size: 18px;
}
.amt-opening-time span {
    display: block;
}
.amt-opening-time span {
    display: block;
}
.amt-singl-video {
    position: relative;
}
.amt-singl-video .waves-box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.amt-singl-video .iq-video {
    display: inline-block;
    width: 70px;
    height: 70px;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    border-radius: 100%;
    line-height: 65px;
    z-index: 1020;
    position: relative;
    border: 3px solid #31c786;
    background: linear-gradient(-106deg, #2bc7ed, #31C786);;
}
.amt-singl-video .iq-video i {
    color: #ffffff;
}

.amt-section-title {
    margin-bottom: 50px;
}
.amt-section-title h5 {
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    background: linear-gradient(-106deg, #2bc7ed, #31C786);;
    display: inline-block;
    padding: 14px 12px;
    border-radius: 20px 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.amt-section-title h2 {
    font-weight: 600;
    font-size: 35px;
    line-height: 1.3;
    color: #000000;
    text-transform: capitalize;
    text-shadow: 2px 1px 4px rgba(22, 23, 23, 0.1);
}
.amt-section-title .amt-sec_icon {
    position: relative;
    display: inline-block;
    margin: 20px 0 20px;
}
.amt-section-title .amt-sec_icon:before {
    position: absolute;
    content: '';
    width: 50px;
    height: 2px;
    background: #94C11E;
    top: 16px;
    left: -56px;
}
.amt-section-title .amt-sec_icon:after {
    position: absolute;
    content: '';
    width: 50px;
    height: 2px;
    background: #94C11E;
    top: 16px;
    right: -56px;
}
.amt-section-title .amt-sec_icon .amt-sec_radiu i {
    margin-top: 10px;
    color: #31C786;
}
.amt-single-service {
    border: none;
    border-radius: 0px;
    padding: 30px 15px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    z-index: 1;
    margin: 15px 0;
}
.amt-service-icon img {
    width: 100px;
    height: auto;
}
/*img {
    max-width: 100%;
    height: auto;
    border: 0;
}*/
.amt-service-text h3 a {
    color: #000000;
    font-weight: 700;
    letter-spacing: 1px;
}
.amt-service-text h3 a:hover {
    color: #31C786;
}
h3 {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 0px;
    font-weight: 700;
}
.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 270px;
    z-index: 9;
    overflow: hidden;
}
/*animation slider*/
/*.slider-one,
.slider-two,
.slider-three,
.slider-four {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  animation: slider-one 12s linear infinite;

  .slider-one-image,
  .slider-two-image,
  .slider-three-image,
  .slider-four-image {
    width: 110%;
    height: 100%;
    background-image: url("https://images.pexels.com/photos/1413412/pexels-photo-1413412.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260");

    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    animation: zoom-out 3s linear infinite;

    .slider-text {
      position: absolute;
      top: 40%;
      left: 5%;
      color: #ffffff;
      width: 600px;
      text-transform: capitalize;
      animation: text-up 12s linear infinite;
      transform: translateY(100px);
      animation-delay: 0s;

      h1 {
        font-size: 2.5rem;
        margin-bottom: 20px;
      }

      p {
        font-size: 18px;
        line-height: 28px;
      }
    }
  }
}

.slider-two {
  animation: slider-two 12s linear infinite;

  .slider-two-image {
    background-image: url("https://images.pexels.com/photos/1516202/pexels-photo-1516202.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260");

    .slider-text {
      animation-delay: 3s;
    }
  }
}

.slider-three {
  animation: slider-three 12s linear infinite;

  .slider-three-image {
    background-image: url("https://images.unsplash.com/photo-1492144534655-ae79c964c9d7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1447&q=80");

    .slider-text {
      animation-delay: 6s;
    }
  }
}

.slider-four {
  animation: slider-four 12s linear infinite;

  .slider-four-image {
    background-image: url("https://images.pexels.com/photos/212410/pexels-photo-212410.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260");

    .slider-text {
      animation-delay: 9s;
    }
  }
}*/

/*@keyframes text-up {
  10% {
    transform: translateY(0px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes zoom-out {
  100% {
    width: 100%;
  }
}

@keyframes slider-one {
  0% {
    visibility: visible;
  }

  25% {
    visibility: hidden;
  }

  50% {
    visibility: hidden;
  }

  75% {
    visibility: hidden;
  }

  100% {
    visibility: visible;
  }
}

@keyframes slider-two {
  0% {
    visibility: hidden;
  }

  25% {
    visibility: hidden;
  }

  50% {
    visibility: visible;
  }

  75% {
    visibility: hidden;
  }

  100% {
    visibility: hidden;
  }
}

@keyframes slider-three {
  0% {
    visibility: hidden;
  }

  25% {
    visibility: hidden;
  }

  50% {
    visibility: hidden;
  }

  75% {
    visibility: visible;
  }

  100% {
    visibility: hidden;
  }
}

@keyframes slider-four {
  0% {
    visibility: hidden;
  }

  25% {
    visibility: hidden;
  }

  50% {
    visibility: hidden;
  }

  75% {
    visibility: hidden;
  }

  100% {
    visibility: visible;
  }
}*/

/*footer css*/
/*#footer {
    position: relative;
}
.amt-footer-area {
    z-index: 1;
}
.amt-footer-area:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(-106deg, #2bc7ed, #31C786);;
    border-radius: 50% 50% 0% 0% / 100% 100% 0% 0%;
    transform: scaleX(2.1);
    z-index: -1;
}
.amt-section-padding {
    padding: 90px 0;
}
.amt-mailchamp-border {
    border-bottom: 1px dashed #ffffff;
    padding-bottom: 30px;
    margin-bottom: 50px;
}
.amt-mailchamp-headding h2 {
    font-size: 34px;
    color: #ffffff;
}*/

/*.amt-footer-area .amt-footer-link {
    position: relative;
}
.amt-footer-area .amt-footer-link::before {
    content: '';
    position: absolute;
    left: 3px;
    top: 40px;
    background: #ffffff;
    width: 11px;
    height: 3px;
}
.amt-footer-area .amt-footer-link::after {
    content: '';
    position: absolute;
    left: 25px;
    top: 40px;
    background: #ffffff;
    width: 45px;
    height: 3px;
}
.amt-footer-bottom {
    padding: 35px 0;
    background: rgba(0, 0, 0, 0.4);
}
.amt-footer-bottom p {
    color: #ffffff;
}
.amt-footer-link h5 {
    margin-bottom: 35px;
    font-size: 22px;
    color: #ffffff;
}
.amt-footer-link p {
    color: #ffffff;
}
.amt-footer-social-icon a i {
    font-size: 16px;
    margin: 0 5px 5px 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    color: #ffffff;
    text-align: center;
    background: #000000;
}
.amt-footer-link ul 
{
    list-style-type: none;
    padding-left: 0px !important;
}
.amt-footer-link .amt-list-menu li a {
    color: #ffffff;
    margin-bottom: 10px;
    display: block;
    position: relative;
    overflow: hidden;
    text-decoration: inherit;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}*/
/*.carousel {
  height: 700px !important;
}


.carousel-item {
  display: block !important;
  align-items: start;
  justify-content: center;
  
}

.carousel-item img {
  width: auto !important;
  height: 350px !important;
}
*/
/*.gallery
{
    width: 100%;
}
.gallery-container
{
    align-items: center;
    display: flex;
    height: 400px;
    margin: 0 auto;
    max-width: 1000px;
    position: relative;
}
.gallery-item
{
    height: 200px;
    opacity: 0;
    position: absolute;
    transition: all 0.3s ease-in-out;
    width: 330px;
    z-index: 0;
    border-radius: 15px;
    background-size: contain;
}
.gallery-item-1
{
    left: 15%;
    opacity: .4;
    transform: translateX(-50%);
}
.gallery-item-2, .gallery-item-4
{
    height: 250px;
    opacity: 0.8;
    width: 380px;
    z-index: 1;
}
.gallery-item-2
{
    left: 30%;
    transform: translateX(-50%);
}
.gallery-item-3
{
    left: 50%;
    transform: translateX(-50%);
    box-shadow: -2px 5px 33px 6px rgba(0,0,0,0.35);
    height: 300px;
    opacity: 1;
    width: 430px;
    z-index: 2;
}
.gallery-item-4
{
    left: 70%;
    transform: translateX(-50%);
}
.gallery-item-5
{
    left: 85%;;
    opacity: .4;
    transform: translateX(-50%);
}
.gallery-controls
{
    display: flex;
    justify-content: center;
    margin: 25px 0;
    height: 100px;
}
.gallery-controls button
{
    background-color: transparent;
    border: 0;
    cursor: pointer;
    font-size: 30px;
    margin: 0 50px;
    padding: 0 12px;
    text-transform: capitalize;
}
.gallery-controls-button:focus
{
    outline: none;
}
.gallery-controls-previous
{
    position: relative;
}
.gallery-controls-previous::before
{
    border: solid #000;
    border-width: 0 5px 5px 0;
    content: '';
    height: 5px;
    left: -30px;
    padding: 10px;
    position: absolute;
    top: 25%;
    transform: rotate(135deg) translateY(-50%);
    transition: left 0.15s ease-in-out;
    width: 5px;
}
.gallery-controls-previous:hover::before
{
    left: -40px;
}
.gallery-controls-next
{
    position: relative;
}
.gallery-controls-next::before
{
    border: solid #000;
    border-width: 0 5px 5px 0;
    content: '';
    display: inline-block;
    height: 5px;
    padding: 10px;
    position: absolute;
    right: -30px;
    top: 45;
    transform: rotate(-45deg) translateY(-50%);
    transition: right 0.15s ease-in-out;
    width: 5px;
}
.gallery-controls-next:hover::before
{
    right: -40px;
}
.gallery-nav
{
    bottom: -15px;
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    position: absolute;
    width: 100%;
}*/
/*.swiper
{
    margin: 50px auto;
    padding-bottom: 60px;
    user-select: none;
}
.swiper-slide
{
    position: relative;
    height: 500px;
    border-radius: 30px;
    overflow: hidden;
    filter: grayscale(20%) brightness(80%);
    pointer-events: none;
    will-change: tranform;
}
.swiper-slide-active
{
    perspective: 1000px;
    filter: grayscale(0) brightness(100%);
    pointer-events: auto;
    padding: 10px 0;
    transition: all 0.3s ease-in-out;
}
.swiper-slide-active .card
{
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform 0.5s;
}
.flipped .card
{
    transform: rotateY(180deg);
}
.swiper-slide .front,
.swiper-slide .back
{
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    border-radius: 30px;
}
.swiper-slide .front::before
{
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle closet-side,#658bd9 3px,transparent 3px);
    background-size: 8px 8px;
    transition: opacity 0.2s cubic-bezier(0.86, 0, 0.07, 1);
    opacity: 0.3;
}
.swiper-slide-active .front::before
{
    opacity: 0;
}
.swiper-slide .back
{
    opacity: 0;
}
.swiper-slide .back::before
{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(35, 35, 39, 0.7);
    border-radius: inherit;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter:blur(5px);
    mix-blend-mode: darken;
}
.swiper-slide-active .back
{
    opacity: 1;
    transform: rotateY(180deg);
}
.swiper-slide-active .back p 
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 1.5;
    color: #fff;
    width: 80%;
}
.swiper-slide img {
    object-fit: cover;
    border-radius: 30px;
    pointer-events: none;
}
.swiper-slide button
{
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%) scale(1);
    box-shadow: 0 7px 30px rgba(100, 100, 111, 0.2);
    background: rgba(100, 100, 111, 0.2);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter:blur(15px);
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 8px 0;
    text-align: center;
    width: 60%;
    outline: 0;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 30px;
    user-select: none;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    opacity: 0;
    pointer-events: none;
    will-change: transform;
}*/

/*section {
  position: relative;
  width: 100%;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2196f3;
  overflow: hidden;
}
*/
.slider-container {
  height: 50rem;
  width: 100vw;
  max-width: 1200px;
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  position: relative;
  margin-top: 2rem;
}

.slider-title{
  position: absolute;
  top: 0;
/*  font-family: 'Papyrus', Fantasy;*/
  font-size: 20px;
}

.left-arrow,
.right-arrow {
  height: 100%;
  width: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.slider-content {
  height: 100%;
  width: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  overflow: hidden;
  position: relative;
  perspective: 100px;
}
.slider-content-background {
  height: 100%;
  width: 102%;
  position: absolute;
  top: 0;
  left: -1%;
/*  background: linear-gradient(
    to left,
    #f1f1f1,
    transparent,
    transparent,
    transparent,
    #f1f1f1
  );*/
  z-index: 3;
}
.slider-content .slide {
  position: absolute;
  left: 50%;
  height: 24rem;
  max-height: 400px;
  width: 14rem;
  min-width: 270px;
  background: #999;
/*   border: 1px solid; */
  border-radius: 25px;
  left: 50%;
  z-index: 0;
/*   opacity: 0; */
  transform: translate(-50%, 0) rotateY(0deg) scale(1,1);
  transform-style: preserve-3d;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, left 0.5s ease-in-out,
    z-index 0s 0.25s ease-in-out, box-shadow 0.5s ease-in-out;
}

.slide.position-1 {
  left: 20% !important;
  z-index: 1 !important;
  transform: translate(-50%, 0) rotateY(-2deg) scale(0.8, 0.8) !important;
  opacity: 1 !important;
  box-shadow: 0px 0.4rem 1.6rem rgba(0, 0, 0, 0.1) !important;
  
}
.slide.position-2 {
  left: 35% !important;
  z-index: 2 !important;
  transform: translate(-50%, 0) rotateY(-1deg) scale(0.9, 0.9) !important;
  opacity: 1 !important;
  box-shadow: 0px 0.4rem 1.6rem rgba(0, 0, 0, 0.3) !important;
  
}
.slide.position-3 {
  left: 50% !important;
  z-index: 4 !important;
  transform: translate(-50%, 0) rotateY(0deg) scale(1, 1) !important;
  opacity: 1 !important;
  box-shadow: 0px 0.4rem 1.6rem rgba(0, 0, 0, 0.5) !important;
  cursor: pointer;
}
.slide.position-3:hover {
  box-shadow: 0px 0rem 1.8rem rgba(0, 0, 0, 0.7) !important;
  transform: translate(-50%, 0) rotateY(0deg) scale(1.05, 1.05) !important;
}
.slide.position-4 {
  left: 65% !important;
  z-index: 2 !important;
  transform: translate(-50%, 0) rotateY(1deg) scale(0.9, 0.9) !important;
  opacity: 1 !important;
  box-shadow: 0px 0.4rem 1.6rem rgba(0, 0, 0, 0.3) !important;
/*   animation: center-animation 1s 1s linear 1 forwards; */
}
/* @keyframes center-animation{ */
  0%{
    left: 70% !important;
    transform: translate(-50%, 0) rotateY(1deg) scale(0.9, 0.9) !important;
  }
  50%{
    left: 75% !important;
    transform: translate(-50%, 0) rotateY(-2deg) scale(1.1, 1.1) !important;
  }
  100%{
    left: 50% !important;
    transform: translate(-50%, 0) rotateY(0deg) scale(1, 1) !important;
  }
}
.slide.position-5 {
  left: 80% !important;
  z-index: 1 !important;
  transform: translate(-50%, 0) rotateY(2deg) scale(0.8, 0.8) !important;
  opacity: 1 !important;
  box-shadow: 0px 0.4rem 1.6rem rgba(0, 0, 0, 0.1) !important;
  
}

.slide.position-none{
   left: 50%;
  z-index: 0;
  transform: translate(51%, 0) rotateY(0deg) scale(0.7, 0.7);
  opacity: 1;
  box-shadow: 0px 0.4rem 1.6rem rgba(0, 0, 0, 0);
}

.slider-container i{
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 50%;
}
.slider-container .left-arrow:hover i, .slider-container .right-arrow:hover i{
  background: rgba(22,22,220,0.1);
  color: #fff;
}


.slider-content .slide .card-sections .upper-section, .slider-content .slide .card-button{
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

.slider-content .slide.position-3 .card-sections .upper-section, .slider-content .slide.position-3 .card-button{
  opacity: 1;
  transition: opacity 0.6s ease-in-out;
}

.slide > *{
  color: white;
/*  font-family: 'Inter';*/
  font-size: 90%;
  letter-spacing: -0.001em;
}

.media, .card-sections{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 25px;
  overflow: hidden;
}
.media{
  display: flex;
  align-items: center;
  justify-content: center;
}

.media img{
  position: absolute;
  height: 30rem;
}

.card-sections{
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
}

.upper-section{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.lower-section{
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.card-sections .lower-section .card-button{
  border: 0.5px solid #fff;
  width: 35%;
  padding: 0.5rem;
  border-radius: 2rem;
  font-size: 60%;
  text-align: center;
  background: rgba(0,0,0,0.3);
}
.upper-section .wishlist, .upper-section .cart{
  background: rgba(0,0,0,0.3);
  border-radius: 50%;
  transition: color 0.2s ease-in-out, background 0.2s ease-in-out ;
}
.upper-section .cart:hover{
  color: rgb(252, 163, 60);
  background: rgba(0,0,0,0.4);
} 
.upper-section .wishlist:hover{
  color: rgb(244, 129, 129);
  background: rgba(0,0,0,0.4);
}

@media screen and (max-width:620px){
.slide.position-1, .slide.position-5 {
  opacity: 0.5 !important;
  }
  .slide.position-2, .slide.position-4 {
  opacity: 0.95 !important;
}
} 
  
@media screen and (max-width: 445px){
  
  .slide.position-1, .slide.position-5 {
  opacity: 0 !important;
  }
.slide.position-2, .slide.position-4 {
  opacity: 0.5 !important;
}
}
@media screen and (max-width: 415px){
  .slide{
    opacity: 0 !important;
    box-shadow: none !important;
  }
  .slide.position-3{
    box-shadow: none !important;
    opacity: 1 !important;
  }
  .slide.position-1, .slide.position-2 {
    left: -50% !important;
    transform: translate(-50%, 0) rotateY(0deg) scale(0.7, 0.7) !important;
  }
  .slide.position-4, .slide.position-5 {
    left: 150% !important;
    transform: translate(-50%, 0) rotateY(0deg) scale(0.7, 0.7) !important;
  }
}
/*wave footer*/
.footer {
  position: relative;
  background: #05b3a4;
  min-height: 100px;
  padding: 60px 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
/*  margin-top:20%;*/
}

.social-icon,
.menu {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0;
  flex-wrap: wrap;
}

.social-icon__item,
.menu__item {
  list-style: none;
}

.social-icon__link {
  font-size: 2rem;
  color: #fff;
  margin: 0 10px;
  display: inline-block;
  transition: 0.5s;
}
.social-icon__link:hover {
  transform: translateY(-10px);
}

.menu__link {
  font-size: 1.2rem;
  color: #fff;
  margin: 0 10px;
  display: inline-block;
  transition: 0.5s;
  text-decoration: none;
  opacity: 0.75;
  font-weight: 300;
}
.menu__link:hover{
  color: white;
}

.menu__link:hover {
  opacity: 1;
}

.footer p {
  color: #fff;
  margin: 15px 0 10px 0;
  font-size: 1rem;
  font-weight: 300;
}

.wave {
  position: absolute;
  top: -100px;
  left: 0;
  width: 100%;
  height: 100px;
  background: url("https://i.imgur.com/ZAts69f.png");
  background-size: 1000px 100px;
}

.wave#wave1 {
  z-index: 1000;
  opacity: 1;
  bottom: 0;
  animation: animateWaves 4s linear infinite;
}

.wave#wave2 {
  z-index: 999;
  opacity: 0.5;
  bottom: 10px;
  animation: animate 4s linear infinite !important;
}

.wave#wave3 {
  z-index: 1000;
  opacity: 0.2;
  bottom: 15px;
  animation: animateWaves 3s linear infinite;
}

.wave#wave4 {
  z-index: 999;
  opacity: 0.7;
  bottom: 20px;
  animation: animate 3s linear infinite;
}

@keyframes animateWaves {
  0% {
    background-position-x: 1000px;
  }
  100% {
    background-positon-x: 0px;
  }
}

@keyframes animate {
  0% {
    background-position-x: -1000px;
  }
  100% {
    background-positon-x: 0px;
  }
}
/*.amt-footer-bottom {
    padding: 35px 0;
    background: rgba(0, 0, 0, 0.4);
}*/
.amt-footer-bottom p {
    color: #ffffff;
    font-weight: 600;
}
.amt-footer-bottom a 
{
    color: #94C11C;
}
.amt-footer-bottom a:hover
{
    color: #fff;
}
.amt-footer-link h5 {
    margin-bottom: 35px;
    font-size: 22px;
    color: #ffffff;
}
.amt-footer-link p {
    color: #ffffff;
}
.amt-footer-social-icon a i {
    font-size: 16px;
    margin: 0 5px 5px 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    color: #ffffff;
    text-align: center;
    background: #000000;
}
.amt-footer-link ul 
{
    list-style-type: none;
    padding-left: 0px !important;
}
.amt-footer-link .amt-list-menu li a {
    color: #ffffff;
    margin-bottom: 10px;
    display: block;
    position: relative;
    overflow: hidden;
    text-decoration: inherit;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
/*contact*/
.amt-page-heading.amt-size-md {
    height: 450px;
}
.amt-page-heading {
    height: 650px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-top: 50px;
    background-size: cover;
    background-attachment: fixed;
}
.amt-page-heading:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.3);
}
.amt-page-heading-title {
    color: #ffffff !important;
    font-size: 45px;
    text-align: center;
    margin-bottom: 7px;
    position: relative;
}
.amt-page-heading-in .amt-post-label {
    color: rgba(255, 255, 255, 0.75);
    display: flex;
    justify-content: center;
    margin-top: 6px;
    font-size: 16px;
}
.amt-page-heading-in .amt-post-label > span:not(:last-child) {
    color: rgba(255, 255, 255, 0.75);
}
.amt-post-label > span:not(:last-child) {
    padding-right: 15px;
    margin-right: 15px;
}
.amt-post-label > span {
    display: inline-block;
    position: relative;
}
.amt-page-heading-in .amt-post-label > span:not(:last-child):before {
    background-color: #ffffff;
}
.amt-post-label > span:not(:last-child):before {
    content: '';
    position: absolute;
    height: 16px;
    width: 1px;
    background-color: #b5b5b5;
    right: 0;
    top: 3px;
}
.amt-post-label > span {
    display: inline-block;
    position: relative;
}
.amt-contact-info {
    padding: 35px;
    box-shadow: 0px 4px 6px 4px rgba(75, 81, 91, 0.1);
    -webkit-box-shadow: 0px 4px 6px 4px rgba(75, 81, 91, 0.1);
    background: #ffffff;
}
.amt-contact-details {
    margin-bottom: 10px;
    display: block;
    overflow: hidden;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}
.amt-contact-details i {
    font-size: 20px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    color: #ffffff;
    text-align: center;
    margin: 0px 0 25px;
    border-radius: 50%;
    background: #31C786;
    float: left;
    margin-right: 25px;
}
.amt-contact-details h4 {
    color: #222222;
    margin-bottom: 0;
    font-weight: 600;
}
.amt-contact-details p {
    color: #6b6f92;
    display: block;
    overflow: hidden;
}
.contact h4 {
    font-size: 25px;
    margin-bottom: 30px;
    color: #222222;
    font-weight: 500 !important;
}
.contact .form-control {
    padding: 12px 15px;
    border-radius: 5px;
    margin-bottom: 5px;
    transition: all 0.3s ease-in-out 0s;
}
.actions .amt-themes-btn {
    width: 100%;
}
.form-group {
    margin-bottom: 20px;
}
.amt-themes-btn:hover {
    color: #ffffff;
    border: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    animation: rotate 0.7s ease-in-out both;
}
h1, h2, h3, h4, h5, h6 {
    color: #000000;
    font-weight: 700 !important;
}
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  padding-left: 0px !important;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

/* Style the close button */
.topright {
  float: right;
  cursor: pointer;
  font-size: 28px;
  display: none;
}

.topright:hover {color: red;}

.small-amt-logo
{
    width: 30px;
    height: 30px;
}
.gallery {
  padding: 20px;
  text-align: center;
}

h1 {
  font-size: 32px;
  color: #333;
  margin-bottom: 20px;
}

.image-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  padding: 10px;
}

.image-item {
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}

.image-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
  transition: transform 0.3s ease;
}

.image-item:hover {
  transform: translateY(-10px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.image-item:hover img {
  transform: scale(1.1);
}

/* Lightbox Styles */
.lightbox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 1000;
  text-align: center;
}

.lightbox-content {
  max-width: 90%;
  max-height: 90%;
  margin-top: 3%;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.close {
  position: absolute;
  top: 20px;
  right: 30px;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
  transition: color 0.3s ease;
}

.close:hover {
  color: #ccc;
}
/*small slider*/
/*div {
    display: block;
}*/

.background {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: -owg-linear-gradient(150deg, #501edb 20%, #e22931);
    background: -webkit-linear-gradient(150deg, #501edb 20%, #e22931);
    background: -o-linear-gradient(150deg, #501edb 20%, #e22931);
    -pie-background: -pie-linear-gradient(150deg, #501edb 20%, #e22931);
    background: -webkit-linear-gradient(300deg, #501edb 20%, #e22931);
    background: -o-linear-gradient(300deg, #501edb 20%, #e22931);
    background: linear-gradient(150deg, #501edb 20%, #e22931);
}

.slider {
    z-index: 2;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
 
    .slider__wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                align-items: flex-start;
        position: relative;
        z-index: 2;

        & .swiper-slide {
            width: 300px;
            -webkit-flex-shrink: 0;
                -ms-flex-negative: 0;
                    flex-shrink: 0;
            opacity: 0;
            height: 350px;
            background: #fff;
            -webkit-border-radius: 20px;
                    border-radius: 20px;
            pointer-events: none;
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
        }

        & .swiper-slide-active, .swiper-slide-prev, .swiper-slide-next {
            opacity: 1;
            pointer-events: auto;
        }

    }

    .slider__controls {
        position: relative;
        z-index: 12;
    
        & .slider__pagination {
            text-align: center;
            margin-top: 50px;

            & .swiper-pagination-bullet {
            width: 13px;
            height: 10px;
            display: inline-block;
            background: #94C11E;
            opacity: .2;
            margin: 0 5px;
            -webkit-border-radius: 20px;
                    border-radius: 20px;
            -webkit-transition: opacity .5s, background-color .5s, width .5s;
            -o-transition: opacity .5s, background-color .5s, width .5s;
            transition: opacity .5s, background-color .5s, width .5s;
            -webkit-transition-delay: .5s, .5s, 0s;
                 -o-transition-delay: .5s, .5s, 0s;
                    transition-delay: .5s, .5s, 0s;
            }        
        }
            
        & .swiper-pagination-clickable .swiper-pagination-bullet {
            cursor: pointer;
        }

        & .slider__pagination .swiper-pagination-bullet-active {
            opacity: 1;
            background: #94C11E;
            width: 100px;
            -webkit-transition-delay: 0s;
                 -o-transition-delay: 0s;
                    transition-delay: 0s;
        }

        & .slider__button-next, .slider__button-prev {
            position: absolute;
            top: 50%;
            width: 27px;
            height: 30px;
            margin-top: -13px;
            z-index: 10;
            cursor: pointer;
            -webkit-background-size: 27px 44px;
                    background-size: 27px 44px;
            background-position: center;
            background-repeat: no-repeat;
        }

        & .slider__button-prev {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
            left: 40px;
            right: auto;
        }

        & .slider__button-next {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
            right: 40px;
            left: auto;
        }

        & .slider__button-prev:focus, .slider__button-next:focus {
            outline: none!important;
        }

    }

}
.card-1 {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.card-1:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.card-1 h4
{
    padding: 12px;
    text-align: center;
}
.card-1 ul li 
{
    list-style: none;
    padding-right: 10px;
    padding-left: 10px;
}
.card-1 ul li::before
{
    content: ">";
    font-size: 20px;
}
/*faq*/
.question {
  font-size: 1.2rem;
  font-weight: 600;
  padding: 20px 80px 20px 20px;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.question::after {
  content: "\002B";
  font-size: 2.2rem;
  position: absolute;
  right: 20px;
  transition: 0.2s;
}

.question.active::after {
  transform: rotate(45deg);
}

.answercont {
  max-height: 0;
  overflow: hidden;
  transition: 0.3s;
}

.answer {
  padding: 0 20px 20px;
  line-height: 1.5rem;
}
.wrapper-faq {
  width: 60%;
  margin: auto;
  margin-top: 100px;
}

.question.active + .answercont {
}

/*@media screen and (max-width: 790px){
  html {
    font-size: 14px;
  }
  .wrapper {
  width: 80%;
}*/
}
/*#container-faq {
  background-color: white !important;
  color: black !important;
  border-radius: 20px !important;
  box-shadow: 0 5px 10px 0 rgb(0,0,0,0.25) !important;
  margin: 20px 0 !important;
}*/
.cosmo-ol li
{
    line-height: 40px;
}
/*company logo slider CSS*/
.slide-track {
  width: 100%;
  display: flex;
  gap: 3em;
  overflow: hidden;
}

.slider {
  margin-top: 70px;
  background-color: whitesmoke;
  padding: 8em 2em;
}

@keyframes scroll {
  0% {transform: translateX(0);}
  100% {transform: translatex(-1000%)}
}
.slide img {
  width: 100px;
  height: 100px;
  animation: scroll 60s linear infinite;
}
@keyframes slide{
  from{
    transform:translateX(0) ;
    
  }
  to{
    transform:translateX(-100%) ;
  
  }
}
.logos{
  overflow:hidden;
  padding:60px 0 ;
  background:white;
  white-space:nowrap;
  position:relative;
}

.logos:before,
.logos:after{
  content:"";
  position:absolute;
  top:0;
  width:250px;
  height:100%;
  z-index:2;
}
.logos:before{
  left:0;
  background:linear-gradient(to left, rgba(255,255,255,0), white);
}
.logos:after{
  right:0;
  background:linear-gradient(to right, rgba(255,255,255,0), white);
}


.logos:hover .logos-slide{
  animation-play-state:paused;
  
  
}
.logos-slide{
  display:inline-block;
  animation: 170s slide infinite linear;
}
.logos-slide img{
  height:100px;
  margin: 0 40px;
}
/*.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}*/

.column {
  flex: 25%;
  max-width: 33.3%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
  filter: grayscale(1) brightness(0.5);
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s linear;

}

.column img:hover {
  filter: grayscale(0);

}

@media screen and (max-width: 700px) {
  .column {
    flex: 100%;
    max-width: 100%;
  }
  .column img {
    filter: grayscale(0) brightness(1);
  }
}
/*mobile reasponsive menu css*/
/*.menu-toggle {
      display: block;
      width: 100%;
      padding: 16px 20px;
      background: #000000;
      color: #ffffff;
      border: none;
      font-size: 20px;
      text-align: left;
      cursor: pointer;
    }

    .menu {
      list-style: none;
      margin: 0;
      padding: 0;
      display: none;
      flex-direction: column;
    }

    .menu.active {
      display: flex;
    }

    .menu li {
      border-top: 1px solid #2c2c2c;
    }

    .menu li a {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 14px 20px;
      color: var(--text);
      text-decoration: none;
      background: var(--bg);
      transition: background var(--transition);
    }

    .submenu {
      max-height: 0;
      overflow: hidden;
      background: var(--bg-sub);
      transition: max-height 0.4s ease;
      flex-direction: column;
    }

    .menu li.open > .submenu {
      max-height: 500px;
    }

    .submenu a {
      padding-left: 40px;
    }

   
    .submenu-toggle-icon {
      transition: transform 0.3s ease;
    }

    .menu li.open > a .submenu-toggle-icon {
      transform: rotate(180deg);
    }

    @media (max-width: 767px) {
      .menu-toggle {
        display: block;
      }

      .menu {
        flex-direction: column;
        display: none;
      }

      .menu.active {
        display: flex;
        background: #000000;
      }

      .submenu {
        max-height: 0;
      }

      .submenu a {
        padding-left: 40px;
      }

      .submenu-toggle-icon {
        font-size: 18px;
      }

      .menu li a {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
      }
    }


    @media (min-width: 768px) {
      .menu-toggle {
        display: none;
      }
      nav 
      {
        display: none;
      } 
   } */
   .menu-toggle {
      display: block;
      background: #333;
      color: #fff;
      padding: 12px 16px;
      border: none;
      font-size: 18px;
      cursor: pointer;
      width: 100%;
      text-align: left;
    }

    nav {
      background: #f5f5f5;
    }

    nav ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    nav ul li {
      border-bottom: 1px solid #ddd;
    }

    nav ul li a {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 12px 16px;
      text-decoration: none;
      color: #333 !important;
      cursor: pointer;
    }

    .submenu {
      display: none;
      background-color: #fafafa;
      margin-left: 15px;
    }

    .submenu .submenu a {
      padding-left: 30px;
    }

    .submenu-toggle-icon {
      margin-left: 10px;
      font-size: 12px;
    }

    .open > .submenu {
      display: block;
    }
     @media (min-width: 768px) {
      .menu-toggle {
        display: none;
      }
      nav 
      {
        display: none;
      } 
   } 
    
    
/*video css*/
#myVideo {
  position: absolute;
  right: 0;
  bottom: 0;
/*  min-width: 100%; */
  min-height: 100%;
}

.content {
  position: fixed;
/*  background: rgba(0, 0, 0, 0.5);*/
/*  color: #f1f1f1;*/
/*  width: 30%;*/
  padding: 20px;
  color:#ffffff;
/*left:0;*/
/*height:100vh;*/
margin-top: 200px;
}
/*.content h1
{
    color: #ffffff;
    position: absolute;
}*/
.video_header
{
    color:#000000;
}


/*index5.php css*/
.grid-container {
  display: grid;
  grid: 150px / auto auto auto auto;
  grid-gap: 10px;
line-height: 30px;
  padding: 10px;
}


/*start index5.php css*/
.grid-container > div {

  text-align: left;
  padding: 20px 0;

}

.medical-diode-laser img
{
    position: absolute;
    margin-top: 90px !important;
    width: 17%;
    left: 40%;
}
.medical-diode-laser h3
{
    position: absolute;
    margin-top: 190px !important;
    font-size: 32px;
    left: 39%;
}
.medical-diode-laser .buy-medical-1
{
    position: absolute;
    margin-top: 250px !important;
     border-radius: 50px;
    border: 1px solid #0071E3;
    width: 130px;
    height: 40px;
    background-color: #0071E3 !important;
    left: 40%;
}
.medical-diode-laser .buy-medical
{
    position: absolute;
    margin-top: 250px !important;
    border-radius: 50px;
    border: 1px solid #0071E3;
    width: 130px;
    height: 40px;
    color: #0071E3;
    left: 50%;
}
.medical-diode-laser .buy-medical:hover 
{
    background-color: #0071E3;
    color: #ffffff;
}
.medical-diode-laser-second h3
{
    position: absolute;
    margin-top: 150px !important;
    font-size: 36px;
    color: #ffffff;
}
.medical-diode-laser-second .buy-medical-1
{
    position: absolute;
    margin-top: 130px !important;
     border-radius: 50px;
    border: 1px solid #ffffff;
    width: 130px;
    height: 40px;
    color: #000000;
    background-color: #ffffff !important;
    left: 40%;
}
.medical-diode-laser-second .buy-medical
{
    position: absolute;
    margin-top: 130px !important;
    border-radius: 50px;
    border: 1px solid #ffffff;
    width: 130px;
    height: 40px;
    color: #ffffff;
    left: 50%;
}
.medical-diode-laser-second .buy-medical:hover 
{
    background-color: #ffffff;
    color: #000000;
}
.medical-diode-laser-third h3
{
    position: absolute;
    margin-top: 90px !important;
    font-size: 36px;
}
.medical-diode-laser-third h6
{
    position: absolute;
    margin-top: 280px !important;
    font-size: 16px;
    background: linear-gradient(94deg, #0090F7, #BA62FC, #F2416B, #F55600);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;  
}
.medical-diode-laser-third .buy-medical-1
{
    position: absolute;
    margin-top: 80px !important;
     border-radius: 50px;
    border: 1px solid #0071E3;
    width: 130px;
    height: 40px;
    color: #ffffff;
    background-color: #0071E3 !important;
    left: 40%;
}
.medical-diode-laser-third .buy-medical
{
    position: absolute;
    margin-top: 80px !important;
    border-radius: 50px;
    border: 1px solid #0071E3;
    width: 130px;
    height: 40px;
    color: #0071E3;
    left: 50%;
}
.medical-diode-laser-third .buy-medical:hover 
{
    background-color: #0071E3;
    color: #ffffff;
}
/*end index5.php css*/
.stapler-amt h1
{
  position: absolute;margin-left: 75px;margin-top: 30px;color: #000000;
}
.stapler-amt h3
{
    position: absolute;margin-left: 95px;margin-top: 80px;
}
.stapler-medical
{
    position:absolute;margin-left: 180px;margin-top: 130px;border-radius: 50px;
    border: 1px solid #0071E3;
    width: 130px;
    height: 40px;
    background-color: #0071E3 !important;
}
.stapler-medical-1
{
    position:absolute;margin-left: 25%;margin-top: 130px;border-radius: 50px;
    border: 1px solid #0071E3;
    width: 130px;
    height: 40px;
}
.stapler-medical-1:hover
{
    background-color: #0071E3;
    color: #ffffff;
}
.stapler-amt img 
{
    height: 70vh;width: 100%;margin-top: 15px;
}
.ire-amt h1 
{
    position: absolute;margin-left: 33px;margin-top: 30px;color: #000000;font-weight: bold;

}
.ire-amt h3
{
    position: absolute;margin-left: 145px;margin-top: 80px;
}
.ire-medical
{
    position:absolute;margin-left: 180px;margin-top: 130px;border-radius: 50px;
    border: 1px solid #0071E3;
    width: 130px;
    height: 40px;
    background-color: #0071E3 !important;
}
.ire-medical-1
{
    position:absolute;margin-left: 25%;margin-top: 130px;border-radius: 50px;
    border: 1px solid #0071E3;
    width: 130px;
    height: 40px;
}
.ire-medical-1:hover
{
    background-color: #0071E3;
    color: #ffffff;
}
.ire-amt img 
{
    height: 70vh;width: 100%;margin-top: 15px;
}

/*Start product gallery*/
.wrapper{
  position: relative;
  margin: 0 auto;
/*  width: 550px;*/
  /*padding-left: 150px;*/
}

.img-selection{
  position: relative;
  /*left: 0;
  top: 0;*/
  width: 100px;
  display: ruby-text;
  margin-top: 40px;
}
.img-thumbnail:first-of-type{
  margin-top: 0;
}

.img-thumbnail{
  margin-top: 10px;
  width: 86px;
  height: 82px;
  border: 1px solid #ddd;
  cursor: pointer;
  transition: .3s ease;
  opacity: .5;
  display: block;
  padding-top: 15px;
}

.img-thumbnail:hover{
  opacity: 1;
}

.img-thumbnail.selected{
  opacity: 1;
}

.big-img{
  position: relative;
  width: 550px;
/*  height: 445px;*/
  border: 1px solid #ddd;
  cursor: zoom-in;
  overflow: hidden;
  margin-top: 40px;
}

.big-img img.zoom{
  position: absolute;
  transition: width 0.2s ease-out, opacity 0.2s ease-out 0.2s; 
}

.display-img{
  width: 100%;
}
/*end product gallery*/
/*tab css*/
.custom-tabs {
    background-color: #f8f9fa;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.custom-tabs .nav-link {
    color: #495057;
    border: none;
    padding: 15px 25px;
    transition: all 0.3s ease;
}

.custom-tabs .nav-link.active {
    color: #fff;
    background-color: #007bff;
    box-shadow: 0 4px 6px rgba(0, 123, 255, 0.3);
}

.custom-tabs .tab-content {
    padding: 30px;
}

.fade-in {
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/*start footer css*/
    footer {
      background-color: #f5f5f7;
      padding: 40px 20px;
      font-size: 13px;
      color: #1d1d1f;
    }

    .footer-container {
      max-width: 1200px;
      margin: 0 auto;
    }

    .footer-columns {
      display: flex;
      flex-wrap: wrap;
/*      gap: 40px;*/
      justify-content: space-between;
    }

    .footer-column {
/*      flex: 1 1 180px;*/
      min-width: 150px;
    }

    .footer-title {
      font-weight: 600;
      margin-bottom: 10px;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 20px;
/*      font-size: 15px;*/
    }

    .footer-title .toggle-icon {
      display: none;
      font-weight: bold;
      font-size: 18px;
      margin-left: 10px;
    }

    .footer-links {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .footer-links li {
      margin: 6px 0;
    }

    .footer-links li a {
      color: #1d1d1f;
      text-decoration: none;
      font-size: 1em;
    }
     .footer-links li a:hover{
      text-decoration: underline !important;
    }

    .footer-bottom {
      border-top: 1px solid #ccc;
      margin-top: 30px;
      padding-top: 20px;
      font-size: 12px;
      color: #6e6e73;
    }

    .footer-bottom a {
      color: #06c;
      text-decoration: none;
    }

    @media (max-width: 768px) {
      .footer-columns {
        flex-direction: column;
      }
      .wrapper{
          padding-left:0px !important;
      }
      .big-img
      {
          width:100% !important;
      }
      .img-selection {
          display:ruby;
      }
      .gallery-hair 
      {
        display: grid !important;
      }

      .footer-title {
        font-size: 15px;
/*        padding: 10px 0;*/
        font-weight: 600 !important;
/*        border-bottom: 1px solid rgb(189 189 180);*/
border: 1px solid rgb(189 189 180);
border-left: 0px;
border-right: 0px;
border-top: 0px;
margin-top: 0px;
      }

      .footer-title .toggle-icon {
        display: inline-block;
        font-weight: normal;
      }
      .footer-bottom
      {
        border: 0px;
        margin-top: 1px;
        padding-top: 1px;
      }

      .footer-links {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
        
      }

      .footer-links.expanded {
        max-height: 1000px;
/*        border-bottom: 1px solid rgb(189 189 180);*/
      }
    }
/*end footer css*/

.card {
      transition: transform 0.3s ease-in-out;
       border: 1px solid #eee;
      padding: 15px;
      border-radius: 10px;
      box-shadow: 0 0 5px rgba(0,0,0,0.1);
      height: 100%;
    }
    .card:hover {
      transform: translateY(-5px);
    }
    .thumb-img {
      height: 120px;
      object-fit: contain;
      background: #f8f9fa;
    }
    .card-body ul
    {
        padding-left: 20px;
    }
    /*consumable item css*/
    .product-card {
/*      border: 2px solid #ffc107;*/
      border-radius: 16px;
      overflow: hidden;
      transition: transform 0.3s ease;
    }
    .product-card:hover {
      transform: scale(1.05);
    }
    .product-img {
      width: 100%;
/*      height: 160px;*/
      object-fit: contain;
      background-color: #f8f9fa;
    }
    .product-label {
      background-color: #343a40;
      color: #fff;
      font-weight: 500;
      text-align: center;
      padding: 10px 0;
    }

      .gallery-card {
      border: 1px solid #ffc107;
      border-radius: 16px;
      overflow: hidden;
      transition: transform 0.3s ease;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      background: #fff;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    }
    .gallery-card:hover {
      transform: scale(1.05);
    }
    .gallery-img {
      width: 100%;
      height: 140px;
      object-fit: contain;
      background-color: #f8f9fa;
    }
    .gallery-label {
      background-color: #343a40;
      color: white;
      text-align: center;
      font-weight: 500;
      padding: 8px 0;
      font-size: 14px;
    }
    /*varicose vein csss*/
      .gallery-vein {
      overflow: hidden;
      border-radius: 8px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
      transition: transform 0.4s ease, box-shadow 0.4s ease;
      margin-top: 20px;
    }

    .gallery-vein img {
      width: 100%;
      height: auto;
      display: block;
      transition: transform 0.4s ease;
    }

    .gallery-vein:hover img {
      transform: scale(1.05);
    }

    .gallery-vein:hover {
      box-shadow: 0 8px 20px rgba(0,0,0,0.2);
      transform: translateY(-5px);
    }
/*laser cosmo gyn*/
      .laser-cosmo {
      overflow: hidden;
      border-radius: 8px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
      transition: transform 0.4s ease, box-shadow 0.4s ease;
      margin-top: 20px;
    }

    .laser-cosmo img {
      width: 100%;
      height: auto;
      display: block;
      transition: transform 0.4s ease;
    }

    .laser-cosmo:hover img {
      transform: scale(1.05);
    }

    .laser-cosmo:hover {
      box-shadow: 0 8px 20px rgba(0,0,0,0.2);
      transform: translateY(-5px);
    }
/*veterinary css*/
 .gallery-veterinary {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 30px;
      max-width: 1000px;
      margin: auto;
    }

    .gallery-item-veterinary {
      text-align: center;
      border: 1px solid orange;
      border-radius: 12px;
      padding: 15px;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      background-color: #fff;
    }

    .gallery-item-veterinary:hover {
      transform: translateY(-10px) scale(1.03);
      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    }

    .gallery-item-veterinary img {
      width: 100%;
      max-height: 150px;
      object-fit: contain;
    }

    .gallery-item-veterinary p {
      margin-top: 10px;
      font-size: 16px;
      color: #333;
      text-align:center;
    }
     .icon-container {
      display: flex;
      justify-content: center;
      gap: 50px;
      flex-wrap: wrap;
      margin-bottom: 20px;
    }

    .icon-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      transition: transform 0.3s ease;
    }

    .icon-item:hover {
      transform: scale(1.1);
    }

    .icon-img {
      width: 80px;
      height: 80px;
      transition: transform 0.4s ease, filter 0.3s;
    }

    /*.icon-item:hover .icon-img {
      filter: drop-shadow(0 0 10px orange);
      transform: rotate(3deg) scale(1.05);
    }*/

    .icon-label {
      margin-top: 10px;
      font-weight: bold;
      color: #f97316;
      font-size: 16px;
      text-transform: uppercase;
      letter-spacing: 1px;
    }
/*Kegal Exerciser css*/
.gallery-kegal {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
      gap: 20px;
      justify-items: center;
      animation: fadeIn 1s ease-in;
    }
    .gallery-item-kegal {
      text-align: center;
      transition: transform 0.3s ease;
    }
    .gallery-item-kegal:hover {
      transform: scale(1.05);
    }
    .gallery-item-kegal img {
      width: 100px;
      height: 100px;
      border-radius: 50%;
      object-fit: cover;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }
    .code {
      margin-top: 10px;
      font-weight: bold;
      color: #a248b7;
    }
    .label {
      font-size: 14px;
      color: #333;
    }
    @keyframes fadeIn {
      from {
        opacity: 0;
        transform: translateY(30px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
/*hair removal*/
    .gallery-hair {
      display: flex;
      gap: 20px;
      overflow-x: auto;
      padding: 10px;
    }

    .gallery-hair img {
      height: 200px;
      width: 100%;
      border: 1px solid #c2185b;
      border-radius: 10px;
      opacity: 0;
      transform: translateX(40px);
      animation: fadeInRight 1s ease forwards;
    }

    .gallery-hair img:nth-child(1) {
      animation-delay: 0.2s;
    }
    .gallery-hair img:nth-child(2) {
      animation-delay: 0.4s;
    }
    .gallery-hair img:nth-child(3) {
      animation-delay: 0.6s;
    }
    .gallery-hair img:nth-child(4) {
      animation-delay: 0.8s;
    }

    @keyframes fadeInRight {
      to {
        opacity: 1;
        transform: translateX(0);
      }
    }
/*ire probes css*/
  .gallery-item-probes {
      transition: transform 0.4s ease, box-shadow 0.4s ease;
      border-radius: 12px;
      overflow: hidden;
      background-color: #f9f9f9;
      padding: 15px;
      text-align: center;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    }
    .gallery-item-probes:hover {
      transform: scale(1.05);
      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    }
    .gallery-item-probes img {
      max-width: 100%;
      height: auto;
    }
    .probe-label-probes {
      margin-top: 10px;
      font-weight: 500;
    }
/*micro-ent css*/
    .device-img {
      max-width: 100%;
      height: auto;
    }
    .info-box {
/*      border: 1px solid #004080;*/
      padding: 20px;
      border-radius: 8px;
/*      background-color: #f8f9fa;*/
    }
    .highlight-title {
      font-weight: bold;
      color: #002b5c;
    }
    .applicable-title {
      font-size: 1.2rem;
      font-weight: 600;
      margin-top: 20px;
    }
    .middle-ear-img {
      border: 2px solid #ccc;
      border-radius: 8px;
      max-width: 100%;
    }
/*single wavelength laser*/
    .gallery-single-laser {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(225px, 1fr));
      gap: 40px;
      max-width: 1600px;
      width: 100%;
      padding: 0px 20px 30px;
    }

    .item-single-laser {
      perspective: 1000px;
      transition: transform 0.6s ease-in-out;
    }

    .item-single-laser:hover {
      transform: rotateY(5deg) rotateX(5deg);
    }

    .card-single-laser {
      background: #9FC128;
      border-radius: 20px;
      overflow: hidden;
      padding: 20px;
      text-align: center;
      box-shadow: 0 0 15px #000;
      transform-style: preserve-3d;
      transition: all 0.5s ease;
      animation: pulse 4s infinite;
    }

    .card-single-laser:hover {
      box-shadow: 0 0 40px #00f7ff88, 0 0 60px #00f7ff44;
      transform: scale(1.1) rotateZ(1deg);
    }

    .card-single-laser img {
      width: 120px;
      height: 120px;
      border-radius: 50%;
      border: 3px dashed #fff;
      object-fit: contain;
      transition: transform 0.6s ease-in-out;
      animation: floatImage 3s ease-in-out infinite;
    }

    .card-single-laser:hover img {
      transform: scale(1.2) rotate(5deg);
    }

    .card-single-laser span {
      display: block;
      margin-top: 15px;
      font-size: 14px;
      color: #fff;
      transition: color 0.4s ease, transform 0.3s;
    }
     /* Modal */
    .image-modal {
      display: none;
      position: fixed;
      z-index: 9999;
      top: 0; left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.85);
      justify-content: center;
      align-items: center;
    }

    .image-modal img {
      max-width: 90%;
      max-height: 80vh;
      border-radius: 10px;
      box-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
    }

    .image-modal .close-btn {
      position: absolute;
      top: 20px;
      right: 30px;
      font-size: 40px;
      color: white;
      cursor: pointer;
      font-weight: bold;
    }

    /*.card-single-laser:hover span {
      color: #00ffe0;
      transform: translateY(-4px);
    }
*/
    @keyframes pulse {
      0%, 100% {
        box-shadow: 0 0 15px #000;
      }
      50% {
        box-shadow: 0 0 25px #00f7ff55;
      }
    }

    @keyframes floatImage {
      0%, 100% {
        transform: translateY(0);
      }
      50% {
        transform: translateY(-10px);
      }
    }
.tabs-container {
      display: flex;
      width: 100%;
      max-width: 1400px;
      height: 500px;
      background: #fff;
      box-shadow: 0 0 20px rgba(0,0,0,0.1);
      border-radius: 12px;
      overflow: hidden;
    }

    .tab-menu {
      width: 200px;
      background: #2c3e50;
      display: flex;
      flex-direction: column;
      padding-top: 20px;
    }

    .tab-menu button {
      padding: 16px;
      background: none;
      border: none;
      color: #fff;
      text-align: left;
      cursor: pointer;
      font-size: 16px;
      transition: background 0.3s, transform 0.3s;
      border-left: 5px solid transparent;
    }

    .tab-menu button:hover,
    .tab-menu button.active {
      background: #34495e;
      transform: translateX(5px);
      border-left: 5px solid #00e6e6;
    }

    .tab-content {
      flex-grow: 1;
      padding: 30px;
      position: relative;
    }

    .tab-panel {
      display: none;
      animation: fadeSlide 0.6s ease-in-out forwards;
    }

    .tab-panel.active {
      display: block;
    }
        /* Tablet and Mobile Responsive */
    @media (max-width: 768px) {
      .tabs-container {
        flex-direction: column;
        height: auto;
      }

      .tab-menu {
        flex-direction: row;
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
        border-bottom: 4px solid #00e6e6;
      }

      .tab-menu button {
        flex: 1 0 auto;
        text-align: center;
        padding: 14px;
        font-size: 15px;
        border-left: none;
        border-bottom: 5px solid transparent;
      }

      .tab-menu button:hover,
      .tab-menu button.active {
        transform: translateY(-2px);
        border-left: none;
        border-bottom: 5px solid #00e6e6;
        background: #34495e;
      }

      .tab-content {
        padding: 20px;
      }
    }

    /* Extra Small Screens (Phones) */
    @media (max-width: 480px) {
      .tab-menu button {
        font-size: 14px;
        padding: 12px;
      }

      .tab-content {
        padding: 15px;
      }
      /*.amt-sticky-header 
      {
        position: static !important;
      }*/
    }

    @keyframes fadeSlide {
      from {
        opacity: 0;
        transform: translateX(30px);
      }
      to {
        opacity: 1;
        transform: translateX(0);
      }
    }
    .gallery-container-single {
      display: flex;
      gap: 30px;
      flex-wrap: wrap;
      justify-content: center;
      margin-top: 70px;
    }

    .gallery-item-single {
      width: 230px;
      text-align: center;
      background: #fff;
      padding: 15px;
      border-radius: 16px;
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
      transform: translateY(50px);
      opacity: 0;
      animation: floatUp 0.8s ease forwards;
      position: relative;
      transition: transform 0.5s ease, box-shadow 0.5s ease;
    }

    .gallery-item-single:nth-child(1) { animation-delay: 0.1s; }
    .gallery-item-single:nth-child(2) { animation-delay: 0.2s; }
    .gallery-item-single:nth-child(3) { animation-delay: 0.3s; }
    .gallery-item-single:nth-child(4) { animation-delay: 0.4s; }

    .gallery-item-single:hover {
      transform: translateY(-10px) scale(1.06);
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
      background: #e3f2fd;
    }

    .gallery-item-single::before {
      content: "";
      position: absolute;
      top: -8px;
      right: -8px;
      bottom: -8px;
      left: -8px;
      border-radius: 20px;
/*      background: rgba(0, 174, 255, 0.3);*/
      filter: blur(12px);
      opacity: 0;
      transition: opacity 0.4s;
      z-index: -1;
    }

    .gallery-item-single:hover::before {
      opacity: 1;
    }

    .gallery-item-single img {
      width: 200px;
      height: 200px;
      object-fit: cover;
      border-radius: 12px;
      transition: transform 0.4s ease;
    }
/*
    .gallery-item:hover img {
      transform: scale(1.05) rotate(1deg);
    }
*/
    .gallery-item-single p {
      margin-top: 12px;
      font-size: 14px;
      font-weight: 600;
      color: #333;
      text-transform: capitalize;
      letter-spacing: 0.5px;
    }

    @keyframes floatUp {
      from {
        opacity: 0;
        transform: translateY(60px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
/*dx3000*/
.feature-section {
      margin-bottom: 40px;
    }
    .blue-dot::before {
      content: "▪";
      color: #00aaff;
      margin-right: 10px;
    }
    .orange-star::before {
      content: "★";
      color: #f7941d;
      margin-right: 8px;
    }
    .section-title {
      border-bottom: 1px solid #ccc;
      margin-bottom: 20px;
      padding-bottom: 5px;
    }
/*index page new animation code*/
.info-card {
      background: #fff;
      border-radius: 8px;
      padding: 30px 20px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      animation: fadeInUp 1s ease forwards;
      opacity: 0;
    }

    .info-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    }

    .info-card h5 {
      font-weight: bold;
      margin-bottom: 15px;
    }

    .info-card p {
      color: #495057;
      margin-bottom: 0;
    }

    @keyframes fadeInUp {
      0% {
        opacity: 0;
        transform: translateY(30px);
      }
      100% {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .card-sequence:nth-child(1) { animation-delay: 0.2s; }
    .card-sequence:nth-child(2) { animation-delay: 0.4s; }
    .card-sequence:nth-child(3) { animation-delay: 0.6s; }
    .why-section {
      padding: 60px 20px;
      text-align: center;
    }

    .why-section h2 {
      font-weight: 700;
      margin-bottom: 20px;
      animation: fadeInDown 1s ease-in-out;
    }

    .why-list {
      text-align: left;
      max-width: 900px;
      margin: 0 auto;
      padding-top: 20px;
    }

    .why-list li {
      font-size: 1.05rem;
      margin-bottom: 20px;
      line-height: 1.6;
      opacity: 0;
      transform: translateY(30px);
      animation: fadeUp 1s forwards;
    }

    .why-list li:nth-child(1) { animation-delay: 0.2s; }
    .why-list li:nth-child(2) { animation-delay: 0.4s; }
    .why-list li:nth-child(3) { animation-delay: 0.6s; }
    .why-list li:nth-child(4) { animation-delay: 0.8s; }
    .why-list li:nth-child(5) { animation-delay: 1.0s; }

    /* Animations */
    @keyframes fadeUp {
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @keyframes fadeInDown {
      from {
        opacity: 0;
        transform: translateY(-20px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @keyframes pulse {
      0%, 100% { transform: scale(1); }
      50% { transform: scale(1.1); }
    }
.section-healthcare {
      padding: 60px 20px;
      max-width: 1000px;
      margin: auto;
    }

    .section-healthcare h2 {
      font-weight: 700;
      margin-bottom: 20px;
      animation: fadeInDown 1s ease-in-out;
    }

    .section-healthcare p {
      color: #6c757d;
      font-size: 1rem;
      animation: fadeIn 1.5s ease-in-out;
    }

   /* h5 {
      margin-top: 40px;
      font-weight: 700;
      animation: fadeInUp 1s ease-in-out;
    }*/

    .subtext-healthcare {
      font-size: 0.95rem;
      color: #6c757d;
      margin-bottom: 20px;
      animation: fadeInUp 1.2s ease-in-out;
    }

    /*ul {*/
    /*  padding-left: 199px;*/
    /*  margin-top: 20px;*/
    /*}*/

    li {
      opacity: 0;
      transform: translateX(-20px);
      animation: slideIn 0.8s ease forwards;
/*      margin-bottom: 12px;*/
    }

    .subtext-healthcare-menu li:nth-child(1) { animation-delay: 0.2s; }
    .subtext-healthcare-menu li:nth-child(2) { animation-delay: 0.4s; }
    .subtext-healthcare-menu li:nth-child(3) { animation-delay: 0.6s; }
    .subtext-healthcare-menu li:nth-child(4) { animation-delay: 0.8s; }
    .subtext-healthcare-menu li:nth-child(5) { animation-delay: 1.0s; }
    .subtext-healthcare-menu li:nth-child(6) { animation-delay: 1.2s; }
    .subtext-healthcare-menu li:nth-child(7) { animation-delay: 1.4s; }
    .subtext-healthcare-menu li:nth-child(8) { animation-delay: 1.6s; }
    .subtext-healthcare-menu li:nth-child(9) { animation-delay: 1.8s; }
    .subtext-healthcare-menu li:nth-child(10) { animation-delay: 2.0s; }

    /* Animations */
    @keyframes fadeInDown {
      from { opacity: 0; transform: translateY(-20px); }
      to   { opacity: 1; transform: translateY(0); }
    }

    @keyframes fadeInUp {
      from { opacity: 0; transform: translateY(20px); }
      to   { opacity: 1; transform: translateY(0); }
    }

    @keyframes fadeIn {
      from { opacity: 0; }
      to   { opacity: 1; }
    }

    @keyframes slideIn {
      to {
        opacity: 1;
        transform: translateX(0);
      }
    }
 .left-bg {
/*      background: linear-gradient(to bottom, #7db76b, #d1ecd1);*/
      animation: fadeInLeft 1.5s ease-in-out;
    }
    .right-bg {
/*      background: linear-gradient(to bottom, #41a4c4, #d4f0f6);*/
      animation: fadeInRight 1.5s ease-in-out;
    }
 @keyframes fadeInLeft {
      from {
        opacity: 0;
        transform: translateX(-50px);
      }
      to {
        opacity: 1;
        transform: translateX(0);
      }
    }

    @keyframes fadeInRight {
      from {
        opacity: 0;
        transform: translateX(50px);
      }
      to {
        opacity: 1;
        transform: translateX(0);
      }
    }
.fadeup-bg {
      
      animation: fadeUp 2.5s ease forwards;
    }

    .fadedown-bg {
      
      animation: fadeDown 2.5s ease forwards;
    }
    @keyframes fadeUp {
      0% {
        transform: translateY(50px);
        opacity: 0;
      }
      100% {
        transform: translateY(0);
        opacity: 1;
      }
    }

    @keyframes fadeDown {
      0% {
        transform: translateY(-50px);
        opacity: 0;
      }
      100% {
        transform: translateY(0);
        opacity: 1;
      }
    }
.fadeUpLeft-bg {
      
      animation: fadeUpLeft 2s ease forwards;
    }

    .fadeDownRight-bg {
     
      animation: fadeDownRight 2s ease forwards;
    }

    @keyframes fadeUpLeft {
      0% {
        transform: translate(40px, 40px);
        opacity: 0;
      }
      100% {
        transform: translate(0, 0);
        opacity: 1;
      }
    }

    @keyframes fadeDownRight {
      0% {
        transform: translate(-40px, -40px);
        opacity: 0;
      }
      100% {
        transform: translate(0, 0);
        opacity: 1;
      }
    }
    @keyframes fadeZoomIn {
      0% {
        opacity: 0;
        transform: scale(1.05);
      }
      100% {
        opacity: 1;
        transform: scale(1);
      }
    }
.gallery-wrapper-triple {
      padding: 40px 0;
    }

    .gallery-card-triple {
      background-color: #2a2a2a;
      border-radius: 12px;
      text-align: center;
      padding: 20px;
      position: relative;
      transition: transform 0.3s ease;
    }

    .gallery-card-triple:hover {
      transform: scale(1.05);
    }

    .circle-border-triple {
      width: 100px;
      height: 100px;
      margin: 0 auto 15px;
      border-radius: 50%;
      border: 2px solid #00ffe7;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      animation: pulse 2.5s infinite;
    }

    .circle-border-triple img {
      max-width: 60px;
      max-height: 60px;
      z-index: 1;
    }
    

    @keyframes pulse {
      0% {
        box-shadow: 0 0 0 0 rgba(0, 255, 231, 0.4);
      }
      70% {
        box-shadow: 0 0 0 10px rgba(0, 255, 231, 0);
      }
      100% {
        box-shadow: 0 0 0 0 rgba(0, 255, 231, 0);
      }
    }

    .gallery-label-triple {
      font-size: 14px;
      margin-top: 10px;
      letter-spacing: 1px;
      font-weight: bold;
      color: #ffffff;
    }
.grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
      max-width: 1000px;
      margin: 0 auto;
    }

    .box-triple {
      background-color: #abb3c9;
      padding: 20px;
      border-radius: 12px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
      transition: transform 0.3s ease, background-color 0.3s ease;
      opacity: 0;
      transform: translateY(20px);
      animation: fadeInUp 0.6s forwards;
    }

    .box-triple:hover {
      transform: scale(1.1);
      background-color: #3a3a3a;
      color: #ffffff;
    }

    .box-triple:nth-child(1) { animation-delay: 0.1s; }
    .box-triple:nth-child(2) { animation-delay: 0.2s; }
    .box-triple:nth-child(3) { animation-delay: 0.3s; }
    .box-triple:nth-child(4) { animation-delay: 0.4s; }
    .box-triple:nth-child(5) { animation-delay: 0.5s; }
    .box-triple:nth-child(6) { animation-delay: 0.6s; }
    .box-triple:nth-child(7) { animation-delay: 0.7s; }
    .box-triple:nth-child(8) { animation-delay: 0.8s; }
    .box-triple:nth-child(9) { animation-delay: 0.9s; }
    .box-triple:nth-child(10) { animation-delay: 1.0s; }
    .box-triple:nth-child(11) { animation-delay: 1.1s; }
    .box-triple:nth-child(12) { animation-delay: 1.2s; }
    .box-triple:nth-child(13) { animation-delay: 1.3s; }
    .box-triple:nth-child(14) { animation-delay: 1.4s; }
    .box-triple:nth-child(15) { animation-delay: 1.5s; }
    .box-triple:nth-child(16) { animation-delay: 1.6s; }

    @keyframes fadeInUp {
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

/*index page main slider css*/
    .slidernew {
      position: relative;
      overflow: hidden;
      height: 100vh;
      background: #b2dfdb;
    }

    .slidenew {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      height: 100%;
      padding: 60px 8%;
      position: absolute;
      opacity: 0;
      transition: opacity 1s ease, transform 1s ease;
      transform: translateX(100%);
    }

    .slidenew.active {
      opacity: 1;
      transform: translateX(0);
      z-index: 2;
    }

    .slidenew .contentnew {
      flex: 1;
      animation: slideInLeft 1s ease-out;
    }

    .slidenew .contentnew h1 {
      font-size: 3rem;
      margin-bottom: 20px;
      animation: fadeUp 1s ease 0.2s forwards;
      opacity: 0;
      color: #ffffff !important;
    }

    .slidenew .contentnew p {
      font-size: 1.2rem;
      margin-bottom: 25px;
      animation: fadeUp 1s ease 0.6s forwards;
      opacity: 0;
    }

    .slidenew .contentnew a {
      display: inline-block;
      padding: 12px 28px;
      background: #ff4d4d;
      color: #ffffff !important;
      text-decoration: none;
      font-weight: bold;
      border-radius: 30px;
      transition: background 0.3s ease;
      animation: fadeUp 1s ease 1s forwards;
      opacity: 0;
    }

    .slidenew .contentnew a:hover {
      background: #e60000;
    }

    .slidenew .imagenew {
      flex: 1;
      text-align: right;
      animation: zoomIn 1.2s ease-in-out;
    }

    .slidenew .imagenew img {
      max-width: 100%;
      border-radius: 20px;
      margin-top: 80px;
/*      box-shadow: 0 0 20px rgba(18, 13, 13, 1);*/
    }

    @keyframes slideInLeft {
      from { transform: translateX(-40px); opacity: 0; }
      to { transform: translateX(0); opacity: 1; }
    }

    @keyframes fadeUp {
      to { opacity: 1; transform: translateY(0); }
      from { opacity: 0; transform: translateY(20px); }
    }

    @keyframes zoomIn {
      from { transform: scale(0.9); opacity: 0; }
      to { transform: scale(1); opacity: 1; }
    }

    /* Controls */
    .nav-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      font-size: 40px;
      color: white;
      cursor: pointer;
      z-index: 10;
      user-select: none;
      padding: 10px;
    }

    #prev { left: 20px; }
    #next { right: 20px; }

    @media (max-width: 768px) {
      .slidenew {
        flex-direction: column;
        text-align: center;
        padding: 40px 20px;
      }
      .slidenew .imagenew {
        text-align: center;
        margin-top: 30px;
      }
      .slidenew .imagenew img {
         margin-top: 10px;  
        }
      .slidenew .contentnew {
        margin-top: 50px;
        }
      .slidenew .contentnew h1 {
        font-size: 2rem;
      }
    }
/*Veterinary Endoscope css*/
    .gallery-vet {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 30px;
      max-width: 1200px;
      margin: auto;
    }

    .gallery-item-vet{
      position: relative;
      overflow: hidden;
      border-radius: 15px;
      transform: translateY(50px);
      opacity: 0;
      transition: all 0.6s ease;
    }

    .gallery-item-vet.show {
      opacity: 1;
      transform: translateY(0);
    }

    .gallery-item-vet img {
      width: 100%;
      display: block;
      transition: transform 0.6s ease, filter 0.6s ease;
      cursor: pointer;
    }

    .gallery-item-vet:hover img {
      transform: scale(1.1) rotateY(5deg);
      filter: brightness(1.2);
    }

    .caption {
      position: absolute;
      bottom: -100%;
      left: 0;
      right: 0;
      background: rgba(0, 0, 0, 0.7);
      color: #fff;
      text-align: center;
      padding: 10px;
      font-weight: bold;
      transition: bottom 0.4s ease;
      text-transform: uppercase;
      letter-spacing: 1px;
    }

    .gallery-item-vet:hover .caption {
      bottom: 0;
    }

    .glow-border {
      box-shadow: 0 0 15px #4fc3f7, 0 0 30px #4fc3f7 inset;
    }

    @keyframes popIn {
      from {
        opacity: 0;
        transform: scale(0.8);
      }
      to {
        opacity: 1;
        transform: scale(1);
      }
    }

    .gallery-item-vet.pop {
      animation: popIn 0.5s ease forwards;
    }

    @media (hover: none) {
      .gallery-item-vet:hover img {
        transform: none;
      }
      .caption {
        bottom: 0 !important;
      }
    }

    /* Lightbox Styles */
    .lightbox {
      display: none;
      position: fixed;
      z-index: 1000;
      padding-top: 80px;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background: rgba(0, 0, 0, 0.9);
      text-align: center;
    }

    .lightbox-content {
      max-width: 90%;
      max-height: 80vh;
      margin: auto;
      border-radius: 8px;
      box-shadow: 0 0 20px #000;
      animation: zoomIn 0.4s ease;
    }

    @keyframes zoomIn {
      from {
        transform: scale(0.8);
        opacity: 0;
      }
      to {
        transform: scale(1);
        opacity: 1;
      }
    }

    .lightbox .close {
      position: absolute;
      top: 20px;
      right: 35px;
      color: #fff;
      font-size: 40px;
      font-weight: bold;
      cursor: pointer;
      z-index: 1001;
    }

    .lightbox .close:hover {
      color: #ccc;
    }
    @media (hover: none) {
  .gallery-item-vet:hover img {
    transform: none;
  }
  .caption {
    bottom: 0 !important;
  }
}
/*liposuction*/
    .gallery-img-lipo {
/*      border: 3px solid #ff4500;*/
      border-radius: 31px;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      width: 100%;
      max-width: 250px;
      height: auto;
    }

    .gallery-img-lipo:hover {
      transform: scale(1.05);
      box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
    }

    .gallery-container-lipo {
/*      overflow-x: hidden;*/
      white-space: nowrap;
      padding: 20px 0;
    }

    .gallery-item-lipo {
      display: inline-block;
      margin-right: 20px;
    }

    @media (max-width: 768px) {
      .gallery-img-lipo {
        max-width: 180px;
      }
      .gallery-container-lipo {
      white-space: pre-line;

    }
    }
        /*Start tab slider index page*/
        .section-ind {
      padding: 50px 20px;
    }
/*
    h2 {
      font-size: 36px;
      color: #ff80ff;
      margin-bottom: 20px;
    }*/
    .group-button-ind
    {
      border-radius: 1px solid #ffffff;
    }

    .tab-buttons-ind {
      display: flex;
      justify-content: center;
      gap: 12px;
      margin-bottom: 120px;
    }

    .tab-buttons-ind button {
      background: none;
      border: 2px solid #94C11E;
      padding: 10px 20px;
      border-radius: 8px;
      color: #000000;
      font-weight: bold;
      cursor: pointer;
      transition: 0.3s ease;
    }

    .tab-buttons-ind button.active {
      background-color: #94C11E;
      color: #ffffff;
    }

    .slider-wrapper-ind {
      display: flex;
      justify-content: center;
      align-items: center;
      perspective: 1000px;
      position: relative;
      height: 400px;
      margin-bottom: 60px;
    }

    .slide-ind {
      position: absolute;
      width: 600px;
      max-width: 90vw;
      transition: transform 0.8s ease, opacity 0.6s ease;
      transform-style: preserve-3d;
      opacity: 0.4;
      z-index: 1;
    }

    .slide-ind img {
      width: 100%;
      border-radius: 12px;
      /*box-shadow: 0 0 25px rgba(255,255,255,0.2);*/
    }

    .slide-ind.center {
      transform: translateX(0) rotateY(0deg) scale(1);
      opacity: 1;
      z-index: 3;
    }

    .slide-ind.left {
      transform: translateX(486px) rotateY(30deg) scale(0.8);
      z-index: 2;
    }

    .slide-ind.right {
      transform: translateX(-486px) rotateY(-30deg) scale(0.8);
      z-index: 2;
    }

    .description-ind {
      max-width: 700px;
      margin: 20px auto;
      opacity: 0;
      transform: translateY(30px);
      transition: opacity 0.6s ease, transform 0.6s ease;
    }

    .description-ind.active {
      opacity: 1;
      transform: translateY(0);
    }

    .description-ind h3 {
      font-size: 24px;
      margin-bottom: 10px;
      text-align: center;
    }

    .description-ind p {
      font-size: 16px;
      color: #ccc;
      text-align: center;
    }

    .description-ind a {
      display: inline-block;
      margin-top: 20px;
      padding: 10px 20px;
      background: #4444ff;
      color: #fff;
      border-radius: 6px;
      text-decoration: none;
      text-align: center;
    }

    @media (max-width: 768px) {
      .slide-ind {
        width: 90vw;
      }

      .tab-buttons-ind {
        flex-wrap: wrap;
      }
      .tab-buttons-ind {
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
  }

  .slider-wrapper-ind {
    flex-direction: column;
    align-items: center;
    height: auto;
    perspective: none;
  }

  .slide-ind {
    position: relative;
    transform: none !important;
    opacity: 0 !important;
    display: none;
    margin-bottom: 20px;
  }

  .slide-ind.center {
    display: block;
    opacity: 1 !important;
  }

  .description-ind {
    text-align: center;
    padding: 0 10px;
  }
    }
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.description-ind.active {
  animation: fadeInUp 0.6s ease;
}
    /*End tab slider index page*/

/*    section {
      padding: 60px 20px;
      opacity: 0;
      transform: translateY(30px);
      transition: opacity 1s ease, transform 1s ease;
    }

    section.visible {
      opacity: 1;
      transform: translateY(0);
    }
*/
    /*h2 {*/
    /*  font-size: 28px;*/
    /*  font-weight: bold;*/
    /*  text-align: center;*/
    /*  margin-bottom: 10px;*/
    /*}*/

    .why-good-container {
      display: grid;
      grid-template-columns: 1fr;
      gap: 40px;
      max-width: 1200px;
      margin: auto;
    }

    .why-good-block {
      display: flex;
      flex-direction: column;
      gap: 24px;
    }

    .why-good-block h4 {
      color: #1D4ED8;
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 4px;
    }

    .vision-mission-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 20px;
      max-width: 1200px;
      margin: auto;
      text-align: center;
      margin-top: 60px;
      margin-bottom: 60px;
    }

    .card {
      background: #f7fafc;
      padding: 24px;
      border-radius: 8px;
      box-shadow: 0 0 10px rgba(0,0,0,0.05);
    }

    .card h3 {
      color: #1D4ED8;
      font-size: 20px;
      margin-bottom: 10px;
    }

    .work-block h3 {
      font-size: 22px;
      color: #1D4ED8;
      margin-bottom: 8px;
    }

    .index-new-cs {
      padding-left: 20px;
      margin-top: 10px;
    }

    .index-new-cs li {
      margin-bottom: 8px;
      color: #4a5568;
    }

    @media (min-width: 768px) {
      .why-good-container {
        grid-template-columns: repeat(2, 1fr);
      }
      .tab-buttons-ind {
    margin-bottom: 40px;

}

      .vision-mission-grid {
        grid-template-columns: repeat(3, 1fr);
      }
    }
/*start index page tab css*/
.section-ind {
      padding: 60px 20px;
    }

    /*h2 {
      font-size: 36px;
      color: #ff80ff;
      margin-bottom: 20px;
    }*/
    .group-button-ind
    {
      border-radius: 1px solid #ffffff;
    }

    .tab-buttons-ind {
      display: flex;
      justify-content: center;
      gap: 12px;
      margin-bottom: 120px;
    }

    .tab-buttons-ind button {
      background: none;
      border: 2px solid #94C11E;
      padding: 10px 20px;
      border-radius: 8px;
      color: #000000;
      font-weight: bold;
      cursor: pointer;
      transition: 0.3s ease;
    }

    .tab-buttons-ind button.active {
      background-color: #94C11E;
      color:#ffffff;
    }

    .slider-wrapper-ind {
      display: flex;
      justify-content: center;
      align-items: center;
      perspective: 1000px;
      position: relative;
      height: 400px;
      margin-bottom: 60px;
    }

    .slide-ind {
      position: absolute;
      width: 600px;
      max-width: 90vw;
      transition: transform 0.8s ease, opacity 0.6s ease;
      transform-style: preserve-3d;
      opacity: 0.4;
      z-index: 1;
    }

    .slide-ind img {
      width: 100%;
      border-radius: 12px;
      /*box-shadow: 0 0 25px rgba(255,255,255,0.2);*/
    }

    .slide-ind.center {
      transform: translateX(0) rotateY(0deg) scale(1);
      opacity: 1;
      z-index: 3;
    }

    .slide-ind.left {
      transform: translateX(483px) rotateY(28deg) scale(0.8);
      z-index: 2;
    }

    .slide-ind.right {
      transform: translateX(-483px) rotateY(-28deg) scale(0.8);
      z-index: 2;
    }

    .description-ind {
      max-width: 700px;
      margin: 0 auto;
      opacity: 0;
      transform: translateY(30px);
      transition: opacity 0.6s ease, transform 0.6s ease;
    }

    .description-ind.active {
      opacity: 1;
      transform: translateY(0);
    }

    .description-ind h3 {
      font-size: 24px;
      margin-bottom: 10px;
      margin-top:20px;
    }

    .description-ind p {
      font-size: 16px;
      color: #000000;
      text-align: center;
      padding:20px;
    }

    .description-ind a {
      display: inline-block;
      margin-top: 20px;
      padding: 10px 20px;
      background: #94C11E;
      color: #fff;
      border-radius: 6px;
      text-decoration: none;
    }

    @media (max-width: 768px) {
      .slide-ind {
        width: 90vw;
      }

      .tab-buttons-ind {
        flex-wrap: wrap;
      }
      .tab-buttons-ind {
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
  }

  .slider-wrapper-ind {
    flex-direction: column;
    align-items: center;
    height: auto;
    perspective: none;
  }

  .slide-ind {
    position: relative;
    transform: none !important;
    opacity: 0 !important;
    display: none;
    margin-bottom: 20px;
  }

  .slide-ind.center {
    display: block;
    opacity: 1 !important;
  }

  .description-ind {
    text-align: center;
    padding: 0 10px;
  }
    }

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.description-ind.active {
  animation: fadeInUp 0.6s ease;
}

.image-mapper-shape {
    fill: rgba(0, 0, 0, 0);
    border-radius: 12px;
}
g:hover .image-mapper-shape {
    stroke: white;
    stroke-width: 2px;
    opacity: 20%;
}
/*End Index page tab css*/
      .diode-980 {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 40px;
    }

    .column-diode-980 {
      background: #fff;
      padding: 20px 30px;
      box-shadow: 0 5px 15px rgba(0,0,0,0.1);
      border-radius: 10px;
    }

    .column-diode-980 h3 {
      margin-bottom: 10px;
      color: #0077b6;
    }

    .diode-980-adv {
      list-style: disc;
      padding-left: 20px;
    }

    .diode-980-adv li {
      margin: 6px 0;
    }

    @media (max-width: 768px) {
    .diode-980 {
        grid-template-columns: 1fr;
      }
    }
     h2.title {
      text-align: center;
      font-size: 35px;
      padding-top: 40px;
      font-weight: 400 !important;
    }

    .feature-box {
      margin-bottom: 40px;
      text-align: center;
      width: 500px;
    }

    .feature-box h4 {
      font-size: 24px;
      margin-bottom: 10px;
      font-weight: 400 !important;
    }

    .feature-box p {
      font-size: 14px;
      line-height: 1.6;
      text-align: center;
      padding:20px;
    }

    @media (max-width: 768px) {
      h2.title {
        font-size: 28px;
      }
    }
    /*start index page vision mission css*/
 .box-container-index {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 40px;
      margin: 60px 60px;
    }

    .box-index {
      background: #e0e0e0;
      border-radius: 10px;
      padding: 30px;
      width: 300px;
      min-height: 150px;
      text-align: center;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
      transition: all 0.4s ease;
      transform: scale(1);
      position: relative;
      overflow: hidden;
    }

    .box-index:hover {
      transform: scale(1.05);
      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
      background: linear-gradient(135deg, #e0e0e0, #ffffff);
    }

    .box-index::before {
      content: "";
      position: absolute;
      width: 100%;
      height: 5px;
      background: #3b82f6;
      top: 0;
      left: 0;
      transform: scaleX(0);
      transition: transform 0.3s ease;
      transform-origin: left;
    }

    .box-index:hover::before {
      transform: scaleX(1);
    }

    .box-index h3 {
      font-size: 24px;
      margin-bottom: 12px;
      position: relative;
      z-index: 1;
      font-weight: 400 !important;
    }

    .box-index p {
      font-size: 15px;
      line-height: 1.6;
      position: relative;
      text-align: justify;
      z-index: 1;

    }

    @media (max-width: 768px) {
      .box-container-index {
        /*flex-direction: column;*/
        align-items: center;
      }
    }
/*end iandex page vision mission css*/
 .container-index {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 50px;
      margin-top:60px;
      margin-bottom:60px;
    }

    .card-index {
      width: 250px;
      background: #fff;
      border-radius: 60px;
      box-shadow: 0 10px 25px rgba(0,0,0,0.1);
      text-align: center;
      padding: 2px 20px 30px;
      position: relative;
      overflow: hidden;
    }

    .card-index:before {
      content: '';
      position: absolute;
      top: 0;
      width: 100%;
      height: 70px;
      border-radius: 0 0 50% 50%;
      background: #eee;
      z-index: 0;
      left: 0;
    }

    .icon-index img {
      font-size: 40px;
      margin-bottom: 15px;
      z-index: 1;
      position: relative;
    }

    .card-index h3 {
      margin: 50px 0 5px;
      font-size: 24px;
      font-weight: 400 !important;
      z-index: 1;
      position: relative;
      font-family: Urbanist;
    }

    .card-index p {
      font-size: 14px;
      color: #555;
      z-index: 1;
      position: relative;
      text-align: justify;
      margin-top: 20px;
    }

    .orange-index { border: 3px solid #94c11e; border-top-left-radius: 2px; border-bottom-right-radius: 2px; }
    .blue-index { border: 3px solid #b4de3d; border-top-left-radius: 2px; border-bottom-right-radius: 2px; }
    .pink-index { border: 3px solid #cbeb6b; border-top-left-radius: 2px; border-bottom-right-radius: 2px; }

    .card-index.orange-index:before { background: #94c11e; }
    .card-index.blue-index:before { background: #b4de3d; }
    .card-index.pink-index:before { background: #cbeb6b; }

    @media screen and (max-width: 769px) {
      .card-index {
        width: 90%;
      }
    }
      @media screen and (min-width: 768px) {
      .container-index {
        flex-wrap: unset;
      }
    }
    .con-amt {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 30px;
      max-width: 1300px;
      margin: auto;
      margin-top: 50px;
      margin-bottom: 50px;
    }

    .amt-feature-box {
      background: #ffffff;
      width: 100%;
      max-width: 550px;
      padding: 25px;
      border-radius: 50px 0;
      box-shadow: 20px 19px 12px rgba(0,0,0,0.05);
      box-sizing: border-box;
      transition: all 0.3s ease-in-out;
    }

    .amt-feature-box:hover {
      background: #94c11e;
      color: white;
    }

    .amt-feature-box h3 {
      color: #000000;
      font-size: 20px;
      margin-bottom: 10px;
      transition: color 0.3s ease-in-out;
    }

    .amt-feature-box p {
      color: #000000;
      font-size: 16px;
      margin-bottom: 16px;
      transition: color 0.3s ease-in-out;
    }

    .amt-feature-box ul {
      padding-left: 20px;
      margin: 0;
    }

    .amt-feature-box ul li {
      margin-bottom: 10px;
      font-size: 16px;
      line-height: 30px;
      transition: color 0.3s ease-in-out;
    }

    .amt-feature-box:hover h3,
    .amt-feature-box:hover p,
    .amt-feature-box:hover ul li {
      color: white;
    }

    @media (max-width: 768px) {
      .amt-feature-box {
        max-width: 100%;
      }

      .amt-feature-box h3 {
        font-size: 18px;
      }

      .amt-feature-box p,
      .amt-feature-box ul li {
        font-size: 13px;
      }
    }

    @media (min-width: 767px) {
      .con-amt {
        flex-wrap: nowrap;
      }
    }
/*Start whatsapp button css*/
    .whatsapp-float {
      position: fixed;
      bottom: 20px;
      right: 20px;
      width: 60px;
      height: 60px;
      background-color: #25D366;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 9999;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
      opacity: 0;
      pointer-events: none;
      transform: translateY(100px);
      transition: opacity 0.5s ease, transform 0.5s ease;
    }

    .whatsapp-float.show {
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0);
      animation: pulse 2s infinite;
    }

    .whatsapp-float:hover {
      background-color: #128C7E;
      animation: none;
    }

    .whatsapp-float img {
      width: 30px;
      height: 30px;
    }

    @keyframes pulse {
      0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5); }
      70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }
      100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
    }

    /* Scroll Top Button */
    .scroll-top {
      position: fixed;
      bottom: 90px;
      right: 20px;
      width: 45px;
      height: 45px;
      background-color: #1a4dcc;
      color: white;
      border: none;
      border-radius: 50%;
      font-size: 22px;
      cursor: pointer;
      box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
      display: none;
      align-items: center;
      justify-content: center;
      z-index: 9999;
      transition: all 0.3s ease;
    }

    .scroll-top:hover {
      background-color: #1338a5;
      transform: scale(1.1);
    }
/*end whatsapp button css*/
  /* Floating Vertical Bar */
.floating-bar {
  position: fixed;
  top: 30%;
  left: 10px;
  background: #054a55;
  border-radius: 30px;
  padding: 24px 5px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 1000;
}

/* Icons */
.icon {
  width: 40px;
  height: 40px;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  transition: background 0.3s ease;
}

.icon:hover {
  background: #45b649; /* Green hover color */
  border-radius: 50%;
}

/* Tooltip Style */
.icon::after {
  content: attr(data-tooltip);
  position: absolute;
  left: 50px;
  top: 50%;
  transform: translateY(-50%);
  background: #333;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 15px;
  opacity: 0;
  white-space: nowrap;
  pointer-events: none;
  transition: opacity 0.3s ease, left 0.3s ease;
}

.icon:hover::after {
  opacity: 1;
  left: 50px;
}

/* QR Code Box */
.qr-box {
  display: none;
  position: fixed;
  top: 30%;
  left: 66px;
  background: #054a55;
  padding: 15px;
  border-radius: 20px;
  text-align: center;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  z-index: 1001;
}

.qr-box img {
  width: 120px;
  height: 120px;
}

.qr-box p {
  color: white;
  font-size: 14px;
  margin-top: 5px;
}
/* ✅ Mobile View: Horizontal Direction */
@media screen and (max-width: 768px) {
  .floating-bar {
    top: auto;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    flex-direction: row;
    background: #054a55;
    padding: 10px;
    border-radius: 30px;
    gap: 40px;
  }

  .icon::after {
    /* Hide tooltips on mobile */
    display: none;
  }

  .qr-box {
    top: auto;
    bottom: 80px;
    left: 50%;
    transform: translateX(-50%);
  }
}