 .seo-reseller-pro ul {
     display: flex;
     margin: 0;
     padding: 0;
     gap: 20px;
     margin-bottom: 30px;
 }

 .seo-reseller-pro ul li {
     background: #00417e;
     text-align: center;
     border-radius: 10px;
     list-style: none;
     box-shadow: rgb(3 48 90) 0 5px 15px;
     width: 25%;
     padding: 20px;
 }

 .seo-reseller-pro ul li .icon {
     width: 80px;
     height: 80px;
     margin: 0 auto;
     text-align: center;
     line-height: 80px;
     border-radius: 50%
 }

 .seo-reseller-pro ul li .icon i {
     color: #fff;
     font-size: 53px;
     padding-top: 20px
 }

 .seo-reseller-pro ul p {
     color: #fff;
     font-size: 18px;
     text-align: center;
     font-weight: 300;
     line-height: 29px;
 }

 .color-white,
 .white-color {
     color: #fff !important;
 }

 section.seo-reseller-pro .left a.join-us {
     background: #f9cf2f;
     padding: 16px 43px;
     border-radius: 50px;
     font-size: 19px;
     color: #000;
     transition: .3s;
     box-shadow: rgba(50, 50, 93, .25) 0 13px 27px -5px, rgba(0, 0, 0, .3) 0 8px 16px -8px;
 }

 .service-section .service-clm {
     margin-bottom: 30px;
     text-align: center;
     padding: 10px;
     border-radius: 11px;
     min-height: 410px;
     position: relative;
     transform: scale(1);
     background: #fff;
     box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
 }

 .service-section .service-clm p+a {
     position: relative !important;
     width: 100% !important;
     display: block !important;
 }

 .service-section .service-clm p+a {
     bottom: 0;
     left: 0;
     right: 0;
     padding: 11px;
     background: #fff;
     border-top: 1px solid #ccc;
     font-size: 20px;
     color: #11559b;
 }

 .service-section .service-clm:hover a {
     background: #263f4e;
     color: #fff;
     border-radius: 0 0 10px 10px;
 }

 .service-section .service-clm h4,
 .service-section .service-clm h6,
 .service-section .service-clm h3 {
     font-size: 30px;
     color: #253f4f;
     padding: 15px 0;
     font-weight: 100;
     font-family: poppinsbold;
 }

 .service-section .service-clm h6 small,
 .service-section .service-clm h3 small {
     display: block;
     font-family: poppinsregular;
 }

 .small,
 small {
     font-size: 80%;
     font-weight: 400;
 }

 .service-section .service-clm p {
     height: 130px;
     margin-bottom: 20px;
 }

 .reseller-benifits-section .r-card {
     padding: 15px;
     text-align: center;
     background: 0 0/cover #fff;
     margin-bottom: 57px;
     box-shadow: rgb(153 144 100 / 15%) 0 17px 30px 0;
     position: relative;
     border-radius: 20px;
 }

 .reseller-benifits-section .r-card h3 {
     font-size: 22px;
     padding: 11px;
     color: #000;
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
     font-weight: 800;
 }

 .reseller-benifits-section .r-card img {
     border-radius: 8px;
 }

 section.why-choose-ez-sec .why-choose-card {
     background: #fff;
     border-radius: 41px;
     padding: 20px;
     margin-bottom: 20px;
     transition: .4s;
     box-shadow: rgb(0 0 0 / 10%) 0 4px 12px;
     min-height: 270px;
     margin-top: 51px;
 }

 section.why-choose-ez-sec .why-choose-card:hover {
     box-shadow: rgba(17, 12, 46, .15) 0 48px 100px 0
 }

 section.why-choose-ez-sec .row .col-sm-4.col-md-4:nth-child(even) .why-choose-card {
     background: #f9cf2f;
 }

 section.why-choose-ez-sec .row .col-sm-4.col-md-4:nth-child(even) .why-choose-card h4 {
     color: #000;
 }

 section.why-choose-ez-sec .why-choose-card .icon-text h3 {
     font-size: 21px;
     font-weight: 700;
     color: #000;
     padding: 20px 0 7px;
     text-align: center;
     border-bottom: 1px dashed rgb(243 243 243);
 }

 section.why-choose-ez-sec .why-choose-card .icon-text h4 {
     font-family: poppinsregular, sans-serif;
     font-size: 18px;
     color: #616161;
     text-align: center;
     line-height: 33px;
 }

 .reseller-programs-tab figure img {
     width: 70px;
     background: #fff;
     padding: 11px;
     border-radius: 50%;
     height: 70px
 }

 .reseller-programs-tab .tab-content {
     border: none !important;
     background: #fff;
     padding: 30px;
     box-shadow: rgb(100 100 111 / 20%) 0 7px 29px 0;
     margin-top: 43px;
     width: 95%
 }

 .reseller-programs-tab .nav-tabs .nav-link.active.show {
     background: #fff !important;
     box-shadow: rgb(100 100 111 / 20%) 0 7px 29px 0
 }

 .reseller-programs-tab {
     margin-left: 55px
 }

 .reseller-programs-tab .nav-tabs .nav-link {
     border: none;
     margin-right: 25px;
     box-shadow: rgb(100 100 111 / 20%) 0 7px 29px 0;
     background: #ff6424;
     border-radius: 90px;
     height: 207px;
     width: 126px;
     position: relative;
     cursor: pointer;
 }

 .reseller-programs-tab li.nav-item a .step {
     font-size: 17px;
     text-align: center;
     color: #fff;
     padding-top: 13px
 }

 .reseller-programs-tab .nav-tabs .nav-item {
     margin-bottom: -1px;
     position: relative
 }

 .reseller-programs-tab li.nav-item a .no {
     background: #1894f1;
     border-radius: 50%;
     color: #fff;
     text-align: center;
     width: 50px;
     height: 50px;
     line-height: 50px;
     margin-top: -37px !important;
     margin: 0 auto 2px
 }

 .reseller-programs-tab .nav-tabs .nav-link::after {
     content: "";
     position: absolute;
     border-top: 10px solid transparent;
     border-bottom: 10px solid transparent;
     border-left: 19px solid #fff;
     width: 0;
     height: 0;
     margin: 30px auto;
     content: "";
     right: -16px;
     bottom: 18%;
     display: none
 }

 .reseller-programs-tab .nav-tabs {
     border-bottom: 0 solid rgb(255 255 255);
     justify-content: center;
 }

 .reseller-programs-tab .nav-tabs .nav-link.active::before {
     content: "";
     position: absolute;
     border-top: 16px solid transparent;
     border-bottom: 16px solid transparent;
     border-left: 20px solid #fe6424;
     width: 0;
     height: 0;
     margin: 30px auto;
     content: "";
     right: 48px;
     bottom: -29%;
     transform: rotate(90deg);
     animation: 1.6s cubic-bezier(.445, .05, .55, .95) infinite bounce
 }

 .reseller-programs-tab .nav-tabs .nav-item:first-child a .no,
 .reseller-programs-tab .nav-tabs .nav-item:nth-child(8) a .no {
     color: #000;
     border: 5px solid #f7831b;
     background: #fff
 }

 .reseller-programs-tab .nav-tabs .nav-item:nth-child(2) a .no {
     color: #000;
     border: 5px solid #3f51b5;
     background: #fff
 }

 .reseller-programs-tab .nav-tabs .nav-item:nth-child(3) a .no {
     color: #000;
     border: 5px solid #4caf50;
     background: #fff
 }

 .reseller-programs-tab .nav-tabs .nav-item:nth-child(4) a .no {
     color: #000;
     border: 5px solid #ff5722;
     background: #fff
 }

 .reseller-programs-tab .nav-tabs .nav-item:nth-child(5) a .no {
     color: #000;
     border: 5px solid #fb05ff;
     background: #fff
 }

 .reseller-programs-tab .nav-tabs .nav-item:nth-child(6) a .no {
     color: #000;
     border: 5px solid #000;
     background: #fff
 }

 .reseller-programs-tab .nav-tabs .nav-item:nth-child(7) a .no {
     color: #000;
     border: 5px solid #00c7d3;
     background: #fff
 }

 .reseller-programs-tab ul li:nth-child(2) a {
     background: #ff9000 !important
 }

 .reseller-programs-tab ul li:nth-child(2) a .back-circle {
     background: #f19400;
     border: 1px solid #ffc43d
 }

 .reseller-programs-tab ul li:nth-child(2) a.active::before {
     border-left: 20px solid #f19400 !important
 }

 .reseller-programs-tab ul li:nth-child(3) a {
     background: #f5c003 !important
 }

 .reseller-programs-tab ul li:nth-child(3) a .back-circle {
     background: #f5c003;
     border: 1px solid #ffc43d
 }

 .reseller-programs-tab ul li:nth-child(3) a.active::before {
     border-left: 20px solid #f5c003 !important
 }

 .reseller-programs-tab ul li:nth-child(4) a {
     background: #89c700 !important
 }

 .reseller-programs-tab ul li:nth-child(4) a .back-circle {
     background: #89c700;
     border: 1px solid #b5f230
 }

 .reseller-programs-tab ul li:nth-child(4) a.active::before {
     border-left: 20px solid #89c700 !important
 }

 .reseller-programs-tab ul li:nth-child(5) a {
     background: #02af9b !important
 }

 .reseller-programs-tab ul li:nth-child(5) a .back-circle {
     background: #02af9b;
     border: 1px solid #22e8d1
 }

 .reseller-programs-tab ul li:nth-child(5) a.active::before {
     border-left: 20px solid #02af9b !important
 }

 .reseller-programs-tab ul li:nth-child(6) a {
     background: #007eb1 !important
 }

 .reseller-programs-tab ul li:nth-child(6) a .back-circle {
     background: #007eb1;
     border: 1px solid #1cabe5
 }

 .reseller-programs-tab ul li:nth-child(6) a.active::before {
     border-left: 20px solid #007eb1 !important
 }

 .reseller-programs-tab ul li:nth-child(7) a {
     background: #3e48d0 !important
 }

 .reseller-programs-tab ul li:nth-child(7) a .back-circle {
     background: #3e48d0;
     border: 1px solid #14a2db
 }

 .reseller-programs-tab ul li:nth-child(7) a.active::before {
     border-left: 20px solid #3e48d0 !important
 }

 .reseller-programs-tab ul li:nth-child(8) a {
     background: #9031db !important
 }

 .reseller-programs-tab ul li:nth-child(8) a .back-circle {
     background: #9031db;
     border: 1px solid #c171ff
 }

 .reseller-programs-tab ul li:nth-child(8) a.active::before {
     border-left: 20px solid #9031db !important
 }

 .pricingTable11.green .pricingTable-header .price-value,
 .pricingTable11.green .pricingTable-header h3.heading,
 .pricingTable11.green .pricingTable-header h4,
 .pricingTable11.green .pricingTable-header span.month,
 .reseller-programs-tab .nav-tabs .nav-link.active.show .step,
 .web-dev-ser .service-clm:hover p,
 .whyez_sec .servicescardview_group:hover h3,
 .whyez_sec .servicescardview_group:hover p,
 section.technology-lisy-sec ul.ul-list li p {
     color: #000
 }

 .reseller-programs-tab .nav-tabs .nav-link .step {
     text-align: center;
     line-height: 24px;
     text-transform: uppercase
 }

 .reseller-programs-tab .nav-tabs .nav-link .step span {
     display: block;
     font-weight: 700;
     font-size: 23px
 }

 .reseller-programs-tab .nav-tabs .nav-link.active.show .back-circle {
     animation: .9s linear .9s infinite alternate rounder1
 }

 @keyframes rounder1 {
     from {
         transform: scale(1)
     }

     to {
         transform: scale(1.1)
     }
 }

 @keyframes bounce {
     from {
         bottom: -30%
     }

     to {
         bottom: -35%
     }
 }

 .back-circle {
     height: 129px;
     width: 100%;
     background: #ff5a2f;
     border-radius: 50%;
     box-shadow: 0 0 6px #ddd;
     position: absolute;
     bottom: 0;
     box-shadow: rgb(100 100 111 / 20%) 0 7px 29px 0;
     border: 1px solid #ffb710;
     padding: 7px;
     display: flex;
     align-items: center;
     justify-content: center;
     left: 0
 }

 .reseller-programs-tab ul li:nth-child(2) a .back-circle {
     background: #f19400;
     border: 1px solid #ffc43d
 }

 .reseller-programs-tab ul li:nth-child(2) a.active::before {
     border-left: 20px solid #f19400 !important
 }

 .reseller-programs-tab ul li:nth-child(3) a {
     background: #f5c003 !important
 }

 .reseller-programs-tab ul li:nth-child(3) a .back-circle {
     background: #f5c003;
     border: 1px solid #ffc43d
 }

 .reseller-programs-tab ul li:nth-child(3) a.active::before {
     border-left: 20px solid #f5c003 !important
 }

 .reseller-programs-tab ul li:nth-child(4) a {
     background: #89c700 !important
 }

 .reseller-programs-tab ul li:nth-child(4) a .back-circle {
     background: #89c700;
     border: 1px solid #b5f230
 }

 .reseller-programs-tab ul li:nth-child(4) a.active::before {
     border-left: 20px solid #89c700 !important
 }

 .reseller-programs-tab ul li:nth-child(5) a {
     background: #02af9b !important
 }

 .reseller-programs-tab ul li:nth-child(5) a .back-circle {
     background: #02af9b;
     border: 1px solid #22e8d1
 }

 .reseller-programs-tab ul li:nth-child(5) a.active::before {
     border-left: 20px solid #02af9b !important
 }

 .reseller-programs-tab ul li:nth-child(6) a {
     background: #007eb1 !important
 }

 .reseller-programs-tab ul li:nth-child(6) a .back-circle {
     background: #007eb1;
     border: 1px solid #1cabe5
 }

 .reseller-programs-tab ul li:nth-child(6) a.active::before {
     border-left: 20px solid #007eb1 !important
 }

 .reseller-programs-tab ul li:nth-child(7) a {
     background: #3e48d0 !important
 }

 .reseller-programs-tab ul li:nth-child(7) a .back-circle {
     background: #3e48d0;
     border: 1px solid #14a2db
 }

 .reseller-programs-tab ul li:nth-child(7) a.active::before {
     border-left: 20px solid #3e48d0 !important
 }

 .reseller-programs-tab ul li:nth-child(8) a {
     background: #9031db !important
 }

 .reseller-programs-tab ul li:nth-child(8) a .back-circle {
     background: #9031db;
     border: 1px solid #c171ff
 }

 .reseller-programs-tab ul li:nth-child(8) a.active::before {
     border-left: 20px solid #9031db !important
 }

 .reseller-programs-tab .nav-tabs .nav-link.active.show .back-circle {
     animation: .9s linear .9s infinite alternate rounder1
 }

 @keyframes rounder1 {
     from {
         transform: scale(1)
     }

     to {
         transform: scale(1.1)
     }
 }

 @keyframes bounce {
     from {
         bottom: -30%
     }

     to {
         bottom: -35%
     }
 }

 .frnt-cir {
     background: #fff;
     border-radius: 50%;
     text-align: center;
     width: 100px;
     height: 100px;
     margin: 0 auto;
     color: #000;
     display: flex;
     font-size: 13px;
     line-height: 15px;
     align-items: center;
     justify-content: center;
     font-weight: 700
 }

 section.left-tab-wrapper .list-group-item.active {
     z-index: 2;
     color: #000;
     background-color: #f9cf2f;
     border-color: #f9cf2f;
     font-size: 18px;
     transition: none !important;
 }

 section.left-tab-wrapper .list-group-item.active:before {
     content: '';
     height: 20px;
     width: 20px;
     position: absolute;
     background-color: #f9cf2f;
     top: 32%;
     right: -10px;
     transform: rotate(-45deg);
 }

 section.left-tab-wrapper .tab-content {
     min-height: 411px;
     overflow: auto;
 }

 section.left-tab-wrapper .tab-content {
     border: none !important;
     background: #fff;
     padding: 15px;
     box-shadow: 0 0 6px #d1d1d1;
 }

 section.left-tab-wrapper .tb {
     color: #253f50;
     font-size: 32px;
     font-family: poppinsbold;
 }

 section.left-tab-wrapper .list-group-item {
     position: relative;
     display: block;
     padding: 0.75rem 1.25rem;
     margin-bottom: -1px;
     background-color: #fff;
     border: 1px solid rgba(0, 0, 0, .125);
     color: #000;
     cursor: pointer;
 }

 .introduction-ls .tabs-marker .nav-item {
     margin-right: 0;
     width: 28%;
 }

 .introduction-ls .nav-tabs {
     justify-content: center;
 }

 div#myTab {
     background: #fff;
 }

 .seo-reseller-partner-form h2 {
     color: #fff !important;
     font-size: 40px;
     font-family: poppinsbold;
     margin-bottom: 0;
 }

 .seo-reseller-partner-form {
     text-align: center;
 }

 #our_reseller_partner input.form-control.effect-8 {
     color: #fff;
 }

 .seo-reseller-partner-form .form-control,
 .seo-reseller-partner-form input.btn.btn-info {
     border-radius: 10px !important;
 }

 .seo-reseller-partner-form .form-control {
     background: 0;
     color: #444;
     border: 1px solid #fff !important;
     height: 50px;
 }

 .seo-reseller-partner-form input.btn.btn-info {
     background: #f3d049;
     text-transform: uppercase;
     color: #444;
     padding: 10px 28px;
     font-family: poppinssemibold;
     border-color: transparent;
     width: 100% !important;
 }

 .seo-reseller-partner-form p {
     color: #fff !important;
     font-size: 20px;
 }

 .seo-reseller-partner-form input::placeholder {
     color: #fff;
 }







 /* Tabs */
 /* --sapret-- */







 /* Tab Styling */
 .new-multi-tab-wrapper .tabs-container {

     border-radius: 16px;
     overflow: hidden;

     position: relative;
     z-index: 10;
 }

 .new-multi-tab-wrapper .fa-chevron-left:before {
     content: "\f053"
 }

 .new-multi-tab-wrapper button.tab-btn.active {

     background: #ffc107;
     color: #0c0c0c !important;
 }

 .new-multi-tab-wrapper button.tab-btn {
     flex: 1;
     padding: 13px 11px;
     border: none;
     background: #ffffff;
     font-size: 1.1rem;
     font-weight: 600;
     color: #0c0c0c !important;
     cursor: pointer;
     transition: all 0.3s ease;
     position: relative;
     border-radius: 100px;
     border: 1px solid #ddd;
 }

 .new-multi-tab-wrapper button.tab-btn:hover {
     background: #ffc107;
     color: #000;
 }

 .new-multi-tab-wrapper .fa-chevron-right:before {
     content: "\f054"
 }

 .new-multi-tab-wrapper .tabs {
     display: flex;
     flex-wrap: wrap;
     padding: 0;
     position: relative;
     gap: 20px;
 }

 .new-multi-tab-wrapper .tab-btn {
     background: transparent;
     border: none;
     padding: 20px 30px;
     font-size: 1.1rem;
     font-weight: 600;
     color: rgba(255, 255, 255, 0.85);
     cursor: pointer;
     position: relative;
     transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.1);
     z-index: 2;
 }

 .new-multi-tab-wrapper .tab-btn:hover {
     color: white;
 }

 .new-multi-tab-wrapper .tab-btn.active {
     color: white;
 }


 /* Tab Content */
 .new-multi-tab-wrapper .tab-content {
     display: none;
     padding: 0;
     background: #ffffff00;
     box-shadow: none !important;
     margin-top: 30px;
     border: 1px solid #ddd;
     border-radius: 20px;
 }

 .new-multi-tab-wrapper .graph-placeholder img {
     height: 271px;
     width: 100%;
     object-fit: contain;
 }

 section#ProvenSuccess {
     background: #f2f7fa;
 }

 .new-multi-tab-wrapper .tab-content.active {
     display: block;
     animation: fadeIn 0.6s ease;
 }

 @keyframes fadeIn {
     from {
         opacity: 0;
         transform: translateY(10px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 /* Custom Slider */
 .new-multi-tab-wrapper .custom-slider {
     position: relative;
     overflow: hidden;
     border-radius: 20px;
     background: #fff;
 }

 .new-multi-tab-wrapper .slides-container {
     display: flex;
     transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
 }

 .new-multi-tab-wrapper .slide {
     min-width: 100%;
     padding: 20px;
     display: flex;
     flex-direction: column;
     gap: 30px;
 }

 @media (min-width: 992px) {
     .new-multi-tab-wrapper .slide {
         flex-direction: row;
         align-items: center;
         padding: 15px;
     }
 }

 .new-multi-tab-wrapper .content-wrap {
     flex: 1;
     padding: 20px;
 }

 .new-multi-tab-wrapper .industry-box {
     border-radius: 12px;
     padding: 30px;
     position: relative;
     overflow: hidden;
     background: #f6f6f6;
     border-radius: 10px;
     padding: 25px;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
 }

 .new-multi-tab-wrapper .industry-box::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 5px;
     height: 100%;
     background: linear-gradient(to bottom, #2563eb, #f9cf2f);
 }

 .new-multi-tab-wrapper .industry-title {
     font-size: 1.6rem;
     margin-bottom: 25px;
     color: #000000;
     display: flex;
     flex-wrap: wrap;
     gap: 5px;
     font-weight: bold;
 }

 .new-multi-tab-wrapper .industry-title span {
     color: #64748b;
     font-weight: 500;
 }

 .new-multi-tab-wrapper .industry-box h6 {
     color: #2563eb;
     font-size: 1.2rem;
     margin-bottom: 20px;
     font-weight: 600;
 }

 .new-multi-tab-wrapper .results-list {
     list-style: none;
 }

 .new-multi-tab-wrapper .results-list li {
     padding: 14px 0;
     border-bottom: 1px dashed #e2e8f0;
     display: flex;

     align-items: center;
     font-size: 1.1rem;
     position: relative;
     padding-left: 30px;
 }

 .new-multi-tab-wrapper .results-list li::before {
     content: '✓';
     position: absolute;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
     width: 24px;
     height: 24px;
     background: #f4d13f;
     color: #000000;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 0.9rem;
 }

 .new-multi-tab-wrapper .results-list li:last-child {
     border-bottom: none;
 }

 .new-multi-tab-wrapper .growth-arrow {
     color: #10b981;
     font-weight: bold;
     font-size: 1.3rem;
     margin-left: 10px;
 }

 .new-multi-tab-wrapper .graph-container {
     flex: 1;
     min-height: 300px;
     display: flex;
     align-items: center;
     justify-content: center;
     background: white;
     border-radius: 12px;

     position: relative;
     overflow: hidden;
     border: 1px solid #e2e8f0;
 }

 .new-multi-tab-wrapper .graph-placeholder {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     padding: 30px;
     text-align: center;
     width: 100%;
     height: 100%;
 }

 .new-multi-tab-wrapper .graph-placeholder i {
     font-size: 4rem;
     color: #2563eb;
     margin-bottom: 20px;
     background: linear-gradient(135deg, #2563eb 0%, #f59e0b 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .new-multi-tab-wrapper .graph-placeholder p {
     color: #64748b;
     font-size: 1.1rem;
     max-width: 300px;
 }

 /* Slider Navigation */
 .new-multi-tab-wrapper .slider-nav {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 25px;
     margin-top: -21px;
     margin-bottom: 24px;
 }

 section#ProvenSuccess {
     overflow: hidden;
     position: relative;
 }

 section.results-section {
     padding: 0;
     padding-top: 30px;
 }

 .new-multi-tab-wrapper .slider-arrow {
     width: 46px;
     height: 45px;
     border-radius: 50%;
     background: #f9cf2f;
     color: #000000;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 1.3rem;
     cursor: pointer;
     border: navajowhite;
 }

 .new-multi-tab-wrapper .slider-arrow:hover {
     background: #2563eb;
     color: white;
     border-color: #2563eb;
     transform: translateY(-3px);
 }

 .new-multi-tab-wrapper .slider-arrow:disabled {
     background: #e2e8f0;
     color: #64748b;
     cursor: not-allowed;
     transform: none;
     opacity: 0.5;
 }

 .new-multi-tab-wrapper .slider-dots {
     display: flex;
     gap: 12px;
 }

 .new-multi-tab-wrapper .slider-dot {
     width: 14px;
     height: 14px;
     border-radius: 50%;
     background: #e2e8f0;
     cursor: pointer;
     transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.1);
 }

 .new-multi-tab-wrapper .slider-dot.active Specificity: (0, 3, 0) {
     background: #f9cf2f;
     transform: scale(1.3);
 }

 /* Progress Bar */
 .new-multi-tab-wrapper .progress-bar {
     height: 4px;
     background: #e2e8f0;
     border-radius: 2px;
     margin-top: 20px;
     overflow: hidden;
     position: relative;
 }

 .new-multi-tab-wrapper .progress {
     height: 100%;
     width: 100%;
     background: #2563eb;
     transform-origin: left;
     transform: scaleX(0);
     transition: transform 4s linear;
 }

 .new-multi-tab-wrapper .progress-bar.active,
 .new-multi-tab-wrapper .progress {
     transform: scaleX(1);
 }

 /* Responsive */
 @media (max-width: 992px) {
     .new-multi-tab-wrapper .tabs {
         overflow-x: auto;
         flex-wrap: nowrap;
         padding: 0;
     }

     .new-multi-tab-wrapper .tab-btn {
         padding: 8px 16px !important;
         white-space: nowrap;
         font-size: 1rem;
         margin-bottom: 10px;
     }

     .new-multi-tab-wrapper .section-header h2 {
         font-size: 2.3rem;
     }

     .new-multi-tab-wrapper .tab-content {
         padding: 0;
     }

     .new-multi-tab-wrapper .content-wrap {
         flex: 1;
         padding: 0;
     }

     .new-multi-tab-wrapper .graph-placeholder img {
         height: auto;
         width: 100%;
         object-fit: contain;
     }

     .new-multi-tab-wrapper .graph-placeholder {
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center;
         padding: 11px;
         text-align: center;
         width: 100%;
         height: 100%;
     }

     .new-multi-tab-wrapper .slider-nav {
         display: flex;
         justify-content: center;
         align-items: center;
         gap: 25px;
         margin-top: -4px;
         margin-bottom: 24px;
     }

     .section-header p {
         font-size: 1.1rem;
     }
 }

 @media (max-width: 768px) {
     .new-multi-tab-wrapper .section-header h2 {
         font-size: 2rem;
     }

     .new-multi-tab-wrapper .graph-container {
         min-height: 250px;
     }

     .new-multi-tab-wrapper .slider-arrow {
         width: 45px;
         height: 45px;
     }
 }

 /* Floating Elements */
 .new-multi-tab-wrapper .floating-element {
     position: absolute;
     z-index: 1;
     opacity: 0.05;
 }

 .new-multi-tab-wrapper .circle {
     width: 300px;
     height: 300px;
     border-radius: 50%;
     background: linear-gradient(135deg, #2563eb 0%, #f59e0b 100%);
     top: 10%;
     right: -100px;
 }

 .new-multi-tab-wrapper .square {
     width: 200px;
     height: 200px;
     background: linear-gradient(135deg, #2563eb 0%, #f59e0b 100%);
     bottom: 10%;
     left: -80px;
     transform: rotate(45deg);
 }

 .new-multi-tab-wrapper .tabs::-webkit-scrollbar-track {
     background: #000;
     /* track color */
 }

 .new-multi-tab-wrapper .tabs::-webkit-scrollbar-thumb {
     background-color: #ffc107;
     /* thumb color */
     border-radius: 4px;
     /* rounded corners */
 }

 .new-multi-tab-wrapper .tabs::-webkit-scrollbar-thumb:hover {
     background-color: #ffc107;
     /* hover color */
 }

 /* For Firefox */
 .new-multi-tab-wrapper .tabs {
     scrollbar-width: thin;
     /* auto | thin | none */
     scrollbar-color: #ffc107 #000;
     /* thumb color track color */
 }