@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
 body {
     font-family: PlayfairDisplay;
     background: #ffffff !important;
 }
 * {
     box-sizing: border-box;
     padding: 0;
     margin: 0;
 }
 .acms.container-fluid {
     padding: 0px 100px;
 }
 @media (max-width: 768px) {
     body .acms.container-fluid {
         padding: 0px 10px !important;
     }
     .ms_countdown_container {
         overflow: hidden !important;
     }
     .bid-single-page-card .header h1 {
         line-height: initial !important;
     }
     .bid-single-page-card .lot-header {
         align-items: flex-start;
         gap: 15px;
     }
     .ms_benefit-card {
         align-items: center !important;
         flex-direction: column !important;
         text-align: center !important;
     }
     .ms_form-actions.justify-content-between {
         flex-direction: column !important;
         gap: 20px !important;
     }
     .container.ms_form-container {
         padding: 0px;
     }
     .ms_verify-header-child {
         flex-direction: column !important;
         text-align: center !important;
         width: 100% !important;
     }
     #otpSuccessBox .ms_verify-section {
         padding: 20px 10px !important;
     }
     #otpSuccessBox .ms_verify-section-child {
         flex-direction: column !important;
         gap: 10px !important;
     }
     #otpSuccessBox .ms_verify-section-child1 {
         flex-direction: column !important;
         text-align: center !important;
     }
     .ms_modal-content-child {
         flex-direction: column;
         align-items: center;
         gap: 20px;
     }
     .ms_modal-content-child1 {
         align-content: center;
         align-items: center;
     }
     .ms_success-icon {
         font-size: 25px !important;
         width: 35px !important;
         height: 35px !important;
     }
     .container-hsn-style-collection .auction-collection .card-image-wrapper {
         width: unset !important;
         float: left;
         height: initial !important;
     }
     .container-hsn-style-collection .auction-collection .auction-card-content {
         width: unset !important;
         float: left;
     }
     .container-hsn-style-collection .auction-collection .auction-card-content .card-desc {
         margin-top: 5%;
     }
     body .container-hsn-style-collection .auction-collection .auction-card-content .card-desc strong {
         font-size: 24px !important;
     }
     .container-hsn-style-collection .auction-card.auction-collection.card-running,
     .container-hsn-style-collection .auction-card.auction-collection.single-auction-card {
         flex-direction: column !important;
     }
     .container-hsn-style-collection .auction-card.auction-collection.single-acution-card {
         flex-direction: column !important;
     }
     .bid-single-page-card .action-buttons {
         flex-direction: column;
     }
     .bid-single-page-card .start-notice {
         flex-direction: column !important;
         align-items: flex-start !important;
         gap: 15px;
     }
 }
 .container-hsn-style-collection .auction-card.auction-collection.single-acution-card {
     padding: 0;
     display: flex;
     flex-direction: row;
     gap: 0;
 }
 .container-hsn-style-collection .auction-card.auction-collection.card-running,
 .container-hsn-style-collection .auction-card.auction-collection.single-auction-card {
     padding: 0;
     display: flex;
     flex-direction: row;
     gap: 0;
 }
 .container-hsn-style-collection .auction-collection .card-image-wrapper {
     width: 40%;
     float: left;
     height: unset !important;
 }
 .container-hsn-style-collection .auction-collection .auction-card-content {
     width: 60%;
     float: left;
     margin-bottom: 40px !important;
 }
 .container-hsn-style-collection .auction-collection .auction-card-content .card-desc {
     margin-top: 5%;
 }
 .container-hsn-style-collection .auction-collection .auction-card-content .card-desc strong {
     font-size: 38px !important;
 }
 @media (min-width: 1200px) and (max-width: 1520px) {
     body .acms.container-fluid {
         padding: 0px 50px !important;
     }
 }
 @media (min-width: 992px) and (max-width: 1200px) {
     .ms_form-actions.justify-content-between {
         flex-direction: column !important;
         gap: 20px !important;
     }
     body .acms.container-fluid {
         padding: 0px 30px !important;
     }
     .container-hsn-letest .auction-collection-grid.grid-view {
         display: grid !important;
         grid-template-columns: repeat(3, 1fr) !important;
     }
 }
 .list-view .container-hsn-leatest-bid .image-container img {
     height: 100% !important;
 }
 @media (min-width: 600px) and (max-width: 992px) {
     .container-hsn-letest .auction-collection-grid.grid-view {
         display: grid !important;
         grid-template-columns: repeat(2, 1fr) !important;
     }
     .container-hsn-letest .auction-collection-grid.list-view {
         display: grid !important;
         grid-template-columns: repeat(1, 1fr) !important;
     }
 }
 @media (min-width: 0px) and (max-width: 600px) {
     .container-hsn-letest .auction-collection-grid.grid-view {
         display: grid !important;
         grid-template-columns: repeat(1, 1fr) !important;
     }
     .container-hsn-letest .auction-collection-grid.list-view {
         display: grid !important;
         grid-template-columns: repeat(1, 1fr) !important;
     }
     body .container-hsn-letest .auction-collection-grid.list-view .auction-card {
         display: block !important;
         flex-direction: column;
         gap: 20px;
         justify-content: space-between;
     }
     body .auction-collection-grid.list-view .image-container {
         width: 100% !important;
     }
     body .auction-collection-grid.list-view .content {
         width: 100% !important;
     }
     body .list-view .container-hsn-leatest-bid .image-container img {
         height: 300px !important;
     }
 }
 @media (min-width: 768px) and (max-width: 1200px) {
     .container-hsn-slider .swiper-button-prev,
     .container-hsn-letest .swiper-button-prev {
         left: 80% !important;
     }
     body .acms.container-fluid {
         padding: 0px 30px !important;
     }
 }
 .text-counter-hsn1 {
     max-width: 600px !important;
 }
 .header-main {
     background-color: #e8f5e9;
     padding: 20px 0;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
 }
 .latest-bids-container-hsn {
     /* max-width: 1720px;
          margin: 0 auto; */
     /* padding: 0 20px; */
 }
 .header-hsn .header-container {
     /* max-width: 1720px;
          margin: 0 auto; */
     /* padding: 0 20px; */
     display: flex;
     align-items: center;
     justify-content: space-between;
 }
 .header-hsn .logo-section {
     display: flex;
     align-items: center;
     gap: 100px;
 }
 .header-hsn .logo-icon {
     width: 45px;
     height: 45px;
     background-color: #4caf50;
     border-radius: 8px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-weight: bold;
     color: white;
     font-size: 24px;
 }
 .header-hsn .nav-section {
     display: flex;
     align-items: center;
     gap: 20px;
 }
 .header-hsn .nav-link {
     padding: 10px;
     color: #2A2A2A;
     text-decoration: none;
     transition: all 0.3s ease;
     font-family: PlayfairDisplay;
     font-weight: 400;
     font-style: Regular;
     font-size: 16px;
     leading-trim: CAP_HEIGHT;
     line-height: 100%;
     letter-spacing: 0%;
     text-align: center;
 }
 .header-hsn .nav-link:hover {
     /* color: #4FB64F; */
     background-color: #4FB64F;
     color: #FFFFFF;
 }
 .header-hsn .nav-link.active {
     background-color: #4FB64F;
     color: #FFFFFF;
 }
 .header-hsn .right-section {
     display: flex;
     align-items: center;
     gap: 20px;
 }
 .header-hsn .contact-btn {
     background-color: #4FB64F;
     color: white;
     border: none;
     padding: 10px 28px;
     border-radius: 2px;
     font-family: PlayfairDisplay;
     font-weight: 500;
     font-style: Medium;
     font-size: 16px;
     leading-trim: CAP_HEIGHT;
     line-height: 100%;
     letter-spacing: 0%;
     text-align: center;
     cursor: pointer;
 }
 .header-hsn .contact-btn:hover {
     background-color: #fff;
     color: #2A2A2A;
     border: 1px solid #4FB64F;
 }
 .header-hsn .language-selector {
     display: flex;
     align-items: center;
     gap: 8px;
     cursor: pointer;
     font-family: PlayfairDisplay;
     font-weight: 400;
     font-style: Regular;
     font-size: 14px;
     leading-trim: NONE;
     line-height: 100%;
     letter-spacing: 0%;
     text-align: center;
     position: relative;
 }
 .header-hsn .language-dropdown {
     position: absolute;
     top: 100%;
     right: 0;
     margin-top: 15px;
     background-color: white;
     border-radius: 8px;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
     min-width: 180px;
     opacity: 0;
     visibility: hidden;
     transform: translateY(-10px);
     transition: all 0.3s ease;
     z-index: 1000;
 }
 .header-hsn .language-dropdown.active {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
 }
 .header-hsn .language-option {
     padding: 12px 16px;
     cursor: pointer;
     transition: background-color 0.2s ease;
     color: #2A2A2A;
     border-bottom: 1px solid #f0f0f0;
     font-family: PlayfairDisplay;
     font-weight: 400;
     font-style: Regular;
     font-size: 14px;
     leading-trim: NONE;
     line-height: 100%;
     letter-spacing: 0%;
     text-align: center;
 }
 .header-hsn .language-option:first-child {
     border-radius: 8px 8px 0 0;
 }
 .header-hsn .language-option:last-child {
     border-bottom: none;
     border-radius: 0 0 8px 8px;
 }
 .header-hsn .language-option:hover {
     background-color: #f5f5f5;
 }
 .header-hsn .language-option.selected {
     background-color: #e8f5e9;
     color: #4FB64F;
     font-weight: 600;
 }
 .header-hsn .globe-icon {
     width: 20px;
     height: 20px;
 }
 .header-hsn .language-text {
     color: #2c2c2c;
     font-size: 15px;
     font-weight: 500;
 }
 .header-hsn .dropdown-arrow {
     width: 0;
     height: 0;
     border-left: 4px solid transparent;
     border-right: 4px solid transparent;
     border-top: 5px solid #2c2c2c;
     margin-left: 2px;
 }
 .header-hsn .user-section {
     display: flex;
     align-items: center;
     gap: 10px;
     cursor: pointer;
     padding: 6px 12px;
     border-radius: 6px;
 }
 .header-hsn .user-avatar img {
     width: 38px;
     height: 38px;
     border-radius: 50%;
     object-fit: cover;
 }
 .header-hsn .user-name {
     color: #2A2A2A;
     font-family: PlayfairDisplay;
     font-weight: 400;
     font-style: Regular;
     font-size: 14px;
     leading-trim: NONE;
     line-height: 100%;
     letter-spacing: 0%;
 }
 .custom-arrow {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     background: transparent;
     border: 1px solid #000;
     display: flex;
     justify-content: center;
     align-items: center;
 }
 .custom-arrow:disabled {
     opacity: 0.4;
     border: 1px solid #c8c8c8 !important;
 }
 .arrow-icon {
     filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
 }
 .header-hsn .login-div a {
     color: #2A2A2A;
     text-decoration: none;
     transition: all 0.3s ease;
     font-family: PlayfairDisplay;
     font-weight: 400;
     font-style: Regular;
     font-size: 16px;
     leading-trim: CAP_HEIGHT;
     line-height: 100%;
     letter-spacing: 0%;
     text-align: center;
 }
 .header-hsn .login-div a:hover {
     color: #4FB64F;
 }
 .header-hsn .mobile-toggle {
     display: none;
     flex-direction: column;
     gap: 5px;
     cursor: pointer;
     padding: 8px;
 }
 .header-hsn .mobile-toggle span {
     width: 25px;
     height: 3px;
     background-color: #2c2c2c;
     border-radius: 2px;
     transition: all 0.3s ease;
 }
 /* Offcanvas */
 .header-hsn .offcanvas-custom {
     background-color: #e8f5e9;
     width: 300px !important;
 }
 .header-hsn .offcanvas-header {
     border-bottom: 2px solid rgba(76, 175, 80, 0.2);
     padding: 20px;
 }
 .header-hsn .offcanvas-title {
     font-weight: 700;
     color: #2c2c2c;
     font-size: 20px;
 }
 .header-hsn .offcanvas-body {
     padding: 20px;
 }
 .header-hsn .mobile-nav-link {
     display: block;
     padding: 12px 16px;
     color: #2c2c2c;
     text-decoration: none;
     font-size: 16px;
     font-weight: 500;
     border-radius: 6px;
     margin-bottom: 8px;
     transition: all 0.3s ease;
 }
 .header-hsn .mobile-nav-link:hover {
     background-color: rgba(76, 175, 80, 0.1);
     color: #4caf50;
 }
 .header-hsn .mobile-nav-link.active {
     background-color: #4caf50;
     color: white;
 }
 .header-hsn .offcanvas-divider {
     height: 1px;
     background-color: rgba(76, 175, 80, 0.2);
     margin: 20px 0;
 }
 .header-hsn .mobile-contact-btn {
     width: 100%;
     background-color: #4caf50;
     color: white;
     border: none;
     padding: 12px 20px;
     border-radius: 6px;
     font-size: 16px;
     font-weight: 500;
     cursor: pointer;
     transition: all 0.3s ease;
     margin-bottom: 15px;
 }
 .header-hsn .mobile-contact-btn:hover {
     background-color: #45a049;
 }
 .header-hsn .mobile-language-selector {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 12px 16px;
     background-color: white;
     border-radius: 6px;
     cursor: pointer;
     margin-bottom: 15px;
     transition: all 0.3s ease;
 }
 .header-hsn .mobile-language-selector:hover {
     background-color: rgba(76, 175, 80, 0.1);
 }
 .header-hsn .mobile-lang-left {
     display: flex;
     align-items: center;
     gap: 10px;
 }
 .header-hsn .mobile-user-section {
     display: flex;
     align-items: center;
     gap: 12px;
     padding: 12px 16px;
     background-color: white;
     border-radius: 6px;
     cursor: pointer;
     transition: all 0.3s ease;
 }
 .header-hsn .mobile-user-section:hover {
     background-color: rgba(76, 175, 80, 0.1);
 }
 .header-hsn .mobile-language-dropdown {
     background-color: white;
     border-radius: 8px;
     overflow: hidden;
     margin-top: 8px;
     display: none;
 }
 .header-hsn .mobile-language-dropdown.active {
     display: block;
 }
 /* Responsive */
 @media (max-width: 992px) {
     .header-hsn .nav-section,
     .header-hsn .right-section {
         display: none;
     }
     .header-hsn .mobile-toggle {
         display: flex;
     }
 }
 @media (max-width: 576px) {
     .header-hsn .header-container {
         padding: 0 15px;
     }
     .header-hsn .logo-text-top,
     .header-hsn .logo-text-bottom {
         font-size: 14px;
     }
     .header-hsn .logo-icon {
         width: 38px;
         height: 38px;
         font-size: 20px;
     }
 }
 .hero-section-hsn {
     position: relative;
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
     padding-top: 150px;
     padding-bottom: 150px;
 }
 .hero-section-hsn .hero-background {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
 }
 .hero-section-hsn .hero-background img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: top center;
 }
 .hero-section-hsn .hero-content {
     position: relative;
     text-align: center;
     color: white;
     padding: 0 20px;
     /* width: 1720px; */
     z-index: 2;
     margin: 0 auto;
 }
 .hero-section-hsn .hero-title {
     font-family: PlayfairDisplay;
     font-weight: 800;
     font-style: Italic;
     font-size: 50px;
     leading-trim: CAP_HEIGHT;
     width: 1200px;
     margin: auto;
     letter-spacing: 0%;
     text-align: center;
     vertical-align: middle;
 }
 .hero-section-hsn .hero-subtitle {
     font-family: PlayfairDisplay;
     font-weight: 400;
     font-style: Regular;
     font-size: 20px;
     leading-trim: CAP_HEIGHT;
     margin: 55px 0px;
     letter-spacing: 0%;
     text-align: center;
 }
 .hero-section-hsn .cta-buttons {
     display: flex;
     gap: 25px;
     justify-content: center;
     flex-wrap: wrap;
     margin-bottom: 70px;
 }
 .hero-section-hsn .btn {
     padding: 16px 43px;
     border: none;
     cursor: pointer;
     text-decoration: none;
     display: inline-flex;
     align-items: center;
     gap: 12px;
     transition: all 0.3s ease;
     border-radius: 2px;
     font-family: PlayfairDisplay;
     font-weight: 600;
     font-style: SemiBold;
     font-size: 16px;
     leading-trim: NONE;
     line-height: 16px;
     letter-spacing: 0%;
     vertical-align: middle;
 }
 .hero-section-hsn .btn-primary {
     background-color: #4FB64F;
     color: white;
 }
 .hero-section-hsn .btn-primary:hover {
     background-color: #45a049;
     transform: translateY(-2px);
     box-shadow: 0 8px 20px rgba(76, 175, 80, 0.4);
 }
 .hero-section-hsn .btn-secondary {
     background-color: white;
     color: #0B0C0C;
 }
 .hero-section-hsn .btn-secondary:hover {
     background-color: #f5f5f5;
     transform: translateY(-2px);
     box-shadow: 0 8px 20px rgba(255, 255, 255, 0.4);
 }
 .hero-section-hsn .arrow-icon {
     width: 16px;
     height: 16px;
     transition: transform 0.3s ease;
 }
 .hero-section-hsn .btn:hover .arrow-icon {
     transform: translate(3px, -3px);
 }
 .hero-section-hsn .brand-logos {
     display: flex;
     justify-content: space-between;
     align-items: center;
     gap: 60px;
     flex-wrap: wrap;
     margin: 0 auto;
     max-width: 1200px;
     padding: 0 20px;
 }
 .hero-section-hsn .logo-item {
     display: flex;
     align-items: center;
     gap: 18px;
     transition: all 0.3s ease;
 }
 .hero-section-hsn .logo-item:hover {
     transform: translateY(-3px);
 }
 .hero-section-hsn .logo-img {
     width: 300px;
     object-fit: contain;
     height: auto;
 }
 .hero-section-hsn .logo-text {
     color: white;
     font-size: 0.95rem;
     font-weight: 500;
     letter-spacing: 2px;
     text-transform: uppercase;
     font-family: Arial, sans-serif;
     line-height: 1.4;
     max-width: 220px;
 }
 /* Responsive */
 @media (max-width: 968px) {
     .hero-section-hsn .brand-logos {
         gap: 20px;
         display: flex;
         justify-content: center;
     }
 }
 @media (max-width: 768px) {
     .hero-section-hsn .hero-content {
         width: 100% !important;
     }
     .hero-section-hsn .hero-title {
         font-size: 30px !important;
         margin: 0px;
         margin-bottom: 0px;
         width: fit-content !important;
     }
     .hero-section-hsn .hero-subtitle {
         font-size: 1.15rem;
         margin-bottom: 50px;
     }
     .hero-section-hsn .cta-buttons {
         flex-direction: column;
         align-items: center;
         gap: 18px;
         margin-bottom: 30px;
     }
     .hero-section-hsn .btn {
         width: 90%;
         max-width: 320px;
         justify-content: center;
     }
     .hero-section-hsn .brand-logos {
         flex-direction: column;
         gap: 10px;
     }
     .hero-section-hsn .logo-item {
         justify-content: center;
         width: 100% !important;
     }
     body .container-hsn-slider .swiper-button-prev,
     body .container-hsn-letest .swiper-button-prev {
         left: 65% !important;
         right: 0%;
     }
     .container-hsn-slider .arrow-btn {
         width: 35px !important;
         height: 35px !important;
     }
 }
 @media (max-width: 480px) {
     .container-hsn-slider .country-flag {
         margin-right: 4px !important;
     }
     .container-hsn-slider .timer-value {
         font-size: 14px !important;
     }
     .container-hsn-slider .timer-item {
         display: flex;
         flex-direction: column;
     }
     .container-hsn-slider .arrow-btn {
         width: 35px !important;
         height: 35px !important;
     }
     .container-hsn-slider .swiper-button-next svg,
     .container-hsn-slider .swiper-button-prev svg {
         width: 15px !important;
         height: 15px !important;
     }
     .container-hsn-slider .header h1 {
         font-size: 25px !important;
     }
     .hero-section-hsn .hero-subtitle {
         font-size: 1rem;
         margin-bottom: 45px;
     }
     .hero-section-hsn .btn {
         padding: 14px 35px;
         font-size: 1rem;
     }
     .hero-section-hsn .cta-buttons {
         margin-bottom: 30px;
     }
 }
 .container-hsn-leatest-bid .auction-card {
     font-family: PlayfairDisplay;
     width: 100%;
     padding: 10px;
     background: rgba(255, 255, 255, 1);
     border-radius: 6px;
     border: 1px solid rgba(217, 217, 217, 1);
     overflow: hidden;
     box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.05);
     transition: transform 0.3s ease;
 }
 .container-hsn-leatest-bid .auction-card:hover {
     transform: translateY(-5px);
 }
 .container-hsn-leatest-bid .image-container {
     position: relative;
 }
 .container-hsn-leatest-bid .image-container img {
     height: 300px;
     width: 100%;
     border-radius: 6px;
     object-fit: cover;
 }
 .container-hsn-leatest-bid .live-badge,
 .container-hsn-leatest-bid .single-auction-badge {
     position: absolute;
     top: 12px;
     left: 12px;
     background: rgba(79, 182, 79, 1);
     color: white;
     padding: 6px 12px;
     border-radius: 6px;
     font-size: 14px;
     font-weight: 600;
     display: flex;
     align-items: center;
     gap: 6px;
     font-family: 'PlayfairDisplay', serif;
 }
 .container-hsn-leatest-bid .live-badge svg,
 .container-hsn-leatest-bid .single-auction-badge svg {
     width: 11px;
     height: 11px;
 }
 .container-hsn-leatest-bid .content {
     padding-top: 10px;
     padding-right: 10px;
 }
 .container-hsn-leatest-bid .first-section {
     gap: 15px;
     display: flex;
     border-bottom: 1px solid rgba(212, 212, 212, 1);
     padding-bottom: 15px;
 }
 .container-hsn-leatest-bid .first-section .part-1 {
     margin-block: auto;
 }
 .container-hsn-leatest-bid .lot-badge {
     font-family: 'PlayfairDisplay', serif;
     background: rgba(4, 79, 82, 1);
     color: rgba(255, 255, 255, 1);
     padding: 8px 16px;
     border-radius: 3px;
     font-weight: 600;
     font-size: 16px;
     line-height: 18px;
 }
 .container-hsn-leatest-bid .title {
     font-family: 'PlayfairDisplay', serif;
     font-weight: 600;
     font-size: 16px;
     line-height: 25px;
     color: rgba(11, 12, 12, 1);
 }
 .container-hsn-leatest-bid .subtitle {
     font-family: 'PlayfairDisplay', serif;
     font-weight: 400;
     font-size: 13px;
     line-height: 18px;
     color: rgba(92, 92, 92, 1);
 }
 .container-hsn-leatest-bid .bid-section {
     padding-block: 15px;
     border-bottom: 0.5px solid rgba(212, 212, 212, 1);
 }
 .container-hsn-leatest-bid .bid-section .bid-label {
     color: rgba(11, 12, 12, 1);
     font-family: PlayfairDisplay;
     font-weight: 600;
     line-height: 25px;
     font-size: 14px;
 }
 .container-hsn-leatest-bid .bid-section .bid-amount {
     font-family: 'PlayfairDisplay', serif;
     font-weight: 400;
     font-size: 15px;
     line-height: 25px;
     color: rgba(92, 92, 92, 1);
 }
 .container-hsn-leatest-bid .bid-info {
     display: flex;
     justify-content: space-between;
     padding-block: 15px;
     border-bottom: 0.5px solid rgba(212, 212, 212, 1);
     align-items: center;
 }
 .container-hsn-leatest-bid .bid-section-1 .bid-label {
     font-family: 'PlayfairDisplay', serif;
     font-weight: 400;
     font-size: 14px;
     line-height: 22px;
     color: rgba(92, 92, 92, 1);
 }
 .container-hsn-leatest-bid .bid-section-1 .bid-amount {
     font-family: PlayfairDisplay;
     font-weight: 600;
     font-style: SemiBold;
     font-size: 20px;
     leading-trim: CAP_HEIGHT;
     line-height: 20px;
     letter-spacing: 0%;
     vertical-align: middle;
     color: #2A2A2A;
 }
 .container-hsn-leatest-bid .bid-section-2 {
     text-align: right;
 }
 .container-hsn-leatest-bid .bid-section-2 svg {
     height: 16px;
     width: 16px;
     transform: translateY(6px);
 }
 .container-hsn-leatest-bid .bid-section-2 .bid-label {
     display: flex;
     gap: 8px;
     font-family: 'PlayfairDisplay', serif;
 }
 .container-hsn-leatest-bid .bid-section-2 .bid-label div {
     font-family: PlayfairDisplay;
     font-weight: 400;
     font-style: Regular;
     font-size: 14px;
     leading-trim: CAP_HEIGHT;
     line-height: 25px;
     letter-spacing: 0%;
     vertical-align: middle;
     color: #0B0C0C;
 }
 .container-hsn-leatest-bid .timer {
     background: rgba(79, 182, 79, 0.1);
     border: 1px solid rgba(79, 182, 79, 1);
     border-radius: 4px;
     padding: 8px 9px;
     margin-block: 15px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     gap: 12px;
 }
 .container-hsn-leatest-bid .timer-item {
     text-align: center;
     display: flex;
     flex-direction: column;
     flex: 1;
 }
 .container-hsn-leatest-bid .timer-value {
     font-family: 'PlayfairDisplay', serif;
     font-weight: 600;
     font-size: 16px;
     line-height: 18px;
     margin-bottom: 4px;
     color: rgba(79, 182, 79, 1);
 }
 .container-hsn-leatest-bid .timer-label {
     font-family: 'PlayfairDisplay', serif;
     font-weight: 400;
     font-size: 11px;
     line-height: 12px;
     color: rgba(4, 40, 4, 1);
     text-transform: capitalize;
 }
 .container-hsn-leatest-bid .linelist {
     height: 27px;
     width: 1px;
     background-color: rgba(79, 182, 79, 1);
     margin-block: auto;
 }
 .container-hsn-leatest-bid .linemake {
     width: 100%;
     background-color: rgba(212, 212, 212, 1);
     height: 0.5px;
     margin-bottom: 15px;
 }
 .container-hsn-leatest-bid .action-buttons {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 12px;
 }
 .container-hsn-leatest-bid .btn {
     padding: 10px;
     border-radius: 2px;
     font-size: 16px;
     font-weight: 600;
     cursor: pointer;
     border: none;
     transition: all 0.3s ease;
 }
 .container-hsn-leatest-bid .btn-details {
     background: white;
     color: rgba(11, 12, 12, 1);
     border: 1px solid rgba(212, 212, 212, 1);
     font-family: 'PlayfairDisplay', serif;
     font-weight: 500;
     font-size: 15px;
     line-height: 16px;
 }
 .container-hsn-leatest-bid .btn-details:hover {
     background: rgba(79, 182, 79, 1);
     color: white;
 }
 .container-hsn-leatest-bid .btn-bid {
     background: rgba(79, 182, 79, 1);
     color: white;
     font-family: PlayfairDisplay;
     font-weight: 500;
     font-size: 15px;
     line-height: 16px;
 }
 .container-hsn-leatest-bid .btn-bid:hover {
     background: white;
     color: rgba(11, 12, 12, 1);
     border: 1px solid rgba(212, 212, 212, 1);
 }
 .container-hsn-leatest-bid .dots-container {
     text-align: center;
     margin-top: 40px;
 }
 .container-hsn-leatest-bid .dot {
     height: 8px;
     width: 8px;
     margin: 0 6px;
     background-color: rgba(255, 255, 255, 0.3);
     border-radius: 50%;
     display: inline-block;
     cursor: pointer;
     transition: background-color 0.3s ease;
 }
 .container-hsn-leatest-bid .dot.active {
     background-color: white;
 }
 .footer-hsn {
     font-family: 'PlayfairDisplay', serif;
     background: #0a2818;
     color: #ffffff;
     padding: 0;
     overflow-x: hidden;
 }
 .footer-hsn .footer-container {
     /* max-width: 1720px;
                    margin: 0 auto; */
     /* padding: 70px 0px; */
 }
 /* Left Section - About */
 .footer-hsn .about-section {
     padding-right: 20px;
 }
 .footer-hsn .logo-wrapper {
     display: flex;
     align-items: flex-start;
     gap: 0;
     margin-bottom: 30px;
 }
 .footer-hsn .logo-image {
     width: 200px;
     height: auto;
     flex-shrink: 0;
 }
 .footer-hsn .logo-image img {
     width: 100%;
     height: auto;
     object-fit: contain;
     display: block;
 }
 .footer-hsn .description-text {
     color: #ffffff;
     margin-bottom: 18px;
     font-family: PlayfairDisplay;
     font-weight: 400;
     font-style: Regular;
     font-size: 12px;
     leading-trim: NONE;
     line-height: 24px;
     letter-spacing: 0%;
     vertical-align: middle;
 }
 .footer-hsn .social-links {
     display: flex;
     gap: 12px;
     margin-top: 30px;
 }
 .footer-hsn .social-btn {
     width: 30px;
     height: 30px;
     border-radius: 50%;
     background: #FFFFFF;
     display: flex;
     align-items: center;
     border: 2px solid #FFFFFF66;
     justify-content: center;
     transition: all 0.3s ease;
     cursor: pointer;
     border: none;
 }
 .footer-hsn .social-btn:hover {
     transform: translateY(-3px);
 }
 .footer-hsn .social-btn svg {
     width: 18px;
     height: 18px;
 }
 /* Middle Section - Latest Bids */
 .footer-hsn .latest-bids-section {
     padding: 0px;
 }
 .footer-hsn .section-heading {
     margin-bottom: 28px;
     color: #ffffff;
     font-family: PlayfairDisplay;
     font-weight: 700;
     font-style: Bold;
     font-size: 18px;
     leading-trim: NONE;
     line-height: 100%;
     letter-spacing: -1%;
     letter-spacing: 0.5px;
 }
 .footer-hsn .bids-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 20px;
 }
 .footer-hsn .bid-item {
     overflow: hidden;
     cursor: pointer;
     transition: transform 0.3s ease;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
 }
 .footer-hsn .bid-item:hover {
     transform: translateY(-5px);
 }
 .footer-hsn .bid-item img {
     width: 100%;
     height: 160px;
     object-fit: cover;
     border-radius: none;
     display: block;
 }
 /* Right Section */
 .footer-hsn .right-section {
     padding-left: 25px;
 }
 /* Useful Links */
 .footer-hsn .links-section {
     margin-bottom: 45px;
 }
 .footer-hsn .nav-link-item {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 15px 0;
     color: #ffffff;
     text-decoration: none;
     border-bottom: 1px solid rgba(255, 255, 255, 0.12);
     font-size: 16px;
     font-weight: 500;
     transition: all 0.3s ease;
     letter-spacing: 0.3px;
 }
 .footer-hsn .nav-link-item:first-child {
     border-top: 1px solid rgba(255, 255, 255, 0.12);
 }
 .footer-hsn .nav-link-item:hover {
     color: #4FB64F;
     padding-left: 10px;
 }
 .footer-hsn svg {
     width: 20px;
     height: 20px;
     transition: transform 0.3s ease;
     flex-shrink: 0;
 }
 .footer-hsn .nav-link-item:hover svg {
     transform: translate(4px, -4px);
 }
 /* Contact Section */
 .footer-hsn .contacts-section {
     padding-left: 25px;
 }
 .footer-hsn .contact-row {
     display: flex;
     align-items: start;
     gap: 15px;
     margin-bottom: 20px;
 }
 .footer-hsn .contact-icon-wrapper {
     width: 30px;
     height: 30px;
     border-radius: 50%;
     background: rgba(255, 255, 255, 0.12);
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
 }
 .footer-hsn .contact-icon-wrapper svg {
     width: 20px;
     height: 20px;
 }
 .footer-hsn .contact-details h4 {
     font-family: PlayfairDisplay;
     font-weight: 400;
     font-style: Regular;
     font-size: 15px;
     leading-trim: NONE;
     line-height: 100%;
     letter-spacing: 0%;
 }
 .footer-hsn .contact-details p,
 .footer-hsn .contact-details a {
     font-family: PlayfairDisplay;
     font-weight: 400;
     font-style: Regular;
     font-size: 15px;
     leading-trim: NONE;
     line-height: 100%;
     letter-spacing: 0%;
 }
 /* Responsive Design */
 @media (max-width: 1200px) {
     .footer-hsn .footer-container {
         padding: 60px 40px;
     }
     .footer-hsn .bids-grid {
         grid-template-columns: repeat(3, 1fr);
         gap: 12px;
     }
     .footer-hsn .bid-item img {
         height: 140px;
     }
 }
 @media (max-width: 992px) {
     .footer-hsn .footer-container {
         padding: 50px 30px;
     }
     .footer-hsn .about-section,
     .footer-hsn .latest-bids-section,
     .footer-hsn .right-section,
     .footer-hsn .contacts-section {
         padding: 0;
         margin-bottom: 50px;
     }
     .footer-hsn .bids-grid {
         grid-template-columns: repeat(3, 1fr);
     }
 }
 @media (max-width: 768px) {
     .footer-hsn .footer-container {
         padding: 40px 25px;
     }
     .footer-hsn .logo-image {
         width: 180px;
     }
     .footer-hsn .section-heading {
         font-size: 22px;
     }
     .footer-hsn .bids-grid {
         grid-template-columns: repeat(2, 1fr);
         gap: 12px;
     }
     .footer-hsn .bid-item img {
         height: 150px;
     }
     .footer-hsn .nav-link-item {
         font-size: 15px;
         padding: 14px 0;
     }
 }
 @media (max-width: 576px) {
     .footer-hsn .footer-container {
         padding: 30px 20px;
     }
     .footer-hsn .logo-image {
         width: 150px;
     }
     .footer-hsn .description-text {
         font-size: 13px;
         line-height: 1.8;
     }
     .footer-hsn .section-heading {
         font-size: 20px;
         margin-bottom: 20px;
     }
     .footer-hsn .bids-grid {
         grid-template-columns: repeat(2, 1fr);
         gap: 10px;
     }
     .footer-hsn .bid-item img {
         height: 130px;
     }
     .footer-hsn .social-btn {
         width: 38px;
         height: 38px;
     }
     .footer-hsn .social-btn svg {
         width: 16px;
         height: 16px;
     }
     .footer-hsn .contact-icon-wrapper {
         width: 30px;
         height: 30px;
     }
     .footer-hsn .contact-icon-wrapper svg {
         width: 18px;
         height: 18px;
     }
     .footer-hsn .contact-details h4 {
         font-size: 13px;
     }
     .footer-hsn .contact-details p {
         font-size: 15px;
     }
 }
 .container-hsn-letest {
     /* max-width: 1720px;
            margin: 0 auto;
            padding: 40px 15px; */
     position: relative;
     background-color: #F5FDF5;
 }
 .container-hsn-letest .section-title {
     font-size: 2rem;
     font-weight: 700;
     color: #1a1a1a;
 }
 .container-hsn-letest .section-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 30px;
 }
 .container-hsn-letest .slider-controls {
     display: flex;
     gap: 12px;
     flex-shrink: 0;
     /* Ye important hai — shrink nahi hoga */
 }
 .container-hsn-letest .swiper-button-prev {
     top: 9% !important;
     left: 85% !important;
 }
 .container-hsn-letest .swiper-button-next {
     top: 7% !important;
     right: 6% !important;
 }
 .container-hsn-letest .swiper-button-prev::after,
 .container-hsn-letest .swiper-button-next::after {
     display: none !important;
     /* Swiper ka default arrow hata diya */
 }
 /* Custom Arrows Style - Tumhare wala exact round button */
 .container-hsn-letest .swiper-button-next,
 .container-hsn-letest .swiper-button-prev {
     width: 45px !important;
     height: 45px !important;
     border-radius: 50% !important;
     border: 2px solid #e0e0e0 !important;
     background: white !important;
     color: #333 !important;
     display: flex !important;
     align-items: center !important;
     justify-content: center !important;
     transition: all 0.3s ease !important;
 }
 .container-hsn-letest .swiper-button-next::after,
 .container-hsn-letest .swiper-button-prev::after {
     font-size: 18px !important;
 }
 /* Mobile pe chhota button */
 @media (max-width: 767px) {
     .container-hsn-letest .section-header {
         flex-direction: row;
         /* Row rakho — column nahi */
         justify-content: space-between;
         align-items: center;
     }
     .container-hsn-letest .swiper-button-next,
     .container-hsn-letest .swiper-button-prev {
         width: 40px !important;
         height: 40px !important;
     }
     .container-hsn-letest .section-header {
         flex-direction: column;
         align-items: flex-start;
         gap: 15px;
     }
     .container-hsn-letest .swiper-button-next,
     .container-hsn-letest .swiper-button-prev {
         align-self: flex-end;
     }
 }
 /* muawaz ali styling  */
 .muz-main .contact-container {
     max-width: 1200px;
     margin: 40px auto;
     background: white;
     border-radius: 12px;
     overflow: hidden;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
 }
 .muz-main .form-section {
     padding: 50px 60px;
     padding-right: 0px;
 }
 .muz-main h2 {
     font-size: 28px;
     font-weight: 600;
     color: #2d3748;
     margin-bottom: 30px;
 }
 .muz-main .form-label {
     font-weight: 500;
     color: #A4A4AA !important;
     font-size: 15px;
     margin-bottom: 8px;
 }
 .muz-main .form-control,
 .form-select {
     height: 50px;
     border: 1.5px solid #e2e8f0;
     border-radius: 8px;
     font-size: 15px;
     padding: 0 16px;
 }
 .muz-main .form-control:focus,
 .form-select:focus {
     border-color: #4fd1c5;
     box-shadow: 0 0 0 0.2rem rgba(79, 209, 197, 0.25);
 }
 /* INTL TEL INPUT CUSTOM STYLING */
 .muz-main .iti {
     width: 100%;
     padding-left: 90px;
 }
 .muz-main .iti__flag-container {
     padding: 0;
 }
 .muz-main .iti__selected-flag {
     background-color: transparent !important;
     border-radius: 8px 0 0 8px !important;
     padding: 0 8px 0 12px !important;
     height: 50px !important;
     display: flex;
     align-items: center;
     border: 1.5px solid #e2e8f0;
     border-right: none;
 }
 .muz-main .iti--allow-dropdown .iti__selected-flag:focus-within {
     padding-left: 90px;
     border-color: #4fd1c5 !important;
     box-shadow: 0 0 0 0.2rem rgba(79, 209, 197, 0.25);
 }
 .muz-main #phone {
     height: 50px;
     border-radius: 0 8px 8px 0 !important;
     border-left: none !important;
     padding-left: 0 !important;
 }
 .muz-main #phone:focus {
     border-color: #4fd1c5;
     box-shadow: 0 0 0 0.2rem rgba(79, 209, 197, 0.25);
 }
 .muz-main .btn-send {
     width: 100%;
     background: #0d9488;
     color: white;
     font-weight: 600;
     padding: 14px 40px;
     border-radius: 5px;
     border: none;
     font-size: 16px;
     margin-top: 10px;
 }
 .muz-main .btn-send:hover {
     background: #0d7a70;
 }
 /* Contact Info Below Button - 100% same as screenshot */
 .muz-main .contact-info-below {
     margin-top: 30px;
     color: #6b7280;
     font-size: 15px;
 }
 .muz-main .contact-info-below p {
     margin: 12px 0;
     display: flex;
     align-items: center;
     gap: 12px;
 }
 .muz-main .contact-info-below strong {
     color: #4b5563;
 }
 .muz-main .contact-info-below a {
     color: #6b7280;
     text-decoration: none;
 }
 .muz-main .contact-info-below a:hover {
     color: #0d9488;
 }
 .muz-main .contact-info-below .icon {
     width: 20px;
     height: 20px;
     opacity: 0.7;
 }
 .muz-main .strong {
     width: 270px;
 }
 .muz-main .iti__country-list {
     width: 250px;
 }
 .muz-main .inpt-1 {
     padding: 10px;
 }
 .muz-main .map-section {
     border-radius: 20px;
 }
 @media (min-width: 768px) and (max-width: 1366px) {
     body .header-hsn .logo-section {
         font-size: 30px !important;
     }
 }
 @media screen and (max-width: 992px) {
     .muz-main .form-section {
         margin: 0px;
         padding: 10px;
     }
     .muz-main .map {
         width: 100%;
     }
     .muz-main .map-section {
         padding: 0px;
     }
     .muz-main .contact-info-below p {
         display: block;
     }
 }
 /* hussainan styling code  */
 .hsn-styling-container .ha-tabs-container {
     background-color: #044F52 !important;
     overflow: hidden !important;
     padding: 20px !important;
     border-radius: 10px 10px 0 0 !important;
 }
 .hsn-styling-container .ha-tab-btn {
     background-color: transparent !important;
     border: 1px solid #ffffff !important;
     font-size: 1.1rem !important;
     letter-spacing: 1px !important;
     transition: all 0.3s ease !important;
     color: white !important;
     font-weight: bold !important;
 }
 /* Default left tab rounded when not active */
 .hsn-styling-container .ha-tabs-container .nav-item:first-child .ha-tab-btn:not(.active) {
     border-radius: 4px 0 0 4px !important;
 }
 /* Default right tab rounded when not active */
 .hsn-styling-container .ha-tabs-container .nav-item:last-child .ha-tab-btn:not(.active) {
     border-radius: 0 4px 4px 0 !important;
 }
 /* When ONLINE (left) is active */
 .hsn-styling-container #online-tab.active {
     background-color: white !important;
     color: #0d5449 !important;
     border: 1px solid #4FB64F !important;
     border-right: none !important;
     border-radius: 4px 0 0 4px !important;
     font-weight: 700 !important;
 }
 /* When LIVESTREAM (right) is active */
 .hsn-styling-container #livestream-tab.active {
     background-color: white !important;
     color: #0d5449 !important;
     border: 1px solid #4FB64F !important;
     border-left: none !important;
     border-radius: 0 4px 4px 0 !important;
     font-weight: 700 !important;
 }
 .hsn-styling-container .ha-content-box {
     border: 2px solid #dee2e6 !important;
     border-top: none !important;
     border-radius: 0 0 15px 15px !important;
     padding: 2.5rem !important;
     background-color: #F5FDF5 !important;
     margin-top: -1px !important;
 }
 .hsn-styling-container .ha-timeline-icon {
     width: 48px;
     height: 48px;
     background-color: #044F52;
     border-radius: 50%;
     box-shadow: 0 0 0 5px #F5FDF5, 0 0 0 8px #044F52;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
     z-index: 2;
 }
 .hsn-styling-container .ha-timeline-icon img.timeline-img {
     width: 32px;
     height: 32px;
     object-fit: contain;
 }
 .hsn-styling-container .ha-timeline-line {
     position: absolute;
     top: 48px;
     bottom: -48px;
     left: 24px;
     width: 3px;
     background-color: #198754;
     z-index: 1;
 }
 .muz-padding {
     padding: 0 30px !important;
 }
 @media (max-width: 576px) {
     .hsn-styling-container .ha-timeline-icon img.timeline-img {
         width: 28px;
         height: 28px;
     }
 }
 /* Phone Input Styling (.ha class only) */
 .hsn-styling-container .ha .iti__selected-flag {
     background-color: transparent !important;
     border-radius: 8px 0 0 8px !important;
     display: flex;
     align-items: center;
     height: 100%;
     padding: 0 6px 0 8px;
     z-index: 1;
     position: relative;
 }
 .hsn-styling-container .ha .iti {
     width: 100%;
 }
 .hsn-styling-container .ha .iti input[type=tel] {
     border-radius: 8px !important;
     height: 100%;
 }
 .hsn-styling-container .py-3 {
     padding: 5px !important;
 }
 .hsn-styling-container .bid-container {
     gap: 2.5rem !important;
 }
 /* Tablet */
 @media (max-width: 992px) {
     .hsn-styling-container .bid-container {
         flex-direction: column;
         gap: 1.2rem !important;
     }
 }
 /* Mobile */
 @media (max-width: 576px) {
     .hsn-styling-container .bid-container {
         flex-direction: column;
         gap: 0.5rem !important;
     }
 }
 /* hsn styling   */
 .container-hsn-slider {
     background: #033703;
     font-family: 'PlayfairDisplay', serif;
     color: #fff;
     padding: 60px 20px;
 }
 .container-main-hsn {
     /* max-width: 1720px;
            margin: 0 auto; */
     position: relative;
 }
 .container-hsn-leatest-bid .auction-card {
     display: block !important;
     margin-top: 30px !important;
 }
 .container-hsn-slider .flag-container {
     display: flex;
     align-items: center;
     gap: 6px;
 }
 .container-hsn-slider .country-flag {
     width: 20px !important;
     height: 20px;
     border-radius: 50%;
     object-fit: cover;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
     margin-right: 8px;
 }
 .container-hsn-slider .country-code {
     color: #2A2A2A;
     font-family: "PlayfairDisplay", serif;
     font-weight: 500;
     font-size: 15px;
 }
 .container-hsn-slider .header {
     color: white;
     display: flex;
     justify-content: space-between;
     align-items: center;
     flex-wrap: wrap;
     gap: 20px;
 }
 .container-hsn-slider .header h1 {
     font-family: PlayfairDisplay;
     font-weight: 600;
     font-style: SemiBold;
     font-size: 40px;
     leading-trim: CAP_HEIGHT;
     line-height: 77px;
     letter-spacing: 0%;
     text-align: center;
     vertical-align: middle;
 }
 .container-hsn-slider .header-right {
     display: flex;
     gap: 15px;
     align-items: center;
 }
 .container-hsn-slider .arrow-btn {
     width: 44px;
     height: 44px;
     border: 2px solid white;
     background: transparent;
     color: white;
     cursor: pointer;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 22px;
     transition: all 0.3s ease;
     top: 40px;
 }
 .container-hsn-slider .swiper {
     overflow: hidden;
 }
 .container-hsn-slider .swiper-wrapper {
     align-items: stretch;
 }
 .container-hsn-slider .swiper-slide {
     height: auto;
     display: flex;
 }
 .container-hsn-slider .arrow-btn:hover {
     background: rgba(255, 255, 255, 0.1);
 }
 .swiper-button-next::after,
 .swiper-button-prev::after {
     content: "" !important;
     display: none;
 }
 .container-hsn-slider #prevBtn {
     left: 90%;
 }
 .container-hsn-slider .card {
     width: 100%;
     border-radius: 12px;
     overflow: visible;
     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }
 .container-hsn-slider .card:hover {
     box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
 }
 @media (max-width: 1024px) {
     .container-hsn-slider .card {
         flex: 0 0 calc(50% - 12px);
     }
 }
 @media (max-width: 768px) {
     .container-hsn-slider .card {
         flex: 0 0 100%;
     }
 }
 .container-hsn-slider .card-image-container {
     position: relative;
     overflow: hidden;
     height: 280px;
     background: #f0f0f0;
     border-radius: 12px 12px 0px 0px;
 }
 .container-hsn-slider .card-image {
     width: 100%;
     height: 100%;
     object-fit: cover;
     border-radius: 12px 12px 0px 0px;
 }
 .container-hsn-slider .live-badge,
 .container-hsn-slider .single-auction-badge {
     position: absolute;
     top: 14px;
     left: 14px;
     background: #4ade80;
     color: white;
     padding: 6px 12px;
     border-radius: 20px;
     font-size: 11px;
     font-weight: 700;
     display: flex;
     align-items: center;
     gap: 6px;
     z-index: 10;
 }
 @keyframes pulse {
     0%,
     100% {
         opacity: 1;
     }
     50% {
         opacity: 0.5;
     }
 }
 .container-hsn-slider .notification-icon {
     position: absolute;
     top: 14px;
     right: 14px;
     width: 36px;
     height: 36px;
     background: white;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
     z-index: 10;
 }
 .container-hsn-slider .notification-icon svg {
     width: 18px;
     height: 18px;
 }
 .container-hsn-slider .timer {
     position: absolute;
     bottom: 20px;
     left: 0;
     right: 0;
     background: white;
     padding: 12px 16px;
     display: flex;
     justify-content: space-around;
     gap: 0;
     width: 90%;
     margin: 0 auto;
     border-radius: 6px !important;
 }
 .container-hsn-slider .timer-item {
     text-align: center;
     align-content: center;
     flex: 1;
     border-right: 1px solid #D4D4D4;
 }
 .container-hsn-slider .timer-item:last-child {
     border-right: none;
 }
 .container-hsn-slider .timer-label.hsn-label {
     color: #0B0C0C;
     font-family: PlayfairDisplay;
     font-weight: 500;
     font-style: Medium;
     font-size: 14px;
     leading-trim: CAP_HEIGHT;
     line-height: 18px;
     letter-spacing: 0%;
     vertical-align: middle;
     text-transform: uppercase;
 }
 .container-hsn-slider .timer-label {
     color: #5E625B;
     font-family: PlayfairDisplay;
     font-weight: 400;
     font-style: Regular;
     font-size: 10px;
     leading-trim: CAP_HEIGHT;
     line-height: 12px;
     letter-spacing: 0%;
     text-align: center;
     vertical-align: middle;
 }
 .container-hsn-slider .timer-value {
     font-size: 18px;
     font-weight: 700;
     color: #222;
 }
 .container-hsn-slider .card-content {
     padding: 18px;
 }
 .container-hsn-slider .lot-breeder-wrapper {
     display: flex;
     align-items: center;
     gap: 14px;
     margin-bottom: 16px;
 }
 .container-hsn-slider .lot-number {
     background: rgba(4, 79, 82, 1);
     color: white;
     font-family: PlayfairDisplay;
     font-weight: 600;
     font-style: SemiBold;
     font-size: 16px;
     leading-trim: CAP_HEIGHT;
     line-height: 18px;
     letter-spacing: 0%;
     vertical-align: middle;
     padding: 10px;
     border-radius: 3px;
 }
 .container-hsn-slider .breeder-country-wrapper {
     flex: 1;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }
 .container-hsn-slider .breeder-info {
     display: flex;
     flex-direction: column;
     gap: 2px;
 }
 .container-hsn-slider .breeder-label {
     color: #5C5C5C;
     text-transform: uppercase;
     font-family: PlayfairDisplay;
     font-weight: 400;
     font-style: Regular;
     font-size: 14px;
     leading-trim: CAP_HEIGHT;
     letter-spacing: 0%;
     vertical-align: middle;
 }
 .container-hsn-slider .breeder-name {
     color: #2A2A2A;
     font-family: PlayfairDisplay;
     font-weight: 500;
     font-style: Medium;
     font-size: 16px;
     leading-trim: CAP_HEIGHT;
     letter-spacing: 0%;
     vertical-align: middle;
     display: flex;
 }
 .container-hsn-slider .country-info {
     color: #2A2A2A;
     font-family: PlayfairDisplay;
     font-weight: 400;
     font-style: Regular;
     font-size: 16px;
     line-height: 25px;
     letter-spacing: 0%;
     display: flex;
     align-items: center;
 }
 .container-hsn-slider .flag {
     font-size: 16px;
     border-radius: 50px;
 }
 .container-hsn-slider .horse-info {
     margin-bottom: 14px;
 }
 .container-hsn-slider .horse-name {
     color: #0B0C0C;
     margin-bottom: 4px;
     font-family: PlayfairDisplay;
     font-weight: 600;
     font-size: 18px;
     leading-trim: CAP_HEIGHT;
     line-height: 25px;
     letter-spacing: 0%;
     vertical-align: middle;
 }
 .container-hsn-slider .horse-detail {
     color: #5C5C5C;
     font-family: PlayfairDisplay;
     font-weight: 400;
     font-style: Regular;
     font-size: 15px;
     leading-trim: CAP_HEIGHT;
     line-height: 25px;
     letter-spacing: 0%;
     vertical-align: middle;
 }
 .container-hsn-slider .bidders-section {
     display: flex;
     gap: 24px;
     margin-bottom: 16px;
     align-items: center;
     flex-direction: column;
 }
 .container-hsn-slider .bidder-item {
     display: flex;
     align-items: center;
     gap: 6px;
     font-size: 12px;
     color: #666;
 }
 .container-hsn-slider .bidder-icon {
     color: #4ade80;
     width: 16px;
     height: 16px;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 .container-hsn-slider .bidder-icon svg {
     width: 100%;
     height: 100%;
 }
 .container-hsn-slider .bid-section {
     display: flex;
     justify-content: space-between;
     align-items: flex-end;
     gap: 16px;
 }
 .container-hsn-slider .current-bid {
     display: flex;
     flex-direction: column;
     gap: 2px;
 }
 .container-hsn-slider .bid-label {
     color: #5C5C5C;
     text-transform: uppercase;
     font-family: PlayfairDisplay;
     font-weight: 400;
     font-style: Regular;
     font-size: 14px;
     leading-trim: CAP_HEIGHT;
     line-height: 22px;
     letter-spacing: 0%;
     vertical-align: middle;
 }
 .container-hsn-slider .bid-amount {
     color: #2A2A2A;
     font-family: PlayfairDisplay;
     font-weight: 600;
     font-style: SemiBold;
     font-size: 20px;
     leading-trim: CAP_HEIGHT;
     line-height: 20px;
     letter-spacing: 0%;
     vertical-align: middle;
 }
 .container-hsn-slider .bid-now-btn {
     background: #4FB64F;
     color: white;
     text-decoration: none;
     border: none;
     padding: 12px 40px;
     border-radius: 3px;
     cursor: pointer;
     transition: all 0.3s ease;
     white-space: nowrap;
     font-family: PlayfairDisplay;
     font-weight: 500;
     font-style: Medium;
     font-size: 15px;
     leading-trim: NONE;
     line-height: 16px;
     letter-spacing: 0%;
     vertical-align: middle;
 }
 .container-hsn-slider .swiper-button-next svg,
 .container-hsn-slider .swiper-button-prev svg {
     width: 20px !important;
     height: 20px !important;
 }
 /* last tab section styling hsn  */
 .container-hsn-tab-home {
     background-color: #fff;
     padding: 40px 20px;
     font-family: PlayfairDisplay;
 }
 .container-hsn-tab-home .container-hsn {
     /* max-width: 1720px;
    margin: 0 auto; */
     font-family: PlayfairDisplay;
     /* padding: 0px; */
 }
 .container-hsn-tab-home .button-new {
     position: absolute;
     right: 11px;
     top: 11px;
 }
 .container-hsn-tab-home .main-section {
     display: flex;
     gap: 10px;
     margin-bottom: 40px;
 }
 .container-hsn-tab-home .left-panel {
     color: white;
     position: relative;
     width: 40% !important;
     padding: 20px 0px;
 }
 .container-hsn-tab-home .tabs {
     display: flex;
     gap: 0;
     margin-bottom: 30px;
     background: transparent;
     overflow: hidden;
     position: relative;
     padding: 20px 40px;
 }
 .container-hsn-tab-home .tab {
     font-family: PlayfairDisplay;
     font-weight: 500;
     font-style: Medium;
     font-size: 15px;
     leading-trim: NONE;
     line-height: 16px;
     letter-spacing: 0%;
     text-align: center;
     vertical-align: middle;
     border: 1px solid #FFFFFF;
     flex: 1;
     padding: 14px 20px;
     text-align: center;
     color: white;
     cursor: pointer;
     transition: all 0.3s ease;
     position: relative;
     z-index: 2;
 }
 .container-hsn-tab-home .tab.active {
     background: #4FB64F !important;
 }
 .container-hsn-tab-home .tab::after {
     content: '';
     position: absolute;
     bottom: -19px;
     left: 50%;
     /* transform: translateX(-50%); */
     width: 80%;
     height: 4px;
     background: #4FB64F;
     opacity: 0;
     transition: opacity 0.3s ease;
 }
 .container-hsn-tab-home .content-section {
     padding: 20px 40px;
 }
 .container-hsn-tab-home h1 {
     font-size: 42px;
     font-weight: 700;
     margin-bottom: 20px;
 }
 .container-hsn-tab-home .subtitle {
     font-size: 16px;
     line-height: 1.6;
     margin-bottom: 40px;
     opacity: 0.95;
 }
 .container-hsn-tab-home .steps {
     display: flex;
     flex-direction: column;
     gap: 25px;
 }
 .container-hsn-tab-home .step {
     display: flex;
     align-items: flex-start;
     gap: 15px;
 }
 .container-hsn-tab-home .step-icon {
     width: 50px;
     height: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
 }
 .container-hsn-tab-home .step-icon svg {
     width: 100%;
     height: 100%;
     fill: white;
 }
 .container-hsn-tab-home .step-content h3 {
     font-size: 18px;
     font-weight: 700;
     margin-bottom: 5px;
 }
 .container-hsn-tab-home .step-content p {
     font-size: 14px;
     opacity: 0.9;
     line-height: 1.5;
     font-family: Arial, sans-serif;
 }
 .container-hsn-tab-home .right-panel {
     position: relative;
     overflow: hidden;
     width: 60% !important;
 }
 .container-hsn-tab-home .right-panel img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
 }
 .container-hsn-tab-home .image-dimensions {
     position: absolute;
     bottom: 10px;
     right: 10px;
     background: #1a9b9f;
     color: white;
     padding: 4px 12px;
     border-radius: 4px;
     font-size: 13px;
     font-weight: 600;
 }
 .container-hsn-tab-home .newsletter-section {
     align-items: center;
     display: flex;
     justify-content: space-between;
     gap: 20px;
     padding: 20px 0px;
 }
 .container-hsn-tab-home .newsletter-left h2 {
     font-size: 32px;
     font-weight: 700;
     margin-bottom: 15px;
     color: #333;
 }
 .container-hsn-tab-home .newsletter-left p {
     font-size: 14px;
     color: #666;
     line-height: 1.6;
 }
 .container-hsn-tab-home .newsletter-right {
     display: flex;
     flex-direction: row;
     gap: 10px;
     position: relative;
 }
 .container-hsn-tab-home .newsletter-right input {
     width: 600px;
     padding: 24px;
     border: none;
     border-radius: 4px;
     font-family: PlayfairDisplay;
     font-weight: 400;
     font-style: Regular;
     font-size: 16px;
     leading-trim: NONE;
     line-height: 100%;
     letter-spacing: -1%;
     background-color: #fff;
 }
 .container-hsn-tab-home .newsletter-right button {
     padding: 14px 25px;
     background: #5cb85c;
     color: white;
     border: none;
     border-radius: 2px;
     cursor: pointer;
     font-family: PlayfairDisplay;
     font-weight: 600;
     font-style: SemiBold;
     font-size: 16px;
     leading-trim: NONE;
     line-height: 16px;
     letter-spacing: 0%;
     vertical-align: middle;
     transition: background 0.3s;
 }
 .container-hsn-tab-home .newsletter-right button:hover {
     background: #4cae4c;
 }
 .container-hsn-tab-home .content-section {
     display: none;
 }
 .container-hsn-tab-home .content-section.active {
     display: block;
 }
 .container-hsn-tab-home .border {
     border: 1px solid white;
     width: 100%;
 }
 /* Responsive */
 @media (max-width: 768px) {
     .container-hsn-tab-home .main-section,
     .container-hsn-tab-home .newsletter-section {
         flex-direction: column;
     }
     .container-hsn-tab-home .right-panel,
     .container-hsn-tab-home .left-panel {
         width: 100% !important;
     }
     .container-hsn-tab-home .tabs {
         flex-direction: column;
     }
     .container-hsn-tab-home h1 {
         font-size: 32px;
     }
     .container-hsn-tab-home .step-content,
     .container-hsn-tab-home .tabs {
         padding: 20px;
     }
     .container-hsn-tab-home .newsletter-right {
         flex-direction: column;
     }
     .container-hsn-tab-home .newsletter-right input {
         width: 100%;
     }
     .container-hsn-tab-home .button-new {
         position: initial;
     }
     .container-hsn-tab-home .newsletter-right button {
         width: 100%;
     }
     .container-hsn-tab-home {
         padding-left: 0px;
         padding-right: 0px;
     }
     .container-hsn-tab-home .newsletter-right {
         width: 100%;
         gap: 20px;
     }
 }
 .container-hsn-letest .auction-collection-grid {
     gap: 20px;
 }
 .container-hsn-letest .auction-collection-grid.grid-view {
     display: grid !important;
     grid-template-columns: repeat(4, 1fr);
 }
 .container-hsn-letest .auction-collection-grid.list-view {
     display: grid !important;
     grid-template-columns: repeat(2, 1fr);
 }
 .container-hsn-letest .auction-collection-grid.list-view .auction-card {
     display: flex !important;
     flex-direction: row;
     gap: 20px;
     justify-content: space-between;
 }
 .auction-collection-grid.list-view .image-container {
     width: 50% !important;
 }
 .auction-collection-grid.list-view .content {
     width: 50% !important;
 }
 /* filters hsn for home  and collection  */
 .container-collection-category-home {
     padding: 20px;
     font-family: PlayfairDisplay !important;
     background-color: #F5FDF5;
 }
 .auctionCollection_page_main {
     background-color: #F5FDF5;
 }
 .filter-hsn .container-hsn {
     background-color: white;
     border-radius: 4px;
     padding: 20px;
     border: 1px solid #D4D4D4;
 }
 /* View Toggle */
 .filter-hsn .view-toggle {
     display: flex;
     gap: 10px;
     margin-bottom: 25px;
 }
 .filter-hsn .view-btn {
     padding: 8px 16px;
     border: 1px solid #ddd;
     background-color: white;
     cursor: pointer;
     border-radius: 4px;
     font-size: 14px;
     font-weight: 500;
     transition: all 0.3s ease;
     display: flex;
     align-items: center;
     gap: 8px;
 }
 .filter-hsn .view-btn.active {
     background-color: #4CAF50;
     color: white;
     border-color: #4CAF50;
 }
 .filter-hsn .view-btn:hover {
     border-color: #4CAF50;
 }
 .filter-hsn .icon {
     display: inline-block;
     width: 16px;
     height: 16px;
 }
 /* Filter Bar */
 .filter-hsn .filter-bar {
     display: flex;
     flex-wrap: wrap;
     gap: 12px;
     align-items: center;
 }
 .filter-hsn .filter-btn {
     padding: 10px 18px;
     border: 1px solid #ddd;
     background-color: white;
     cursor: pointer;
     border-radius: 2px;
     font-size: 14px;
     font-weight: 500;
     white-space: nowrap;
     transition: all 0.3s ease;
     width: initial !important;
     min-width: 102px !important;
 }
 .filter-hsn .filter-btn.active {
     background-color: #4FB64F;
     color: white;
     border-color: #4CAF50;
 }
 .filter-hsn .filter-btn.active:hover {
     color: #fff !important;
 }
 .filter-hsn .filter-btn:hover {
     border-color: #4CAF50;
     color: #4CAF50;
 }
 .endingSoonTabs .filter-hsn .filter-btn{
    background-color: transparent !important;
    color: #FFFFFF !important;
 }
 /* .endingSoonTabs .filter-hsn .filter-btn:hover,
 .endingSoonTabs .filter-hsn .filter-btn.active{
    background-color:#FFFFFF !important;
    color: rgba(11, 12, 12, 1) !important;
 } */
 .filter-hsn .filter-select {
     padding: 10px 15px;
     border: 1px solid #ddd;
     border-radius: 4px;
     font-size: 14px;
     background-color: white;
     cursor: pointer;
     transition: all 0.3s ease;
     min-width: 93px;
     min-height: 43px;
 }
 .filter-hsn .filter-select:hover,
 .filter-hsn .filter-select:focus {
     border-color: #4CAF50;
     outline: none;
 }
 .filter-hsn .search-wrapper {
     display: flex;
     flex: 1;
     min-width: 200px;
 }
 .filter-hsn .search-input {
     flex: 1;
     padding: 10px 15px;
     border: 1px solid #ddd;
     border-top-left-radius: 2px;
     border-bottom-left-radius: 2px;
     font-size: 14px;
     transition: all 0.3s ease;
     min-width: 150px;
 }
 .filter-hsn .search-input:focus {
     outline: none;
     border-color: #4CAF50;
     box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.1);
 }
 .filter-hsn .search-input::placeholder {
     color: #999;
 }
 .filter-hsn .search-btn {
     padding: 10px 25px;
     background-color: #1b5e20;
     color: white;
     border: none;
     border-top-right-radius: 2px;
     border-bottom-right-radius: 2px;
     font-size: 14px;
     font-weight: 600;
     cursor: pointer;
     transition: all 0.3s ease;
     white-space: nowrap;
 }
 .filter-hsn .search-btn:hover {
     background-color: #155620;
     transform: translateY(-1px);
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
 }
 .filter-hsn .search-btn:active {
     transform: translateY(0);
 }
 /* Results Info */
 .filter-hsn .results-info {
     font-size: 14px;
     color: #666;
     padding: 15px 0;
     border-top: 1px solid #eee;
     font-weight: 500;
 }
 /* Responsive Design */
 @media (max-width: 1200px) {
     .filter-hsn .filter-bar {
         gap: 10px;
     }
     .filter-hsn .filter-select {
         min-width: 100px;
     }
     .filter-hsn .search-wrapper {
         flex: 0 1 300px;
     }
 }
 @media (max-width: 991px) {
     .container-hsn-tab-home .newsletter-section {
         flex-direction: column;
     }
 }
 @media (min-width: 769px) and (max-width: 1200px) {
     .container-hsn-tab-home .right-panel,
     .container-hsn-tab-home .left-panel {
         width: 50% !important;
     }
 }
 @media (max-width: 768px) {
     .filter-hsn .filter-bar {
         flex-direction: column;
         gap: 12px;
     }
     .filter-hsn .filter-btn,
     .filter-hsn .filter-select {
         width: 100%;
     }
     .filter-hsn .search-wrapper {
         width: 100%;
         flex-direction: column;
     }
     .filter-hsn .search-input,
     .filter-hsn .search-btn {
         width: 100%;
     }
     .filter-hsn .view-toggle {
         margin-bottom: 20px;
         margin-top: 20px !important;
     }
     .container-hsn-style-collection .auctions-grid {
         padding: 0px !important;
     }
     .container-hsn-tab-home .step {
         flex-direction: column;
         align-items: center;
     }
     .container-hsn-tab-home .step-content {
         text-align: center;
     }
     .container-hsn-style-collection .section-title h2 {
         font-size: 25px !important;
     }
     .container-hsn-style-collection .section-title {
         padding: 0% !important;
     }
     .container-hsn-style-collection .date-row {
         flex-direction: column !important;
         gap: 10px !important;
     }
     .container-hsn-style-collection .timer-number {
         font-size: 25px !important;
     }
     .container-hsn-tab-home .container {
         padding: 10px !important;
     }
 }
 #loadMoreBtn {
     font-family: PlayfairDisplay;
     font-weight: 600;
     font-style: SemiBold;
     font-size: 16px;
     leading-trim: NONE;
     line-height: 16px;
     letter-spacing: 0%;
     vertical-align: middle;
     background-color: #4FB64F;
     color: #fff;
 }
 @media (max-width: 480px) {
     .container-hsn-style-collection .timer-label-small {
         font-size: 12px !important;
     }
     .container-hsn-style-collection .card-timer {
         align-items: start !important;
         flex-direction: column;
         gap: 20px;
     }
     .container-hsn-style-collection .card-breed div:last-child img {
         width: 100px !important;
     }
     .filter-hsn .view-toggle {
         gap: 8px;
     }
     .filter-hsn .view-btn {
         flex: 1;
         justify-content: center;
         padding: 10px 12px;
         font-size: 13px;
     }
     .filter-hsn .filter-bar {
         gap: 8px;
     }
     .filter-hsn .filter-btn {
         flex: 1;
         min-width: 100px;
         font-size: 13px;
         padding: 8px 12px;
     }
     .filter-hsn .search-wrapper {
         width: 100%;
     }
     .filter-hsn .search-input {
         font-size: 16px;
         padding: 10px 12px;
     }
     .filter-hsn .search-btn {
         font-size: 13px;
         padding: 10px 15px;
     }
     .filter-hsn .results-info {
         font-size: 13px;
     }
 }
 /* styling for collection of the categories in home page  */
 .container-hsn-style-collection {
     /* max-width: 1720px;
             margin: 0 auto; */
 }
 .container-hsn-style-collection header {
     background-color: white;
     padding: 12px 30px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     box-shadow: 0 3px 33px rgba(0, 0, 0, 0.1);
 }
 .container-hsn-style-collection .logo {
     background-color: #28a745;
     color: white;
     padding: 8px 14px;
     border-radius: 3px;
     font-weight: 700;
     font-size: 16px;
     cursor: pointer;
 }
 .container-hsn-style-collection .nav-items {
     display: flex;
     gap: 25px;
     align-items: center;
     flex: 1;
     margin-left: 30px;
 }
 .container-hsn-style-collection .nav-items a {
     background: none;
     border: 1px solid #D4D4D4;
     padding: 10px 30px;
     color: #555;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 4px;
     transition: all 0.3s;
     position: relative;
     font-family: PlayfairDisplay;
     font-weight: 500;
     font-style: Medium;
     font-size: 15px;
     leading-trim: NONE;
     line-height: 16px;
     letter-spacing: 0%;
     text-align: center;
     vertical-align: middle;
 }
 .container-hsn-style-collection .nav-items button {
     background: none;
     border: 1px solid #D4D4D4;
     padding: 10px 30px;
     color: #555;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 4px;
     transition: all 0.3s;
     position: relative;
     font-family: PlayfairDisplay;
     font-weight: 500;
     font-style: Medium;
     font-size: 15px;
     leading-trim: NONE;
     line-height: 16px;
     letter-spacing: 0%;
     text-align: center;
     vertical-align: middle;
 }
 .container-hsn-style-collection .nav-items button:hover,
 .container-hsn-style-collection .nav-items a:hover {
     color: #28a745;
 }
 .container-hsn-style-collection .nav-items button.active {
     color: #fff;
     font-weight: 600;
     border-bottom: 2px solid #28a745;
     background-color: #4FB64F;
 }
 .container-hsn-style-collection .search-box {
     display: flex;
     gap: 0;
     align-items: center;
     border: 1px solid #ddd;
     border-radius: 3px;
     overflow: hidden;
 }
 .container-hsn-style-collection .search-box input {
     width: 287px;
     padding: 12px 12px;
     color: #C4C5C5;
     font-family: PlayfairDisplay;
     font-weight: 500;
     font-size: 15px;
     line-height: 16px;
     letter-spacing: 0%;
     vertical-align: middle;
 }
 .container-hsn-style-collection .search-box button {
     background-color: #033703;
     color: white;
     padding: 14.5px 30px;
     cursor: pointer;
     font-weight: 600;
     display: flex;
     align-items: center;
     gap: 4px;
     border: none;
     font-family: PlayfairDisplay;
     font-weight: 500;
     font-style: Medium;
     font-size: 15px;
     leading-trim: NONE;
     line-height: 16px;
     letter-spacing: 0%;
     vertical-align: middle;
 }
 .container-hsn-style-collection .search-box button:hover {
     background-color: #0f2b1a;
 }
 /* TITLE */
 .container-hsn-style-collection .section-title {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }
 .container-hsn-style-collection .section-title h2 {
     font-family: PlayfairDisplay;
     font-weight: 600;
     font-style: SemiBold;
     font-size: 40px;
     leading-trim: CAP_HEIGHT;
     line-height: 77px;
     letter-spacing: 0%;
     text-align: center;
     vertical-align: middle;
     color: #2A2A2A;
 }
 .container-hsn-style-collection .view-all-link {
     color: #4FB64F;
     font-family: Poppins;
     font-weight: 400;
     font-style: Regular;
     font-size: 20px;
     leading-trim: CAP_HEIGHT;
     line-height: 34px;
     letter-spacing: 0%;
 }
 /* GRID */
 .container-hsn-style-collection .auctions-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 20px;
 }
 /* CARD */
 .container-hsn-style-collection .auction-card {
     background: #000;
     border-radius: 8px;
     overflow: hidden;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
     display: flex;
     flex-direction: column;
 }
 .container-hsn-style-collection .auction-card.hidden {
     display: none;
 }
 .container-hsn-style-collection .auction-card:hover {
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
 }
 .container-hsn-style-collection .card-image-wrapper {
     position: relative;
     height: 480px;
     background: linear-gradient(135deg, #8b9dc3 0%, #6b7fa0 100%);
     overflow: hidden;
 }
 .container-hsn-style-collection .card-image-wrapper img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }
 .container-hsn-style-collection .badge svg {
     margin-right: 5px;
 }
 .container-hsn-style-collection .badge {
     position: absolute;
     top: 30px;
     left: 30px;
     border-radius: 2px;
     color: white;
     display: flex;
     align-items: center;
     gap: 4px;
     font-family: PlayfairDisplay;
     font-weight: 700;
     font-style: Bold;
     font-size: 15px;
     leading-trim: NONE;
     line-height: 12px;
     letter-spacing: 0%;
     padding: 10px;
     vertical-align: middle;
 }
 .container-hsn-style-collection .badge.running {
     background-color: #4FB64F;
     padding-left: 20px;
     padding-right: 20px;
 }
 .container-hsn-style-collection .badge.upcoming {
     background-color: #EAB308;
     padding-left: 20px;
     padding-right: 20px;
 }
 .container-hsn-style-collection .badge.ended {
     background-color: #6b1717ff;
     padding-left: 20px;
     padding-right: 20px;
 }
 /* CARD SECTIONS */
 .container-hsn-style-collection .card-breed {
     padding: 10px 20px;
     background-color: #333;
     display: flex;
     width: 90%;
     margin: 0 auto;
     gap: 8px;
     align-items: center;
     flex-wrap: wrap;
     justify-content: space-between;
     border-radius: 8px;
     margin-top: 5%;
     margin-bottom: 5%;
 }
 .container-hsn-style-collection .card-breed {
     flex-wrap: wrap !important;
 }
 .container-hsn-style-collection .card-breed img {
     width: 100px;
 }
 .container-hsn-style-collection .card-breed div:last-child img {
     width: 150px;
 }
 .container-hsn-style-collection .card-breed div:last-child {
     border-right: none;
     padding-right: 0px;
 }
 .linedivider {
     height: 27px;
     width: 1px;
     background-color: #FFFFFF4D;
     margin-block: auto;
 }
 .container-hsn-style-collection .card-breed div {
     display: flex;
     align-items: center;
     /* border-right: 1px solid #FFFFFF4D; */
 }
 .container-hsn-style-collection .breed-tag {
     font-family: PlayfairDisplay;
     font-weight: 700;
     font-style: Bold;
     font-size: 18px;
     leading-trim: NONE;
     line-height: 12px;
     letter-spacing: 0%;
     vertical-align: middle;
     text-transform: uppercase;
     color: #fff;
 }
 .container-hsn-style-collection .caballoria-badge {
     background-color: #28a745 !important;
     color: white;
     padding: 3px 8px;
     border-radius: 2px;
     font-size: 10px;
     font-weight: 700;
     display: flex;
     align-items: center;
     gap: 3px;
 }
 .container-hsn-style-collection .card-dates {
     margin: 0 5%;
 }
 .container-hsn-style-collection .date-row {
     display: flex;
     justify-content: space-between;
     font-size: 10px;
     color: #888;
     margin-bottom: 10px;
 }
 .container-hsn-style-collection .date-item {
     display: flex;
     align-items: center;
     gap: 4px;
     font-family: PlayfairDisplay;
     font-weight: 400;
     font-size: 14px;
     line-height: 22px;
     letter-spacing: 0%;
     color: #FFFFFF;
 }
 .container-hsn-style-collection .date-item i {
     width: 12px;
 }
 .container-hsn-style-collection .card-timer {
     padding: 10px 30px;
     background: #fff;
     width: 90%;
     border-radius: 8px;
     display: flex;
     justify-content: space-between;
     margin: 5% auto;
     align-content: center;
     align-items: center;
 }
 .container-hsn-style-collection .timer-label {
     color: #000;
     width: 130px;
     opacity: 1;
     font-family: PlayfairDisplay;
     font-weight: 600;
     font-size: 16px;
     line-height: 20px;
     letter-spacing: 0%;
     text-transform: uppercase;
 }
 .container-hsn-style-collection .timer-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 0;
     background: white;
     width: 100%;
 }
 .container-hsn-style-collection .timer-cell {
     padding: 10px 0;
     text-align: center;
     border-right: 1px solid #D4D4D4;
 }
 .container-hsn-style-collection .timer-cell:last-child {
     border-right: none;
 }
 .container-hsn-style-collection .timer-number {
     font-size: 16px;
     font-weight: 700;
     margin-bottom: 3px;
     line-height: 1;
 }
 .container-hsn-style-collection .timer-label-small {
     color: #2A2A2A;
     font-family: PlayfairDisplay;
     font-weight: 400;
     font-size: 16px;
     line-height: 12px;
     letter-spacing: 0%;
     text-align: center;
     padding-top: 15px;
 }
 .container-hsn-style-collection .timer-number {
     color: #B5261E;
     font-family: PlayfairDisplay;
     font-weight: 600;
     font-size: 40px;
     line-height: 18px;
     letter-spacing: 0%;
     text-align: center;
 }
 .container-hsn-style-collection .card-desc {
     margin: 0 5%;
 }
 .container-hsn-style-collection .auction-title {
     font-size: 12px;
     font-weight: 700;
     color: #333;
     margin-bottom: 8px;
 }
 .container-hsn-style-collection .auction-text {
     font-family: PlayfairDisplay;
     font-weight: 400;
     font-style: Regular;
     font-size: 12px;
     leading-trim: CAP_HEIGHT;
     line-height: 18px;
     letter-spacing: 0%;
     vertical-align: middle;
     color: #FFFFFF;
     margin-bottom: 15px;
 }
 .follow_auction {
     position: absolute;
     top: 30px;
     right: 30px;
     background-color: #FFFFFF;
     border-radius: 2px;
     font-weight: 700;
     font-size: 15px;
     color: #041A52;
     padding: 8px 16px;
     text-decoration: none;
     z-index: 10;
     border: 0 !important;
 }
 .is_follow {
     position: absolute;
     top: 30px;
     right: 30px;
     background-color: #FFFFFF;
     border-radius: 2px;
     font-weight: 700;
     font-size: 15px;
     color: #ffffff;
     padding: 8px 16px;
     text-decoration: none;
     z-index: 10;
     border: 0 !important;
 }
 .is_follow {
     background: #4FB64F !important;
 }
 .container-hsn-style-collection .auction-text strong {
     color: #FFF;
     font-family: PlayfairDisplay;
     font-weight: 700;
     font-size: 18px;
     line-height: 12px;
     letter-spacing: 0%;
     vertical-align: middle;
     margin-bottom: 15px;
 }
 .container-hsn-style-collection .card-buttons {
     margin: 0 5%;
     display: flex;
     gap: 10px;
     margin-bottom: 5%;
 }
 .container-hsn-style-collection .btn {
     flex: 1;
     padding: 15px;
     border: none;
     border-radius: 2px;
     cursor: pointer;
     text-align: center;
     font-family: PlayfairDisplay;
     font-weight: 500;
     font-style: Medium;
     font-size: 15px;
     leading-trim: NONE;
     line-height: 16px;
     letter-spacing: 0%;
     vertical-align: middle;
     background-color: #333;
     color: #fff;
 }
 .container-hsn-style-collection .btn:hover {
     opacity: 0.9;
 }
 /* LOAD MORE */
 .container-hsn-style-collection .load-more {
     text-align: center;
     padding: 30px;
 }
 .container-hsn-style-collection .load-more button {
     background-color: #4FB64F;
     color: white;
     border: none;
     padding: 12px 30px;
     border-radius: 2px;
     cursor: pointer;
     font-size: 12px;
     font-weight: 700;
 }
 .container-hsn-style-collection .load-more button:hover {
     background-color: #e67e22;
 }
 /* RESPONSIVE */
 @media (max-width: 1024px) {
     .container-hsn-style-collection .auctions-grid {
         grid-template-columns: 1fr;
     }
 }
 /* single_page gallery images styling*/
 .single_gallery_images_hsn_main {
     width: 100%;
     border-radius: 4px;
     overflow: hidden;
     margin: 0 auto;
 }
 .single_gallery_images_hsn_main .carousel-inner {
     background: #1a1a1a;
 }
 .single_gallery_images_hsn_main .carousel-item {
     position: relative;
     padding-bottom: 56.25%;
 }
 .single_gallery_images_hsn_main .carousel-item img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
 }
 .single_gallery_images_hsn_main .live-badge,
 .single_gallery_images_hsn_main .single-auction-badge {
     position: absolute;
     top: 20px;
     left: 20px;
     background: #22c55e;
     color: white;
     padding: 8px 16px;
     border-radius: 4px;
     font-size: 14px;
     font-weight: 600;
     display: flex;
     align-items: center;
     gap: 6px;
     z-index: 10;
 }
 .single_gallery_images_hsn_main .live-dot {
     width: 8px;
     height: 8px;
     background: white;
     border-radius: 50%;
     animation: pulse 2s infinite;
 }
 @keyframes pulse {
     0%,
     100% {
         opacity: 1;
     }
     50% {
         opacity: 0.5;
     }
 }
 .single_gallery_images_hsn_main .social-icons {
     position: absolute;
     top: 20px;
     right: 20px;
     display: flex;
     gap: 12px;
     z-index: 10;
 }
 .single_gallery_images_hsn_main .icon-btn {
     width: 44px;
     height: 44px;
     background: #FFFFFF33;
     border: none;
     border-radius: 50%;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: all 0.3s ease;
 }
 .single_gallery_images_hsn_main .icon-btn:hover {
     background: #4FB64F;
     transform: scale(1.1);
 }
 .single_gallery_images_hsn_main .icon-btn svg {
     width: 20px;
     height: 20px;
     fill: none;
     stroke: #fff;
     stroke-width: 2;
 }
 .single_gallery_images_hsn_main .carousel-control-prev,
 .single_gallery_images_hsn_main .carousel-control-next {
     width: 50px;
     height: 50px;
     background: white;
     border-radius: 50%;
     top: 50%;
     transform: translateY(-50%);
     opacity: 1;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
 }
 .single_gallery_images_hsn_main .carousel-control-prev:hover,
 .single_gallery_images_hsn_main .carousel-control-next:hover {
     background: #f3f4f6;
     opacity: 1;
 }
 .single_gallery_images_hsn_main .carousel-control-prev {
     left: 20px;
 }
 .single_gallery_images_hsn_main .carousel-control-next {
     right: 20px;
 }
 .single_gallery_images_hsn_main .carousel-control-prev-icon,
 .single_gallery_images_hsn_main .carousel-control-next-icon {
     filter: invert(1);
     width: 24px;
     height: 24px;
 }
 .single_gallery_images_hsn_main .thumbnail-strip {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 10px 16px;
     margin-top: 10px;
 }
 .single_gallery_images_hsn_main .thumbnail {
     position: relative;
     width: 100%;
     padding-bottom: 75%;
     cursor: pointer;
     overflow: hidden;
     transition: all 0.3s ease;
     background: white;
     border-radius: 4px;
 }
 .single_gallery_images_hsn_main .thumbnail img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
 }
 .single_gallery_images_hsn_main .thumbnail:hover {
     opacity: 0.8;
 }
 .single_gallery_images_hsn_main .thumbnail.active {
     border-color: #4FB64F;
 }
 /* Media Queries */
 @media (max-width: 768px) {
     .single_gallery_images_hsn_main .social-icons {
         gap: 8px;
     }
     .single_gallery_images_hsn_main .icon-btn {
         width: 38px;
         height: 38px;
     }
     .single_gallery_images_hsn_main .carousel-control-prev,
     .single_gallery_images_hsn_main .carousel-control-next {
         width: 44px;
         height: 44px;
     }
     .single_gallery_images_hsn_main .carousel-control-prev {
         left: 12px;
     }
     .single_gallery_images_hsn_main .carousel-control-next {
         right: 12px;
     }
     .single_gallery_images_hsn_main .thumbnail-strip {
         display: none;
     }
 }
 @media (max-width: 640px) {
     .single_gallery_images_hsn_main {
         border-radius: 4px;
     }
     .single_gallery_images_hsn_main .social-icons {
         top: 12px;
         right: 12px;
         gap: 6px;
     }
     .single_gallery_images_hsn_main .icon-btn {
         width: 36px;
         height: 36px;
     }
     .single_gallery_images_hsn_main .icon-btn svg {
         width: 18px;
         height: 18px;
     }
     .single_gallery_images_hsn_main .live-badge,
     .single_gallery_images_hsn_main .single-auction-badge {
         top: 12px;
         left: 12px;
         padding: 6px 12px;
         font-size: 12px;
     }
     .single_gallery_images_hsn_main .carousel-control-prev,
     .single_gallery_images_hsn_main .carousel-control-next {
         width: 40px;
         height: 40px;
     }
     .single_gallery_images_hsn_main .carousel-control-prev {
         left: 8px;
     }
     .single_gallery_images_hsn_main .carousel-control-next {
         right: 8px;
     }
     .single_gallery_images_hsn_main .carousel-control-prev-icon,
     .single_gallery_images_hsn_main .carousel-control-next-icon {
         width: 20px;
         height: 20px;
     }
 }
 /* single auction card for biding */
 .bid-single-page-card {
     background: white;
     border-radius: 0px 4px 4px 0px;
     overflow: hidden;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 }
 .bid-single-page-card .header {
     background-color: #044F52;
     color: white;
     padding: 30px;
 }
 .bid-single-page-card .header h1 {
     font-family: 'Playfair Display', serif;
     font-weight: 700;
     font-size: 24px;
     line-height: 12px;
 }
 .bid-single-page-card .content {
     padding: 32px;
 }
 .bid-single-page-card .lot-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }
 .bid-single-page-card .lot-number {
     background: #044F52;
     color: white;
     padding: 13px;
     border-radius: 4px;
     font-family: 'Playfair Display', serif;
     font-weight: 600;
     font-size: 20px;
     line-height: 18px;
 }
 .bid-single-page-card .lot-info h2 {
     font-family: 'Playfair Display', serif;
     font-weight: 500;
     font-size: 24px;
     line-height: 25px;
     color: #0B0C0C;
 }
 .bid-single-page-card .lot-info p {
     color: #5C5C5C;
     font-family: 'Playfair Display', serif;
     font-weight: 400;
     font-size: 16px;
     line-height: 25px;
 }
 .bid-single-page-card .logo {
     width: 100px;
     height: auto;
 }
 .bid-single-page-card .horse-details {
     margin-bottom: 28px;
 }
 .bid-single-page-card .horse-details h3 {
     font-family: 'Playfair Display', serif;
     font-weight: 600;
     font-size: 18px;
     line-height: 25px;
     color: #0B0C0C;
     text-transform: capitalize !important;
     margin-bottom: 0px !important;
 }
 .bid-single-page-card .horse-details p {
     color: #5C5C5C;
     font-family: 'Playfair Display', serif;
     font-weight: 400;
     font-size: 15px;
     line-height: 25px;
 }
 .bid-single-page-card .bidding-section {
     display: flex;
     gap: 40px;
 }
 .border-hsn {
     border-top: 1px solid #D4D4D461;
     margin: 20px 0px;
 }
 .bid-single-page-card .bid-column {
     flex: 1;
 }
 .bid-single-page-card .bid-label {
     font-family: 'Playfair Display', serif;
     font-weight: 400;
     font-size: 16px;
     line-height: 22px;
     color: #5C5C5C;
 }
 .bid-single-page-card .bid-amount {
     font-family: 'Playfair Display', serif;
     font-weight: 600;
     font-size: 28px;
     line-height: 20px;
 }
 .bid-single-page-card .starting-bid {
     color: #4FB64F;
     margin-top: 10px !important;
 }
 .bid-single-page-card .current-bid {
     color: #2A2A2A;
     margin-top: 10px !important;
 }
 .bid-single-page-card .stats {
     display: flex;
     flex-direction: column;
     gap: 12px;
     justify-content: center;
 }
 .bid-single-page-card .stat-item {
     display: flex;
     align-items: center;
     gap: 10px;
 }
 .bid-single-page-card .stat-icon {
     width: 20px;
     height: 20px;
     color: #4caf50;
 }
 .bid-single-page-card .stat-value {
     font-family: 'Playfair Display', serif;
     font-weight: 400;
     font-size: 18px;
     line-height: 25px;
     color: #0B0C0C;
 }
 .bid-single-page-card .recent-bids-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 16px;
 }
 .bid-single-page-card .recent-bids-header h3 {
     font-family: 'Playfair Display', serif;
     font-weight: 600;
     font-size: 18px;
     line-height: 25px;
     color: #0B0C0C;
 }
 .bid-single-page-card .see-all {
     color: #4FB64F;
     text-decoration: none;
     font-family: 'Playfair Display', serif;
     font-weight: 500;
     font-size: 15px;
     line-height: 25px;
 }
 .bid-single-page-card .see-all:hover {
     text-decoration: underline;
 }
 .bid-single-page-card .bid-list {
     display: flex;
     flex-direction: column;
     gap: 12px;
     margin-bottom: 24px;
 }
 .bid-single-page-card .bid-item {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 14px 16px;
     border: 1px solid #D9D9D9;
     border-radius: 6px;
     background: #ffffff;
 }
 .bid-single-page-card .bid-date {
     display: flex;
     align-items: center;
     gap: 8px;
     color: #2A2A2A;
     font-family: 'Playfair Display', serif;
     font-weight: 400;
     font-size: 14px;
     line-height: 22px;
 }
 .bid-single-page-card .calendar-icon {
     width: 18px;
     height: 18px;
     color: #0a5c5c;
 }
 .bid-single-page-card .bid-price {
     display: flex;
     align-items: center;
     gap: 8px;
     font-family: 'Playfair Display', serif;
     font-weight: 500;
     font-size: 20px;
     line-height: 22px;
     color: #AA2123;
 }
 .bid-single-page-card .bid-price img {
     width: 20px;
     height: 20px;
     border-radius: 50%;
     object-fit: cover;
 }
 .bid-single-page-card .bid-price span {
     color: #2A2A2A;
 }
 .bid-single-page-card .start-notice {
     background: #4FB64F1A;
     border: 1px solid #4FB64F;
     padding: 16px 20px;
     border-radius: 4px;
     margin-bottom: 20px;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }
 .bid-single-page-card .start-notice-text {
     color: #2A2A2A;
     font-family: 'Playfair Display', serif;
     font-weight: 400;
     font-size: 16px;
     line-height: 18px;
 }
 .bid-single-page-card .start-date {
     color: #044F52;
     font-family: 'Playfair Display', serif;
     font-weight: 600;
     font-size: 18px;
     line-height: 18px;
     text-align: center;
 }
 .bid-single-page-card .start-date .border {
     border-right: 1px solid #0D560D;
     margin: 0 10px;
 }
 .bid-single-page-card .action-buttons {
     display: flex;
     gap: 12px;
 }
 .bid-single-page-card .btn {
     flex: 1;
     padding: 16px;
     border: none;
     cursor: pointer;
     transition: all 0.2s;
     font-family: 'Playfair Display', serif;
     font-weight: 600;
     font-size: 18px;
     line-height: 16px;
 }
 .bid-single-page-card .btn-bid {
     background: #4FB64F;
     color: white;
 }
 .bid-single-page-card .btn-bid:hover {
     background: #45a049;
 }
 .bid-single-page-card .btn-offer {
     background: #000000;
     color: white;
 }
 .bid-single-page-card .btn-offer:hover {
     background: #333;
 }
 /* single page auction horses page  */
 .main-container-horse-hsn-single h1 {
     text-align: center;
     color: #333;
     margin-bottom: 30px;
     font-size: 2em;
 }
 .main-container-horse-hsn-single .gallery-wrapper {
     display: flex;
     gap: 20px;
     justify-content: center;
 }
 .main-container-horse-hsn-single .column {
     display: flex;
     flex-direction: column;
     gap: 15px;
 }
 /* First Column - 4 equal images */
 .main-container-horse-hsn-single .column-1 {
     flex: 1;
 }
 /* Second Column - 3 images, middle one double height */
 .main-container-horse-hsn-single .column-2 {
     flex: 1;
 }
 /* Third Column - 3 images, first one double height */
 .main-container-horse-hsn-single .column-3 {
     flex: 1;
 }
 .main-container-horse-hsn-single .image-wrapper {
     position: relative;
     overflow: hidden;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }
 .main-container-horse-hsn-single .image-wrapper:hover {
     transform: scale(1.02);
     box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
 }
 .main-container-horse-hsn-single .image-wrapper img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
 }
 /* Column 1 - All equal height */
 .main-container-horse-hsn-single .column-1 .image-wrapper {
     height: 300px;
 }
 /* Column 2 - Top and bottom normal, middle double */
 .main-container-horse-hsn-single .column-2 .image-wrapper:nth-child(1),
 .main-container-horse-hsn-single .column-2 .image-wrapper:nth-child(3) {
     height: 300px;
 }
 .main-container-horse-hsn-single .column-2 .image-wrapper:nth-child(2) {
     height: 615px;
     /* Double height + gap */
 }
 /* Column 3 - First double, rest normal */
 .main-container-horse-hsn-single .column-3 .image-wrapper:nth-child(1) {
     height: 615px;
     /* Double height + gap */
 }
 .main-container-horse-hsn-single .column-3 .image-wrapper:nth-child(2),
 .main-container-horse-hsn-single .column-3 .image-wrapper:nth-child(3) {
     height: 300px;
 }
 @media (max-width: 992px) {
     .main-container-horse-hsn-single .gallery-wrapper {
         flex-direction: column;
     }
     .main-container-horse-hsn-single .column {
         flex-direction: row;
         flex-wrap: wrap;
     }
     .main-container-horse-hsn-single .image-wrapper {
         flex: 1 1 calc(50% - 10px);
         height: 350px !important;
     }
     .main-container-horse-hsn-single .gallery-wrapper {
         overflow: hidden;
     }
 }
 @media (max-width: 576px) {
     .main-container-horse-hsn-single .image-wrapper {
         flex: 1 1 100%;
     }
 }
 /* container-hsn-letest single-auction-page-related product */
 .container-hsn-letest.single-auction-page-related {
     background-color: initial !important;
 }
 .single-auction-page-related .heading-related {
     font-family: Playfair Display;
     font-weight: 700;
     font-style: Bold;
     font-size: 40px;
     leading-trim: CAP_HEIGHT;
     line-height: 60px;
     letter-spacing: 0%;
     vertical-align: middle;
     color: #2A2A2A;
 }
 /* services-section-single-page-hsn single servies section styling  */
 .services-section-single-page-hsn {
     font-family: 'Playfair Display', serif;
     color: white;
 }
 .services-section-single-page-hsn .bg-hsn {
     background: #044F52;
     border-radius: 6px;
 }
 .services-section-single-page-hsn .section-title {
     font-weight: 700;
     font-size: 24px;
     line-height: 60px;
     letter-spacing: 0.5px;
     margin-bottom: 60px;
     text-align: left;
 }
 .services-section-single-page-hsn .service-card {
     background: transparent;
     text-align: center;
     padding: 20px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     height: 100%;
 }
 .services-section-single-page-hsn .icon-wrapper {
     position: relative;
     display: inline-block;
     margin-bottom: 35px;
 }
 .services-section-single-page-hsn .icon-container {
     width: 100px;
     height: 100px;
     background: white;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0 auto;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
 }
 .services-section-single-page-hsn .icon-container svg {
     width: 55px;
     height: 55px;
 }
 .services-section-single-page-hsn .offer-badge {
     position: absolute;
     top: -10px;
     right: -10px;
     width: 70px;
     height: 70px;
 }
 .services-section-single-page-hsn .service-title {
     font-weight: 700;
     font-size: 20px;
     line-height: 60px;
     text-align: center;
 }
 .services-section-single-page-hsn .service-description {
     font-weight: 400;
     font-size: 16px;
     line-height: 24px;
     text-align: center;
     margin-bottom: 60px;
 }
 .services-section-single-page-hsn .service-btn {
     background: #4FB64F;
     padding: 10px;
     width: 90%;
     margin: 0 auto;
     color: white;
     border: none;
     border-radius: 6px;
     font-weight: 600;
     font-size: 18px;
     line-height: 16px;
     cursor: pointer;
     transition: all 0.3s ease;
 }
 .services-section-single-page-hsn .service-btn:hover {
     transform: translateY(-2px);
 }
 /* Responsive */
 @media (max-width: 991px) {
     .services-section-single-page-hsn .section-title {
         font-size: 2rem;
         text-align: center;
         margin-bottom: 50px;
     }
     .services-section-single-page-hsn .service-card {
         margin-bottom: 40px;
         padding: 20px 0px;
     }
 }
 @media (max-width: 767px) {
     .services-section-single-page-hsn {
         padding: 50px 20px;
     }
     .services-section-single-page-hsn .section-title {
         font-size: 1.75rem;
         margin-bottom: 40px;
     }
     .services-section-single-page-hsn .service-title {
         font-size: 1.3rem;
     }
     .services-section-single-page-hsn .service-description {
         font-size: 0.95rem;
     }
     .services-section-single-page-hsn .icon-container {
         width: 90px;
         height: 90px;
     }
     .services-section-single-page-hsn .icon-container svg {
         width: 50px;
         height: 50px;
     }
     .services-section-single-page-hsn .offer-badge {
         width: 60px;
         height: 60px;
     }
 }
 /* Header Section */
 .pedigree-hsn-single-page .header-section {
     margin-bottom: 60px;
     margin-top: 20px;
 }
 .pedigree-hsn-single-page .main-heading {
     font-size: 40px;
     font-weight: 700;
     line-height: 60px;
     text-align: center;
     color: #2a2a2a;
     margin-bottom: 30px;
 }
 .pedigree-hsn-single-page .main-text {
     font-size: 16px;
     font-weight: 400;
     line-height: 28px;
     text-align: center;
     color: #2a2a2a;
     /* max-width: 1280px;
                            margin: 0 auto; */
 }
 /* Content Section */
 .pedigree-hsn-single-page .content-section {
     width: 100%;
 }
 .pedigree-hsn-single-page .sidebar-wrapper {
     display: flex;
     flex-direction: column;
     gap: 40px;
 }
 /* Custom Cards */
 .pedigree-hsn-single-page .card-custom {
     background-color: #044f52;
     border-radius: 6px;
     border: 1px solid #d9d9d9;
     box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.05);
 }
 .pedigree-hsn-single-page .card-custom-header {
     padding: 30px 30px 0;
 }
 .pedigree-hsn-single-page .card-custom-title {
     font-size: 24px;
     font-weight: 700;
     line-height: 36px;
     color: #ffffff;
     margin-bottom: 20px;
 }
 .pedigree-hsn-single-page .header-line {
     height: 1px;
     background-color: rgba(255, 255, 255, 0.3);
     width: 100%;
 }
 .pedigree-hsn-single-page .card-custom-body {
     padding: 20px 30px 30px;
 }
 /* Detail Rows */
 .pedigree-hsn-single-page .detail-row {
     display: flex;
     justify-content: space-between;
     align-items: center;
     min-height: 24px;
 }
 .pedigree-hsn-single-page .label-icon-group {
     display: flex;
     align-items: center;
     gap: 6px;
 }
 .pedigree-hsn-single-page .detail-label {
     font-size: 15px;
     font-weight: 500;
     line-height: 22.5px;
     color: #ffffff;
 }
 .pedigree-hsn-single-page .detail-value {
     font-size: 15px;
     font-weight: 500;
     line-height: 22.5px;
     color: #ffffff;
     text-align: right;
 }
 .pedigree-hsn-single-page .label-icon {
     width: 16px;
     cursor: pointer;
     height: 16px;
 }
 .pedigree-hsn-single-page .row-divider {
     height: 1px;
     background-color: rgba(255, 255, 255, 0.2);
     margin: 20px 0;
 }
 /* Document Rows */
 .pedigree-hsn-single-page .document-row {
     display: flex;
     justify-content: space-between;
     align-items: center;
     cursor: pointer;
     transition: opacity 0.2s ease;
 }
 .pedigree-hsn-single-page .document-row:hover {
     opacity: 0.8;
 }
 .pedigree-hsn-single-page .document-left {
     display: flex;
     align-items: center;
     gap: 10px;
 }
 .pedigree-hsn-single-page .document-icon {
     width: 20px;
     height: 20px;
 }
 .pedigree-hsn-single-page .document-label {
     font-size: 15px;
     font-weight: 500;
     line-height: 22.5px;
     color: #ffffff;
 }
 .pedigree-hsn-single-page .arrow-icon {
     color: #ffffff;
     font-size: 20px;
 }
 /* Pedigree Card */
 .pedigree-hsn-single-page .pedigree-card {
     background-color: #ffffff;
     padding: 30px;
     height: 100%;
 }
 .pedigree-hsn-single-page .pedigree-heading {
     font-size: 24px;
     font-weight: 700;
     line-height: 36px;
     text-align: center;
     color: #2a2a2a;
     margin-bottom: 40px;
 }
 .pedigree-hsn-single-page .pedigree-scroll {
     overflow-x: auto;
     padding-bottom: 10px;
 }
 .pedigree-hsn-single-page .pedigree-section {
     margin-bottom: 30px;
 }
 .pedigree-hsn-single-page .pedigree-section:last-child {
     margin-bottom: 0;
 }
 .pedigree-hsn-single-page .pedigree-grid {
     display: flex;
     gap: 20px;
     min-width: 860px;
 }
 .pedigree-hsn-single-page .gen-column {
     display: flex;
     flex-direction: column;
     gap: 10px;
 }
 .pedigree-hsn-single-page .gen-column.gen-1 {
     width: 300px;
 }
 .pedigree-hsn-single-page .gen-column.gen-2 {
     width: 300px;
 }
 .pedigree-hsn-single-page .gen-column.gen-3 {
     width: 300px;
 }
 .pedigree-hsn-single-page .gen-column.gen-4 {
     width: 300px;
 }
 .pedigree-hsn-single-page .pedigree-item {
     background-color: #ffffff;
     border: 1px solid #d4d4d4;
     border-radius: 2px;
     padding: 15px 10px;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     min-height: 125px;
 }
 .pedigree-hsn-single-page .gen-column.gen-2 .pedigree-item {
     min-height: 250px;
 }
 .pedigree-hsn-single-page .pedigree-item.main-item {
     border-left: 4px solid #044f52;
     min-height: 500px;
     flex-direction: column;
     justify-content: center;
     gap: 15px;
 }
 .pedigree-hsn-single-page .horse-title {
     font-size: 15px;
     font-weight: 500;
     line-height: 18px;
     color: #2a2a2a;
 }
 .pedigree-hsn-single-page .horse-title.primary-color {
     color: #044f52;
 }
 .pedigree-hsn-single-page .horse-info {
     font-size: 14px;
     font-weight: 500;
     line-height: 21px;
     color: #696969;
 }
 .pedigree-hsn-single-page .horse-info.bold-text {
     color: #2a2a2a;
 }
 /* Scrollbar Styling */
 .pedigree-hsn-single-page .pedigree-scroll::-webkit-scrollbar {
     height: 8px;
 }
 .pedigree-hsn-single-page .pedigree-scroll::-webkit-scrollbar-track {
     background: #f1f1f1;
     border-radius: 4px;
 }
 .pedigree-hsn-single-page .pedigree-scroll::-webkit-scrollbar-thumb {
     background: #044f52;
     border-radius: 4px;
 }
 .pedigree-hsn-single-page .pedigree-scroll::-webkit-scrollbar-thumb:hover {
     background: #033a3d;
 }
 /* Responsive */
 @media (max-width: 1200px) {
     .pedigree-hsn-single-page .main-wrapper {
         padding: 40px 40px;
     }
     .pedigree-hsn-single-page .gen-column.gen-1,
     .pedigree-hsn-single-page .gen-column.gen-2,
     .pedigree-hsn-single-page .gen-column.gen-3,
     .pedigree-hsn-single-page .gen-column.gen-4 {
         width: 180px;
     }
     .pedigree-hsn-single-page .pedigree-grid {
         min-width: 760px;
     }
 }
 @media (max-width: 992px) {
     .pedigree-hsn-single-page .main-wrapper {
         padding: 30px 20px;
     }
     .pedigree-hsn-single-page .sidebar-wrapper {
         gap: 30px;
     }
     .pedigree-hsn-single-page .main-heading {
         font-size: 32px;
         line-height: 48px;
     }
     .pedigree-hsn-single-page .main-text {
         font-size: 15px;
         line-height: 24px;
     }
 }
 @media (max-width: 768px) {
     .pedigree-hsn-single-page .main-wrapper {
         padding: 20px 15px;
     }
     .pedigree-hsn-single-page .header-section {
         margin-bottom: 40px;
     }
     .pedigree-hsn-single-page .main-heading {
         font-size: 28px;
         line-height: 42px;
         margin-bottom: 20px;
     }
     .pedigree-hsn-single-page .main-text {
         font-size: 14px;
         line-height: 22px;
     }
     .pedigree-hsn-single-page .card-custom-header {
         padding: 20px 20px 0;
     }
     .pedigree-hsn-single-page .card-custom-body {
         padding: 15px 20px 20px;
     }
     .pedigree-hsn-single-page .card-custom-title,
     .pedigree-hsn-single-page .pedigree-heading {
         font-size: 20px;
         line-height: 30px;
     }
     .pedigree-hsn-single-page .pedigree-card {
         padding: 20px;
     }
     .pedigree-hsn-single-page .gen-column.gen-1,
     .pedigree-hsn-single-page .gen-column.gen-2,
     .pedigree-hsn-single-page .gen-column.gen-3,
     .pedigree-hsn-single-page .gen-column.gen-4 {
         width: 160px;
     }
     .pedigree-hsn-single-page .pedigree-grid {
         min-width: 680px;
     }
     .pedigree-hsn-single-page .pedigree-item {
         padding: 10px 8px;
     }
     .pedigree-hsn-single-page .pedigree-item.main-item {}
 }
 @media (max-width: 576px) {
     .pedigree-hsn-single-page .main-wrapper {
         padding: 15px 10px;
     }
     .pedigree-hsn-single-page .main-heading {
         font-size: 24px;
         line-height: 36px;
     }
     .pedigree-hsn-single-page .card-custom-header {
         padding: 15px 15px 0;
     }
     .pedigree-hsn-single-page .card-custom-body {
         padding: 12px 15px 15px;
     }
     .pedigree-hsn-single-page .detail-row {
         flex-direction: column;
         align-items: flex-start;
         gap: 5px;
     }
     .pedigree-hsn-single-page .detail-value {
         text-align: left;
     }
     .pedigree-hsn-single-page .pedigree-card {
         padding: 15px;
     }
     .pedigree-hsn-single-page .gen-column.gen-1,
     .pedigree-hsn-single-page .gen-column.gen-2,
     .pedigree-hsn-single-page .gen-column.gen-3,
     .pedigree-hsn-single-page .gen-column.gen-4 {
         width: 140px;
     }
     .pedigree-hsn-single-page .pedigree-grid {
         min-width: 600px;
     }
 }
 /* biding modal styling hsn single page  */
 .bid-hsn-modal .modal-dialog {
     max-width: 1160px !important;
     /* یہاں 800px کر دیا */
     margin: 1.75rem auto;
 }
 .bid-hsn-modal .modal-content {
     border: none;
     border-radius: 10px;
     overflow: hidden;
     box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
     padding: 30px;
 }
 .bid-hsn-modal .modal-header {
     background: #fff;
     border: none !important;
     border-bottom: 0.5px solid #D4D4D4 !important;
     padding: 0px;
     padding-bottom: 28px;
 }
 .bid-hsn-modal .lot-badge {
     background: #044F52;
     color: #fff;
     font-size: 20px;
     font-weight: 600;
     padding: 4px 11px;
     border-radius: 3px;
     margin-right: 10px;
 }
 .bid-hsn-modal .modal-title {
     font-size: 24px;
     font-weight: 500;
     color: #0B0C0C;
     margin: 0;
 }
 .bid-hsn-modal .modal-body {
     padding: 0px;
     background: #fff;
     padding-top: 10px;
 }
 .bid-hsn-modal h5 {
     font-size: 20px;
     font-weight: 700;
     margin-bottom: 12px;
     color: #2A2A2A;
 }
 .bid-hsn-modal .legal-text {
     font-size: 16px;
     color: #2A2A2A;
     line-height: 1.55;
     margin-bottom: 20px;
     font-weight: 400;
 }
 .bid-hsn-modal .legal-text a {
     color: #28a745;
     text-decoration: underline;
     text-decoration: none;
 }
 .bid-hsn-modal .bid-input-section {
     background: #fafafa;
     padding: 18px 22px;
     border-radius: 6px;
     margin-bottom: 22px;
 }
 .bid-hsn-modal .bid-content {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }
 .bid-hsn-modal .bid-input-label {
     font-size: 21px;
     font-weight: 400;
     color: #2A2A2A;
 }
 .bid-hsn-modal .btn-group-custom {
     display: flex;
     align-items: center;
     gap: 20px;
 }
 .bid-hsn-modal .btn-bid {
     background: #1A1A1A;
     color: #fff;
     border: none;
     padding: 10px;
     font-size: 24px;
     font-weight: 600;
     border-radius: 4px;
     width: 184px;
     height: 56px;
 }
 .bid-hsn-modal .current-bid {
     font-size: 32px;
     font-weight: 600;
     color: #2A2A2A;
     min-width: 255px;
     text-align: center;
 }
 .bid-hsn-modal .price-breakdown {
     background: #fff;
 }
 .bid-hsn-modal .breakdown-title {
     font-size: 20px;
     font-weight: 700;
     margin-bottom: 12px;
     color: #2A2A2A;
 }
 .bid-hsn-modal .breakdown-row {
     display: flex;
     justify-content: space-between;
     font-size: 18px;
     padding: 8px 0;
     color: #2A2A2A;
     font-weight: 400;
 }
 .bid-hsn-modal .breakdown-row.with-bg {
     background: #f8f8f8;
     padding: 9px 16px;
     margin: 0 -16px;
     width: calc(100% + 32px);
 }
 .bid-hsn-modal hr.breakdown-divider {
     border: none;
     margin: 14px 0;
 }
 .bid-hsn-modal .breakdown-total {
     font-size: 24px;
     font-weight: 700;
     display: flex;
     justify-content: space-between;
     padding-top: 10px;
     border-top: 0.5px solid #D4D4D4;
     margin-top: 30px;
     color: #2A2A2A;
 }
 .bid-hsn-modal .action-buttons {
     display: flex;
     gap: 14px;
     margin-top: 25px;
 }
 .bid-hsn-modal .btn-action {
     flex: 1;
     padding: 14px;
     font-size: 18px;
     font-weight: 600;
     border: none;
     border-radius: 6px;
 }
 .bid-hsn-modal .btn-direct {
     background: #044F52;
     color: #ffffff;
     padding: 10px;
     border-radius: 4px;
     width: 516px;
     height: 65px;
 }
 .bid-hsn-modal .btn-auto {
     background: #1A1A1A;
     color: #fff;
     padding: 10px;
     border-radius: 4px;
     width: 516px;
     height: 65px;
 }
 .bid-hsn-modal .direct-bid-info {
     text-align: center;
     margin-top: 14px;
     font-size: 16px;
     color: #686868;
     font-weight: 400;
 }
 .bid-hsn-modal .direct-bid-title {
     font-weight: 700;
     color: #686868;
     margin-bottom: 3px;
     font-size: 24px;
 }
 .bid-hsn-modal .ha_style {
     color: #4FB64F;
     font-weight: 400;
     font-size: 16px;
 }
 .bid-hsn-modal .ha_size {
     border-radius: 4px;
     border: 1px solid #D9D9D9;
     padding: 12px 19px;
     background-color: #F6F6F6;
 }
 .bid-hsn-modal .form-check-label {
     font-size: 16px;
     font-weight: 400;
     color: #2A2A2A;
 }
 .bid-hsn-modal .ha_hello {
     font-weight: 400;
     font-size: 24px;
     color: #2A2A2A !important;
 }
 /* Mobile + Tablet par forcefully block kar do */
 @media (max-width: 1024px) {
     .bid-hsn-modal .bid-content {
         display: block !important;
     }
     .bid-hsn-modal .bid-input-label {
         padding-bottom: 10px;
     }
 }
 @media (max-width: 600px) {
     .bid-hsn-modal .btn-group-custom {
         display: block;
         text-align: center;
     }
     .bid-hsn-modal .bid-input-label {
         text-align: center;
         padding-bottom: 15px;
     }
     .bid-hsn-modal .bid-content {
         padding-bottom: 10px;
     }
 }
 /* level modal hsn styling single page  */
 /* Modal Overlay */
 .ha_wrapper_level_model.ha_modal {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgba(0, 0, 0, 0.55);
     justify-content: center;
     align-items: center;
     z-index: 99999;
     padding: 20px;
 }
 .ha_wrapper_level_model.ha_modal.active {
     display: flex;
 }
 /* Modal Content */
 .ha_wrapper_level_model .ha_modal_content {
     width: 100%;
     max-width: 1180px;
     background: white;
     border-radius: 20px;
     position: relative;
     padding: 45px 40px 55px;
     border: 1px solid #e8e8e8;
     max-height: 90vh;
     overflow-y: auto;
 }
 .ha_wrapper_level_model .ha_close {
     position: absolute;
     top: 18px;
     right: 25px;
     font-size: 36px;
     font-weight: 300;
     color: #999;
     cursor: pointer;
     width: 44px;
     height: 44px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     transition: all 0.2s ease;
     z-index: 9999;
 }
 .ha_wrapper_level_model .ha_close:hover {
     background: #f1f1f1;
     color: #333;
 }
 /* Baki sab CSS bilkul same rakhi hai */
 .ha_wrapper_level_model .ha_header {
     text-align: center;
     margin-bottom: 45px;
 }
 .ha_wrapper_level_model .ha_explaining {
     font-size: 18px;
     color: #0B0C0C;
     text-transform: uppercase;
     letter-spacing: 1.5px;
     margin-bottom: 10px;
     font-weight: 500;
 }
 .ha_wrapper_level_model .ha_title {
     font-size: 32px;
     color: #044F52;
     margin: 0;
     font-weight: 500;
 }
 .ha_wrapper_level_model .ha_title::after {
     content: '';
     display: block;
     width: 140px;
     height: 3px;
     background: #044F52;
     margin: 18px auto 0;
 }
 .ha_wrapper_level_model .ha_grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 28px;
 }
 .ha_wrapper_level_model .ha_card {
     border: 1px solid #D4D4D4;
     border-radius: 16px;
     overflow: hidden;
     transition: transform 0.3s ease;
 }
 .ha_wrapper_level_model .ha_card:hover {
     transform: translateY(-6px);
 }
 .ha_wrapper_level_model .ha_card-header {
     background: #044F52;
     color: #ffffff;
     padding: 10px 0;
     text-align: center;
     font-size: 24px;
     font-weight: 500;
 }
 .ha_wrapper_level_model .ha_card-body {
     padding: 24px 22px;
     font-size: 16px;
     line-height: 1.68;
     color: #2A2A2A;
     background: white;
     min-height: 168px;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
 }
 @media (max-width: 992px) {
     .ha_wrapper_level_model .ha_grid {
         grid-template-columns: repeat(2, 1fr);
     }
 }
 @media (max-width: 640px) {
     .ha_wrapper_level_model .ha_grid {
         grid-template-columns: 1fr;
     }
     .ha_wrapper_level_model .ha_modal_content {
         padding: 35px 20px;
     }
 }
 #genderOverlay {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgba(0, 0, 0, 0.55);
     display: none;
     justify-content: center;
     align-items: center;
     z-index: 9999;
     padding: 15px;
 }
 #genderOverlay.active {
     display: flex;
 }
 #genderOverlay .ha_modal {
     max-width: 1180px;
     width: 100%;
     background: white;
     border-radius: 20px;
     box-shadow: 0 25px 70px rgba(0, 0, 0, 0.15);
     position: relative;
     padding: 50px 45px 60px;
     border: 1px solid #eaeaea;
     max-height: 95vh;
     overflow-y: auto;
 }
 #genderOverlay .ha_close {
     position: absolute;
     top: 20px;
     right: 25px;
     font-size: 36px;
     font-weight: 300;
     color: #999;
     cursor: pointer;
     width: 48px;
     height: 48px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: .2s;
 }
 #genderOverlay .ha_close:hover {
     background: #f0f0f0;
     color: #333;
 }
 /* Baaki saare styles same hi hain – yahan short kar diya, tum apne purane copy kar sakte ho */
 #genderOverlay .ha_grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 28px;
     margin-bottom: 55px;
 }
 #genderOverlay .ha_card:hover {
     transform: translateY(-8px);
 }
 #genderOverlay .ha_card-header {
     background: #044F52;
     color: #fff;
     padding: 18px;
     text-align: center;
     font-size: 24px;
     font-weight: 500;
 }
 #genderOverlay .ha_card-body {
     padding: 28px 24px;
     font-size: 16px;
     line-height: 1.78;
     color: #2A2A2A;
     min-height: 220px;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 /* FAQ */
 #genderOverlay .ha_faq-item {
     border-bottom: 1px solid #eaeaea;
     padding: 20px 0;
 }
 #genderOverlay .ha_faq-question {
     font-size: 18px;
     font-weight: 500;
     color: #2A2A2A;
     cursor: pointer;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }
 #genderOverlay .ha_faq-question::after {
     content: '+';
     font-size: 28px;
     color: #1a3c40;
     margin-left: 15px;
 }
 #genderOverlay .ha_faq-item.active .ha_faq-question::after {
     content: '−';
 }
 #genderOverlay .ha_faq-answer {
     max-height: 0;
     overflow: hidden;
     transition: all .4s ease;
     padding: 0;
 }
 #genderOverlay .ha_faq-item.active .ha_faq-answer {
     max-height: 500px;
     padding: 18px 0;
 }
 @media (max-width: 900px) {
     #genderOverlay .ha_grid {
         grid-template-columns: 1fr;
     }
 }
 /* recently bid popup modal  */
 #recentBidsModal .modal-dialog {
     max-width: 1180px;
 }
 #recentBidsModal .modal-header {
     border-bottom: none;
     padding: 2rem 2rem 1rem;
 }
 #recentBidsModal .modal-title {
     color: #0B0C0C;
     font-family: Playfair Display;
     font-weight: 500;
     font-style: Medium;
     font-size: 32px;
     leading-trim: CAP_HEIGHT;
     line-height: 25px;
     letter-spacing: 0%;
     vertical-align: middle;
 }
 #recentBidsModal .btn-close {
     font-size: 1.5rem;
 }
 #recentBidsModal .modal-body {
     padding: 0 2rem 2rem;
 }
 #recentBidsModal .bid-item {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 1.25rem 1.5rem;
     border: 1px solid #e5e5e5;
     border-radius: 8px;
     margin-bottom: 1rem;
     transition: all 0.3s ease;
 }
 #recentBidsModal .bid-item:hover {
     border-color: #ccc;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
 }
 #recentBidsModal .bid-date {
     display: flex;
     align-items: center;
     gap: 0.75rem;
     color: #0B0C0C;
     font-family: Playfair Display;
     font-weight: 400;
     font-style: Regular;
     font-size: 18px;
     leading-trim: CAP_HEIGHT;
     line-height: 22px;
     letter-spacing: 0%;
     vertical-align: middle;
 }
 #recentBidsModal .calendar-icon {
     width: 24px;
     height: 24px;
     color: #0a5f5c;
 }
 #recentBidsModal .bid-amount,
 .recentBidsModal .bid-amount {
     display: flex;
     align-items: center;
     gap: 0.5rem;
     color: #F81A1E;
     font-family: Playfair Display;
     font-weight: 500;
     font-style: Medium;
     font-size: 24px;
     leading-trim: CAP_HEIGHT;
     line-height: 22px;
     letter-spacing: 0%;
     vertical-align: middle;
 }
 #recentBidsModal .flag-icon,
 .recentBidsModal .flag-icon {
     width: 24px;
     height: 16px;
     border-radius: 2px;
 }
 #recentBidsModal .currency,
 .recentBidsModal .currency {
     color: #2A2A2A;
     font-family: Playfair Display;
     font-weight: 600;
     font-style: SemiBold;
     font-size: 18px;
     leading-trim: CAP_HEIGHT;
     line-height: 22px;
     letter-spacing: 0%;
     vertical-align: middle;
 }
 #recentBidsModal .action-buttons {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 1rem;
     margin-top: 2rem;
 }
 #recentBidsModal .btn-current-bid,
 .recentBidsModal .btn-current-bid {
     background-color: #044F52;
     color: white;
     padding: 1rem;
     border: none;
     border-radius: 4px;
     transition: all 0.3s ease;
     font-family: Playfair Display;
     font-weight: 600;
     font-style: SemiBold;
     font-size: 18px;
     leading-trim: NONE;
     line-height: 16px;
     letter-spacing: 0%;
     vertical-align: middle;
 }
 #recentBidsModal .btn-current-bid:hover {
     background-color: #084a48;
     color: white;
 }
 #recentBidsModal .btn-auto-bid {
     color: white;
     border-radius: 4px;
     background-color: #1A1A1A;
     font-family: Playfair Display;
     font-weight: 600;
     font-style: SemiBold;
     font-size: 18px;
     leading-trim: NONE;
     line-height: 16px;
     letter-spacing: 0%;
     vertical-align: middle;
     transition: all 0.3s ease;
 }
 #recentBidsModal .btn-auto-bid:hover {
     background-color: #000;
     color: white;
 }
 @media (max-width: 768px) {
     #recentBidsModal .modal-title {
         font-size: 1.75rem;
     }
     #recentBidsModal .modal-header,
     #recentBidsModal .modal-body {
         padding-left: 1rem;
         padding-right: 1rem;
     }
     #recentBidsModal .bid-item {
         flex-direction: column;
         align-items: flex-start;
         gap: 0.75rem;
         padding: 1rem;
     }
     #recentBidsModal .bid-date {
         font-size: 0.9rem;
     }
     #recentBidsModal .bid-amount {
         font-size: 1.1rem;
         align-self: flex-end;
     }
     #recentBidsModal .action-buttons {
         grid-template-columns: 1fr;
     }
 }
 /* hsn mouz disciplines page styling .......  */
 /* ha_ classes */
 .main-muz-main-div .ha_level_btn {
     background-color: #044F52 !important;
     white-space: nowrap;
     color: white !important;
     font-family: 'Playfair Display', serif !important;
     font-weight: 700 !important;
     font-size: 0.875rem;
 }
 .main-muz-main-div .ha_ff_playfair {
     font-family: 'Playfair Display', serif !important;
 }
 .main-muz-main-div .ha_bdr {
     border: 1px solid #00000000 !important;
     border-radius: 8px !important;
 }
 .main-muz-main-div .ha-over {
     margin-bottom: 35px !important;
     font-weight: 400;
     font-size: 16px;
     color: #717182;
 }
 .main-muz-main-div .ha-space {
     margin: 0px !important;
 }
 .main-muz-main-div .ha_acc_body {
     padding: 0px !important;
     color: #314158 !important;
     font-size: 16px !important;
 }
 .main-muz-main-div .ha_border {
     border-radius: 10px !important;
 }
 .main-muz-main-div .level-txt {
     font-weight: 500;
     font-size: 18px;
     color: #0A0A0A;
 }
 .main-muz-main-div .its-clr {
     color: #314158 !important;
 }
 .main-muz-main-div .ha_fw_bold {
     font-weight: 400 !important;
     margin-top: 0px !important;
     font-size: 16px;
 }
 .main-muz-main-div .every-text {
     font-weight: 400 !important;
     font-size: 16px !important;
     color: #0A0A0A !important;
 }
 .main-muz-main-div .intro-txt {
     font-weight: 500 !important;
     font-size: 12px !important;
 }
 .main-muz-main-div .berg-txt {
     font-weight: 500 !important;
     font-size: 18px !important;
     color: #FFFFFF !important;
 }
 .main-muz-main-div .Spanien {
     font-weight: 500;
     font-size: 16px;
     color: #0A0A0A;
 }
 .main-muz-main-div .cls-txt {
     font-weight: 400;
     font-size: 16px;
     color: #717182 !important;
 }
 .main-muz-main-div .b-clr {
     color: #0A0A0A !important;
 }
 .main-muz-main-div .nach {
     font-weight: 400;
     font-size: 14px;
     color: #314158;
 }
 .main-muz-main-div .table-wrapper {
     border: 1px solid #ccc;
     /* outer single border */
     border-radius: 10px;
     /* outer radius */
     overflow: hidden;
 }
 .main-muz-main-div .table-wrapper table {
     border-collapse: collapse;
     /* inner cells single border */
     width: 100%;
 }
 .main-muz-main-div .table-wrapper th,
 .main-muz-main-div .table-wrapper td {
     /* inner borders */
     padding: 8px;
 }
 .main-muz-main-div .ha_hello {
     padding-bottom: 15px !important;
 }
 .main-muz-main-div .ha_gap {
     padding: 60px !important;
     padding-top: 0px !important;
 }
 /* Star — green outline only */
 .main-muz-main-div .ha_star_outline {
     color: transparent !important;
     -webkit-text-stroke: 2.4px #4FB64F;
     paint-order: stroke fill;
 }
 .main-muz-main-div .img-flag {
     position: absolute;
     top: 0;
     left: 0;
     width: 11px;
     height: 10px;
 }
 .main-muz-main-div .ha_flag {
     width: 20px;
     border-radius: 40px;
     display: inline-block;
     vertical-align: middle;
 }
 /* Tabs — exact image jaisa */
 .main-muz-main-div .ha_nav-pills .nav-link {
     color: #212529 !important;
     background: transparent !important;
     padding: 0.5rem 1.3rem !important;
     border-radius: 8px !important;
     font-weight: 500;
     margin: 0 3px;
     font-size: 14px;
 }
 .main-muz-main-div .ha_nav-pills .nav-link.active {
     background-color: #044F52 !important;
     color: white !important;
     font-size: 14px;
 }
 .main-muz-main-div .ha_nav-pills .nav-link:hover:not(.active) {
     color: #044F52 !important;
 }
 /* Badges — bilkul image jaisa (kam radius) */
 /* Pro Level Box */
 .main-muz-main-div .ha_pro_level {
     width: 95%;
     margin: 0 auto;
     border-radius: 12px;
     margin: 0px auto !important;
     border: 1px solid #FEE685;
     margin-bottom: -40px !important;
 }
 /* Table Container */
 .main-muz-main-div .ha_table_box {
     border-radius: 14px !important;
     border: 1px solid #0000001A;
     margin-top: 35px;
 }
 .main-muz-main-div .ha_boder {
     border: 1px solid #0000001A !important;
     border-radius: 14px !important;
 }
 /* Badge Spacing + Style */
 .main-muz-main-div .ha_badge-custom {
     font-size: 13px;
     padding: 6px 12px;
     border-radius: 8px;
     font-weight: 500;
 }
 .main-muz-main-div .ma_by {
     padding-left: 10px !important;
 }
 .main-muz-main-div .ha_boer {
     border: 1px solid #0000001A !important;
     border-radius: 10px !important;
 }
 /* Table Look like Sample Image */
 .main-muz-main-div .ha_table_box table {
     border-color: #eaeaea;
 }
 .main-muz-main-div .ha_table_box th {
     font-weight: 600;
     color: #0A0A0A;
     border-bottom: 2px solid #eee;
 }
 .main-muz-main-div .ha_table_box td {
     padding-top: 10px;
     padding-bottom: 10px;
 }
 .main-muz-main-div .table-light {
     background: none !important;
 }
 .main-muz-main-div .hs_bew {
     margin-bottom: 0px !important;
     background: #044F52;
     border: 1px solid #BEDBFF;
 }
 /* Remove focus only from these buttons */
 .main-muz-main-div .ha_acc_focus_none:focus {
     outline: none !important;
     box-shadow: none !important;
 }
 /* Accordion button custom styling (you can adjust later) */
 .main-muz-main-div .ha_acc_btn {
     background: none !important;
     padding-bottom: 8px !important;
     padding-top: 4px !important;
     padding-left: 0px;
 }
 .main-muz-main-div .accordion {
     --bs-border-color: var(--bs-border-color)
 }
 .main-muz-main-div .ha_acc_btn:not(.collapsed) {
     background-color: transparent !important;
     color: inherit !important;
     box-shadow: none !important;
 }
 .main-muz-main-div .ha_para {
     font-weight: 500;
     font-size: 16px;
     color: #0A0A0A;
     margin: 0px;
 }
 .main-muz-main-div #ha_disciplineTabs {
     box-shadow: 0px 1px 2px -1px #0000001A !important;
     box-shadow: 0px 1px 3px 0px #0000001A !important;
     border-radius: 10px;
     padding: 10px;
     margin-top: 50px;
 }
 .main-muz-main-div .ha_main {
     padding: 70px !important;
     padding-top: 20px !important;
 }
 /* 2nd tab css */
 .main-muz-main-div .ha_wrapper {
     max-width: 1300px !important;
     margin: 0 auto;
 }
 /* TOP SECTION - EXACTLY LIKE IMAGE */
 /* BOTTOM SECTIONS - EXACTLY LIKE IMAGE */
 .main-muz-main-div .ha_info-box {
     margin-bottom: 24px;
     border-radius: 14px;
     overflow: hidden;
 }
 .main-muz-main-div tbody tr:last-child td {
     border: none !important;
 }
 .main-muz-main-div thead tr th {
     padding: 15px 8px;
 }
 .main-muz-main-div .ha_info-inner {
     padding: 24px 28px;
 }
 .main-muz-main-div .ha_title {
     font-size: 18px;
     font-weight: 500;
     margin-bottom: 12px;
     color: #0A0A0A
 }
 /* Light Cyan */
 .main-muz-main-div .ha_cyan {
     background: #e8f9f9;
     border: 1px solid #B9F8CF !important;
     margin-top: 25px !important;
 }
 /* Light Pink */
 .main-muz-main-div .ha_pink {
     background: #FEF2F2;
     border: 1px solid #FFC9C9;
 }
 /* Light Yellow */
 .main-muz-main-div .ha_yellow {
     background: #FFFBEB !important;
     border: 1px solid #FEE685;
 }
 .main-muz-main-div .ha_content {
     font-size: 16px;
     line-height: 1.7;
 }
 .main-muz-main-div .cde {
     font-weight: 600;
     font-size: 16px;
     color: #0A0A0A;
 }
 .main-muz-main-div .ha_content ul {
     list-style: none;
     padding: 0px;
     margin: 0;
 }
 .main-muz-main-div .ha_content ul li {
     margin-bottom: 6px;
     font-weight: 400;
     font-size: 16px;
 }
 .main-muz-main-div .ha_p {
     padding: 0px;
     margin-bottom: 30px;
 }
 .main-muz-main-div .ha_pad {
     padding: 0px;
 }
 /* Working Equitation Styles */
 .main-muz-main-div .ha_main-title {
     font-family: 'Playfair Display', serif;
     font-weight: 400;
     font-size: 16px;
     color: #044F52;
     margin-bottom: 0.5rem;
 }
 .main-muz-main-div .ha_female-icon {
     color: #4FB64F;
     font-size: 2rem;
 }
 /* .ha_subtitle {
    color: #666;
    font-size: 16px;
    font-weight: 400;
} */
 .main-muz-main-div .ha_phase-card {
     border: 1px solid #BEDBFF;
     border-radius: 12px;
     padding: 15px;
     transition: all 0.3s ease;
     position: relative;
 }
 .main-muz-main-div .ha_phase-card:hover {
     transform: translateY(-2px);
 }
 .main-muz-main-div .ha_phase-title {
     margin-top: 15px;
     font-family: 'Playfair Display', serif;
     font-weight: 500;
     font-size: 16px;
     color: #0A0A0A;
     margin-bottom: 0.8rem;
 }
 .main-muz-main-div .ha_phase-desc {
     color: #314158;
     font-weight: 400;
     font-size: 14px;
     margin-top: 25px;
     margin-bottom: 5px;
 }
 .main-muz-main-div .ha_card-dressage {
     background-color: #EFF6FF;
 }
 .main-muz-main-div .ha_card-manejo {
     background-color: #F0FDF4;
     border: 1px solid #B9F8CF;
 }
 .main-muz-main-div .ha_card-speed {
     background-color: #FFF7ED;
     border: 1px solid #FFD6A7;
 }
 .main-muz-main-div .ha_card-cattle {
     background-color: #FAF5FF;
     border: 1px solid #E9D4FF;
 }
 .main-muz-main-div .ha_obstacle-list {
     display: flex;
     flex-wrap: wrap;
     gap: 4px;
     margin-top: 0.8rem;
 }
 .main-muz-main-div .ha_obstacle-item {
     border: 1px solid #0000001A;
     padding: 2px 8px;
     border-radius: 6px;
     font-size: 12px;
     color: #0A0A0A;
 }
 .main-muz-main-div .ha_border {
     border-collapse: unset !important;
 }
 .main-muz-main-div .ha_bage {
     background-color: #00A63E;
 }
 .main-muz-main-div .ha_magic {
     background-color: #4FB64F;
 }
 .main-muz-main-div .ha_mag {
     background-color: #044F52;
 }
 .main-muz-main-div .ha_hy {
     background-color: #9810FA;
 }
 .main-muz-main-div .ha_dark {
     border: 1px solid #0000001A;
 }
 /* MOBILE PE HORIZONTAL SCROLL PURA KHATAM + SAB CENTER ME */
 @media (max-width: 576px) {
     /* Table ko block bana dete hain taaki scroll na aaye */
     .main-muz-main-div .ha_table_box .table-responsive table {
         overflow: auto;
     }
     .main-muz-main-div .ha_table_box table {}
     .main-muz-main-div .ha_table_box thead {
         display: none;
         /* header chhupate hain mobile pe */
     }
     .main-muz-main-div .ha_table_box tbody,
     .main-muz-main-div .ha_table_box tr {
         background: #ffffff;
         border: 1px solid #e0e0e0;
         border-radius: 12px;
         padding: 14px;
         margin-bottom: 16px;
         box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
     }
     .main-muz-main-div .ha_table_box td {
         text-align: center !important;
         padding: 8px 0 !important;
         border: none !important;
         position: relative;
     }
     /* Label (Disziplin, AFSL, PRE, CDE) ko upar dikhaate hain */
     .main-muz-main-div .ha_table_box td::before {
         content: attr(data-label);
         display: block;
         font-weight: 700;
         font-size: 0.95rem;
         color: #044F52;
         margin-bottom: 8px;
     }
     .main-muz-main-div .tab-content table {
         min-width: 800px;
         overflow: auto;
     }
     /* Badge aur chhota text center me */
     .main-muz-main-div .ha_table_box td .badge {
         display: inline-block;
         margin: 4px auto;
     }
     .main-muz-main-div .ha_table_box td .text-muted {
         margin-top: 4px;
         font-size: 0.85rem;
     }
 }
 .main-muz-main-div .ha_levelBox {
     border: 1px solid #E2E8F0;
     border-radius: 14px;
     padding: 30px;
     background: #f8f9fa;
 }
 .main-muz-main-div .ha_levelBadge {
     font-size: 12px;
     font-weight: 500;
     padding: 2px 8px;
     border-radius: 8px;
     background-color: #044F52;
     border: 1px solid #00000000;
 }
 .main-muz-main-div .ha_levelText {
     margin-top: 10px;
     font-size: 14px;
     font-weight: 400;
     color: #314158;
     margin-bottom: 0px;
 }
 /* Responsive Tweaks */
 @media (max-width: 576px) {
     .main-muz-main-div .ha_levelBox {
         padding: 20px;
     }
     .main-muz-main-div .ha_levelBadge {
         font-size: 0.8rem;
     }
     .main-muz-main-div .ha_levelText {
         font-size: 0.85rem;
     }
     .main-muz-main-div .muz-main .muz-gap {
         gap: 50px;
     }
 }
 .main-muz-main-div .ha_focusBox {
     border: 1px solid #FEE685;
     border-radius: 14px;
     padding: 30px;
     background: #fffcee;
     /* image-like soft cream background */
     margin-bottom: 10px !important;
 }
 .main-muz-main-div .accordion-item.ha_bbdr {
     border-bottom: none;
     /* default – closed state */
 }
 .main-muz-main-div .accordion-item.ha_bbdr:has(.accordion-collapse.show) {
     border-bottom: 1px solid #0000001A;
     /* open state → border visible */
     padding-bottom: 15px;
     padding-top: 10px;
 }
 .main-muz-main-div .ha_focusTitle {
     font-size: 18px;
     font-weight: 500;
     color: #0A0A0A;
     margin-bottom: 30px;
 }
 .main-muz-main-div .ha_focusText {
     font-weight: 400;
     font-size: 16px;
     color: #314158;
 }
 .main-muz-main-div .ha_focusBold {
     font-weight: 700;
 }
 /* Responsive Tweaks */
 @media (max-width: 576px) {
     .main-muz-main-div .ha_focusBox {
         padding: 20px;
     }
     .main-muz-main-div .ha_focusTitle {
         font-size: 1rem;
     }
     .main-muz-main-div .ha_focusText {
         font-size: 0.88rem;
     }
     .main-muz-main-div .muz-main .muz-gap {
         gap: 40px;
     }
 }
 .main-muz-main-div .ha_work {
     padding: 0px;
 }
 .main-muz-main-div .ha_bux {
     padding: 0px;
 }
 .main-muz-main-div .ha_simple {
     background-color: #044F52;
     border: 1px solid #BEDBFF;
 }
 .main-muz-main-div .its-padding {
     padding: 20px;
 }
 .main-muz-main-div .eqrating-box {
     background: #044F52;
     border: 1px solid #BEDBFF;
     color: #e0f2f2;
     border-radius: 14px;
     padding: 20px;
     width: 98%;
 }
 .main-muz-main-div .eqrating-title {
     font-size: 1.6rem;
     font-weight: 600;
     margin-bottom: 2rem;
     color: #ffffff;
 }
 .main-muz-main-div .eqrating-item {
     padding: 5px;
     color: #ffffff;
     font-size: 16px;
     font-weight: 400px !important;
 }
 .main-muz-main-div .eqrating-item:last-child {
     border-bottom: none;
 }
 .main-muz-main-div .eqrating-line {
     margin: 2rem 0;
 }
 .main-muz-main-div .eqrating-subtitle {
     font-weight: 400 !important;
     color: #ffffff;
     margin: 1rem 0 0.75rem;
     font-size: 16px;
 }
 @media (max-width: 576px) {
     .main-muz-main-div .eqrating-box {
         padding: 2rem 1.5rem;
         border-radius: 10px;
     }
     .main-muz-main-div .eqrating-title {
         font-size: 1.45rem;
     }
 }
 .main-muz-main-div .ha_full {
     width: 90% !important;
     height: 100vh !important;
 }
 .main-muz-main-div .ha_fully {
     width: 100% !important;
 }
 .main-muz-main-div .ha_low {
     margin-bottom: -20px !important;
 }
 .main-muz-main-div .ha_acc_item {
     margin: 0px !important;
 }
 .main-muz-main-div .muz_main .container {
     margin: 0 auto;
     padding: 0px;
 }
 .main-muz-main-div .section-title {
     font-size: 16px;
     font-weight: 500;
     color: #0A0A0A;
 }
 /* Header */
 .main-muz-main-div .muz_main .header {
     display: flex;
     align-items: center;
     gap: 12px;
     margin-bottom: 6px;
 }
 /* .muz_main .header h1 {
    font-size: 26px;
    font-weight: 700;
    color: #0a3622;
    margin: 0;
} */
 .main-muz-main-div .muz_main .subtitle {
     font-size: 14px;
     color: #666666;
     margin-bottom: 32px;
 }
 /* Charakter - Light Pink */
 .main-muz-main-div .muz_main .charakter {
     background: #FEF2F2;
     border: 1px solid #FFC9C9;
     border-radius: 12px;
     padding: 24px;
     margin-bottom: 25px;
 }
 .main-muz-main-div .para {
     color: #314158;
     font-size: 16px !important;
     font-weight: 400;
     width: 95%;
 }
 .main-muz-main-div .muz_main .section-title {
     font-size: 18px;
     font-weight: 500;
     margin-bottom: 25px;
 }
 .main-muz-main-div .section-title p {
     color: #314158 !important;
 }
 .main-muz-main-div .flags-table {
     border: 1px solid #dee2e6;
     border-radius: 10px;
     overflow: auto;
 }
 .main-muz-main-div .chr-clr {
     background: #EEF2FF;
     border: 1px solid #C6D2FF;
     padding: 20px;
     border-radius: 14px;
 }
 .main-muz-main-div .ha_bodr {
     border-radius: 14px !important;
     border: 1px solid #0000001A !important;
 }
 .main-muz-main-div .muz_main .charakter p {
     font-size: 16px;
     font-weight: 400;
     color: #314158;
     width: 90%;
 }
 .main-muz-main-div .muz_main .charakter strong {
     font-weight: 600;
 }
 /* Typische Lektionen - 100% EXACT */
 .main-muz-main-div .muz_main .lektionen-title {
     font-size: 18px;
     font-weight: 500;
     margin-bottom: 15px;
 }
 .main-muz-main-div .muz_main .lektionen-wrapper {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 10px;
     margin-bottom: 20px;
 }
 .main-muz-main-div .muz_main .lektionen-col li {
     padding: 8px;
     font-size: 15px;
 }
 .main-muz-main-div .muz_main .lektionen-col li strong {
     font-weight: 600;
     font-size: 14px;
     color: #0A0A0A;
 }
 .main-muz-main-div .muz_main .lektionen-col li span {
     color: #0A0A0A;
     font-size: 14px;
     font-weight: 400;
 }
 /* Level Table */
 .main-muz-main-div .muz_main .flag {
     width: 32px;
     height: 32px;
     border-radius: 50%;
     border: 2px solid #fff;
     margin-right: 8px;
 }
 .main-muz-main-div .muz_main .level-table {
     width: 100%;
     border-collapse: collapse;
 }
 .main-muz-main-div .muz_main .level-table th {
     font-weight: 600;
     font-size: 14.5px;
 }
 .main-muz-main-div .muz_main .level-table td {
     padding: 12px;
     font-weight: 400;
     color: #0A0A0A;
     font-size: 14px;
     border-bottom: 1px solid #eee;
 }
 /* Bewertung */
 .main-muz-main-div .muz_main .bewertung-header {
     color: white;
     background: #044F52;
     padding: 14px 24px;
     border-radius: 12px 12px 0 0;
     font-size: 18px;
     font-weight: 700;
     margin-top: 30px;
     margin: 0px 25px;
 }
 .main-muz-main-div .muz_main .bewertung-body {
     background: #044F52;
     padding: 20px 24px;
     border-radius: 0 0 12px 12px;
     border: 1px solid #0a3622;
     border-top: none;
     margin: 0px 25px;
 }
 .main-muz-main-div .muz_main .criteria {
     display: grid;
     grid-template-columns: repeat(13, 1fr);
     text-align: center;
     font-size: 14.5px;
 }
 .main-muz-main-div .muz_main .criteria strong {
     display: block;
     color: #0a3622;
     font-weight: 500;
     font-size: 12px;
 }
 /* Rassefokus */
 .main-muz-main-div .muz_main .rassefokus {
     background: #FFFBEB;
     border: 1px solid #FEE685;
     border-radius: 12px;
     padding: 20px 24px;
     margin-top: 40px;
     margin: 25px;
     ;
 }
 .main-muz-main-div .muz_main .l-btn {
     background-color: #044F52 !important;
     font-size: 12px !important;
     padding: 2px 8px !important;
     font-weight: 500 !important;
     border: none;
     border-radius: 8px;
 }
 .main-muz-main-div .btn1 {
     background-color: #4FB64F;
     color: white;
     border-radius: 8px;
     font-weight: 500;
     font-size: 12px;
     border: none;
 }
 .main-muz-main-div .muz_main .rassefokus h5 {
     font-size: 18px;
     font-weight: 500;
     margin-bottom: 12px;
 }
 .main-muz-main-div .muz_main .rassefokus p {
     margin: 8px 0;
     font-size: 15px;
 }
 .main-muz-main-div .muz_main .rassefokus strong {
     color: #0A0A0A;
 }
 .main-muz-main-div .muz_main .muz-list {
     border: 1px solid rgb(228, 225, 225);
     padding: 20px;
     border-radius: 10px;
 }
 .main-muz-main-div .muz_main .muz-ul {
     gap: 10px;
     display: flex;
     flex-direction: column;
 }
 .main-muz-main-div .muz_main .muz-btn {
     font-weight: 500;
     font-size: 12px;
     background: transparent;
     color: white;
     border-radius: 8px;
     padding: 10px;
     border: 1px solid rgba(212, 211, 211, 0.973);
     padding: 1px;
     padding-right: 6px;
     padding-left: 6px;
 }
 .main-muz-main-div .muz_main .muz-btn strong {
     color: white;
 }
 .main-muz-main-div .muz_main .muz-flex {
     display: flex;
     gap: 4px;
 }
 /* RESPONSIVE — SIRF YEHI ADDED HAI (kuch bhi change nahi kiya upar) */
 @media (max-width: 992px) {
     .main-muz-main-div .muz-main .logo-row {
         display: none !important;
     }
     .main-muz-main-div ul.ha_nav-pills {
         display: flex;
         flex-direction: row;
         flex-wrap: nowrap;
         overflow: SCROLL;
         gap: 30px;
     }
     .main-muz-main-div ul.ha_nav-pills li {
         min-width: 175px;
     }
     .main-muz-main-div .muz_main .lektionen-wrapper {
         grid-template-columns: 1fr;
     }
     .main-muz-main-div .muz-main .logo-row img {
         height: none;
         margin: none;
         padding-right: none;
         display: inline-block;
     }
     .main-muz-main-div .img-border img {
         height: none;
         margin: none;
         padding-right: none;
         display: inline-block;
     }
     .main-muz-main-div .muz_main .criteria {
         grid-template-columns: repeat(3, 1fr);
     }
 }
 @media (max-width: 768px) {
     .main-muz-main-div .ha_table_box .table-responsive table {
         overflow: auto;
         min-width: 800px;
     }
     .main-muz-main-div .muz_main .container {
         padding: 0 16px;
     }
     .main-muz-main-div .muz_main .header h1 {
         font-size: 24px;
     }
     .main-muz-main-div .muz_main .section-title,
     .main-muz-main-div .muz_main .lektionen-title,
     .main-muz-main-div .muz_main .level-title {
         font-size: 19px;
     }
     .main-muz-main-div .muz_main .charakter,
     .main-muz-main-div .muz_main .rassefokus,
     .main-muz-main-div .muz_main .bewertung-body {
         padding: 20px;
     }
     .main-muz-main-div .flags-table {
         overflow: auto;
         min-width: 1000px;
     }
 }
 @media (max-width: 576px) {
     .main-muz-main-div .flags-table {
         overflow: auto;
     }
     .main-muz-main-div .muz_main .subtitle {
         text-align: center;
     }
     .main-muz-main-div .muz_main .header {
         flex-direction: column;
         text-align: center;
         gap: 10px;
     }
     .main-muz-main-div .muz_main .header h1 {
         font-size: 22px;
     }
     .main-muz-main-div .muz_main .criteria {
         grid-template-columns: 1fr 1fr;
         gap: 10px;
         font-size: 13.5px;
     }
     .main-muz-main-div .muz_main .criteria strong {
         font-size: 14px;
     }
     .main-muz-main-div .muz_main .level-table th,
     .main-muz-main-div .muz_main .level-table td {
         padding: 8px 4px;
         font-size: 14px;
     }
     .main-muz-main-div .muz_main .flag {
         width: 28px;
         height: 28px;
     }
 }
 @media (max-width: 400px) {
     .main-muz-main-div .muz_main .criteria {
         grid-template-columns: 1fr;
     }
     .main-muz-main-div .muz_main .muz-flex {
         flex-direction: column;
         align-items: flex-start;
     }
 }
 .main-muz-main-div .main-muz .main-card {
     border: none;
     border-radius: 16px;
     overflow: hidden;
     border: 1px solid #0000001A;
 }
 .main-muz-main-div .button-brdr {
     border: 1px solid #FFFFFF1A;
     background: transparent;
     padding: 2px 8px;
     font-size: 12px;
     font-weight: 500;
     border-radius: 8px;
 }
 /* Green Box - Klasseneinteilung */
 .main-muz-main-div .main-muz .green-box {
     border: 1px solid #0000001A;
     border-radius: 15px;
     padding: 1.3rem 1.5rem;
 }
 .main-muz-main-div .main-muz .green-badge {
     background-color: #044F52;
     color: white;
     padding: 2px 8px;
     border-radius: 8px;
     font-size: 12px;
     font-weight: 500;
 }
 /* Bewertung Section */
 .main-muz-main-div .main-muz .list-muted {
     color: #314158;
     font-size: 14px;
     line-height: 1.8;
 }
 .main-muz-main-div .main-muz .list-teal {
     color: #314158;
     font-size: 14px;
     font-weight: 400;
     line-height: 1.9;
 }
 /* Progress Bar */
 .main-muz-main-div .main-muz .progress-custom {
     height: 10px;
     overflow: hidden;
     margin: 1.8rem 0;
 }
 .main-muz-main-div .main-muz .progress-bar-gradient {
     background: linear-gradient(90deg, #f6d365 0%, #fda085 35%, #1955a5 100%);
     width: 88%;
 }
 /* Yellow Rassenfokus Box */
 .main-muz-main-div .main-muz .yellow-box {
     background-color: #fff8e1;
     border-radius: 15px;
     padding: 1.4rem 1.6rem;
     margin-top: 1rem;
     border: 1px solid #FEE685;
 }
 .main-muz-main-div .main-muz .yellow-box h5 {
     color: #0A0A0A;
     font-weight: 600;
     margin-bottom: 1rem;
     font-size: 18px;
     font-weight: 500;
 }
 .main-muz-main-div .main-muz .yellow-box ul {
     padding: 0px;
     margin-bottom: 0;
     list-style: none;
 }
 .main-muz-main-div .main-muz .yellow-box li {
     margin-bottom: 0.5rem;
     line-height: 1.7;
 }
 .main-muz-main-div .main-muz .bg-color {
     background: #F0FDFA;
     padding: 20px;
     border: 1px solid #96F7E4;
     border-radius: 15px;
 }
 .main-muz-main-div .main-muz .text-muted {
     margin-top: 25px;
     color: #0A0A0A;
     font-size: 16px;
     font-weight: 400;
 }
 .main-muz-main-div .main-muz .my-flex {
     display: flex;
     align-items: center;
     gap: 10px;
 }
 .main-muz-main-div .main-muz .my-strong {
     font-weight: 600;
     font-size: 16px;
     color: #0A0A0A;
 }
 .main-muz-main-div .main-muz .bakc-color {
     background-color: #EFF6FF;
     padding: 20px;
     border-radius: 15px;
     border: 1px solid #BEDBFF;
 }
 .main-muz-main-div .ha_hig {
     padding: 0px !important;
 }
 /* MuawazAli */
 input:focus,
 textarea:focus,
 select:focus {
     border-color: #044F52 !important;
     outline: none !important;
     box-shadow: 0 0 0 2px rgba(4, 79, 82, 0.2);
 }
 input[type="checkbox"] {
     -webkit-appearance: none;
     appearance: none;
     width: 18px;
     height: 18px;
     border: 2px solid #044F52;
     border-radius: 4px;
     cursor: pointer;
     outline: none !important;
     box-shadow: unset;
 }
 textarea.form-control:focus {
     box-shadow: none !important;
     border-color: #044F52 !important;
     outline: none !important;
 }
 /* CHECKED STATE */
 input[type="checkbox"]:checked {
     background-color: #044F52;
     border: 2px solid #044F52;
     /* border same color so border nahi dikhega */
 }
 /* Remove focus border glow */
 input[type="checkbox"]:focus {
     outline: none !important;
     box-shadow: none !important;
 }