.feature_section {
  height: auto !important;
}

.feature_section .games.nav.nav-tabs .nav-link {
  width: 100%;
  flex-shrink: 0;
  border-radius: 20px;
  border: 1px solid !important;
  background: #056bca;
  float: left;
  height: 140px;
}

.feature_section .games.nav.nav-tabs .nav-link:hover {
  background-color: #FFFFFF;
  border: 1.5px solid #e96013 !important;
}

.feature_section .games.nav.nav-tabs .nav-link:hover .underBox1 p {
  color: #000000 !important;
}

.feature_section .games.nav.nav-tabs .nav-link .underBox1 {
  text-align: left;
}

.feature_section .games.nav.nav-tabs .nav-link .underBox1 p {
  display: inline;
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  font-family: "Inter";
}

.feature_section .games.nav.nav-tabs .nav-link.active {
  width: 100%;
  border-radius: 20px;
  border: 1.5px solid #e96013 !important;
  background: #FFFFFF;
  float: left;
}

.feature_section .games.nav.nav-tabs .nav-link.active .underBox1 {
  text-align: left;
}

.feature_section .games.nav.nav-tabs .nav-link.active .underBox1 p {
  display: inline;
  color: #000000 !important;
  font-size: 14px;
  font-family: "Inter";
  font-weight: 500;
  line-height: normal;
}

/* Keep the current active and non-active states */
.games.nav.nav-tabs li button.active .feature-imgs-active {
  display: block;
}
.games.nav.nav-tabs li button.active .feature-imgs-no-active {
  display: none;
}
.games.nav.nav-tabs li button:not(.active) .feature-imgs-active {
  display: none;
}
.games.nav.nav-tabs li button:not(.active) .feature-imgs-no-active {
  display: block;
}

/* When button is hovered, show the active image and hide the non-active image */
.games.nav.nav-tabs li button.nav-link:hover .feature-imgs-active {
  display: block;
}
.games.nav.nav-tabs li button.nav-link:hover .feature-imgs-no-active {
  display: none;
}

.games.nav.nav-tabs li button.nav-link.active#badminton   {
  background-image: url('https://racketheros.dev.innvonix.in/wp-content/uploads/2024/08/badminton-game-active-bg1.png');
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat; 
}
.games.nav.nav-tabs li button.nav-link.active#tennis   {
  background-image: url('https://racketheros.dev.innvonix.in/wp-content/uploads/2024/08/tennis-game-active-bg.svg');
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat; 
}
.games.nav.nav-tabs li button.nav-link.active#pickel-tennis   {
  background-image: url('https://racketheros.dev.innvonix.in/wp-content/uploads/2024/08/pickleball-game-active-bg.svg');
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat; 
}
.games.nav.nav-tabs li button.nav-link.active#paddel-tennis   {
  background-image: url('https://racketheros.dev.innvonix.in/wp-content/uploads/2024/08/Paddletennis-active-bg.svg');
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat; 
}
.games.nav.nav-tabs li button.nav-link.active#table-tennis   {
  background-image: url('https://racketheros.dev.innvonix.in/wp-content/uploads/2024/08/Tabletennis-active-bg.svg');
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat; 
}
.games.nav.nav-tabs li button.nav-link.active#squash   {
  background-image: url('https://racketheros.dev.innvonix.in/wp-content/uploads/2024/08/Squash-game-active-bg.png');
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat; 
}


.games.nav.nav-tabs li button.nav-link#badminton   {
  background-image: url('https://racketheros.dev.innvonix.in/wp-content/uploads/2024/08/badminton-game-active-bg1.png');
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat; 
}
.games.nav.nav-tabs li button.nav-link#tennis   {
  background-image: url('https://racketheros.dev.innvonix.in/wp-content/uploads/2024/08/tennis-game-bg.png');
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat; 
}
.games.nav.nav-tabs li button.nav-link#pickel-tennis   {
  background-image: url('https://racketheros.dev.innvonix.in/wp-content/uploads/2024/08/pickleball-game-active-bg.svg');
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat; 
}
.games.nav.nav-tabs li button.nav-link#paddel-tennis   {
  background-image: url('https://racketheros.dev.innvonix.in/wp-content/uploads/2024/08/Paddletennis-active-bg.svg');
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat; 
}
.games.nav.nav-tabs li button.nav-link#table-tennis   {
  background-image: url('https://racketheros.dev.innvonix.in/wp-content/uploads/2024/08/Tabletennis-active-bg.svg');
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat; 
}
.games.nav.nav-tabs li button.nav-link#squash   {
  background-image: url('https://racketheros.dev.innvonix.in/wp-content/uploads/2024/08/Squash-game-bg.png');
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat; 
}


.live_container {
  display: flex !important;
  position: relative !important;
  z-index: 1 !important;
}

.text-container {
  width: 40% !important;
}

div#myTabContent .tab-pane {
  opacity: 1 !important;
}

.image-container {
  flex: 2 !important;
}

.mobile-body {
  height: 100%;
  position: relative;
  overflow: hidden;
  width: 100%;
}

.info-container {
  width: 30%;
  height: 55%;
}

.text, .tennis-text {
  cursor: pointer;
  padding: 5px 5px;
  margin: 3px 0;
  transition: background-color 0.3s;
  color: #212121;
  border-radius: 10px;
  display: flex;
  flex-wrap: nowrap;
  font-weight: 500;
  font-family: "Inter";
}

.text.active, .tennis-text.active {
  background-color: #e55807;
  color: #fff;
  box-shadow: 0px 0px 12px 4px #00000026;
}

.text:hover, .tennis-text:hover {
  background-color: #e55807;
  color: #fff;
  box-shadow: 0px 0px 17px #e5580726;
}


.heading_title {
  color: #e55807;
  font-weight: 600;
  font-size: 35px;
  line-height: 35px !important;
  display: flex;
  align-items: center;
  font-family: "Inter";
  margin-bottom: 10px;
  margin-top: 10px;
}

/* 
*22-12-2023 
* Racquetheros app feature section new CSS 
*/
#prevButton, #nextButton,#prevButtonTennis, #nextButtonTennis {
  display: none;
}
#prevButtonDisable,#nextButtonDisable,#prevButtonTennisDisable,#nextButtonTennisDisable{
  display: none;
}
#prevButton,#prevButtonTennis,#prevButtonDisable,#prevButtonTennisDisable{
  position: absolute;
  top: 42%;
  z-index: 999;
  left: 5%;
}
#nextButton,#nextButtonTennis,#nextButtonDisable,#nextButtonTennisDisable{
  position: absolute;
  top: 42%;
  z-index: 999;
  right: 5%;
}


.image-big-list-item.active, .image-big-list-item-tennis.active {
  display: block;
}
.image-big-list-item, .image-big-list-item-tennis {
  display: none;
}
.image-big-list {
  background-image: url("https://racquetheroes.in/wp-content/uploads/2023/11/ddevice-with-background.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 650px !important;
  position: relative;
}
.image-big-list-item, .image-big-list-item-tennis{
  object-fit: contain;
  margin: 9px auto !important;
  object-position: center center !important;
  height: 620px;
  padding-top: 9px;
  position: relative;
  z-index: -1;
  padding-left: 2px;
}

.text-row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.text-col.number {
  text-align: left;
  font-weight: 100;
  font-size: 50px;
  line-height: 66px;
  color: #CDCDCD;
}

.text-col.description {
  text-align: left;
}

.text-col.description .title{
   font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    margin-left:5px;
}
.text-col.description .small-desc{
   font-size: 13px;
    font-weight: 300;
    line-height: 16px;
    margin-left: 5px;
    padding-top: 3px;
}

.text.active .text-col.number {
  color: #fff; /* Set the color to white */
}

.text:hover .text-col.number{
  color: #fff; /* Set the color to white */
}

/* Image animation CSS: 22-12-2023*/
.w3-animate-left{
  animation: animateleft 0.5s !important;
}

/* Bullet Svg icon set */
.Live_score_section4_mdUL li::before {
  content: url("data:image/svg+xml,%3Csvg width='11' height='20' viewBox='0 0 11 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.31205 9.65922C9.90339 8.68246 10.2747 7.57023 10.371 6.43662C10.4191 5.87338 10.3985 5.30301 10.2953 4.7469C10.1922 4.19079 10.0203 3.65606 9.759 3.16412C9.98591 3.67032 10.1166 4.21218 10.1784 4.76116C10.2403 5.31014 10.2197 5.86625 10.1372 6.40097C9.96528 7.48468 9.53208 8.50422 8.92011 9.37403C8.30813 10.2438 7.48987 10.9497 6.57534 11.3846C6.11464 11.6056 5.63331 11.7411 5.13823 11.8052C5.10385 11.8052 5.06947 11.8124 5.03509 11.8124L6.53409 9.35977C7.09793 9.38116 7.9712 9.22431 8.70007 8.43292L5.59893 8.41866L4.42999 9.51662L4.21683 7.89107L1.83768 5.84486C1.91332 6.9357 2.47716 7.64153 2.92411 7.99801L2.54593 10.8713C2.5253 10.8499 2.51155 10.8285 2.49092 10.8142C2.14711 10.4363 1.86519 10.0086 1.65203 9.53801C1.21883 8.5969 1.03318 7.50607 1.10881 6.43662C1.17757 5.36005 1.48012 4.2906 2.02334 3.34949C2.29151 2.87893 2.62156 2.44403 3.00663 2.06616C3.39169 1.68829 3.83176 1.36032 4.31997 1.12505C3.81801 1.32467 3.35043 1.61699 2.93099 1.97347C2.50467 2.31569 2.13336 2.74347 1.82393 3.2069C1.19133 4.13375 0.79251 5.23171 0.634359 6.37958C0.48996 7.46329 0.57935 8.5969 0.936909 9.65209C0.269924 8.16199 0.18741 6.26551 0.833767 4.42606C1.98896 1.13217 5.06259 -0.72866 7.69615 0.269489C10.3297 1.26764 11.5193 4.73977 10.3641 8.02653C9.73149 9.8232 8.52817 11.1992 7.13231 11.9122C8.02621 11.3418 8.76883 10.5576 9.31205 9.65922Z' fill='%23E55807'/%3E%3Cpath d='M2.97917 15.684L3.15107 15.2135L1.89274 14.7358L1.82397 14.9283L2.97917 15.684Z' fill='%23056BCA'/%3E%3Cpath d='M2.498 17.0672L2.69054 16.5111L1.52847 15.7553L1.33594 16.3114L2.498 17.0672Z' fill='%23056BCA'/%3E%3Cpath d='M2.78682 16.2327L2.98623 15.6694L1.82416 14.9208L1.62476 15.4769L2.78682 16.2327Z' fill='%23056BCA'/%3E%3Cpath d='M2.20235 17.9011L2.39488 17.345L1.23969 16.5893L1.04028 17.1525L2.20235 17.9011Z' fill='%23056BCA'/%3E%3Cpath d='M1.90645 18.7424L2.10586 18.1792L0.943793 17.4305L0.744385 17.9867L1.90645 18.7424Z' fill='%23056BCA'/%3E%3Cpath d='M0.647937 18.2648L0.48291 18.7354L1.74124 19.2131L1.81 19.0206L0.647937 18.2648Z' fill='%23056BCA'/%3E%3Cpath d='M1.90421 13.951L1.76514 14.3461L3.48981 14.9987L3.62888 14.6035L1.90421 13.951Z' fill='%23056BCA'/%3E%3Cpath d='M3.48812 14.9997L3.15119 15.2136L1.89285 14.7359L1.76221 14.3438L3.48812 14.9997Z' fill='%23056BCA'/%3E%3Cpath d='M0.138747 18.9537L0 19.3489L1.72522 20L1.86397 19.6047L0.138747 18.9537Z' fill='%23056BCA'/%3E%3Cpath d='M0.13916 18.9494L0.482967 18.7355L1.7413 19.2132L1.86507 19.6053L0.13916 18.9494Z' fill='%23056BCA'/%3E%3Cpath d='M3.54988 12.0476C2.55284 11.6697 1.95461 11.0138 1.7002 10.7072C1.84459 10.9568 2.06463 11.413 2.12652 12.0262C2.17465 12.5181 2.06463 13.4949 2.00275 13.7587L3.67365 14.3861C3.79054 14.1437 4.32688 13.3452 4.65006 13.0172C5.07638 12.5823 5.5302 12.3613 5.80525 12.2543C5.42019 12.3256 4.55379 12.4255 3.54988 12.0476ZM3.48799 13.1669C3.27483 13.338 3.1098 13.5234 2.97916 13.6803C2.97916 13.4664 2.95853 13.1955 2.89664 12.9031C2.82101 12.5253 2.69724 12.2615 2.59409 12.0832C2.77287 12.2401 3.02729 12.4183 3.35047 12.5467C3.69428 12.6821 4.01058 12.7106 4.25124 12.7106C4.06559 12.7819 3.79054 12.9103 3.48799 13.1669Z' fill='%23056BCA'/%3E%3C/svg%3E");
  position: relative;
  top: 5px;
  right: 14px;
}

/* CSS Media Queries */
/* Target screens with a width of **less than or equal to** 1600px */
@media only screen and (max-width: 1600px) {
  .text{
    padding: 5px 5px !important;
  }	
}

/* Target screens with a width of **less than or equal to** 1500px */
@media only screen and (max-width: 1500px) {
  .heading_title {
    font-size: 30px;
  }
}

/* Target screens with a width of **less than or equal to** 1200px */
@media only screen and (max-width: 1200px) {
  .heading_title {
    font-size: 25px;
  }
}

/* Target screens with a width of **less than or equal to** 991px */ 
@media only screen and (max-width: 991px) {
  .heading_title {
    font-size: 20px;
  }
  .feature_section {
    height: auto !important;
  }
  .text-container {
    width: 50% !important;
  }
  .image-container {
    flex: unset !important; 
    width: 50% !important;
  }
  .mobile-body {
    width: 100% !important;
  }
  .info-container {
    width: 100% !important;
    margin-top: 3% !important;
  }
  .text, .tennis-text {
    padding: 5px 5px !important;
    display: block !important;
  }
  .Live_score_section4_mdP {
    font-size: 14px;
    font-family: "Inter";
    color: #000;
    font-style: normal;
    line-height: normal;
    margin-bottom: 10px !important;
  }
  .Live_score_section4_mdUL li {
    display: flex;
    list-style: none;
    font-size: 14px;
    line-height: 27px;
    font-weight: 500;
    font-family: "Inter";
  }
}

/* Target screens with a width of **greater than or equal to** 992px */
@media only screen and (min-width: 992px) {  
  .Live_score_section4_mdP {
    font-size: 16px;
    font-family: "Inter";
    color: #000;
    font-weight: 400;
    line-height: 22px;
  }


  .Live_score_section4_mdUL li {
    display: flex;
    list-style: none;
    font-size: 16px;
    font-family: "Inter";
    line-height: 25px;
    font-weight: 500;
    padding-bottom: 10px;
  }
}

/* Target screens with a width **greater than or equal to** 992px and **less than or equal to** 1199px */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .image-big-list {
     background-position: top !important;
    }
	.image-big-list-item, .image-big-list-item-tennis {
    padding-left: 0px;
    height: 520px;
  }
}

/* Target screens with a width of **less than or equal to** 767px */
@media only screen and (max-width: 767px) {
  .text-container {
    display: flex;
    overflow-x: hidden !important;
    width: 100% !important;
    padding-bottom: 10px;
  }
  .image-container{
    width: 100% !important;
  }
  .underBox1 p {
    font-size: 12px !important;
  }
  .text, .tennis-text {
    width: 100%;
    box-sizing: border-box;
    min-width: 100%; 
  }
  .text-col.number{
    font-size: 40px;
    line-height: 48px;
  }
  .text-col.description .title{
    font-size: 12px;
    line-height: 14px;
    padding-top: 5px;
  }
  .text-col.description .small-desc{
     font-size: 10px;
     line-height: 12px;
  }
   .feature_section .games.nav.nav-tabs .nav-link .underBox1 {
    /* text-align: center !important; */
    text-align: left !important;
  }
  .feature_section .games.nav.nav-tabs .nav-link .underBox1 > div:first-child{
    justify-content: start !important;
  }
   #nextButton, #nextButtonTennis, #prevButtonDisable, #prevButtonTennisDisable {
    display: block;
  }	

}

 /* Target screens with a width of **less than or equal to** 576px  */
@media only screen and (max-width: 576px) {
  .heading_title {
    font-size: 18px;
	line-height: 25px !important;
  }
  .feature-imgs {
    width: 32% !important;
  }
  .underBox1 p {
    font-size: 10px !important;
  }
  .feature_section .games.nav.nav-tabs .nav-link {
    height: 85px;
  }
  .feature_section .games.nav.nav-tabs .nav-link .underBox1 {
    text-align: center;
  }
  .feature_section .games.nav.nav-tabs .nav-link.active {
    height: 85px;
  }
  .feature_section .games.nav.nav-tabs .nav-link.active .underBox1 {
    text-align: center;
  }
}

 /* Target screens with a width of **less than or equal to** 492px*/
@media only screen and (max-width: 492px) {
  .image-big-list {
    height: 450px !important;
    margin-bottom: 15px;
  }
  .image-big-list-item, .image-big-list-item-tennis {
    height: 426px !important;
    padding-top: 4px !important;
    top: 0px;
    left: 1px;
    padding-left: 0px;
  }
}

/* Target screens with a width of **less than or equal to** 360px */
@media only screen and (max-width: 360px) {
  .image-big-list-item, .image-big-list-item-tennis{
    height: 423px !important;
  }
}