html {
  overflow-x: hidden;
}

body {
  background-color: rgb(11 11 11/1);
  font-family: "Manrope", sans-serif;
  margin: 0 !important;
  overflow-x: clip;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  color: #ffffff;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  color: #ffffff;
  font-family: "Wix Madefor Display", sans-serif;
  font-weight: 500;
}

button {
  border: 0;
  outline: 0;
  background-color: transparent;
}

button:focus-visible {
  outline: 0;
  box-shadow: none !important;
}

.gradient-text {
  background: linear-gradient(180deg, #e30613 0%, #95060f 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

ul {
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
}

.btn-outline-primary:hover {
  color: #ffffff;
}

.w-nowrap {
  white-space: nowrap;
}

.btn {
  padding: 9px 20px;
}
.btn.btn-primary {
  display: inline-flex;
  align-items: center;
  border: 0;
  gap: 10px;
  background: radial-gradient(50% 84.62% at 50% 100%,#FFC24F 0,#FF5D24 100%);
  color: #ffffff;
  border-radius: 50px;
}
.btn.btn-primary:hover {
  background: radial-gradient(50% 84.62% at 50% 100%,#FFC24F 0,#FF5D24 100%);
  color: #ffffff;
}

.btn.btn-secondary {
  display: inline-flex;
  align-items: center;
  border: 0;
  gap: 10px;
  background: #F89A20;
  color: #ffffff;
}

.btn-outline-text {
  border-color: #ffffff;
  color: #ffffff;
}
.btn-outline-text:hover {
  background-color: #ffffff;
  color: #000000;
}

.form-control:focus,
.form-select:focus {
  outline: none;
  box-shadow: none;
  border-color: #C2D4E0;
}

.pt-70 {
  padding-top: 70px;
}

.pb-70 {
  padding-bottom: 70px;
}

.chip {
  display: flex;
  align-items: center;
  color: #ffac4d;
  padding: 10px 36px;
  font-size: 14px;
  gap: 10px;
  border: 1px solid rgb(86 86 86/1);
  border-radius: 9999px;
  width: fit-content;
  margin-bottom: 16px;
  line-height: normal;
}
.chip img {
  max-width: 14px;
}

.heading {
  margin-bottom: 20px;
}
.heading h6, .heading p.chip, .heading .sub-heading {
  background-color: rgba(234, 35, 28, 0.05);
  padding: 6px 25px;
  color: #ea231c;
  display: inline-block;
  border-radius: 10px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 0.5rem;
}
.heading h2, .heading .h2, .common-banner .heading h1, .common-banner .heading .h1 {
  font-size: 50px;
  color: #212121;
}
.heading h2 span, .heading .h2 span {
  color: #ea231c;
}

.heading h2, .heading .h2 {
  font-size: 36px;
  margin-bottom: 35px;
}

.container {
  max-width: 1384px;
}

header {
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  z-index: 9;
}
header .containers {
  max-width: 810px;
  margin: 0 auto;
  padding: 0 12px;
}
header .header-containers {
  max-width: 810px;
  width: 100%;
  margin: 0 auto;
  padding: 12px 12px 12px 32px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}
header .navbar {
  padding: 0px;
  border-radius: 10px 10px 0 0;
  /*-webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(17, 24, 44, 0.8705882353);*/
}
/*header .navbar.dark-header {
  background-color: rgba(17, 24, 44, 0.8705882353);
}*/
header.sticky-header {
  background: rgb(0 0 0/.3);
  backdrop-filter: blur(12px);
}
.sticky-black-logo {
  display: none;
}
header.sticky-header .sticky-black-logo {
  display: block;
}
header.sticky-header .sticky-white-logo {
  display: none;
}
.blog header .sticky-white-logo {
    display: none;
}
.blog header .sticky-black-logo {
    display: block;
}
/*.blog header .dropdown .nav-link:after {
  background-image: url(../images/down-arrow.svg);
}*/
.blog header .navbar-toggler svg rect {
  fill: #ffffff;
}
header .navbar .nav-item .nav-link, header .nav-link {
  color: #ffffff;
  padding: 12px 20px;
}
header.sticky-header .navbar .nav-item .nav-link, header.sticky-header .nav-link {
  color: #ffffff;
}

header .contact-side {
  gap: 24px;
}
header .contact-side .header-btn {
  font-size: 14px;
  font-weight: 500;
  gap: 4px;
  padding: 8px 16px;
}
header .contact-side .header-btn svg {
  width: 16px;
  height: 16px;
}
header .contact-side .btn.btn-secondary {
  box-shadow: 0px 4px 12px 0px #0000008C;
}
header .contact-side a.support-link {
    padding: 10px 16px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    border: 0;
    background: transparent;
    color: #ffffff;
    border: 2px solid #FED630;
    border-radius: 6px;
    box-shadow: 0px 0px 0px 4px #FED63073;
    animation: pulseShadow 2s infinite;
    transition: all 0.3s ease;
}
header.sticky-header .contact-side a.support-link {
  color: #212121;
}
@keyframes pulseShadow {
    0% {
        box-shadow: 0px 0px 0px 0px rgb(254 214 48 / 50%);
    }
    70% {
        box-shadow: 0px 0px 0px 15px rgba(254, 214, 48, 0);
    }
    100% {
        box-shadow: 0px 0px 0px 0px rgba(254, 214, 48, 0);
    }
}


header .navbar .navbar-collapse.show .nav-item .nav-link {
    color: #ffffff;
    font-size: 20px;
}
header .dropdown-toggle {
  font-size: 14px;
  border: none;
  background-color: transparent;
  color: #ffffff;
  padding: 8px 16px;
}
header .dropdown-toggle::after {
  border: none;
  height: 6px;
  width: 12px;
  background: url(../images/down-arrow.svg);
  background-repeat: no-repeat;
  vertical-align: 0.055em;
  background-size: contain;
}
header .dropdown-menu {
  background-color: #525252;
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  top: calc(100% + 11px) !important;
}
header .dropdown-menu .dropdown-item {
  color: #ffffff;
  transition: all 0.2s ease-in-out;
}
header .dropdown-menu .dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
header .navbar-toggler {
  border: 0;
  padding: 0;
  margin-right: 14px;
  border: 1px solid rgb(255 255 255 / 1);
  width: 50px;
  height: 34px;
  border-radius: 10px;
}
header .navbar-toggler:focus {
  box-shadow: none;
}
header .navbar-toggler .navbar-toggler-icon {
  color: #ffffff;
}
header .navbar-toggler svg {
  width: 16px;
}
header.sticky-header .navbar-toggler svg rect {
  fill: #ffffff;
}
header .navbar-collapse {
  justify-content: center;
}
header .select-outlined-wrapper select {
  border: 1px solid rgba(255, 255, 255, 0.3);
  background-color: transparent;
  color: #ffffff;
  padding: 9.5px 28px 9.5px 9px;
  font-size: 14px;
  border-radius: 5px;
}
header .select-outlined-wrapper img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  pointer-events: none;
}

.banner-section {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 140px;
  margin-bottom: 340px;
  position: relative;
}
.banner-section .shape1 {
  position: absolute;
  top: 0;
  right: 0;
  mix-blend-mode: difference;
}
.banner-section .shape2 {
  position: absolute;
  bottom: -350px;
  right: 0;
  mix-blend-mode: color-dodge;
}
.banner-section .shape3 {
  position: absolute;
  top: 0;
  left: 0;
  mix-blend-mode: color-dodge;
}
.banner-section .lg-heading ~ p {
  color: #ffffff;
  opacity: 0.7;
  max-width: 885px;
  margin: 10px auto 0;
}
.banner-section .btn {
  margin-bottom: 42px;
}
.banner-section .img-wrapper {
  margin-bottom: -270px;
}

.round-img-wrapper {
  border: 5px solid #ffffff;
  background-color: #fff2f2;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: 1px solid rgba(194, 195, 207, 0.5);
  outline-offset: 6px;
}

.api-solution-main .arrows {
  text-align: center;
}
.api-solution-main .arrows img {
  width: 100%;
  max-width: 69%;
  margin: 0 0 8px 0px;
}
.api-solution-main .single-box {
  text-align: center;
}
.api-solution-main .single-box .round-img-wrapper {
  margin: 0 auto 40px;
  box-shadow: 0px 5px 10px 0px rgba(46, 95, 148, 0.1019607843);
  width: 83px;
  height: 83px;
}
.api-solution-main .single-box h3, .api-solution-main .single-box .h3 {
  font-size: 24px;
  margin-bottom: 18px;
  font-weight: 500;
}
.api-solution-main .single-box .single-list {
  display: inline-block;
  align-items: start;
  max-width: 85%;
  margin: 0 auto 16px;
}
.api-solution-main .single-box .single-list:last-of-type {
  margin-bottom: 0;
}
.api-solution-main .single-box .single-list img {
  margin-top: -2px;
  display: inline;
}
.api-solution-main .single-box .single-list p {
  display: inline;
  color: rgba(33, 33, 33, 0.7);
}
.api-solution-main .single-box .single-list p span {
  color: #212121;
  font-weight: 600;
}

.casino-api-solution-main {
 position: relative;
 padding: 100px 0 70px;
 overflow: hidden;
 background: linear-gradient(142.6deg, rgba(242, 243, 249, 0) -38.74%, #f3f1ff 84.37%);
}
.casino-api-solution-main .shape2 {
 position: absolute;
 top: 78px;
 right: 90px;
}
.casino-api-solution-main .shape1 {
 position: absolute;
 bottom: 0;
 left: 50px;
}
.casino-api-solution-main .main-wrap {
 position: relative;
 padding-top: 30px;
}
.casino-api-solution-main .main-wrap::after {
 content: "";
 position: absolute;
 top: 0;
 left: 50%;
 height: 100%;
 width: 1px;
 background-color: #212121;
}
.casino-api-solution-main .main-wrap .single-step {
 display: flex;
 gap: 20px;
 width: 50%;
}
.casino-api-solution-main .main-wrap .single-step:nth-of-type(odd) {
 margin-left: auto;
}
.casino-api-solution-main .main-wrap .single-step:nth-of-type(even) {
 text-align: right;
 justify-content: end;
 flex-direction: row-reverse;
}
.casino-api-solution-main .main-wrap .single-step:nth-of-type(even) .main-image {
 justify-content: start;
 margin-right: 5px;
 margin-left: 0;
}
.casino-api-solution-main .main-wrap .single-step:nth-of-type(even) .main-image::after {
 transform: translate(-50%, -50%) rotate(180deg);
}
.casino-api-solution-main .main-wrap .single-step:nth-of-type(even) .main-image span {
 right: -6px;
 left: unset;
 transform: translate(50%, -50%);
}
.casino-api-solution-main .main-wrap .single-step:last-of-type {
 margin-bottom: 0;
}
.casino-api-solution-main .main-wrap .single-step .content {
 max-width: 385px;
 line-height: 1.45;
}
.casino-api-solution-main .main-wrap .single-step .content .api-solution-box-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  color: #212121;
  margin-bottom: 10px;
}
.casino-api-solution-main .main-wrap .single-step .content p {
 margin-bottom: 0;
 font-size: 18px;
}
.casino-api-solution-main .main-wrap .single-step .main-image {
 position: relative;
 min-width: 155px;
 display: flex;
 align-items: center;
 justify-content: end;
 margin-left: 7px;
 height: fit-content;
}
.casino-api-solution-main .main-wrap .single-step .main-image::after {
 content: '';
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 height: 100%;
 width: 100%;
 background-image: url("../images/casino-api-step-shape.svg");
 background-size: contain;
 background-position: center;
 background-repeat: no-repeat;
}
.casino-api-solution-main .main-wrap .single-step .main-image span {
 display: block;
 position: absolute;
 top: 50%;
 left: -6px;
 transform: translate(-50%, -50%);
 height: 18px;
 width: 18px;
 border-radius: 50%;
 z-index: 1;
 border: 1px solid #212121;
 background-color: #f7f5ff;
}
.casino-api-solution-main .main-wrap .single-step .main-image span::before {
 content: '';
 position: absolute;
 height: 9px;
 width: 9px;
 border-radius: 50%;
 background-color: #f89a20;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}
.casino-api-solution-main .main-wrap .single-step .main-image .img {
 margin: 11px;
 position: relative;
 z-index: 1;
}

.powered-by-main {
 padding: 110px 0 50px 0;
}
.powered-by-main .wrapper {
 padding: 60px 40px;
 border-radius: 15px;
 background: linear-gradient(340.33deg, rgba(242, 243, 249, 0.5) -18.81%, #f3f1ff 128%);
 position: relative;
}
.powered-by-main .wrapper::after {
 content: '';
 position: absolute;
 top: -1px;
 left: -1px;
 height: calc(100% + 2px);
 width: calc(100% + 2px);
 background: linear-gradient(180deg, #e2e2e2 0%, #fff 100%);
 z-index: -1;
 border-radius: 15px;
}
.powered-by-main .wrapper .single-card {
 text-align: center;
 border-radius: 10px;
 background-color: #fff;
}
.powered-by-main .wrapper .single-card img {
 width: 100%;
}
.powered-by-main .wrapper .single-card .content {
 padding: 48px 12px 24px;
}
.powered-by-main .wrapper .single-card .content .powered-by-box-title {
  margin-bottom: 0.5rem;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  color: #212121;
}
.powered-by-main .wrapper .powered-by-slider {
 margin-top: 60px;
}
.powered-by-main .wrapper .powered-nav {
 position: absolute;
 top: 50%;
 left: 0;
 transform: translateY(-50%);
 width: 100%;
 display: flex;
 align-items: center;
 justify-content: space-between;
 z-index: 10;
 height: 0;
}
.powered-by-main .wrapper .powered-nav .next, .powered-by-main .wrapper .powered-nav .prev {
 background-color: #fff;
 height: 66px;
 width: 36px;
 display: flex;
 align-items: center;
 justify-content: center;
}
.powered-by-main .wrapper .powered-nav .next {
 border-radius: 10px 0 0 10px;
 box-shadow: -4px -1px 4px 0px #000 14;
}
.powered-by-main .wrapper .powered-nav .prev {
 border-radius: 0 10px 10px 0;
 box-shadow: 4px -1px 4px 0px #000 14;
}

.betting-casino-main .text {
  opacity: 0.7;
  margin-bottom: 65px;
}
.betting-casino-main .single-box {
  padding: 10px 15px 20px;
  border-radius: 10px;
  background: linear-gradient(180deg, #f9f9fb 0%, #ffffff 100%);
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
}
.betting-casino-main .single-box .img-wrapper {
  min-height: 223px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 24px;
}
.betting-casino-main .single-box .img-wrapper img {
  transition: all .2s ease-in-out;
}
.betting-casino-main .single-box:hover .img-wrapper img {
  transform: rotate(3deg) scale(1.05);
}
.betting-casino-main .single-box h3, .betting-casino-main .single-box .h3 {
  font-size: 19px;
  line-height: 1.5;
}
.betting-casino-main .single-box .btn {
  padding: 0;
  color: #ea231c;
  margin-top: auto;
}


.postid-1911 .sport-betting-api-main {
    padding-top: 70px;
}
.sport-betting-api-main .single-box {
  position: relative;
}
.sport-betting-api-main .single-box::after {
  content: "";
  position: absolute;
  top: 51px;
  left: 138px;
  width: calc(100% - 140px);
  height: calc(100% - 51px);
  border: 1px solid #C2C3CF;
  border-left: 0;
  border-bottom: 0;
  transform: skewX(25deg);
  z-index: -1;
}
.sport-betting-api-main .single-box .round-img-wrapper {
  box-shadow: -10px 10px 10px rgba(0, 0, 0, 0.25);
  width: 102px;
  height: 102px;
}
.sport-betting-api-main .single-box .content {
  padding-left: 105px;
}
.sport-betting-api-main .single-box .content h3, .sport-betting-api-main .single-box .content .h3 {
  font-weight: 600;
  line-height: 1.45;
  margin-bottom: 4px;
  font-size: 18px;
}
.sport-betting-api-main .single-box .content p {
  color: rgba(33, 33, 33, 0.7);
  line-height: 1.45;
  font-weight: 500;
}
.sport-betting-api-main .single-box .content p span {
  color: #212121;
}
.sport-betting-api-main .text-center.contact-btn {
  margin-top: 40px;
}

.sport-betting-api-main.new-sport-betting-api-main .single-box .content {
  padding-left: 0;
  text-align: right;
  padding-top: 50px;
}

/* ODDS Api Css */
[class*=col-]:last-child .odds-feeds-inner::before {
  transform: rotate(-135deg);
  left: -60px;
  bottom: -2px;
  right: auto;
  top: auto;
}
[class*=col-]:last-child .odds-feeds-img:before {
  top: 0;
  bottom: 100px;
  border-top: 1px solid #A2A4BB;
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
}
[class*=col-]:last-child .odds-feeds-img:after {
  top: auto;
  bottom: 0;
  right: 0;
  left: -60px;
  border-left: 0;
  border-top: 0;
  border-radius: 0 0 10px 0;
  border-right: 1px solid #A2A4BB;
  border-bottom: 1px solid #A2A4BB;
}

.odds-feeds-inner {
  position: relative;
}
.odds-feeds-inner::before {
  content: "";
  position: absolute;
  right: -60px;
  top: -2px;
  width: 5px;
  height: 5px;
  border-top: 1px solid #A2A4BB;
  border-right: 1px solid #A2A4BB;
  transform: rotate(45deg);
}
.odds-feeds-inner .odds-feeds-img {
  padding: 20px;
  position: relative;
  margin-bottom: 20px;
}
.odds-feeds-inner .odds-feeds-img:before {
  content: "";
  position: absolute;
  left: 0;
  top: 100px;
  bottom: 0;
  right: 0;
  border-left: 1px solid #A2A4BB;
  border-right: 1px solid #A2A4BB;
  border-bottom: 1px solid #A2A4BB;
  border-radius: 0 0 10px 10px;
}
.odds-feeds-inner .odds-feeds-img:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100px;
  right: -60px;
  border-left: 1px solid #A2A4BB;
  border-top: 1px solid #A2A4BB;
  border-radius: 10px 0 10px 0;
}
.odds-feeds-inner .odds-feeds-img img {
  border-radius: 10px;
  width: 100%;
}

.odds-feeds-box {
  text-align: center;
}
.odds-feeds-box h3, .odds-feeds-box .h3 {
  color: #212121;
  font-size: 22px;
}
.odds-feeds-box .api-sports {
  counter-reset: section;
}
.odds-feeds-box .api-sports span {
  padding: 0 10px;
}
.odds-feeds-box .api-sports span:before {
  counter-increment: section;
  content: counter(section) ".";
  margin-right: 5px;
}

/* Benefit Css */
.benefit-section .accordion {
  margin-bottom: 30px;
  margin-top: 30px;
}
.benefit-section .accordion .accordion-item {
  position: relative;
  border-bottom: 1px solid #C2C3CF;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  margin-bottom: 20px;
  border-radius: 0;
  padding-bottom: 20px;
}
.benefit-section .accordion .accordion-item:last-of-type {
  margin-bottom: 0;
}
.benefit-section .accordion .accordion-item .accordion-button {
  background-color: transparent;
  box-shadow: none;
  color: #212121;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.19;
  padding: 0;
  position: relative;
  z-index: 2;
  gap: 5px;
}
.benefit-section .accordion .accordion-item .accordion-button:after {
  background-image: url("../images/accordian-close.svg");
}
.benefit-section .accordion .accordion-item .accordion-button p {
  margin-bottom: 0;
}
.benefit-section .accordion .accordion-item .accordion-button span {
  margin-right: 14px;
  display: block;
  color: #212121;
}
.benefit-section .accordion .accordion-item.active-item .accordion-button {
  color: #ea231c;
}
.benefit-section .accordion .accordion-item.active-item .accordion-button:after {
  background-image: url("../images/accordian-down.svg");
}
.benefit-section .accordion .accordion-item .accordion-body {
  padding: 0;
  margin-bottom: 0;
  margin-top: 10px;
  color: rgba(33, 33, 33, 0.7);
}
.benefit-section .accordion .accordion-item .accordion-body p {
  color: rgba(33, 33, 33, 0.7);
  font-weight: 500;
  line-height: 1.7;
  position: relative;
  z-index: 2;
  margin-bottom: 0;
}
.benefit-section .image-container {
  border-radius: 15px;
  padding: 20px;
  position: relative;
  background-color: #ffffff;
  margin-top: 20px;
  margin-left: 20px;
}
.benefit-section .image-container:after {
  content: "";
  position: absolute;
  left: -20px;
  top: -20px;
  bottom: 0;
  right: 0;
  padding: 20px;
  border-radius: 15px;
  background: linear-gradient(228.14deg, #F4F9FF 26.37%, #FEF4F3 99.77%);
  z-index: -1;
}
.benefit-section .image-container img {
  position: relative;
  margin: 0 auto;
  display: table;
}

.btns-wrapper {
  display: flex;
  justify-content: space-between;
}
.btns-wrapper .slide-btn button {
  width: 45px;
  height: 45px;
  background-color: rgba(194, 195, 207, 0.2);
  border-radius: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #212121;
  cursor: pointer;
  margin-left: 10px;
}
.btns-wrapper .slide-btn button:hover {
  background: linear-gradient(180deg, #e30613 0%, #95060f 100%);
  color: #ffffff;
}

/* Testimonial Slider Css */
.testimonial-wrapper {
  border: 1px solid #fad0d0;
  border-radius: 10px;
  padding: 55px 15px;
  position: relative;
  background-color: #ffffff;
}
.testimonial-wrapper:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 5%;
  right: 5%;
  top: 50px;
  background: linear-gradient(88.02deg, rgba(239, 242, 255, 0.6) 56.28%, #FEF4F3 90.42%);
  border-radius: 10px;
  transform: rotate(2deg);
  z-index: -1;
}
.testimonial-wrapper:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 5%;
  right: 5%;
  top: 50px;
  background: linear-gradient(246.9deg, rgba(239, 242, 255, 0.6) 63.38%, #FEF4F3 99.02%);
  border-radius: 10px;
  transform: rotate(-2deg);
  z-index: -1;
}
.testimonial-wrapper .testimonial-thumb {
  max-width: 270px;
  margin: 0 auto 15px;
}
.testimonial-wrapper .testimonial-thumb .testimonial-user {
  cursor: pointer;
}
.testimonial-wrapper .testimonial-thumb .testimonial-user img {
  width: 84px;
  height: 84px;
  margin: 0 auto;
  transform: scale(0.7);
}
.testimonial-wrapper .testimonial-thumb .testimonial-user.slick-center img {
  transform: scale(1);
}
.testimonial-wrapper [class*=arrow-] {
  width: 45px;
  height: 45px;
  background-color: rgba(194, 195, 207, 0.2);
  border-radius: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #212121;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
}
.testimonial-wrapper [class*=arrow-][class*=-prev] {
  left: 40px;
}
.testimonial-wrapper [class*=arrow-][class*=-next] {
  right: 40px;
}
.testimonial-wrapper [class*=arrow-]:hover {
  color: #ffffff;
  background-color: #ea231c;
}
.testimonial-wrapper .testimonial-content {
  text-align: center;
}
.testimonial-wrapper .testimonial-content p {
  max-width: 900px;
  margin: 0 auto 20px;
  color: rgba(33, 33, 33, 0.7);
  position: relative;
  padding: 0 20px;
}
.testimonial-wrapper .testimonial-content p:before {
  content: "“";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 30px;
  line-height: 1;
}
.testimonial-wrapper .testimonial-content p:after {
  content: "“";
  position: absolute;
  bottom: -20px;
  right: 0;
  font-size: 30px;
  line-height: 1;
}
.testimonial-wrapper .testimonial-content .name-box {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 0.5rem;
  color: #212121;
}
.testimonial-wrapper .testimonial-content .name-box span {
  color: rgba(33, 33, 33, 0.7);
  border-left: 1px solid rgba(33, 33, 33, 0.7);
  padding-left: 10px;
  margin-left: 10px;
}

/* Latest Blog Css */
.latest-news-card:first-child .card-image {
  margin-bottom: 0;
  margin-top: 35px;
}

.news-card {
  background: linear-gradient(284.14deg, #F4F9FF -12.1%, #FEF4F3 98.71%);
  border-radius: 10px;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.news-card .card-image img {
    border-radius: 10px 10px 0 0;
}
.bog-section .row .col-lg-6.col-md-6.col-12.mb-4:nth-child(3), .bog-section .row .col-lg-6.col-md-6.col-12.mb-4:nth-child(4) {
  margin-bottom: 0 !important;
}
.news-card .news-content {
  margin-top: auto;
  position: relative;
  padding: 15px 15px 20px;
  box-shadow: 15.28px -15.28px 15.28px 0px rgba(255, 255, 255, 0.1019607843) inset;
  border-radius: 0px 0px 10px 10px;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.news-card .news-content::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 0 0 10px 10px;
  -webkit-backdrop-filter: blur(26.65px);
          backdrop-filter: blur(26.65px);
  background: #F6F6FC;
  box-shadow: 15.28px -15.28px 15.28px 0px rgba(255, 255, 255, 0.1019607843) inset;
}
.news-card .news-content h2, .news-card .news-content h3 {
  margin-bottom: 15px;
  color: #212121;
  font-size: 17px;
  font-weight: 500;
  line-height: 27.4px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.news-card .news-content a {
  color: #ea231c;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
}
.news-card .news-content a svg {
  margin-left: 7px;
  transition: all 0.3s ease-in-out;
}
.news-card .news-content a:hover svg {
  margin-left: 10px;
}
.news-card .news-content span {
  font-size: 16px;
  font-weight: 500;
  line-height: 21.92px;
  color: rgba(33, 33, 33, 0.7);
}

/* Api Section */
.api-inner-info {
  border: 1px solid #fad0d0;
  border-radius: 10px;
  padding: 40px 0;
  position: relative;
}
.api-inner-info .api-img {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}
.api-inner-info .api-shape {
  position: absolute;
  bottom: 0;
  right: 0;
}
.api-inner-info .api-desc {
  max-width: 620px;
  margin: 0 auto 20px;
}

/* New Api Section */
.new-api-section .api-inner-info .api-img {
  position: absolute;
  top: 0;
  left: 0;
  transform: unset;
}
.new-api-section .api-inner-info .api-desc {
  max-width: 800px;
}
.new-api-section ul {
  gap: 17px;
}
.new-api-section ul li {
  display: flex;
  gap: 8px;
  margin-bottom: 25px;
  color: #212121;
  font-size: 16px;
  font-weight: 500;
}


/* FAQs Css */
.faq-section .accordion .accordion-item {
  margin-bottom: 15px;
  border-radius: 10px;
  border: 1px solid #404040;
  background-color: #1C1C1C;
  overflow: hidden;
}
.faq-section .accordion .accordion-item .accordion-header .accordion-button {
  background-color: #1C1C1C;
  box-shadow: none;
  padding: 16px 24px 16px 24px;
  font-size: 18px;
  color: #ffffff;
  line-height: 1.2;
  box-shadow: unset;
}
.faq-section .accordion .accordion-item .accordion-header .accordion-button:hover {
  background-color: rgb(31 41 55 / .5);
}
.faq-section .accordion .accordion-item .accordion-header .accordion-button span {
  margin-right: 4px;
}
.faq-section .accordion .accordion-item .accordion-header .accordion-button:focus {
  box-shadow: none;
}
.faq-section .accordion .accordion-item .accordion-header .accordion-button:after {
  height: 32px;
  width: 32px;
  border-radius: 50px;
  background: url(https://thelipsync.com/blog/wp-content/uploads/2025/08/faq-arrow-down.webp);
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #FFFFFF;
  transform: unset;
}
.faq-section .accordion .accordion-item .accordion-header .accordion-button[aria-expanded=true] {
  background-color: transparent;
}
.faq-section .accordion .accordion-item .accordion-header .accordion-button[aria-expanded=true]:after {
  background-image: url("https://thelipsync.com/blog/wp-content/uploads/2025/08/faq-black-arrow-up.webp");
  /*background-image: url("https://thelipsync.com/blog/wp-content/uploads/2025/08/faq-arrow-up.webp");*/
  background-color: #ffffff;
}
.faq-section .accordion .accordion-item .accordion-body {
  padding: 0 24px 16px;
}
.faq-section .accordion .accordion-item .accordion-body p {
  color: #FFFFFFB2;
  font-size: 14px;
  line-height: 1.5;
}
.faq-section .accordion .accordion-item .accordion-body p:last-child {
  margin-bottom: 0;
}
.faq-section .accordion .accordion-item:has(.accordion-button[aria-expanded=true]) {
  box-shadow: 9px 29px 30px 0px rgba(156, 84, 84, 0.0901960784);
  border-color: #404040;
}
.blog-detail-section .all-content-wrapper .author-box {
  margin-top: 50px;
  display: none !important;
  padding: 34px 32px 34px 25px;
  display: flex;
  gap: 15px;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  background: #1C1C1C;
  border: 1px solid #404040;
}
.blog-detail-section .all-content-wrapper .author-box .author-image-wrapper {
  background-color: #eff8f5;
  border: 3px solid #ffffff;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 50%;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  z-index: 1;
}
.blog-detail-section .all-content-wrapper .author-box .author-image-wrapper img {
  max-width: 62px;
  border-radius: 50px;
}
.blog-detail-section .all-content-wrapper .author-box .authot-content {
  position: relative;
  z-index: 1;
  line-height: 1.47;
}
.blog-detail-section .all-content-wrapper .author-box .authot-content .author-name {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 2px;
}
.blog-detail-section .all-content-wrapper .author-box .authot-content .author-name p {
  font-family: "Wix Madefor Display", sans-serif;
  font-weight: 500;
  margin: 0;
  font-size: 22px;
  color: #ffffff;
  margin-bottom: 16px;
}
.blog-detail-section .all-content-wrapper .author-box .authot-content .author-name span {
  font-weight: 500;
}
.blog-detail-section .all-content-wrapper .author-box .authot-content .author-job {
  font-weight: 500;
  margin-bottom: 10px;
  display: block;
  color: #DBEFFB;
}
.blog-detail-section .all-content-wrapper .author-box .authot-content .description {
  margin: 0;
  font-size: 16px;
}
.blog-detail-section .all-content-wrapper .author-box .authot-content .description a {
  color: #DBEFFB;
  margin-left: 5px;
}
.blog-detail-section .all-content-wrapper .author-box .authot-content .description a:hover {
  text-decoration: underline;
}
.blog-detail-cta-main .wrapper {
    position: relative;
    padding: 55px 45px;
    border-radius: 16px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.blog-detail-cta-main .wrapper .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}
.blog-detail-cta-main .wrapper .cta-box-heading {
  font-family: "Wix Madefor Display", sans-serif;
  font-weight: 500;
    font-size: 36px;
    text-align: center;
    color: #ffffff;
    line-height: 1.2;
}
.blog-detail-cta-main .wrapper .cta-box-heading span {
    background-image: radial-gradient(50% 84.62% at 50% 100%, #FFAC4D 0, #FF5D24 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.blog-detail-section .blog-detail-box .social-share-main {
  padding-bottom: 15px;
}
.blog-detail-section .blog-detail-box .social-share-title {
    color: #ffffff;
}
.blog-detail-section .blog-detail-box .social-icons {
    display: flex;
    padding-top: 20px;
}
.blog-detail-section .blog-detail-box .social-icons a {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    border: 2px solid #565656;
    border-radius: 50%;
    background: #FFFFFF33;
}


/* Footer Css */
footer {
  padding-top: 4rem;
  padding-bottom: 4rem;
  border-top: 1px solid rgb(28 28 28 / 1);
}
footer .footer-widget h3 {
  font-family: "Wix Madefor Display", sans-serif;
  font-weight: 600;
  color: #ffffff;
  font-size: 18px;
  margin-bottom: 16px;
}
footer .footer-widget ul li {
  list-style: none;
  margin-bottom: 12px;
}
footer .footer-widget ul li a {
  text-decoration: none;
  color: #ababab;
}
footer .footer-widget ul li a:hover {
  color: #ffffff;
}
footer .footer-second {
  margin-left: auto;
}
footer p.footer_content {
  color: #fff;
}
footer .bottom-footer {
  padding-top: 15px;
  margin-top: 12px;
  border-top: 1px solid rgb(28 28 28 / 1);
}
footer .bottom-footer .bottom-footer-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
footer .bottom-footer .copy-right, footer .bottom-footer .copy-right a {
    color: #ffffff;
    font-size: 14px;
    line-height: 22px;
    text-decoration: none;
}
footer .bottom-footer .bottom-footer-menu a {
    color: #ffffff;
    font-size: 14px;
    line-height: 22px;
    text-decoration: none;
}


.free-support-section .support-card {
  padding: 50px;
  background: linear-gradient(98.94deg, #FFF5F6 13.94%, #FFF7F3 108.73%);
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}
.free-support-section .support-card .left-support {
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
  height: 100%;
}
.free-support-section .support-card .right-support {
  position: absolute;
  bottom: 0;
  right: 0;
  pointer-events: none;
}
.free-support-section .support-card .lines {
  position: absolute;
  top: 0;
  right: 9%;
  mix-blend-mode: color-dodge;
  pointer-events: none;
}
.free-support-section .support-card p {
  max-width: 719px;
  width: 100%;
  margin: 0 auto;
}

.why-choose-section .wrap {
  max-width: 1196px;
  width: 100%;
  margin: 0 auto;
}
.why-choose-section .why-card {
  padding: 14px 20px 14px 32px;
  background-color: #ffffff;
  border: 1px solid #C2C3CF;
  border-radius: 10px;
  position: relative;
  text-align: right;
  min-height: 144px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.why-choose-section .why-card::before {
  position: absolute;
  content: "";
  z-index: -1;
  bottom: -12px;
  right: -12px;
  width: calc(100% - 24px);
  height: 62px;
  background: linear-gradient(228.14deg, #EFF2FF 26.37%, #FEF4F3 99.77%);
  border-radius: 10px;
  animation: bgRotate 2s linear infinite alternate;
}
.why-choose-section .why-card .icon-wrap {
  height: 58px;
  width: 58px;
  background-color: white;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  left: -28px;
}
.why-choose-section .why-card .icon-wrap::before {
  position: absolute;
  content: "";
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  background: linear-gradient(90deg, #C2C3CF 7.72%, #FFFFFF 62.24%);
  border-radius: 100%;
  z-index: -1;
}
.why-choose-section .why-card .icon-wrap::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: white;
  border-radius: 100%;
  z-index: -1;
}
.why-choose-section .why-card .icon-wrap small, .why-choose-section .why-card .icon-wrap .small {
  position: absolute;
  display: block;
  right: unset;
  width: 30px;
  height: 77px;
  background: transparent;
}
.why-choose-section .why-card h3, .why-choose-section .why-card .h3 {
  font-size: 20px;
}
.why-choose-section .why-card p {
  color: rgba(33, 33, 33, 0.6980392157);
  margin-top: 4px;
  margin-bottom: 0;
}
.why-choose-section .why-card:first-child {
  margin-bottom: 86px;
}
.why-choose-section .why-card.left {
  padding: 14px 32px 20px 20px;
  text-align: left;
}
.why-choose-section .why-card.left::before {
  left: -12px;
  right: unset;
}
.why-choose-section .why-card.left .icon-wrap {
  right: -28px;
  left: unset;
}
.why-choose-section .why-card.left .icon-wrap::before {
  background: linear-gradient(271.57deg, #C2C3CF 7.72%, #FFFFFF 62.24%);
}
.why-choose-section .why-card.one small, .why-choose-section .why-card.one .small {
  border-top: 1px solid #C2C3CF;
  border-right: 1px solid #C2C3CF;
  transform: translateY(-50%) skewX(48deg);
  top: calc(100% + 8px);
  left: calc(100% + 43px);
}
.why-choose-section .why-card.two small, .why-choose-section .why-card.two .small {
  border-top: 1px solid #C2C3CF;
  border-left: 1px solid #C2C3CF;
  transform: skewX(-48deg) rotate(180deg) translateY(-50%);
  bottom: calc(100% + 8px);
  left: calc(100% + 86px);
}
.why-choose-section .why-card.three small, .why-choose-section .why-card.three .small {
  border-top: 1px solid #C2C3CF;
  border-left: 1px solid #C2C3CF;
  transform: translateY(-50%) skewX(-48deg);
  top: calc(100% + 8px);
  right: calc(100% + 43px);
}
.why-choose-section .why-card.four small, .why-choose-section .why-card.four .small {
  border-top: 1px solid #C2C3CF;
  border-right: 1px solid #C2C3CF;
  transform: skewX(48deg) rotate(180deg) translateY(-50%);
  bottom: calc(100% + 8px);
  right: calc(100% + 86px);
}
.why-choose-section .inner-logo {
  position: relative;
}
.why-choose-section .inner-logo::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #C2C3CF;
  background: #ffffff;
  border-radius: 100%;
  z-index: 3;
}
.why-choose-section .global-wrapper {
  height: 117px;
  width: 117px;
  background-color: #fff2f2;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 3;
}
.why-choose-section .global-wrapper::before {
  position: absolute;
  content: "";
  top: -12px;
  left: -12px;
  right: -12px;
  bottom: -12px;
  background-color: #ffffff;
  box-shadow: 0px 2px 5px 0px rgba(180, 185, 213, 0.1019607843), 0px 9px 9px 0px rgba(180, 185, 213, 0.0901960784), 0px 21px 13px 0px rgba(180, 185, 213, 0.0509803922);
  border-radius: 100%;
  z-index: -1;
  animation: rotate 2s linear infinite;
}
.why-choose-section .global-wrapper::after {
  position: absolute;
  content: "";
  top: -24px;
  left: -24px;
  right: -24px;
  bottom: -24px;
  background-color: #ffffff;
  border: 1px solid #C2C3CF;
  border-radius: 100%;
  z-index: -2;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes bgRotate {
  0% {
    background-size: 100% 100%;
  }
  100% {
    background-size: 100% 400%;
  }
}
.red-text {
  color: #ea231c;
}

/* Breadcrumb Section */
.common-banner {
  padding: 170px 0 66px;
  background-image: url("../images/common-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.common-banner p {
  color: rgba(255, 255, 255, 0.7);
}
.common-banner .breadcrumb-main {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 9px 27px;
  border-radius: 50px;
  background-color: rgba(65, 78, 112, 0.25);
  color: rgba(255, 255, 255, 0.7);
}
.common-banner .breadcrumb-main p {
  margin-bottom: 0;
}
.common-banner .breadcrumb-main a {
  line-height: 1.45;
  font-weight: 500;
  color: #ea231c;
  text-decoration: none;
}
.common-banner .breadcrumb-main a.active {
  color: #ea231c;
}


/* Contact Us Page */
.contact-form {
  padding: 40px 0 20px 0;
  display: flex;
}
.contact-form .right-section {
  flex: 1;
  padding-left: 20px;
}
.contact-form .right-section .form-group {
  margin-bottom: 20px;
}
.contact-form .right-section .form-group label {
  margin-bottom: 10px;
  color: rgba(33, 33, 33, 0.7019607843);
  font-weight: 500;
}
.contacts-form input[type=email], .contacts-form input[type=tel], .contacts-form input[type=text], .contacts-form textarea {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #C2D4E0;
  border-radius: 5px;
}
.contact-form .right-section .form-group textarea {
  min-height: 100px;
}
.contacts-form input[type=submit] {
  padding: 9px 20px;
  border-radius: 6px;
  line-height: 24px;
}
.contact-form .left-section {
  background: #f9f9fb;
  flex: 0 0 35%;
  padding: 24px;
  border-radius: 10px;
  height: 100%;
}
.contact-form .left-section .icon-wrap {
  height: 44px;
  width: 44px;
  flex: none;
  background: #ffffff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 1px 0px rgba(112, 36, 36, 0.1019607843), 0px 2px 2px 0px rgba(112, 36, 36, 0.0901960784);
}
.contact-form .left-section .content h6, .contact-form .left-section .content .h6 {
  font-size: 20px;
  margin-bottom: 2px;
}
.contact-form .left-section a.email, .contact-form .left-section .content p {
  color: rgba(33, 33, 33, 0.7176470588);
  margin-bottom: 0;
  text-decoration: none;
}

.contact-card {
  padding: 32px;
  border-radius: 10px;
  background-color: #f9f9fb;
  text-align: center;
}
.contact-card .img-out {
  height: 95px;
  width: 95px;
  margin: 0 auto 8px;
  display: flex;
  justify-content: center;
}
.contact-card .img-out img {
  max-height: 100%;
  max-width: 100%;
}
.contact-card h6, .contact-card .h6 {
  font-size: 20px;
  margin-bottom: 6px;
}
.contact-card p {
  color: #212121;
}
.contact-card:hover {
  background: linear-gradient(#f9f9fb 50%, #c2c3cf 150%);
}


.contact-card-section .contact-box {
  padding: 28px 50px;
  border-radius: 10px;
  background-color: #f9f9fb;
  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.contact-card-section .contact-box .single-box .img-out {
  margin: 0 auto 8px;
  border: 1.58px solid #C2D4E0;
  border-radius: 8px;
  background-color: #FFFFFF;
  padding: 18px;
}
.contact-card-section .contact-box .single-box .img-out img {
    max-width: 100px;
}
.contact-card-section .contact-box .contact-text {
  font-size: 50px;
  font-weight: 500;
  line-height: 60px;
  color: #212121;
}
.contact-card-section .contact-box .contact-text span {
  color: #EA231C;
}
.contact-card-section .contact-box .single-box span { 
  font-weight: 500;
  font-size: 20px;
}
.contact-option {
  background-color: #F9F9FB;
  height: 45px;
  width: 45px;
  margin: 24px auto;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  position: relative;
}
.contact-option:before {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(100% + 15px);
  transform: translateY(-50%);
  width: 357px;
  height: 3px;
  background: linear-gradient(90deg, rgba(243, 243, 245, 0) 0%, #F3F3F5 100%);
  border-radius: 10px;
}
.contact-option:after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + 15px);
  transform: translateY(-50%);
  width: 357px;
  height: 3px;
  background: linear-gradient(270deg, rgba(243, 243, 245, 0) 0%, #F3F3F5 100%);
  border-radius: 10px;
}


.country-dropdown .name {
  width: 80px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 4px;
  z-index: 8;
  border: none;
}
.country-dropdown .upper {
  width: 60px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border: none;
  background: transparent;
}
.country-dropdown .input {
  text-indent: 80px;
}


/*....*/
.contact-form .d-flex.country-dropdown.position-relative .country-code span.wpcf7-form-control-wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 8;
  border: none;
  height: 42px;
  outline: unset;
}
.contact-form select.wpcf7-form-control.wpcf7-select {
  height: 100%;
  outline: unset;
  border-radius: 5px;
}
.contact-form .country-dropdown .position-relative.flex-fill p {
  margin-bottom: 0;
}

/*New blog page*/
.blog-banner-main {
    padding: 120px 0 94px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.blog-banner-main .content h1.lg-heading {
    font-size: 36px;
    line-height: 1.3;
    margin-bottom: 14px;
}
.blog-banner-main .content p {
    font-weight: 500;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
    max-width: 75%;
    margin-bottom: 24px;
}
.blog-banner-main .wpsf-form-wrap.wpsf-blog_subscribe_form {
    background: transparent;
    background-color: transparent;
}
.blog-banner-main .wpsf-form-wrap.wpsf-blog_subscribe_form .wpsf-content-wrap {
    padding: 0;
    background: transparent;
    background-color: transparent;
    max-width: 64%;
    margin-left: 0;
}
.blog-banner-main .wpsf-form-wrap.wpsf-blog_subscribe_form input[type="email"] {
    background-color: #FFFFFF;
    border-radius: 10px 0px 0px 10px;
}
.blog-banner-main .wpsf-form-wrap.wpsf-blog_subscribe_form input.wpsf-form-submit {
    background: linear-gradient(180deg, #e30613 0%, #95060f 100%);
    border-radius: 0 10px 10px 0 !important;
}
.blog-banner-main .newsletter-box {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-align: center;
    border-radius: 15px;
    overflow: hidden;
}
.blog-banner-main .newsletter-box .img-wrapper {
    background: linear-gradient(156.77deg, #F89A20 1.3%, #E84D2F 147.04%);
}
.blog-banner-main .newsletter-box .box-content {
    background: #FFFFFF;
    padding: 25px 28px 45px 28px;
}
.blog-banner-main .newsletter-box .box-content .newsletter-box-title {
    font-size: 22px;
    font-weight: 500;
    line-height: 22px;
    color: #212121;
    margin-bottom: 15px;
}
.blog-banner-main .newsletter-box .box-content p {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}

.blog-latest-blog {
    padding: 120px 0 0px 0;
}

.latest-blog-post a {
    text-decoration: none;
    display: inline-block;
    width: 100%;
}
.latest-blog-post .blog-card-section {
  position: relative;
  overflow: hidden;
}
.latest-blog-post .blog-inner-main {
    /*position: absolute;*/
    bottom: 0;
    /*padding: 15px 10px 10px 10px;*/
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
}
.latest-blog-post .blog-inner-main .blog-detail-details {
  text-align: left;
}
.latest-blog-post .blog-inner-main button.btn.btn-primary {
    padding: 12px 32px;
}
.blog-card-img img {
    border-radius: 25px;
    width: 100%;
}
.latest-blog-post .blog-content-meta-data {
    display: flex;
    gap: 10px;
    flex-direction: column;
}
.latest-blog-post .blog-content-meta-data .blog-reading-data {
    display: flex;
    align-items: center;
    gap: 10px;
}
.latest-blog-post .blog-meta-details {
    padding-top: 8px;
    display: flex;
}
.latest-blog-post .blog-card-details h2 {
    font-size: 32px;
    color: #ffffff;
}
.latest-blog-post .blog-card-details a {
  color: #ffffff;
}
.latest-blog-post .blog-card-details a:hover {
  color: #ffffff;
}
.latest-blog-post .blog-card-details p.blog-detail-content{
  font-family: "Wix Madefor Display", sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
}
.latest-blog-post .blog-category-data, .latest-blog-post .blog-reading-data, .latest-blog-post .blog-reading-time {
    display: flex;
    align-items: center;
    gap: 10px;
}
.latest-blog-post .blog-category-data {
    padding-right: 20px;
}
.latest-blog-post .blog-meta-details .blog-reading-data {
    padding: 0 15px;
    border-width: 0 1px;
    border-style: solid;
    border-color: #cdcdcd;
}
.latest-blog-post .blog-meta-details .blog-reading-time {
    padding-left: 20px;
}
.blog-sidebar-wrapper .blog-side-main {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    text-decoration: none;
}
.blog-sidebar-wrapper .blog-side-main img {
    border-radius: 10px;
}
.blog-sidebar-wrapper .blog-side-main .blog-side-content h2 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
}
.blog-sidebar-wrapper .blog-side-main .blog-side-content p {
    font-size: 16px;
    font-weight: 500;
    color: #EA231C;
    margin-bottom: 0;
}


.blog-meta-details p {
    margin: 0;
    color: #ffffffb2;
    line-height: 24px;
    text-align: left;
    font-size: 14px;
}
.blog-meta-details p.blog-author {
    color: #ffffff;
    font-weight: 500;
}
.blog-category-data p {
    color: #EA231C;
}
.latest-blog-post .blog-category {
    display: inline-block;
}
.latest-blog-post .blog-category p {
    color: #ffffff;
    border: 1px solid #FFFFFF;
    padding: 8px 24px;
    border-radius: 50px;
    font-size: 14px;
}
.category-select-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

.category-select-wrapper .recent-blog {
  font-family: "Wix Madefor Display", sans-serif;
  font-weight: 500;
    font-size: 20px;
    color: #ffffff;display: flex;
}
.category-select-wrapper .search-box {
    position: relative;
    width: 365px;
    z-index: 1;
}
.category-select-wrapper .search-box:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: radial-gradient(50% 84.62% at 50% 100%, #FFAC4D 0%, #FF5D24 100%);
    border-radius: 50px;
    padding: 1px;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    z-index: -1;
}
.category-select-wrapper .search-box .search-icon {
    position: absolute;
    right: 0;
    top: 0%;
    cursor: pointer;
    background: radial-gradient(50% 84.62% at 50% 100%, #FFC24F 0%, #FF5D24 100%);
    padding: 13px 35px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    height: -webkit-fill-available;
}
.category-select-wrapper .search-box input#search-input {
  background: transparent;
  border-radius: 50px;
  padding: 17px 22px;
  color: #ffffff;
  border: unset;
}
.category-select-wrapper .search-box input[type="text"]::placeholder {
  color: #FFFFFFCC;
}

.blog-card .blog-meta-details {
  display: flex;
  margin-top: 28px;
  border-top: 1px solid #DDDDDD;
    padding: 16px 0 0;
}
.blog-category-data, .blog-reading-time {
    display: flex;
    align-items: center;
    gap: 5px;
}
.blog-category-data {
    border-right: 1px solid #cdcdcd;
    padding-right: 10px;
}
.blog-reading-time {
    padding-left: 10px;
}
.blog-section .load-more-btn-container {
    margin-top: 50px;
}


/* Blog page */
.blog-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.blog-card:hover {
    box-shadow: 0px 47px 47px 0px #635D7917;
}
.post-list-container .blog-card {
    position: relative;
    text-decoration: none;
    color: #ffffff;
    padding: 24px;
    background: #1C1C1C;
    border-radius: 16px;
    border: 1px solid #3a3a3a;
    height: 100%;
}
.post-list-container .blog-card .blog-category p {
    border: 1px solid #FFFFFF;
    border-radius: 50px;
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    margin-bottom: 0;
}
.post-list-container .blog-card h2 {
  font-family: "Wix Madefor Display", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
  margin-top: 12px;
}
.post-list-container .blog-card .blog-card-first {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
}
.post-list-container .blog-card .blog-card-second {
    padding: 24px 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: 100%;
}
.post-list-container .blog-card .blog-card-second p {
    margin: 0;
}
.post-list-container .blog-card .btn.btn-primary {
    padding: 15px 47px;
}
.blog-card .image-wrapper img {
    border-radius: 16px;
}
.blog-card .image-wrapper {
  position: relative;
}
.blog-card .image-wrapper .shape1 {
  position: absolute;
  bottom: 0;
  left: 0;
}
.blog-card .image-wrapper .shape2 {
  position: absolute;
  top: 0;
  right: 0;
}
.blog-card .content {
  border-radius: 0 0 10px 10px;
  padding: 15px;
  height: 100%;
}
.blog-card .content a {
  text-decoration: none;
}
.blog-card .content h2, .blog-card .content .h2 {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 15px;
}
.blog-card .content .info-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 500;
}
.blog-card .content .info-box p {
  margin: 0;
}
.blog-card .content .info-box img {
  vertical-align: baseline;
}
.blog-card .content .info-box a {
  text-decoration: none;
  color: #ea231c;
  font-weight: 500;
}

.blog-section {
  padding-top: 40px;
  position: relative;
}
.orange-shadow {
  position: absolute;
  left: 0;
  top: 25%;
  width: 450px;
  height: 535px;
  transform: translate(-75%, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
  border-radius: 50%;
  background-color: rgb(227 61 0 / .4);
  filter: blur(100px);
}
.blog-section .btns-main .btn-group {
  overflow-x: auto;
}
.blog-section .btns-main .btn-group .btn-outline-primary {
  border-color: #c2d4e0;
  color: rgba(33, 33, 33, 0.7);
  font-weight: 500;
  white-space: nowrap;
}
.blog-section .btns-main .btn-group .btn-outline-primary.active {
  color: #ea231c;
  border-color: #ea231c;
  background-color: rgba(234, 35, 28, 0.1);
}
.blog-section .btns-main .btn-group .btn-outline-primary:hover {
  background-color: transparent;
  color: #ea231c;
  border-color: #ea231c;
}
.blog-section .btns-main p {
  color: #212121;
  white-space: nowrap;
  font-weight: 500;
}
.blog-section .tab-content-main {
  margin-top: 30px;
}
.blog-section .tab-content-main .tab-content {
  display: none;
}
.blog-section .tab-content-main .tab-content.active {
  display: block;
}
/*pagination*/
.page-div nav.pagination.blog-pagination a, .page-div nav.pagination.blog-pagination span {
  border: 1px solid #FEFEFE;
  border-radius: 28px;
  padding: 15px 25px 15px 25px;
  margin: 0 5px;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  color: #CEC1F1;
  position: relative;
}
.page-div nav.pagination.blog-pagination span, .social_dropdown_wrap .social_dropdown a:hover i {
  color: #ffffff;
  font-weight: 700;
}
/*.page-div nav.pagination.blog-pagination span:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: radial-gradient(50% 84.62% at 50% 100%, #FFC24F 0%, #FF5D24 100%);
  border-radius: 28px;
  padding: 1px;
  mix-blend-mode: screen;
}*/
.page-div nav.pagination.blog-pagination a.next.page-numbers, .page-div nav.pagination.blog-pagination a.prev.page-numbers {
  display: flex;
  align-items: center;
  gap: 5px;
}


/* Blog detail page */
.blog-detail-section {
  padding-bottom: 40px;
}
.blog-detail-section .content-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #C2D4E0;
}
.blog-detail-section .content-box-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.blog-detail-section .content-box .single-box p {
  color: #212121B2;
  display: flex;
  gap: 10px;
  margin-bottom: 0;
}
.blog-detail-section .content-box .single-box p span {
  color: #ea231c;
}
.blog-detail-section .content-box .single-box .read {
  display: flex;
  gap: 7px;
}
.blog-detail-section .content-box .social-icons {
display: flex;
}
.blog-detail-section .content-box .social-icons a {
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  border-radius: 50%;
  background-color: #ffffff;
  color: #212121;
}
.blog-detail-section .content-box .social-icons a:hover {
  color: #ffffff;
  background-color: #ea231c;
}


.blog-detail-section .support-box {
  padding: 38px 54px;
  border-radius: 10px;
  position: relative;
  background: linear-gradient(98.94deg, #fff5f6 13.94%, #fff7f3 108.73%);
  overflow: hidden;
  margin: 25px 0;
}
.blog-detail-section .support-box .content {
  position: relative;
  z-index: 3;
  max-width: 70%;
}
.blog-detail-section .support-box .shape1 {
  position: absolute;
  bottom: 10%;
  left: 45%;
}
.blog-detail-section .support-box .shape2 {
  position: absolute;
  bottom: 0;
  left: 0;
}
.blog-detail-section .support-box .line2 {
  mix-blend-mode: color-dodge;
  position: absolute;
  top: 10px;
  left: 30%;
}
.blog-detail-section .support-box .line1 {
  position: absolute;
  right: 26%;
  top: 50%;
  transform: translateY(-50%);
  mix-blend-mode: color-dodge;
}
.blog-detail-section .support-box .main-img-wrap {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
}
.blog-detail-section .support-box .main-img-wrap .main-img {
  position: relative;
  z-index: 1;
}


.blog-detail-section .all-content-wrapper .support-box .support-box-heading {
  font-size: calc(1.325rem + 0.9vw);
  font-weight: 500;
  line-height: 1.2;
  margin: 0 0 8px;
  color: #212121;
}
.blog-detail-section .all-content-wrapper .support-box .support-box-heading span.red-text {
  color: #ea231c;
}
.blog-detail-section .all-content-wrapper .btn.btn-primary {
  color: #ffffff;
  font-weight: 400;
  text-decoration: unset;
}


.blog-detail-section .sticky-wrapper {
  position: sticky;
  top: 120px;
}
.blog-detail-section .box-1 {
  margin-bottom: 20px;
  line-height: 1.47;
  padding: 24px 16px;
  border: .6px solid #5c5370ad;
  border-radius: 16px;
  background: #1C1C1C;
}
.blog-detail-section .sticky-wrapper .box-1 .lwptoc {
  margin: 0;
}
.sidebar.sticky-section .lwptoc_i {
  border: unset;
  padding: 0;
}
.sidebar.sticky-section .lwptoc_header {
  line-height: 30px;
}
.sidebar.sticky-section .lwptoc .lwptoc_i .lwptoc_title {
    font-size: 24px;
    color: #ffffff;
    font-family: "Wix Madefor Display", sans-serif;
    font-weight: 500;
    margin-bottom: 24px;
    display: block;
}
.sidebar.sticky-section .lwptoc .lwptoc_i .lwptoc_item a {
  border: 0;
  border-style: solid;
  display: flex;
  gap: 7px;
  color: #ffffff;
  font-weight: 500;
  margin-bottom: 7px;
  padding: 8px;
  position: relative;
  text-decoration: none;
}
.sidebar.sticky-section .lwptoc .lwptoc_i .lwptoc_item a.active {
  border-radius: 8px;
  background: radial-gradient(50% 84.62% at 50% 100%, rgba(255, 172, 77, 0.15) 0%, rgba(255, 93, 36, 0.15) 100%);
  backdrop-filter: blur(15px);
}
.sidebar.sticky-section .lwptoc .lwptoc_i .lwptoc_item a:hover {
  background: radial-gradient(50% 84.62% at 50% 100%, rgba(255, 172, 77, 0.15) 0%, rgba(255, 93, 36, 0.15) 100%);
  backdrop-filter: blur(15px);
  border-radius: 8px;
}


.blog-detail-section .box-2 {
  background: linear-gradient(246.42deg, #FFFAFA 44.52%, #FFE5E4 116.17%);
  border-radius: 10px;
  padding: 20px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.blog-detail-section .box-2 h2, .blog-detail-section .box-2 .h2 {
  font-size: 22px;
  line-height: 1.29;
  margin-bottom: 10px;
}
.blog-detail-section .box-2 .btn {
  margin-bottom: 32px;
}
.blog-detail-section .box-2 img:not(.shape) {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  display: block;
}
.blog-detail-section .box-2 .shape {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

.blog-detail-section .blog-detail-wrapper {
    flex-direction: row-reverse;
}
.blog-detail-section .blog-detail-box {
  margin-top: 15px;
}
.blog-detail-section .all-content-wrapper p {
  color: #FFFFFFBF;
  font-size: 18px;
}
.blog-detail-section .all-content-wrapper .wp-block-heading {
  font-family: "Wix Madefor Display", sans-serif;
  font-weight: 500;
} 
.blog-detail-section .all-content-wrapper h2 {
  font-size: 28px;
  margin: 20px 0 10px;
}
.blog-detail-section .all-content-wrapper h2 strong, .blog-detail-section .all-content-wrapper h3 strong, .blog-detail-section .all-content-wrapper h4 strong {
  font-weight: 500;
}
.blog-detail-section .all-content-wrapper h3 {
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 5px;
}
.blog-detail-section .all-content-wrapper h4 {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 5px;
}
.blog-detail-section .all-content-wrapper a {
  font-weight: 600;
  color: #ffc24f;
  text-decoration: underline;
}
.blog-detail-section .all-content-wrapper ul.wp-block-list {
  margin-left: 35px !important;
  margin-bottom: 15px !important;
  list-style: disc;
}
.blog-detail-section .all-content-wrapper ul.wp-block-list li {
  margin: 10px 0;
  font-weight: 500;
  color: #FFFFFFBF;
}
.blog-detail-section .blog-detail-box ol.wp-block-list li {
    color: #FFFFFFBF;
}
.single.single-post figure.wp-block-table {
    border: 1px solid #5c5370ad;
    border-radius: 10px;
    overflow: auto;
}
.single.single-post table, .single.single-qanda .bg-orange-table table {
    margin-bottom: 0;
}
.single.single-post .wp-block-table thead {
	border: 0;
}
.single.single-post table tr th, .single.single-qanda .bg-orange-table tr th {
    background-color: #ff8e39;
    color: #fff;
    padding: 14px 18px;
    border: 0;
}
.single.single-post table tr th strong, .single.single-qanda .bg-orange-table tr th strong {
	font-weight: 600;
}
.single.single-post .wp-block-table tbody tr:nth-child(odd) {
    background: linear-gradient(56.96deg, #ffe5e4 30.29%, #eeefff 160.67%);
}
.single.single-post .wp-block-table tbody tr:nth-child(even) {
    background: #ffffff;
}
.single.single-post .wp-block-table tbody td, .single.single-qanda .bg-orange-table tbody td {
    padding: 14px 18px;
    border: 0;
    font-size: 16px;
    font-weight: 500;
    color: #0b0b0b;
}


.recent-post-container {
  padding: 20px 0 30px 0;
}
.recent-post-container h2.recent-post-title {
  font-family: "Wix Madefor Display", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 34px;
  margin-bottom: 15px;
}





/*Mega menu*/

header .dropdown .nav-link:after {
  content: '';
  display: inline-block;
  border: 0;
  background-image: url(data:image/webp;base64,UklGRnAAAABXRUJQVlA4WAoAAAAQAAAACAAABAAAQUxQSC0AAAABYBPZtpP18skYQlFO1qihjQaov42IiL2H7Gj6uJDdb9DGLbu+Gkv83wL0ZwEAVlA4IBwAAAAwAQCdASoJAAUAAQAcJaQAA3AA/vyWHD4CUAAA);
  background-size: 100%;
  background-repeat: no-repeat;
  vertical-align: 2px;
  width: 9px;
  height: 5px;
  margin-left: 10px;
  transition: all .3sease -in-out;
}
/*header.sticky-header .dropdown .nav-link:after {
  background-image: url(../images/down-arrow.svg);
}*/
header .navbar .navbar-collapse.show .nav-item .dropdown .nav-link:after {
    background-image: url(data:image/webp;base64,UklGRnAAAABXRUJQVlA4WAoAAAAQAAAACAAABAAAQUxQSC0AAAABYBPZtpP18skYQlFO1qihjQaov42IiL2H7Gj6uJDdb9DGLbu+Gkv83wL0ZwEAVlA4IBwAAAAwAQCdASoJAAUAAQAcJaQAA3AA/vyWHD4CUAAA);
}
header .mega-menu {
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 999;
}
header .mega-menu .mega-menu-container {
  background: rgb(28 28 28/1);
  box-shadow: 0 0 #0000, 0 0 #0000, 0px 2px 129px 0px #FFFFFF24;
  border-radius: 10px;
  border: 1px solid rgb(171 171 171 / .2);
}
header .mega-menu .menu-box-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}
header .mega-menu .mega-menu-left .col-xl-6:last-child .menu-box-wrapper {
  height: auto;
}
header .mega-menu .single-menu-box {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 20px;
  text-decoration: none;
  align-items: center;
  border-radius: 5px;
  height: 100%;
}
/*header .mega-menu .single-menu-box:hover {
  background: linear-gradient(90deg, rgba(255, 17, 9, 0.35) 0%, rgba(132, 20, 16, 0.2) 100%);
}*/
header .mega-menu .single-menu-box:last-of-type {
  margin-bottom: 0px;
}
header .mega-menu .third-menu-box-wrapper, header .mega-menu .second-menu-box-wrapper {
  height: auto;
}
header .mega-menu .single-menu-box .icon-box {
  width: 100%;
  position: relative;
}
header .mega-menu .single-menu-box .icon-box img {
  border-radius: 12px;
  max-height: 201px;
  width: 100%;
  object-fit: cover;
}
header .mega-menu .single-menu-box .icon-box video {
  object-position: top;
  object-fit: cover;
  display: block;
  border-radius: 12px;
}
header .mega-menu .single-menu-box a, header .mega-menu .single-menu-box span {
  color: #212121;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  text-decoration: none;
  margin-bottom: 0px;
}
header .mega-menu .single-menu-box p {
  line-height: 1.47;
  color: rgb(255 255 255 / 60%);
  margin: 0;
}
header .mega-menu .single-menu-box p.mega-box-title {
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  position: absolute;
  bottom: 9px;
  left: 14px;
  padding: 4px 8px 0 8px;
  margin: 0;
}
header .mega-menu .single-menu-box p.mega-freemium-title {
  background: radial-gradient(50% 84.62% at 50% 100%, rgb(255, 172, 77) 0%, rgb(255, 93, 36) 100%);
  padding: 4px 16px;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 12px 0 12px;
  width: 70px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
header .mega-menu .single-menu-box .icon-box .mega-box-overlay {
  position: absolute;
  background: linear-gradient(rgba(0, 0, 0, 0) 61.69%, rgb(0, 0, 0) 100%);
  inset: 0;
  border-radius: 12px;
}

header .mega-menu .mega-menu-container .mega-menu-left {
  padding: 40px;
}
header .mega-menu .higlight .menu-box-wrapper {
  padding: 25px 12px 25px 12px;
  position: relative;
  height: 100%;
}
header .mega-menu .higlight .menu-box-wrapper .right-menu-box {
  padding: 22px 22px 32px 22px;
  height: 100%;
  border-radius: 5px;
  background: url(https://sportbex.com/wp-content/uploads/2025/05/mega-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
header .mega-menu .higlight .menu-box-wrapper .right-menu-box img {
  height: 100%;
  border-radius: 5px;
}
header .mega-menu .higlight .menu-box-wrapper .right-menu-box .bottom-box2 {
  padding: 15px;
}
header .mega-menu .higlight .menu-box-wrapper .right-menu-box span.bottom-menu-title {
  color: #212121;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}
header .mega-menu .higlight .menu-box-wrapper .right-menu-box .bottom-menu-inner {
    margin-top: 20px;
}
header .mega-menu .higlight .menu-box-wrapper .right-menu-box .bottom-box2 .bottom-menu-inner p {
  color: #FFFFFF;
  font-size: 15px;
  line-height: 21px;
  text-align: left;
  margin: 8px 0 15px 0;
}
header .mega-menu .higlight .menu-box-wrapper .right-menu-box .bottom-box2 .bottom-menu-inner a {
  color: #EA231C;
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
  text-align: right;
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
}
header .dropdown.api-solutions-mega-menu .mega-menu .single-menu-box {
  gap: 14px;
}
header .dropdown.ai-video-mega-menu .mega-menu .containers {
  max-width: 300px;
}
header .dropdown.ai-image-mega-menu .mega-menu .containers {
  max-width: 1052px;
}

/*Header mobile menu bar*/
header .navbar-collapse.show .mobile-sidebar-sticky {
  position: sticky;
  top: 0;
  border-bottom: 1px solid rgb(31 41 55 / .5);
  width: 100%;
}
header .navbar-collapse.show .mobile-sidebar-sticky button.mobile-sidebar-close {
  padding: 0;
  color: #ffffff;
}
header .navbar-collapse.show .mobile-sidebar-sticky button.mobile-sidebar-close svg ,header .navbar-collapse.show .nav-link svg {
  width: 16px;
}
header .mega-menu .single-menu-box svg, header .mega-menu .single-menu-box svg path {
  width: 16px;
}
header .navbar-collapse.show .contact-side {
  width: 100%;
  border-top: 1px solid rgb(31 41 55 / .5);
}
header .navbar-collapse.show .contact-side a {
  justify-content: center;
  width: 100%;
  height: 40px;
  border-radius: 12px;
}

header .mega-menu .mega-menu-bottom {
  border-top: 1px solid rgb(171 171 171 / .2);
  margin-top: 16px;
  padding-top: 16px;
}
header .mega-menu .mega-menu-bottom .mega-bottom-title {
  display: block;
  font-size: 18px;
  font-weight: 600;
}
header .mega-menu .mega-menu-bottom a {
    color: #fb923c;
    text-decoration: unset;
}
header .mega-menu .mega-menu-bottom a .group-icon-box svg {
    width: 16px;
}
header .mega-menu .mega-menu-bottom a .group-box {
    background-color: rgb(31 41 55 / 1);
    border-radius: 12px;
}
header .mega-menu .mega-menu-bottom a .group-box:hover {
  background-color: rgb(255 255 255 / .05);
}
header .mega-menu .mega-menu-bottom a span {
    font-size: 14px;
}
header .mega-menu .mega-menu-bottom a span.bottom-free {
    font-size: 12px;
    padding: 1px 8px;
    background-color: #ea580c;
    border-radius: 50px;
    flex: 0;
}



.containers {
    max-width: 660px;
    margin: 0 auto;
}


/*Sport data api page*/
.score-api-banner {
  position: relative;
  background-color: #141A28;
  padding: 162px 0 100px;
}
.score-api-banner .shape1 {
  position: absolute;
  top: 0;
  right: 0;
  mix-blend-mode: difference;
  pointer-events: none;
}
.score-api-banner .shape2 {
  position: absolute;
  bottom: -350px;
  right: 0;
  mix-blend-mode: color-dodge;
  pointer-events: none;
}
.score-api-banner .shape3 {
  position: absolute;
  top: 0;
  left: 0;
  mix-blend-mode: color-dodge;
  pointer-events: none;
}
.score-api-banner .content {
  color: rgba(255, 255, 255, 0.7);
}
.score-api-banner .content .gredient {
  background-size: 200%;
}
.score-api-banner .content p {
  max-width: 90%;
  margin: 20px 0;
}
.score-api-banner .content p span {
  font-weight: 600;
  color: #ffffff;
}
.score-api-banner .banner-img {
  margin-right: -10%;
}
.yellow-link {
  color: #F89A20;
}
a.btn.w-nowrap.yellow-link:hover {
  color: #F89A20;
}


.real-time-data-section {
  background: linear-gradient(340.33deg, rgba(242, 243, 249, 0.5) -18.81%, #F3F1FF 128%);
}
.real-time-data-section .heading .text {
  max-width: 665px;
  margin: 8px auto 34px;
}
.real-time-data-section .nav-tabs {
  gap: 30px;
  border: 0;
}
.real-time-data-section .nav-tabs .nav-item {
  flex: 1;
}
.real-time-data-section .nav-tabs .nav-item .nav-link {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #2121214D;
  background-color: transparent;
  width: 100%;
  color: #212121;
  font-size: 18px;
  line-height: 1.45;
  font-weight: 500;
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
  position: relative;
}
.real-time-data-section .nav-tabs .nav-item .nav-link.active:after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #DF1A13 31.97%, #EB4D13 51.26%, #ED8406 76.83%);
}
.real-time-data-section .tab-content .single-card {
  border-radius: 10px;
  margin-bottom: 25px;
}
.real-time-data-section .tab-content .single-card:last-of-type {
  margin-bottom: 0;
}
.real-time-data-section .tab-content .single-card:nth-of-type(even) .row {
  flex-direction: row-reverse;
}
.real-time-data-section .tab-content .single-card .content h3, .real-time-data-section .tab-content .single-card .content .h3 {
  font-size: 26px;
  line-height: 1.45;
  font-weight: 600;
  margin-bottom: 10px;
}
.real-time-data-section .tab-content .single-card .content p {
  margin-bottom: 25px;
  color: rgba(33, 33, 33, 0.7);
  font-weight: 500;
}
.real-time-data-section .tab-content .single-card .content ul li {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 15px;
}
.real-time-data-section .tab-content .single-card .content ul li:last-of-type {
  margin-bottom: 0;
}
.real-time-data-section .tab-content .single-card .content ul li p {
  margin-bottom: 0;
  color: #212121;
  font-weight: 500;
}
.real-time-data-section .tab-content .single-card .content ul li p span {
  color: #ea231c;
}
.real-time-data-section .tab-content .single-card .card-img img {
  display: block;
  margin: 0 auto;
}

.multiple-sport-main .heading, .multiple-sport-main .heading h2 {
  margin-bottom: 0;
}
.multiple-sport-main .main-box {
   padding: 60px;
   position: relative;
}
 .multiple-sport-main .main-box::after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: calc(50% + 40px);
   background-color: #f5f3fe;
   border-radius: 15px;
}
 .multiple-sport-main .main-box .content {
   text-align: center;
   max-width: 276px;
}
 .multiple-sport-main .main-box .content .img {
   display: none;
}
 .multiple-sport-main .main-box .content h3 {
  font-size: 1.25rem;
   margin-bottom: 10px;
   font-weight: 600;
}
 .multiple-sport-main .main-box .content p {
   font-size: 18px;
   line-height: 1.45;
   font-weight: 500;
   margin: 0;
}
 .multiple-sport-main .main-box .first-row {
   display: flex;
   justify-content: space-evenly;
}
 .multiple-sport-main .main-box .second-row {
   display: flex;
   justify-content: space-between;
   margin: 20px 0;
}
 .multiple-sport-main .main-box .third-row {
   display: flex;
   justify-content: space-between;
}
 .multiple-sport-main .main-box .btn {
   margin-top: 40px;
}



.sport-data-section .cards-main {
  margin-top: 64px;
}
.sport-data-section .single-card {
  background: linear-gradient(180deg, #F9F9FB 13.99%, #FFFFFF 119.93%);
  border-radius: 10px;
  padding: 0 20px 54px;
}
.sport-data-section .single-card .card-img img {
  transform: translateY(-50%);
}
.sport-data-section .single-card .sport-data-box-title {
  margin-bottom: 0.5rem;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  color: #212121;
}

.real-time-sports-main {
  position: relative;
}
.real-time-sports-main:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(50% + 50px);
  background-color: #f5f3fe;
  border-radius: 15px;
  z-index: -1;
}
.real-time-sports-main .arrows img {
  width: 100%;
  max-width: 69%;
}
.real-time-sports-main .single-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.real-time-sports-main .single-card .head-box {
  width: -moz-fit-content;
  width: fit-content;
  outline-offset: 5px;
  margin: 0 auto;
  padding: 30px 30px 0 30px;
  border-radius: 15px 15px 0 0;
  height: 100%;
  background: #ffffff;;
}
.real-time-sports-main .single-card .head-box .real-time-head-title {
  padding-bottom: 40px;
  color: #212121;
  line-height: 1.46;
  font-size: 26px;
  font-weight: 500;
  border-radius: 5px;
  margin: 0;
  text-align: center;
}
.real-time-sports-main .single-card .line {
  display: block;
  background: linear-gradient(90deg, #c2d4e0 0%, #ffffff 100%);
  height: 63px;
  width: 1px;
  margin: 0 auto;
}
.real-time-sports-main .single-card .image-box img {
  display: block;
  margin: 0 auto;
}
.real-time-sports-main .inner-wrapper {
  max-width: 490px;
  margin: 0px auto 0 15px;
}
.real-time-sports-main .inner-wrapper .single-box {
  display: flex;
  gap: 20px;
  top: 100%;
  margin-bottom: 25px;
}
.real-time-sports-main .inner-wrapper .single-box .box-number {
  height: 44px;
  min-width: 44px;
  max-width: 44px;
  border-radius: 50%;
  background: #f5f3fe;
  display: flex;
  align-items: center;
  justify-content: center;
}
.real-time-sports-main .inner-wrapper .single-box .content {
  position: relative;
}
.real-time-sports-main .inner-wrapper .single-box .content .line {
  position: absolute;
/*    height: calc(100% - 18px);*/
  height: 78%;
  width: 1px;
  background-color: #e5e2f3;
  right: calc(100% + 42px);
  top: 43px;
}
.real-time-sports-main .inner-wrapper .single-box:last-of-type .content .line {
  display: none;
}
.real-time-sports-main .single-card .line:before, .real-time-sports-main .single-card .line:after {
  content: "";
  position: absolute;
  height: 5px;
  width: 5px;
  border-radius: 5px;
  background-color: #e5e2f3;
  transform: translateX(-40%);
}
.real-time-sports-main .single-card .line:after {
  bottom: 0;
}
.real-time-sports-main .single-card p {
  color: #212121;
  font-weight: 500;
  margin-bottom: 5.5px;
}
.real-time-sports-main .single-card span {
  color: rgba(33, 33, 33, 0.7);
}


/*solutions page*/
/*solutions Casino Api*/
.api-solution-main .solution-main {
  margin-top: 15px;
}
.api-solution-main .solution-main .single-row {
  border-top: 1px solid #c2d4e0;
  padding: 40px 0;
  line-height: 1.45;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.api-solution-main .solution-main .single-row:last-of-type {
  border-bottom: 1px solid #c2d4e0;
}
.api-solution-main .solution-main .single-row .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  width: 80%;
  gap: 5px 10px;
}
.api-solution-main .solution-main .single-row .img {
  text-align: center;
  width: 20%;
}
.api-solution-main .solution-main .single-row .api-solution-box-title {
  width: 36%;
  margin: 0;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.2;
  color: #212121;
}
.api-solution-main .solution-main .single-row p {
  margin: 0;
  width: 64%;
}

.use-case-main .arrow {
  margin: 0 auto;
  max-width: 88%;
}
.use-case-main .cards-main {
  display: flex;
  gap: 20px;
}
.use-case-main .cards-main .single-card {
  width: calc(14.28% - 10px);
}
.use-case-main .cards-main .single-card .img-main {
  border-radius: 9px;
  border: 1px solid rgba(141, 206, 246, 0.15);
  padding: 9px;
  height: 165px;
}
.use-case-main .cards-main .single-card .img-main .img-wrapper {
  border-radius: 8px;
  border: 1px solid rgba(194, 195, 207, 0.5);
  padding: 10px;
  height: 100%;
}
.use-case-main .cards-main .single-card .img-main .img-wrapper .wrap {
  height: 100%;
  box-shadow: 0px 3.78px 7.55px 0px rgba(46, 95, 148, 0.1019607843);
  background-color: #ffffff;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
}


.use-case-cricket-main.solution-use-case-cricket-main {
  padding-bottom: 100px;
}
.solution-use-case-cricket-main .row.justify-content-center, .solution-use-case-cricket-main .btn-container  {
  background: linear-gradient(142.6deg, rgba(242, 243, 249, 0) -38.74%, #F3F1FF 84.37%);
}
.solution-use-case-cricket-main .heading, .solution-use-case-cricket-main .heading h2 {
  margin-bottom: unset;
}
.use-case-cricket-main .single-card:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 4px;
  background: #F89A20;
  top: 0;
  left: 0;
  right: 0;
}
.use-case-cricket-main .single-card {
  position: relative; 
  overflow: hidden;
}


/*solutions Sports Betting Api*/
.real-time-banner {
  overflow: hidden;
}
.real-time-banner .banner-image {
  position: absolute;
  bottom: 2%;
  right: 0;
  max-width: 46%;
}

.sport-betting-api-section .box-main {
  position: relative;
  padding: 31px 23px 23px 45px;
  overflow: hidden;
}
.sport-betting-api-section .box-main .bg {
  position: absolute;
  bottom: 0;
  right: 0;
}
.sport-betting-api-section .btn.btn-secondary {
  margin-top: 40px;
}

.our-betting-api-main .arrow img {
  display: block;
  margin: 0 auto 10px;
  width: 100%;
  max-width: 82%;
}
.our-betting-api-main .card-main {
  display: flex;
  gap: 20px;
}
.our-betting-api-main .card-main .single-card {
  width: calc(20% - 10px);
  text-align: center;
  display: flex;
  flex-direction: column;
}
.our-betting-api-main .card-main .single-card .img {
  margin: auto 0;
}
.our-betting-api-main .card-main .single-card p {
  margin: 0;
  margin-top: 10px;
  color: #212121;
  font-weight: 500;
}

.why-choose-sportsbook .heading p {
  max-width: 595px;
  margin: 0 auto;
}
.why-choose-sportsbook .wrapper {
  background-color: #f5f3fe;
  border-radius: 15px;
  padding: 35px 26px 0 50px;
}
.why-choose-sportsbook .wrapper .inner-wrapper {
  background-color: #fff;
  border-radius: 15px 15px 0 0;
  padding: 40px;
}
.why-choose-sportsbook .wrapper .inner-wrapper .single-box {
  display: flex;
  gap: 26px;
  top: 100%;
  margin-bottom: 40px;
}
.why-choose-sportsbook .wrapper .inner-wrapper .single-box .img {
  height: 64px;
  min-width: 64px;
  max-width: 64px;
  border-radius: 50%;
  background: #f5f3fe;
  display: flex;
  align-items: center;
  justify-content: center;
}
.why-choose-sportsbook .wrapper .inner-wrapper .single-box .img img {
  max-width: 40px;
}
.why-choose-sportsbook .wrapper .inner-wrapper .single-box .content {
  position: relative;
}
.why-choose-sportsbook .wrapper .inner-wrapper .single-box .content p {
  margin-bottom: 0;
}
.why-choose-sportsbook .wrapper .inner-wrapper .single-box .content .why-choose-box-title {
  font-size: 22px;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: #212121;
}
.why-choose-sportsbook .wrapper .inner-wrapper .single-box .content .line {
  position: absolute;
  height: calc(100% - 23px);
  width: 1px;
  background-color: #e5e2f3;
  right: calc(100% + 58px);
  top: 64px;
}
.why-choose-sportsbook .wrapper .inner-wrapper .single-box .content .line::after, .why-choose-sportsbook .wrapper .inner-wrapper .single-box .content .line::before {
  content: "";
  position: absolute;
  height: 5px;
  width: 5px;
  border-radius: 5px;
  background-color: #e5e2f3;
  transform: translateX(-40%);
}
.why-choose-sportsbook .wrapper .inner-wrapper .single-box .content .line::after {
  bottom: 0;
}
.why-choose-sportsbook .wrapper .inner-wrapper .single-box:last-of-type {
  margin-bottom: 0;
}
.why-choose-sportsbook .wrapper .inner-wrapper .single-box:last-of-type .content .line {
  display: none;
}

.benefit-card-main .single-card {
  display: flex;
  gap: 10px;
  padding: 30px 20px;
  border-radius: 10px;
  background: linear-gradient(90deg, #f7f7f9 0%, #ffffff 160.38%);
  margin-bottom: 15px;
}
.benefit-card-main .single-card:last-of-type {
  margin-bottom: 0;
}
.benefit-card-main .single-card img {
  min-width: 48px;
}
.benefit-card-main .single-card p {
  margin: 0;
}
.benefit-card-main .single-card h3 {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  color: #212121;
  font-size: 18px;
  line-height: 1.2;
}

.integration-main {
  background: linear-gradient(142.6deg, rgba(242, 243, 249, 0) -38.74%, #F3F1FF 84.37%);
}
.integration-main .features-grid .feature-card:nth-child(n+5):nth-child(-n+7)::after {
  background: linear-gradient(to top, rgba(224, 224, 224, 0.1), rgb(209 198 198));
}
.features-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.features-grid .feature-card {
  padding: 25px;
  position: relative;
}
.features-grid .feature-card:not(:nth-child(4n)) {
  border-right: none;
  position: relative;
}
.features-grid .feature-card:not(:nth-child(4n))::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(to bottom, rgba(224, 224, 224, 0.1), rgba(224, 224, 224, 0.8));
}
.features-grid .feature-card:nth-child(n+5):nth-child(-n+7)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background: linear-gradient(to top, rgba(224, 224, 224, 0.1), rgba(224, 224, 224, 0.8));
  z-index: -1;
}
.features-grid .feature-card:nth-child(-n+4) {
  border-bottom: none;
  position: relative;
}
.features-grid .feature-card:nth-child(-n+4)::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(to right, rgba(224, 224, 224, 0.1019607843), rgba(224, 224, 224, 0.8));
}
.features-grid .feature-card:nth-child(4)::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(to left, rgba(224, 224, 224, 0.1019607843), rgba(224, 224, 224, 0.8));
}
.features-grid .feature-card:nth-child(2)::before, .features-grid .feature-card:nth-child(3)::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: rgba(224, 224, 224, 0.8);
}
.features-grid .feature-card .feature-title {
  font-weight: 500;
  font-size: 18px;
  margin: 15px 0 10px;
}
.features-grid .feature-card .feature-description {
  line-height: 1.49;
  font-weight: 500;
  margin: 0;
  font-size: 15.5px;
}


/*.page-id-3379 .why-choose-us-main,  cricket-api*/
.postid-1947 .api-integration-main { /*sports-betting-api*/
  padding-bottom: 50px;
}
.page-id-3379 .features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.page-id-3379 .features-grid .feature-card {
  padding: 25px;
  position: relative;
  text-align: center;
}
.page-id-3379 .features-grid .feature-card:nth-child(3):after, .features-grid .feature-card:last-child:after {
  content: none !important;
}
.page-id-3379 .features-grid .feature-card:nth-child(4):after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(to top, rgba(224, 224, 224, 0.1), rgba(224, 224, 224, 0.8));
  z-index: -1;
}
.page-id-3379 .features-grid .feature-card:nth-child(4)::before {
  content: unset;
}
.page-id-3379 .faq-section, 
.page-id-3387 .faq-section, 
.page-id-3392 .faq-section, 
.page-id-4170 .faq-section, 
.page-id-4361 .faq-section,
.page-id-5022 .faq-section,
.page-id-5293 .faq-section,
.page-id-5559 .faq-section,
.page-id-2900 .faq-section,
.page-id-6077 .faq-section,
.page-id-6355 .faq-section,
.page-id-6701 .faq-section,
.page-id-6856 .faq-section,
.page-id-6975 .faq-section,
.single-solutions .faq-section {
  background: linear-gradient(106.34deg, rgba(242, 243, 249, 0) -0.33%, #F3F1FF 64.62%);
}
.page-id-3379 .faq-section .accordion .accordion-item .accordion-header .accordion-button, 
.page-id-3387 .faq-section .accordion .accordion-item .accordion-header .accordion-button, 
.page-id-3392 .faq-section .accordion .accordion-item .accordion-header .accordion-button, 
.page-id-4170 .faq-section .accordion .accordion-item .accordion-header .accordion-button, 
.page-id-4361 .faq-section .accordion .accordion-item .accordion-header .accordion-button, 
.page-id-5022 .faq-section .accordion .accordion-item .accordion-header .accordion-button, 
.page-id-5293 .faq-section .accordion .accordion-item .accordion-header .accordion-button, 
.page-id-5559 .faq-section .accordion .accordion-item .accordion-header .accordion-button, 
.page-id-2900 .faq-section .accordion .accordion-item .accordion-header .accordion-button, 
.page-id-6077 .faq-section .accordion .accordion-item .accordion-header .accordion-button, 
.page-id-6355 .faq-section .accordion .accordion-item .accordion-header .accordion-button, 
.page-id-6701 .faq-section .accordion .accordion-item .accordion-header .accordion-button, 
.page-id-6856 .faq-section .accordion .accordion-item .accordion-header .accordion-button, 
.page-id-6975 .faq-section .accordion .accordion-item .accordion-header .accordion-button, 
.single-solutions .faq-section .accordion .accordion-item .accordion-header .accordion-button {
  background-color: #ffffff;
}
.page-id-3392 .cta-section-main {
  padding-bottom: 100px;
}
.page-id-3392 .cta-section-main .wrapper {
    background: url(https://sportbex.com/wp-content/uploads/2025/04/cta-bg.png), conic-gradient(from 171.24deg at 50% 100%, #FFFFFF 0deg, #E4DEFF 360deg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.page-id-3392 .cta-section-main .wrapper .img {
    position: absolute;
    bottom: -100px;
    right: 0;
}


/*Service page*/
/*Service Cricket api page*/
.page-id-3379 .volleyball-about-main .main-box .img {
  margin: -45px -290px 0 0;
}
.page-id-3379 .volleyball-about-main .main-box .content {
  border: 1px solid #bed0ea;
  background: linear-gradient(142.6deg, rgba(242, 243, 249, 0) -38.74%, #F3F1FF 84.37%);
}
.page-id-3379 .baseball-about-main {
  background: #ffffff;
}
.why-choose-us-main .heading p {
  max-width: 700px;
  margin: 0 auto;
}
.why-choose-inner-container {
  background: linear-gradient(340.33deg, rgba(242, 243, 249, 0.5) -18.81%, #F3F1FF 128%);
  border-radius: 15px;
  padding: 60px 60px 35px 60px;
}
.why-choose-us-main .features-grid {
  padding: 30px;
  background: linear-gradient(180deg, #fafafc 0%, #ffffff 100%);
  border-radius: 15px;
}
.why-choose-us-main .features-grid .feature-card::after, .why-choose-us-main .features-grid .feature-card::before {
  z-index: 1 !important;
}
.why-choose-us-main .features-grid .feature-card .img {
  transform: scale(1.5);
  position: relative;
  z-index: 2;
}

.use-case-cricket-main .slick-list.draggable {
  overflow: visible;
}
.use-case-cricket-main .slick-track {
  display: flex;
}
.use-case-cricket-main .navigation {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: center;
}
.use-case-cricket-main .navigation button {
  background-color: rgba(194, 195, 207, 0.2);
  height: 45px;
  width: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  position: relative;
}
.use-case-cricket-main .navigation button:hover {
  background: linear-gradient(180deg, #e30613 0%, #95060f 100%);
}
.use-case-cricket-main .navigation button:hover svg path {
  stroke: #ffffff;
}
.use-case-cricket-main .navigation button:active {
  border-color: transparent;
}
.use-case-cricket-main .navigation button::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 215px;
  height: 3px;
  background: linear-gradient(90deg, rgba(243, 243, 245, 0) 0%, #F3F3F5 100%);
  border-radius: 10px;
}
.use-case-cricket-main .navigation button.next::after {
  background: linear-gradient(270deg, rgba(243, 243, 245, 0) 0%, #F3F3F5 100%);
  left: calc(100% + 15px);
}
.use-case-cricket-main .navigation button.prev::after {
  right: calc(100% + 15px);
}
.use-case-cricket-main .use-betting-slider {
   padding-bottom: 30px;
   overflow: visible;
}
.use-case-cricket-main .single-card {
  display: flex;
  flex-direction: column;
  height: unset;
  background: linear-gradient(341.2deg, rgba(242, 243, 249, 0) 15.47%, #F3F1FF 128.88%);
  padding: 10px 14px 20px;
  margin-right: 25px;
  border-radius: 10px;
}
.use-case-cricket-main .single-card .img {
  flex: 1;
  display: flex;
}
.use-case-cricket-main .single-card .img img {
  display: block;
  margin: auto;
}
.use-case-cricket-main .single-card .cricket-slider-title {
  font-size: 19px;
  font-weight: 500;
  line-height: 28px;
  color: #212121;
  margin: 20px 0 0;
  text-align: center;
  min-height: 2lh;
}
.swiper-scrollbar {
   opacity: 1 !important;
   background-color: rgba(213, 213, 229, 0.2);
}
 .swiper-scrollbar .swiper-scrollbar-drag {
   background-color: #ea231c;
}

.center-use-case-cricket-main .container {
  max-width: 1600px;
}
.centered-slider-wrap {
  padding: 45px 0 24px;
  position: relative;
}
.centered-slider-wrap::after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 100%;
  background-color: #F7F7F9;
  border-radius: 0 0 10px 10px;
  z-index: -1;
}
.centered-slider-wrap .slick-list.draggable {
  overflow: hidden;
}
.centered-slider-wrap .slick-list.draggable .single-card {
  background: #ffffff;
}
.centered-slider-wrap .navigation {
  margin-top: 24px;
}
.centered-slider-wrap .navigation button {
  background-color: #ffffff;
}
.centered-slider-wrap .navigation button::after {
  display: none;
}


.cricket-api-deliver-main .api-deliver-card {
  display: flex;
  gap: 60px;
  background: linear-gradient(340.33deg, rgba(242, 243, 249, 0.5) -18.81%, #F3F1FF 128%);
  border: 1px solid #e2e2e2;
  border-radius: 15px;
  padding: 32px 55px 0 55px;
}
.cricket-api-deliver-main .api-deliver-content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 35px;
  padding-top: 55px;
}
.cricket-api-deliver-main .api-deliver-content h2 {
  font-size: 36px;
}
.api-deliver-list ul {
  display: flex;
  gap: 22px;
}
.api-deliver-list ul li {
  position: relative;
  display: inline-block;
  color: #212121b3;
  font-size: 20px;
}
.api-deliver-list ul li:before {
  content: '';
  background: #212121b3;
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 12px;
  left: -14px;
  border-radius: 50px;
}
.api-deliver-list ul li:first-child:before {
  content: unset;
}


/*service Socces Api page*/
.soccer-betting-api-main {
    background: linear-gradient(142.6deg, rgba(242, 243, 249, 0) -38.74%, #F3F1FF 84.37%);
}
.soccer-betting-api-main .main-wrapper .card-main {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 24px 0;
}
.soccer-betting-api-main .main-wrapper .card-main .item {
  padding: 0 12px;
  width: 20%;
  flex: 0 0 20%;
}
.soccer-betting-api-main .main-wrapper .card-main .single-card {
  padding: 30px 15px 40px;
  border-radius: 5px;
  border-top: 5px solid #ea231c;
  background: linear-gradient(340.37deg, rgba(255, 255, 255, 0) 16.01%, #FFFFFF 86.62%);
}
.soccer-betting-api-main .main-wrapper .card-main .single-card .img {
  margin-bottom: 10px;
}
.soccer-betting-api-main .main-wrapper .card-main .single-card .soccer-betting-box-title {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
  color: #212121;
}
.soccer-betting-api-main .main-wrapper .card-main .single-card p {
  margin: 0;
}

.soccer-top-feature-main .main .img {
  position: relative;
  z-index: 1;
}
.soccer-top-feature-main .main .img img {
  width: 100%;
}
.soccer-top-feature-main .main .left .single-box {
  margin-left: auto;
  margin-right: 100px;
  justify-content: end;
}
.soccer-top-feature-main .main .left .single-box p {
  background: linear-gradient(270deg, #f7f7f9 0%, #ffffff 100%);
  text-align: right;
}
.soccer-top-feature-main .main .left .single-box .line {
  left: 101%;
}
.soccer-top-feature-main .main .left .single-box:first-of-type .line {
  top: 35%;
  border-width: 1px 1px 0 0;
  width: 70px;
  height: 35px;
  transform: skewX(45deg) translate(3px, 10px);
}
.soccer-top-feature-main .main .left .single-box:first-of-type .line::after {
  transform: skew(-45deg) translate(-50%, -50%);
}
.soccer-top-feature-main .main .left .single-box:nth-of-type(2) .line {
  border-width: 1px 0 0 0;
  width: 100px;
}
.soccer-top-feature-main .main .left .single-box:nth-of-type(2) .line::after {
  transform: translate(-50%, -50%);
}
.soccer-top-feature-main .main .left .single-box:last-of-type .line {
  top: 5%;
  border-width: 0 1px 1px 0;
  width: 68px;
  height: 34px;
  transform: skewX(-45deg) translateX(15px);
}
.soccer-top-feature-main .main .left .single-box:last-of-type .line::after {
  bottom: 0;
  transform: skew(45deg) translate(-50%, 50%);
}
.soccer-top-feature-main .main .right .single-box {
  margin-left: 100px;
}
.soccer-top-feature-main .main .right .single-box .line {
  right: 101%;
}
.soccer-top-feature-main .main .right .single-box p {
  background: linear-gradient(90deg, #f7f7f9 0%, #ffffff 100%);
}
.soccer-top-feature-main .main .right .single-box:first-of-type .line {
  top: 35%;
  border-width: 1px 0 0 1px;
  width: 70px;
  height: 35px;
  transform: skewX(-45deg) translate(-3px, 10px);
}
.soccer-top-feature-main .main .right .single-box:first-of-type .line::after {
  right: 0;
  transform: skew(45deg) translate(50%, -50%);
}
.soccer-top-feature-main .main .right .single-box:nth-of-type(2) .line {
  border-width: 1px 0 0 0;
  width: 100px;
}
.soccer-top-feature-main .main .right .single-box:nth-of-type(2) .line::after {
  right: 0;
  transform: translate(50%, -50%);
}
.soccer-top-feature-main .main .right .single-box:last-of-type .line {
  top: 5%;
  border-width: 0 0 1px 1px;
  width: 68px;
  height: 34px;
  transform: skewX(45deg) translateX(-15px);
}
.soccer-top-feature-main .main .right .single-box:last-of-type .line::after {
  bottom: 0;
  right: 0;
  transform: skew(-45deg) translate(50%, 50%);
}
.soccer-top-feature-main .main .line {
  display: block;
  border-color: #dadbeb;
  border-style: solid;
  position: absolute;
}
.soccer-top-feature-main .main .line::after {
  content: "";
  position: absolute;
  height: 5px;
  width: 5px;
  border-radius: 5px;
  background-color: #dadbeb;
}
.soccer-top-feature-main .main .single-box {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  position: relative;
}
.soccer-top-feature-main .main .single-box.bottom {
  justify-content: center;
  margin-top: 38px;
}
.soccer-top-feature-main .main .single-box.bottom p {
  text-align: center;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 12px 43px;
  background: linear-gradient(90deg, #ffffff 0%, #f7f7f9 45.5%, #ffffff 98.5%);
}
.soccer-top-feature-main .main .single-box.bottom .line {
  height: 33px;
  border-width: 0 0 0 1px;
  bottom: 101%;
}
.soccer-top-feature-main .main .single-box.bottom .line::after {
  bottom: 0;
  transform: translate(-50%, 50%);
}
.soccer-top-feature-main .main .single-box p {
  padding: 8px 20px;
  width: 100%;
  max-width: 200px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
  margin: 0;
  color: #212121;
}
.soccer-top-feature-main .main .single-box:last-of-type {
  margin-bottom: 0;
}


.service-top-feature-main .container .row {
  padding: 0 50px;
}
.service-top-feature-main .service-img-container {
  background: #F5F3FE;
  padding: 30px 25px 48px 25px;
  border-radius: 15px;
}
.service-top-feature-main .main .single-box {
  margin-bottom: 20px;
  display: flex;
  gap: 10px;
  position: relative;
}
.service-top-feature-main .main .img {
  position: relative;
  z-index: 1;
}
.service-top-feature-main .main .img img {
  width: 100%;
}
.service-top-feature-main .main .single-box .box-number {
  height: 50px;
  min-width: 50px;
  max-width: 50px;
  border-radius: 50%;
  background: #f5f3fe;
  display: flex;
  align-items: center;
  justify-content: center;
}
.service-top-feature-main .main .single-box .content {
  position: relative;
  display: flex;
  align-items: center;
}
.service-top-feature-main .main .single-box span.line {
  position: absolute;
  height: calc(100% - 28px);
  width: 1px;
  background-color: #e5e2f3;
  right: calc(100% + 35px);
  top: 48px;
}
.service-top-feature-main .main .single-box .line::before, .service-top-feature-main .main .single-box .line::after {
  content: "";
  position: absolute;
  height: 5px;
  width: 5px;
  border-radius: 5px;
  background-color: #e5e2f3;
  transform: translateX(-40%);
}
.service-top-feature-main .main .line::after {
  bottom: 0;
}
.service-top-feature-main .main .single-box .content h3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
  margin: 0;
  color: #212121;
}
.service-top-feature-main .main .inner-wrapper .single-box:last-of-type .content .line{
  display: none;
}



.soccer-use-case-main .wrapper {
  padding: 40px 80px;
  background-color: #f9f9fb;
  position: relative;
}
.soccer-use-case-main .wrapper .bg {
  position: absolute;
  bottom: 0;
  right: 0;
}
.soccer-use-case-main .wrapper .row {
  position: relative;
  z-index: 2;
}
.soccer-use-case-main .wrapper .single-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-align: center;
  padding: 20px;
  border-radius: 10px;
  background-color: #ffffff;
}
.soccer-use-case-main .wrapper .single-card .img {
  flex: 1;
}
.soccer-use-case-main .wrapper .single-card .img .img {
  display: block;
  margin: auto;
}
.soccer-use-case-main .wrapper .single-card .soccer-use-box-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  margin: 15px 0 0;
  color: #212121;
}


.soccer-why-choose-main {
  background: linear-gradient(142.6deg, rgba(242, 243, 249, 0) -38.74%, #F3F1FF 84.37%);
}
.soccer-why-choose-main .cards-wrapper {
  padding: 0 60px;
  margin-top: 15px;
}
.soccer-why-choose-main .cards-wrapper .single-card {
  max-width: 90%;
  background: #FFFFFF;
}
.soccer-why-choose-main .cards-wrapper .col-12 .img {
  margin-left: -40px;
  margin-top: 30px;
}


/*service Basketball Api page*/
.basketball-api-sol-main {
   background: linear-gradient(142.6deg, rgba(242, 243, 249, 0) -38.74%, #f3f1ff 84.37%);
   padding: 100px 0;
}
.basketball-api-sol-main .row {
   gap: 24px 0;
}
.basketball-api-sol-main .single-card {
   padding: 25px;
   border-radius: 10px;
   border: 1px solid #ddeafd;
   background-color: #fff;
   line-height: 1.45;
}
.basketball-api-sol-main .single-card .head {
   display: flex;
   align-items: center;
   padding-bottom: 12px;
   border-bottom: 1px solid #ddeafd;
   gap: 15px;
}
.basketball-api-sol-main .single-card .head .basketball-betting-box-title {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 0;
  color: #212121;
}
.basketball-api-sol-main .single-card p {
   margin: 10px 0 0;
   font-size: 18px;
   padding: 0 5px;
}


.bask-top-feat-main .wrapper {
   margin-top: 60px;
   position: relative;
}
.bask-top-feat-main .wrapper::after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 50%;
   background: linear-gradient(142.6deg, rgba(242, 243, 249, 0) -38.74%, #f3f1ff 84.37%);
}
.bask-top-feat-main ul {
   padding: 75px 0;
}
.bask-top-feat-main ul li {
   display: flex;
   gap: 15px;
   margin-bottom: 40px;
}
.bask-top-feat-main ul li:last-of-type {
   margin-bottom: 0;
}
.bask-top-feat-main ul li .basketball-top-feat-box-title {
   font-size: 22px;
   font-weight: 500;
   line-height: 1.2;
   margin-bottom: 0;
   color: #212121;
}
.bask-top-feat-main .img {
   padding: 85px 24px;
   background-color: #fff;
   margin: 0 -60px;
}


.new-slider-main {
   background: linear-gradient(340.33deg, rgba(242, 243, 249, 0.5) -18.81%, #f3f1ff 128%);
   margin-top: 100px;
}
.new-slider-main .slider-container {
   max-width: 1546px;
   padding: 0 12px;
   margin: 0 auto;
}
.new-slider .single-card {
   background-color: #fff;
   border-radius: 10px;
   display: flex;
   flex-direction: column;
   margin-top: auto;
   padding-top: 30px;
}
.new-slider .single-card .img {
   margin: auto auto 24px;
   height: 175px;
}
.new-slider .single-card .img img {
   height: 100%;
}
.new-slider .single-card.swiper-slide-active {
   padding-top: 90px;
}
.new-slider .single-card.swiper-slide-prev, .new-slider .single-card.swiper-slide-next {
   padding-top: 60px;
}
.new-slider .single-card .new-slider-box-title {
   font-size: 19px;
   font-weight: 500;
  line-height: 1.2;
   margin-bottom: 24px;
   color: #212121;
}
.new-nav {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 12px;
   margin-top: 40px;
}
.new-nav .btn {
   height: 45px;
   width: 45px;
   padding: 0;
   border: 0;
   border-radius: 50%;
   background-color: #fff;
}
.new-nav .btn svg path {
   transition: all 0.2s ease-in-out;
}
.new-nav .btn:hover {
   background-color: #f89a20;
}
.new-nav .btn:hover svg path {
   stroke: #fff;
}


.why-choose-bask .single-card {
   position: relative;
   padding: 55px 0 35px 65px;
   line-height: 1.45;
   height: 100%;
}
.why-choose-bask .single-card .shape {
   position: absolute;
   top: 50%;
   left: 0;
   transform: translate(-10%, -50%);
   height: 100%;
}
.why-choose-bask .single-card .img {
   margin-bottom: 15px;
}
.why-choose-bask .single-card .why-choose-bask-box-title {
   margin-bottom: 15px;
   font-size: 22px;
   font-weight: 600;
   line-height: 1.2;
   color: #212121;
}
.why-choose-bask .single-card p {
   margin-bottom: 0;
   font-size: 18px;
   opacity: 0.7;
}


/*service Tennis Api page*/
.tennis-api-main {
    background: linear-gradient(142.6deg, rgba(242, 243, 249, 0) -38.74%, #F3F1FF 84.37%);
}
.tennis-api-main .single-card {
   background: linear-gradient(140.43deg, rgba(243, 241, 255, 0.3) -1.26%, rgba(255, 245, 233, 0.3) 31.53%, rgba(209, 217, 249, 0.3) 49.66%, rgba(232, 210, 235, 0.3) 69.7%, rgba(251, 239, 250, 0.3) 110.55%);
   border-radius: 10px;
   border: 1px solid #e3e3f0;
   padding: 11px;
   height: 100%;
}
.tennis-api-main .single-card .wrapper {
   background-color: #fff;
   border-radius: 10px;
   padding: 24px 15px 15px;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}
.tennis-api-main .single-card .tennis-api-box-title {
   font-size: 22px;
   font-weight: 600;
   margin: 0;
}
.tennis-api-main .single-card p {
   font-size: 18px;
   margin: 0;
}
.tennis-api-main .single-card .img {
   margin: 6px 0 0 auto;
   width: fit-content;
}
.tennis-api-main .single-card .line {
   height: 3px;
   border-radius: 5px;
   background-color: #f89a20;
   margin: 5px 0 15px;
   width: 35px;
}
.tennis-api-main .row .col-12 {
   margin-bottom: 30px;
}
.tennis-api-main .row .col-12:nth-of-type(even) {
   position: relative;
   top: 50px;
}


.tennis-top-feat-main {
  padding: 100px 0;
}
.tennis-top-feat-main .banner-img {
    filter: drop-shadow(6.58px 23.03px 24.13px rgba(90, 104, 199, 0.09));
}
.tennis-top-feat-main .single-box {
   margin-top: -26px;
}
.tennis-top-feat-main .single-box:first-of-type {
   margin-top: 0;
}
.tennis-top-feat-main .single-box:nth-child(even) {
   margin-left: 60px;
}
.tennis-top-feat-main .single-box:nth-child(even) .img {
   transform: rotateY(180deg);
   margin-left: -6px;
}
.tennis-top-feat-main .single-box:nth-child(3) .card-wrapper {
   gap: 50px;
}
.tennis-top-feat-main .single-box .card-wrapper {
   display: flex;
   align-items: center;
   gap: 10px;
}
.tennis-top-feat-main .single-box .number {
   height: 51px;
   min-width: 51px;
   border-radius: 50%;
   background-color: #fff;
   border: 5px solid #f5f4fe;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #ea231c;
   font-weight: 500;
   font-size: 22px;
}
.tennis-top-feat-main .single-box .tennis-top-box-title {
   font-size: 18px;
   line-height: 1.45;
   margin: 0;
   max-width: 186px;
   display: -webkit-box;
   overflow: hidden;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   text-overflow: ellipsis;
}
.tennis-top-feat-main .single-box .img {
   margin-left: 26px;
   width: fit-content;
}
.tennis-top-feat-main .single-box:last-child img {
  display: none;
}
.tennis-top-feat-main .wrapper {
   position: relative;
   padding: 50px 0 65px;
}
.tennis-top-feat-main .wrapper::after {
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   height: 100%;
   width: 56%;
   background: #f6f6fd;
}
.tennis-top-feat-main .tennis-top-feat-btn {
  margin-top: 35px;
}

/*.get-instant-main {
   padding: 110px 0;
}*/
.get-instant-main .main-box {
   display: flex;
   justify-content: space-between;
}
.get-instant-main .main-box .single-box {
   max-width: 260px;
   text-align: center;
   line-height: 1.45;
   position: relative;
}
.get-instant-main .main-box .single-box::after {
   content: "";
   position: absolute;
   top: 130px;
   left: 98%;
   width: 100%;
   height: 1px;
   background-image: linear-gradient(to right, #212121 25%, transparent 25%, transparent 50%, #212121 50%, #212121 75%, transparent 75%);
    background-size: 18px 1px;
/*   border-top: 1px dashed #212121;*/
}
.get-instant-main .main-box .single-box:last-of-type::after {
   display: none;
}
.get-instant-main .main-box .single-box .img {
   margin-bottom: -25px;
   position: relative;
   z-index: 2;
}
.get-instant-main .main-box .single-box .head {
   font-weight: 600;
   width: 235px;
   border: 4px solid #f4f3fe;
   outline: 2px solid #f4f3fe;
   outline-offset: 4px;
   padding: 22px 0;
   border-radius: 30px;
   margin: 0 auto 35px;
   position: relative;
   background-color: #fff;
}
.get-instant-main .main-box .single-box .head::after {
   content: "";
   position: absolute;
   top: 0%;
   left: 50%;
   transform: translate(-50%, -10px);
   height: 3px;
   width: 81%;
   background-color: #212121;
   border: solid #fff;
   border-width: 1px 5px 1px 5px;
}
.get-instant-main .main-box .single-box .head::before {
   content: "";
   position: absolute;
   bottom: 0%;
   left: 50%;
   transform: translate(-50%, 9px);
   height: 1px;
   width: 81%;
/*   border-top: 1px dashed #212121;*/
  background-image: radial-gradient(circle, #212121 20%, transparent 20%);
  background-size: 8px 1px;
   border-left: 5px solid #fff;
   border-right: 5px solid #fff;
}
.get-instant-main .main-box .single-box .head .get-instant-box-title {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 0;
  color: #212121;
}
.get-instant-main .main-box .single-box p {
   font-size: 18px;
   margin: 0;
}
.page-id-4361 .get-instant-main {
  padding: 100px 0;
}


.why-choose-tennis-main {
   padding: 110px 0;
}
.why-choose-tennis-main .wrapper {
   padding: 60px 105px;
   background: linear-gradient(100.82deg, rgba(242, 243, 249, 0.2) -8.58%, #f3f1ff 133.12%);
   border-radius: 15px;
   position: relative;
   margin-top: 50px;
}
.why-choose-tennis-main .main-img {
   position: absolute;
   bottom: -10px;
   right: -190px;
}
.why-choose-tennis-main .first-row {
   display: flex;
   justify-content: space-between;
   position: relative;
   z-index: 1;
   align-items: end;
}
.why-choose-tennis-main .second-row {
   display: flex;
   justify-content: space-evenly;
   position: relative;
   z-index: 1;
   margin-top: -16px;
}
.why-choose-tennis-main .single-card {
   max-width: 225px;
   text-align: center;
}
.why-choose-tennis-main .single-card .why-choose-tennis-box-title {
  font-size: 1.25rem;
   margin: 0 25px 10px;
   display: -webkit-box;
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   color: #212121;
}
.why-choose-tennis-main .single-card p {
   font-weight: 600;
   display: -webkit-box;
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
}
.why-choose-tennis-main .seprator {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 100%;
}
.why-choose-tennis-main .seprator img {
   width: 100%;
}
.page-id-4170 .cta-section-main .wrapper {
  margin-top: 180px;
  background: url(https://sportbex.com/wp-content/uploads/2025/05/tennis-cta-bg.webp), conic-gradient(from 171.24deg at 50% 100%, #FFFFFF 0deg, #E4DEFF 360deg);
  background-size: cover;
  background-position: 100% 100%;
  background-repeat: no-repeat;
}
.page-id-4170 .cta-section-main .wrapper .img {
  right: 75px;
}


.tennis-api-offering .single-card {
  background: linear-gradient(90deg, #F7F7F9 0%, #FFFFFF 160.38%);
  padding: 20px;
  padding-right: 24px;
  border-radius: 10px;
  display: flex;
  gap: 10px;
  width: calc(100% - 50px);
  margin-bottom: 15px;
  position: relative;
}
.tennis-api-offering .single-card .arrow {
  position: absolute;
  top: 50%;
  width: 55px;
  border-style: solid;
  border-color: #DADBEB;
  border-width: 1px 0 0 0;
  left: 100%;
}
.tennis-api-offering .single-card .arrow::before {
  content: "";
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  height: 5px;
  width: 5px;
  background-color: #DADBEB;
  border-radius: 50%;
}
.tennis-api-offering .single-card:first-of-type .arrow {
  border-width: 1px 1px 0 0;
  height: 150%;
}
.tennis-api-offering .single-card:first-of-type .arrow::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 100%;
  height: 1px;
  width: 30px;
  background-color: #DADBEB;
}
.tennis-api-offering .single-card:last-of-type {
  margin-bottom: 0;
}
.tennis-api-offering .single-card:last-of-type .arrow {
  border-width: 0 1px 1px 0;
  height: 150%;
  bottom: 50%;
  top: unset;
}
.tennis-api-offering .single-card:last-of-type .arrow::before {
  top: 100%;
}
.tennis-api-offering .single-card:last-of-type .arrow::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 100%;
  height: 1px;
  width: 30px;
  background-color: #DADBEB;
}
.tennis-api-offering .single-card .img {
  min-width: 48px;
  height: 48px;
}
.tennis-api-offering .single-card .content {
  line-height: 1.45;
}
.tennis-api-offering .single-card .content p {
  margin-bottom: 8px;
  color: black;
  font-weight: 600;
  font-size: 18px;
}
.tennis-api-offering .col-12:last-of-type .single-card {
  margin-left: auto;
}
.tennis-api-offering .col-12:last-of-type .single-card .arrow {
  right: 100%;
  left: unset;
}
.tennis-api-offering .col-12:last-of-type .single-card .arrow::before {
  right: 0;
  left: unset;
}
.tennis-api-offering .col-12:last-of-type .single-card:first-of-type .arrow {
  border-width: 1px 0 0 1px;
}
.tennis-api-offering .col-12:last-of-type .single-card:first-of-type .arrow::after {
  right: 100%;
  left: unset;
}
.tennis-api-offering .col-12:last-of-type .single-card:last-of-type .arrow {
  border-width: 0 0 1px 1px;
}
.tennis-api-offering .col-12:last-of-type .single-card:last-of-type .arrow::after {
  right: 100%;
  left: unset;
}


.tennis-top-feature-main .img {
  box-shadow: 6.58px 23.03px 24.13px rgba(236, 170, 170, 0.1254901961);
}
.tennis-top-feature-main .box-main {
  padding: 35px 85px 22px 40px;
  background: linear-gradient(90deg, #f7f7f9 0%, #ffffff 160.38%);
  position: relative;
  margin-top: 40px;
}
.tennis-top-feature-main .box-main .bg {
  position: absolute;
  bottom: 0;
  right: 0;
  max-height: 200px;
}
.tennis-top-feature-main .box-main .single-step {
  display: flex;
  align-items: center;
  gap: 18px;
  color: #212121;
  font-weight: 500;
  line-height: 1.45;
  margin-bottom: 34px;
}
.tennis-top-feature-main .box-main .single-step:last-of-type {
  margin: 0;
}
.tennis-top-feature-main .box-main .single-step:last-of-type .step::before {
  display: none;
}
.tennis-top-feature-main .box-main .single-step .step {
  position: relative;
}
.tennis-top-feature-main .box-main .single-step .step::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: calc(100% + 9px);
  width: calc(100% + 9px);
  border-radius: 50%;
  border: 1px solid rgba(194, 195, 207, 0.5);
  background-color: #f7f7f9;
  z-index: 0;
}
.tennis-top-feature-main .box-main .single-step .step::before {
  content: "";
  position: absolute;
  top: calc(100% + 4.5px);
  left: 50%;
  transform: translateX(-50%);
  height: calc(150% + 9px);
  border-left: 1px dashed rgba(33, 33, 33, 0.2);
}
.tennis-top-feature-main .box-main .single-step span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  min-width: 30px;
  border-radius: 50px;
  border: 1px solid #ffffff;
  background-color: #fff2f2;
  position: relative;
  z-index: 1;
}
.tennis-top-feature-main .box-main .single-step p {
  margin: 0;
}


/*Service Horse Racing api page*/
.horse-betting-api .main-box {
  padding: 24px 54px;
  border-radius: 0 0 10px 10px;
  background-color: #F7F7F9;
  margin-top: 5px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px 71px;
}

.horse-betting-api .main-box .single-card:first-of-type {
  grid-area: span 2;
}

.horse-betting-api .main-box .single-card .big-image {
  transform: translate(25px, 40px) scale(1.15);
}

.horse-betting-api .main-box .single-card p {
  color: black;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 5px;
}


.horse-data-api-main {
   padding: 100px 0;
}
.horse-data-api-main .main-box {
   display: grid;
   gap: 40px 65px;
   grid-template-columns: repeat(3, 1fr);
}
.horse-data-api-main .main-img {
   display: flex;
   justify-content: center;
   grid-row: span 2;
}
.horse-data-api-main .single-card {
   position: relative;
   background: linear-gradient(180deg, #fff -18.47%, #f8f7fe 88.22%);
   padding: 45px 30px 45px 50px;
   position: relative;
   margin-left: 40px;
   line-height: 1.45;
}
.horse-data-api-main .single-card::after {
   content: "";
   position: absolute;
   top: 50%;
   left: 0;
   height: 100%;
   width: 6px;
   transform: translate(-50%, -50%);
   background: radial-gradient(50% 50% at 50% 50%, #bbb7d4 0%, #fff 100%);
   z-index: -1;
}
.horse-data-api-main .single-card::before {
   content: "";
   position: absolute;
   top: 50%;
   left: 0;
   height: 98px;
   width: 98px;
   border-radius: 50%;
   border: 2px solid #fff;
   transform: translate(-50%, -50%);
   filter: drop-shadow();
   box-shadow: 0px 3.9px 7.8px 0px #2E5F941A;
   z-index: -1;
}
.horse-data-api-main .single-card p {
   margin-bottom: 0;
   font-weight: 500;
}
.horse-data-api-main .single-card .img {
   position: absolute;
   top: 50%;
   left: 0;
   transform: translate(-50%, -50%);
   max-width: 98px;
   z-index: 1;
   box-shadow: 0px 3.9px 7.8px 0px #2e5f941a;
   border-radius: 50%;
}
.horse-data-api-main .single-card .horse-data-api-box-title {
  font-size: 1.25rem;
}


.horse-top-feat-main {
  padding: 0 0 100px 0;
}
.horse-top-feat-main .wrapper {
   background-color: #f5f3fe;
   padding: 40px 40px 50px;
   border-radius: 10px;
}
.horse-top-feat-main .main-wrapper {
   background-color: #fff;
   border-radius: 10px;
   padding: 55px 100px 55px 55px;
   position: relative;
   display: flex;
   justify-content: space-between;
}
.horse-top-feat-main .main-wrapper:after {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background: url("../images/horse-top-feature-shape.webp");
   background-repeat: no-repeat;
   height: 87px;
   width: 100%;
   background-size: 100%;
}
.horse-top-feat-main .main-wrapper .shape {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 100%;
}
.horse-top-feat-main .single-box {
   max-width: 200px;
   text-align: center;
   display: flex;
   flex-direction: column;
   gap: 12px;
   margin-top: 150px;
   justify-content: end;
   position: relative;
   z-index: 1;
}
.horse-top-feat-main .single-box:nth-of-type(even) {
   flex-direction: column-reverse;
   margin-bottom: 50px;
   margin-top: 0;
   justify-content: start;
}
.horse-top-feat-main .single-box p {
   font-size: 16px;
   font-weight: 500;
   color: #212121;
   margin-bottom: 0;
   display: -webkit-box;
   text-overflow: ellipsis;
   overflow: hidden;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}

.use-case-slider-main {
   padding: 60px 0;
   background: linear-gradient(142.6deg, rgba(242, 243, 249, 0) -38.74%, #f3f1ff 84.37%);
}
.use-case-slider-main .main-wrapper {
   background-color: #fff;
   border-radius: 15px;
   padding: 0 75px;
   position: relative;
   margin-top: 40px;
}
.use-case-slider-main .main-wrapper .single-card {
   text-align: center;
   position: relative;
   padding: 40px 0;
   height: unset !important;
   display: flex;
   flex-direction: column;
}
.use-case-slider-main .main-wrapper .single-card .shape {
   position: absolute;
   top: 50%;
   right: 0;
   transform: translate(65%, -55%);
   height: calc(100% - 80px);
}
.use-case-slider-main .main-wrapper .single-card .img {
   flex: 1;
   display: flex;
   align-items: center;
   justify-content: center;
}
.use-case-slider-main .main-wrapper .single-card::after {
   content: '';
   position: absolute;
   top: 0;
   left: 50%;
   transform: translateX(-50%);
   background-color: #f89a20;
   border-radius: 0 0 5px 5px;
   height: 3px;
   width: 90%;
}
.use-case-slider-main .main-wrapper .single-card .line {
   margin: 35px auto 20px;
   width: 70%;
   height: 1px;
   background-color: #dbd9f2;
}
.use-case-slider-main .main-wrapper .single-card .horse-use-case-box-title {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: .5rem;
  color: #212121;
}
.use-case-slider-main .swiper-pagination {
   bottom: -40px;
}
.use-case-slider-main .swiper-pagination span {
   background-color: rgba(33, 33, 33, 0.5);
   width: 17px;
   height: 6px;
   border-radius: 50px;
   transition: all 0.2s ease-in-out;
}
.use-case-slider-main .swiper-pagination span.swiper-pagination-bullet-active {
   background-color: #ea231c;
   width: 24px;
}


.why-choose-horse-race {
   padding: 110px 0;
}
.why-choose-horse-race .single-card {
   width: 50%;
   display: flex;
   align-items: center;
}
.why-choose-horse-race .single-card:nth-of-type(odd) {
   transform: translateX(-62px);
}
.why-choose-horse-race .single-card:nth-of-type(odd) .content {
   margin-right: 0;
   margin-left: 15px;
}
.why-choose-horse-race .single-card:nth-of-type(even) {
   flex-direction: row-reverse;
   text-align: right;
   transform: translateX(62px);
}
.why-choose-horse-race .single-card:nth-of-type(even) .line::after {
   left: 0;
   right: unset;
   transform: translate(-50%, -50%);
}
.why-choose-horse-race .single-card .line {
   display: block;
   border-top: 1px dashed #c6c2db;
   flex: 1;
   position: relative;
}
.why-choose-horse-race .single-card .line::after {
   content: '';
   position: absolute;
   right: 0;
   top: 50%;
   transform: translate(50%, -50%);
   height: 10px;
   width: 10px;
   background-color: #c6c2db;
   border-radius: 50%;
}
.why-choose-horse-race .single-card .content {
   max-width: 320px;
   width: 100%;
   position: relative;
   margin-right: 15px;
}
.why-choose-horse-race .single-card .content .why-choose-horse-box-title {
   font-size: 22px;
   margin-bottom: 0;
}
.why-choose-horse-race .single-card .content p {
   margin-bottom: 0;
   position: absolute;
   width: 100%;
   font-size: 18px;
   margin-top: 10px;
}
 .why-choose-horse-race .single-card:nth-of-type(odd) {
   margin-left: auto;
}
.page-id-4361 .cta-section-main .wrapper {
  background: url(https://sportbex.com/wp-content/uploads/2025/05/horse-cta-bg.webp);
  background-size: cover;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  margin-top: 150px;
}
.page-id-4361 .cta-section-main .wrapper {
  filter: drop-shadow(6.58px 23.03px 24.13px #C9B4B433);
}


/*service Greyhound API page*/
.page-id-5022 .cta-section-main .wrapper {
  background: url(https://sportbex.com/wp-content/uploads/2025/06/greyhound-cta-bgs.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 120px;
  padding: 50px 50px 58px 40px;
}
.page-id-5022 .new-slider-main {
  margin-top: 0;
}

.greyhound-about-main {
  background: linear-gradient(142.6deg, rgba(242, 243, 249, 0) -38.74%, #F3F1FF 84.37%);
  padding: 65px 0 45px 0;
}
.greyhound-about-main .container .row {
  padding: 0 50px;
}
.greyhound-about-main .img {
  text-align: right;
}
.greyhound-about-main .box-main {
  background: #FFFFFF;
  padding: 25px 35px 30px 50px;
  border: 1px solid #DDEAFD;
  border-radius: 0 5px 5px 0;
}
.greyhound-about-main .box-main h2 {
  margin-bottom: 35px;
}

.greyhound-offering-main .heading h2 {
    margin-bottom: 22px;
}
.greyhound-offering-main .single-card {
  display: flex;
  align-items: center;
  gap: 30px;
  height: 100%;
  background: linear-gradient(90deg, #FBFAFF 0%, #FFFFFF 116.02%);
  padding: 14px 0 14px 30px;
  border-radius: 10px;
}
.greyhound-offering-main .single-card .greyhound-iocn {
  width: 55px;
  flex: none;
}
.greyhound-offering-main .single-card .greyhound-content-box {
  background: linear-gradient(90deg, #FFFFFF 0%, #FBFAFF 116.02%);
  border: 1px solid #DDEAFD;
  border-radius: 10px;
  padding: 18px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.greyhound-offering-main .single-card h3 {
  font-size: 22px;
  margin-bottom: 10px;
}
.greyhound-offering-main .single-card p {
  color: #212121CC;
}

.key-feature-greyhound {
   background: linear-gradient(142.6deg, rgba(242, 243, 249, 0) -38.74%, #f3f1ff 84.37%);
   padding: 70px 0;
   margin-bottom: 70px;
}
.key-feature-greyhound .btn {
   width: fit-content;
   margin-top: 68px;
}
.key-feature-greyhound .heading h2 {
   margin-bottom: 70px;
}
.key-feature-greyhound .row [class*="col-"]:nth-of-type(even) {
   margin-top: 110px;
}
.key-feature-greyhound .single-card {
   text-align: center;
   padding: 6px;
   border: 1px solid #ddeafd;
   background-color: #fff;
   border-radius: 5px;
}
.key-feature-greyhound .single-card .wrapper {
   background: linear-gradient(360deg, #fff 0.66%, #fbfaff 99.34%);
   padding: 28px 20px 35px;
   border-radius: 5px;
   display: flex;
   flex-direction: column;
}
.key-feature-greyhound .single-card .img {
   margin-bottom: 21px;
}
.key-feature-greyhound .single-card h3 {
   margin-bottom: 36px;
   font-size: 18px;
}
.key-feature-greyhound .single-card span {
   display: block;
   border-top: 5px solid #f89a20;
   max-width: 37px;
   width: 100%;
   margin: auto auto 0;
}

.why-choose-greyhound-main {
   padding: 70px 0;
}
.why-choose-greyhound-main .btn {
   margin-top: 60px;
}
.why-choose-greyhound-main .heading h2 {
   margin-bottom: 80px;
}
.why-choose-greyhound-main .wrapper {
   position: relative;
}
.why-choose-greyhound-main .line {
   border: 1px dashed #c6c2db;
   position: absolute;
}
.why-choose-greyhound-main .line::after {
   content: '';
   position: absolute;
   height: 16px;
   width: 16px;
   border-radius: 50%;
   background-color: #c6c2db;
}
.why-choose-greyhound-main .first-row {
   display: flex;
   justify-content: center;
}
.why-choose-greyhound-main .first-row .line {
   top: 100%;
   left: 50%;
   transform: translateX(-50%);
   border-width: 0 0 0 1px;
   height: calc(100% - 40px);
}
.why-choose-greyhound-main .first-row .line::after {
   bottom: 0;
   transform: translateX(-50%);
}
.why-choose-greyhound-main .second-row {
   display: flex;
   justify-content: space-around;
   margin-top: -15px;
}
.why-choose-greyhound-main .second-row .single-card .line {
   height: 160px;
   width: 45px;
   left: 100%;
   top: 50%;
   border-width: 1px 1px 0 0;
}
.why-choose-greyhound-main .second-row .single-card .line::after {
   bottom: 0;
   right: 0;
   transform: translate(50%, 50%);
}
.why-choose-greyhound-main .second-row .single-card:first-of-type {
   margin-left: -60px;
}
.why-choose-greyhound-main .second-row .single-card:last-of-type {
   margin-right: -60px;
}
.why-choose-greyhound-main .second-row .single-card:last-of-type .line {
   right: 100%;
   left: unset;
   border-width: 1px 0 0 1px;
}
.why-choose-greyhound-main .second-row .single-card:last-of-type .line::after {
   bottom: 0;
   right: unset;
   left: 0;
   transform: translate(-50%, 50%);
}
.why-choose-greyhound-main .third-row {
   display: flex;
   justify-content: space-between;
   margin-top: 40px;
}
.why-choose-greyhound-main .third-row .line {
   width: 110px;
   border-width: 1px 0 0 0;
   left: 100%;
   top: 50%;
}
.why-choose-greyhound-main .third-row .line::after {
   right: 0;
   transform: translate(50%, -50%);
}
.why-choose-greyhound-main .third-row .single-card:last-of-type .line {
   left: unset;
   right: 100%;
}
.why-choose-greyhound-main .third-row .single-card:last-of-type .line::after {
   right: unset;
   left: 0;
   transform: translate(-50%, -50%);
}
.why-choose-greyhound-main .main-img {
   text-align: center;
   pointer-events: none;
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translateX(-50%);
}
.why-choose-greyhound-main .single-card {
   padding: 40px 14px 24px 22px;
   background: linear-gradient(90deg, #fff 0%, #fbfaff 116.02%);
   position: relative;
   width: 22%;
   box-shadow: 0px -6px 0px 0px #f89a20 inset;
}
.why-choose-greyhound-main .single-card::after {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background: linear-gradient(180deg, #ddeafd 0%, #fff 100%);
   height: calc(100% + 2px);
   width: calc(100% + 2px);
   z-index: -1;
}
.why-choose-greyhound-main .single-card .img {
   margin-bottom: 14px;
}
.why-choose-greyhound-main .single-card h3 {
   margin-bottom: 8px;
   font-size: 22px;
   padding-right: 40px;
}
.why-choose-greyhound-main .single-card p {
   margin-bottom: 0;
   font-size: 18px;
   line-height: 1.45;
}


/*service Baseball API page*/
.page-id-5293 .cta-section-main .wrapper {
  background: url(https://sportbex.com/wp-content/uploads/2025/06/baseball-cta-bg.webp), conic-gradient(from 171.24deg at 50% 100%, #FFFFFF 0deg, #E4DEFF 360deg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 120px;
  padding: 50px 0 58px 40px;
}
.page-id-5293 .leagus-main .heading h2 {
  margin-bottom: 25px;
}
.page-id-5293 .leagus-main .heading {
  margin-bottom: 45px;
}

.cricket-banner .banner-list-data {
  display: flex;
  align-items: center;
  color: #B8BABE;
  padding-bottom: 30px;
}
.cricket-banner .banner-list-data .banner-list-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.cricket-banner .banner-list-data .banner-list-item:first-child {
  padding-right: 12px;
}
.cricket-banner .banner-list-data .banner-list-item:last-child {
  padding-left: 12px;
}
.cricket-banner .banner-list-data .banner-list-item:nth-child(2) {
  padding: 0 12px;
  border-width: 0 1px;
  border-style: solid;
  border-color: #595959;
}

.key-feature-baseball {
  background: linear-gradient(142.6deg, rgba(242, 243, 249, 0) -38.74%, #f3f1ff 84.37%);
  padding: 65px 0;
  margin-bottom: 70px;
}
.key-feature-baseball .baseball-key-inner {
  padding: 0 90px;
}
.key-feature-baseball .single-card {
  background-color: #ffffff;
  height: 100%;
  padding: 20px 15px 20px 15px;
  box-shadow: 0 -4px 0 0 #f89a20 inset;
  border-radius: 5px;
}
.key-feature-baseball .single-card h3 {
  margin: 15px 0 8px 0;
  font-size: 18px;
  font-weight: 500;
}

.baseball-data-api-main {
  padding-bottom: 0;
}
.baseball-data-api-main .baseball-data-inner {
  border: 2px solid #DDEAFD;
  border-radius: 5px;
  padding: 50px 50px 60px 50px;
  background: linear-gradient(90deg, #FFFFFF 0%, #FBFAFF 116.02%);
}
.baseball-data-api-main .main-box {
  gap: 40px 45px;
}
.baseball-data-api-main .main-img {
  grid-row: span 3;
}
.baseball-data-api-main .single-card .img {
  box-shadow: unset;
}
.baseball-data-api-main .single-card::before {
  content: unset;
}
.baseball-data-api-main .single-card::after {
  width: 3px;
  background: #bbb7d4a6;
  z-index: 0;
}

.baseball-about-main {
  background: linear-gradient(142.6deg, rgba(242, 243, 249, 0) -38.74%, #F3F1FF 84.37%);
  padding: 65px 0 45px 0;
}
.baseball-about-main .main-box {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
}
.baseball-about-main .main-box .img {
  margin: 0 -200px 0 0;
  position: relative;
}
.baseball-about-main .main-box .content {
  background: #ffffff;
  padding: 46px 60px 46px 200px;
  width: 100%;
  max-width: 875px;
}
.baseball-about-main .content h2 {
  margin-bottom: 35px;
}
.baseball-about-main .content p {
  font-size: 18px;
  line-height: 1.45;
  margin-bottom: 35px;
}

.baseball-sports-apps-platform {
  padding: 85px 0 110px;
}
.baseball-sports-apps-platform .heading {
  margin: 0 auto 48px;
}
.baseball-sports-apps-platform .heading h2 {
  margin-bottom: 18px;
}
.baseball-sports-apps-platform .heading p {
  color: rgba(33, 33, 33, 0.8);
  font-weight: 500;
}
.baseball-sports-apps-platform .single-card {
  display: flex;
  background: linear-gradient(90deg, #fff 0%, #fbfaff 116.02%);
  height: 100%;
  min-height: 157px;
}
.baseball-sports-apps-platform .single-card .img {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 116px;
  background: linear-gradient(90deg, #fff 0%, #fbfaff 116.02%);
  position: relative;
}
.baseball-sports-apps-platform .single-card .img .shape {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
  height: 100%;
}
.baseball-sports-apps-platform .single-card .img .shape img {
  height: 100%;
}
.baseball-sports-apps-platform .single-card .content {
  border-radius: 0 5px 5px 0;
  padding: 17px 30px 20px 40px;
  border: 1px solid #ddeafd;
  border-left: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 100%;
}
.baseball-sports-apps-platform .single-card .content h3 {
  font-size: 22px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.baseball-sports-apps-platform .single-card .content p {
  margin-bottom: 0;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/*About us page*/
.about-us-banner {
  padding: 105px 0 25px;
}
.about-us-banner .content p {
  max-width: 80%;
  margin: 20px 0;
}
.soccer-betting-api-main.about-betting-api {
  background: unset;
}
.soccer-betting-api-main.about-betting-api .main-wrapper .card-main .single-card {
  background: linear-gradient(340.37deg, #fff0 16.01%, #F8F8FA 86.62%);
}
.soccer-betting-api-main.about-betting-api .main-wrapper .card-main .item:nth-child(-n+4) {
  margin: 0;
}
.the-story-main .card-main .single-card {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
.the-story-main .card-main .single-card .img {
  margin-right: 10px;
}
.the-story-main .card-main .single-card .soccer-betting-box-title {
  font-family: "Wix Madefor Display", sans-serif;
  font-weight: 500;
  font-size: 30px;
  color: #212121;
}
.about-what-we-do-section .box-main .content {
    padding: 30px;
    background: #F7F7F9;
    border-radius: 10px;
}
.about-what-we-do-section .box-main .content .sub-heading {
    background-color: rgba(234, 35, 28, 0.05);
    padding: 6px 15px;
    color: #ea231c;
    display: inline-block;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 0.5rem;
}
.about-what-we-do-section .box-main .content h2 {
  font-size: 50px;
}
.about-what-we-do-section .box-main .content h2 span {
    color: #ea231c;
}
.about-what-we-do-section .box-main .image img {
  display: block;
  margin: 0 auto;
} 
.about-us-section .content {
  background: #F7F7F9;
  border-radius: 10px;
  padding: 36px 25px;
  margin-bottom: 22px;
}
.welcome-sportbex-section .box-main .content .sub-heading {
  background-color: rgba(234, 35, 28, 0.05);
  padding: 6px 15px;
  color: #ea231c;
  display: inline-block;
  border-radius: 10px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 0.5rem;
}
.welcome-sportbex-section .box-main .content h2 {
  font-size: 50px;
  margin: 25px 0;
}
.welcome-sportbex-section .box-main .content h2 span {
  color: #ea231c;
}
.cta-section-main.about-cta-section-main .wrapper {
  background: url(https://sportbex.com/wp-content/uploads/2025/07/about-cta-bg.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 15px;
  padding: 50px 40px;
  margin-top: 0;
}


/*404 Page*/
.error404 header, .error404 header.sticky-header {
  background-color: #161b27;
}
.error404 header .sticky-white-logo {
  display: block;
}
.error404 header .sticky-black-logo {
  display: none;
}
.error404 header .navbar .nav-item .nav-link, .error404 header .nav-link {
  color: #ffffff;
}
.error404 header .dropdown .nav-link:after {
  background-image: url(data:image/webp;base64,UklGRnAAAABXRUJQVlA4WAoAAAAQAAAACAAABAAAQUxQSC0AAAABYBPZtpP18skYQlFO1qihjQaov42IiL2H7Gj6uJDdb9DGLbu+Gkv83wL0ZwEAVlA4IBwAAAAwAQCdASoJAAUAAQAcJaQAA3AA/vyWHD4CUAAA);
}
.error404 header.sticky-header .navbar-toggler svg rect {
    fill: #ffffff;
}
.error-section {
  padding: 160px 0 160px 0;
  text-align: center;
  height: 100vh;
  background-color: #F7F7F9;
  background-image: url(https://sportbex.com/wp-content/uploads/2025/04/error-bg.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  background-position: bottom center;
}
.error-section .error-description h1 {
  margin-bottom: 20px;
}
.error-section .error-description p {
  margin: 0 auto 25px auto;
}
.error-section .error-img {
  margin-top: 40px;
}



/*Footer whatsapp iocn*/
.whatsapp-float {
  position: fixed;
  bottom: 20px;
  left: 25px;
  width: 60px;
  height: 60px;
  background-color: #25d366;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  z-index: 10001;
  animation: wt-wave 2s infinite;
}
.whatsapp-float img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}

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


.postid-2574 .score-api-banner {
  padding-bottom: 15px;
}
.postid-2574 .sport-betting-api-main {
  padding-top: 50px;
}
.postid-2574 .soccer-why-choose-main {
  margin-bottom: 60px;
}
.postid-2574 .use-case-cricket-main {
  padding-bottom: 60px;
}
.postid-1909 .real-time-sports-main {
  margin-top: 100px;
}
.postid-1911 .score-api-banner {
  padding-bottom: 70px;
}
.postid-2698 .score-api-banner .banner-img {
  margin: 0;
}
.postid-2698 .score-api-banner {
  padding-bottom: 57px;
}
.postid-2717 .score-api-banner {
  padding-bottom: 50px;
}
.postid-2717 .soccer-why-choose-main .cards-wrapper .col-12 .img {
  margin-left: -100px;
}
.postid-2717 .top-features-main .feature-main .feature-box.left .single-box:nth-child(2) .line {
  height: 31px;
  width: 170px;
  transform: skewX(45deg) translateY(50%);
}
.postid-2717 .top-features-main .feature-main .feature-box.left .single-box:nth-child(3) .line {
  width: 170px;
  height: 60px;
  transform: skewX(-45deg) translateY(-40%);
}
.postid-2717 .top-features-main .feature-main .feature-box.right .single-box:nth-child(2) .line {
  transform: skewX(-50deg) translateY(95%);
}
.postid-2798 .score-api-banner {
  padding-bottom: 50px;
}


/*......*/
.cbh-phone {
  position: fixed;
  bottom: -10px;
  left: -15px;
  visibility: visible;
  background-color: transparent;
  width: 0px;
  height: 155px;
  cursor: pointer;
  z-index: 99;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: visibility .5s;
}

svg.chat-icon {
  width: 30px;
  height: 30px;
  top: 65px;
  left: 65px;
  position: absolute;
  fill: #fff;
}
.cbh-phone.cbh-show {
  visibility: visible;
}
.cbh-ph-circle {
  width: 100px;
  height: 100px;
  top: 30px;
  left: 30px;
  position: absolute;
  background-color: transparent;
  border-radius: 100%;
  border: 2px solid rgba(30, 30, 30, 0.4);
  opacity: 0.1;
  animation: cbh-circle-anim 1.2s infinite ease-in-out;
  transition: all .5s;
}
.cbh-phone.cbh-static .cbh-ph-circle {
  animation: cbh-circle-anim 2.2s infinite ease-in-out !important;
}
.cbh-phone.cbh-green .cbh-ph-circle {
  border-color: rgba(0, 175, 242, 1);
  opacity: .5;
}
.cbh-ph-circle-fill {
  width: 65px;
  height: 65px;
  top: 48px;
  left: 48px;
  position: absolute;
  background-color: #000;
  border-radius: 100%;
  border: 2px solid transparent;
  opacity: 0.1;
  animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
  transition: all .5s;
}
.cbh-phone.cbh-static .cbh-ph-circle-fill {
  animation: cbh-circle-fill-anim 2.3s infinite ease-in-out !important;
  opacity: 0 !important;
}
.cbh-phone.cbh-green .cbh-ph-circle-fill {
  background-color: rgba(0, 175, 242, 0.5);
  opacity: 1 !important;
}

@keyframes cbh-circle-anim{
  0%{
      transform:rotate(0deg) scale(0.5) skew(1deg);
      opacity:.1
  }
  30%{
      transform:rotate(0deg) scale(.7) skew(1deg);
      opacity:.5
  }
  100%{
      transform:rotate(0deg) scale(1) skew(1deg);
      opacity:.1
  }
}
@keyframes cbh-circle-fill-anim{
  0%{
      transform:rotate(0deg) scale(0.7) skew(1deg);
      opacity:.2
  }
  50%{
      transform:rotate(0deg) scale(1) skew(1deg);
      opacity:.2
  }
  100%{
      transform:rotate(0deg) scale(0.7) skew(1deg);
      opacity:.2
  }
}
.cbh-phone.cbh-green .cbh-ph-circle {
  border-color: #25d366;
}
.cbh-phone.cbh-green .cbh-ph-circle-fill {
  background-color: #25d366;
}



/*New scss to css*/

.cricket-banner {
  background-repeat: no-repeat;
  background-position: 100%;
  background-size: cover;
  padding: 175px 0 134px;
  position: relative;
}
.cricket-banner .shape1 {
  position: absolute;
  top: 0;
  left: -20%;
  mix-blend-mode: color-dodge;
  opacity: 0.5;
}
.cricket-banner .content .primary-text {
  color: #ea231c;
  font-size: 18px;
  line-height: 1.45;
  font-weight: 400;
  margin-bottom: 10px;
}
.cricket-banner .content h2 {
  font-size: 48px;
  line-height: 58px;
  margin-bottom: 20px;
}
.cricket-banner .content p {
  font-size: 18px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.7);
  max-width: 540px;
  margin-bottom: 25px;
}
.cricket-banner .content .btn {
  padding: 18px 46px;
  font-size: 22px;
  line-height: 1.2;
}
.cricket-banner .content .btn img {
  width: 20px;
}

.cricket-betting-main {
  background: linear-gradient(136.27deg, rgba(242, 243, 249, 0) 18.72%, #f3f1ff 81.14%);
}
.cricket-betting-main h2 {
  margin-bottom: 20px;
}
.cricket-betting-main .heading p {
  max-width: 688px;
  margin: 0 auto;
}
.cricket-betting-main .cricket-solution-slider {
  margin-top: 15px;
}
.cricket-betting-main .cards-wrapper .single-card {
  background: #fff;
  border: 1px solid #ddeafd;
  height: 100%;
  padding: 30px;
  gap: 22px;
  line-height: 1.45;
}
.cricket-betting-main .cards-wrapper .single-card h3 {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 10px;
}
.dots {
  padding-bottom: 40px;
}
.dots .slick-dots li {
  margin: 0 4px;
  width: auto;
  height: auto;
}
.dots .slick-dots li.slick-active button {
  background-color: #ea231c;
  width: 24px;
}
.dots .slick-dots button {
  padding: 0;
  width: 17px;
  height: 6px;
  border-radius: 10px;
  background-color: rgba(33, 33, 33, 0.1);
  transition: all 0.2s ease-in-out;
}
.dots .slick-dots button::before {
  display: none;
}
.top-features-main h2 {
  margin-bottom: 50px;
}
.top-features-main .heading p {
  max-width: 550px;
  margin: 0 auto;
}
.top-features-main .feature-box-title {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
  color: #212121;
}
.top-features-main .line {
  position: relative;
}
.top-features-main .line::after {
  content: "";
  position: absolute;
  height: 5px;
  width: 5px;
  border-radius: 5px;
  background-color: #c2d4e0;
}
.top-features-main .feature-main {
  display: flex;
  align-items: center;
}
.top-features-main .feature-main .feature-img {
  min-width: 304px;
  min-height: 304px;
  position: relative;
  z-index: 2;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.05));
}
.top-features-main .feature-main .single-box {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
  position: relative;
  background: linear-gradient(-90deg, #f5f4fe 0%, #fff 136.09%);
  padding-left: 57px;
  border-radius: 100px;
  width: fit-content;
  min-width: 415px;
}
.top-features-main .feature-main .single-box .line {
  width: 90px;
  border-color: #c2d4e0;
  border-width: 1px 1px 0 0;
  border-style: solid;
  position: absolute;
  top: 50%;
  left: 100%;
}
.top-features-main .feature-main .single-box .img {
  height: 80px;
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f5f4fe;
  border-radius: 50%;
  background-color: #fff;
}
.top-features-main .feature-main .single-box .feature-box-title {
  flex: 1;
}
.top-features-main .feature-main .feature-box {
  width: calc(50% - 152px);
}
.top-features-main .feature-main .feature-box.left .single-box:first-of-type .line {
  height: 40px;
  transform: skewX(45deg) translateX(20px);
}
.top-features-main .feature-main .feature-box.left .single-box:first-of-type .line::after {
  transform: skewX(-45deg) translate(-5px, -50%);
}
.top-features-main .feature-main .feature-box.left .single-box:nth-of-type(2) .line {
  height: 25px;
  width: 60px;
  transform: skewX(35deg) translateX(10px);
}
.top-features-main .feature-main .feature-box.left .single-box:nth-of-type(2) .line::after {
  transform: skewX(-35deg) translate(-5px, -50%);
}
.top-features-main .feature-main .feature-box.left .single-box:nth-of-type(3) .line {
  height: 25px;
  width: 60px;
  border-width: 0 1px 1px 0;
  transform: skewX(-35deg) translate(-5px, -80%);
}
.top-features-main .feature-main .feature-box.left .single-box:nth-of-type(3) .line::after {
  bottom: 0;
  transform: skewX(35deg) translate(-5px, 60%);
}
.top-features-main .feature-main .feature-box.left .single-box:last-of-type .line {
  height: 40px;
  transform: skewX(-45deg) translate(-10px, -80%);
  border-width: 0 1px 1px 0;
}
.top-features-main .feature-main .feature-box.left .single-box:last-of-type .line::after {
  transform: skewX(45deg) translate(-5px, 50%);
  bottom: 0;
}
.top-features-main .feature-main .feature-box.right .single-box {
  padding: 0 57px 0 0;
  border-radius: 100px;
  background: linear-gradient(90deg, #f5f4fe 0%, #fff 136.09%);
  margin-left: auto;
}
.top-features-main .feature-main .feature-box.right .single-box .line {
  right: 100%;
  left: unset;
}
.top-features-main .feature-main .feature-box.right .single-box:first-of-type .line {
  height: 40px;
  transform: skewX(-45deg) translateX(-20px);
  border-width: 1px 0 0 1px;
}
.top-features-main .feature-main .feature-box.right .single-box:first-of-type .line::after {
  right: 0;
  transform: skewX(45deg) translate(5px, -50%);
}
.top-features-main .feature-main .feature-box.right .single-box:nth-of-type(2) .line {
  height: 25px;
  width: 60px;
  border-width: 1px 0 0 1px;
  transform: skewX(-35deg) translateX(-10px);
}
.top-features-main .feature-main .feature-box.right .single-box:nth-of-type(2) .line::after {
  right: 0;
  transform: skewX(35deg) translate(5px, -50%);
}
.top-features-main .feature-main .feature-box.right .single-box:nth-of-type(3) .line {
  height: 25px;
  width: 60px;
  border-width: 0 0 1px 1px;
  transform: skewX(35deg) translate(5px, -80%);
}
.top-features-main .feature-main .feature-box.right .single-box:nth-of-type(3) .line::after {
  bottom: 0;
  right: 0;
  transform: skewX(-35deg) translate(5px, 60%);
}
.top-features-main .feature-main .feature-box.right .single-box:last-of-type .line {
  height: 40px;
  transform: skewX(45deg) translate(10px, -80%);
  border-width: 0 0 1px 1px;
}
.top-features-main .feature-main .feature-box.right .single-box:last-of-type .line::after {
  transform: skewX(-45deg) translate(5px, 50%);
  bottom: 0;
  right: 0;
}
.top-features-main .feature-box-low {
  display: flex;
  align-items: center;
  background: linear-gradient(90deg, #f5f4fe 0%, #fff 136.09%);
  padding-right: 10px;
  border-radius: 100px;
  width: fit-content;
  min-width: 415px;
  margin: 50px auto 0;
  position: relative;
}
.top-features-main .feature-box-low h5 {
  margin-top: 5px;
}
.top-features-main .feature-box-low .img {
  height: 80px;
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f5f4fe;
  border-radius: 50%;
  background-color: #fff;
}
.top-features-main .feature-box-low .line {
  position: absolute;
  bottom: 100%;
  left: 50%;
  height: 125px;
  width: 1px;
  background-color: #c2d4e0;
  margin-bottom: 10px;
}
.top-features-main .feature-box-low .line::after {
  bottom: 0;
  left: 0;
  transform: translate(-40%, 50%) skew(0deg);
}


.api-integration-main .wrapper {
   background: linear-gradient(340.33deg, rgba(242, 243, 249, 0.5) -18.81%, #f3f1ff 128%);
   border-radius: 15px;
   padding: 60px 60px 34px;
   position: relative;
}
 .api-integration-main .wrapper::after {
   content: "";
   position: absolute;
   top: -1px;
   left: -1px;
   bottom: -1px;
   right: -1px;
   background: linear-gradient(180deg, #e2e2e2 0%, #fff 100%);
   border-radius: 15px;
   z-index: -1;
}
 .api-integration-main .wrapper .inner-wrapper {
   padding: 42px 122px;
   background-color: #fff;
   border-radius: 15px;
}
.api-integration-main [class*="col-"]:last-of-type .single-box .icon::before, .api-integration-main [class*="col-"]:last-of-type .single-box .icon-main::before {
   display: none;
}
 .api-integration-main .single-box {
   text-align: center;
}
 .api-integration-main .single-box .icon {
   margin: 0 auto 20px;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 102px;
   width: 102px;
   border-radius: 50%;
   border: 10px solid #fff;
   background: #f8f7fd;
   box-shadow: -15px 10px 10px rgba(0, 0, 0, 0.15);
   position: relative;
   z-index: 1;
}
 .api-integration-main .single-box .icon::before {
   content: "";
   position: absolute;
   top: 50%;
   left: calc(100% + 20px);
   height: 1px;
   width: calc(100% + 110px);
   background-color: #c2c3cf;
}
.api-integration-main .single-box h3, .api-integration-main .single-label h3, .api-integration-main .single-box .api-integrationbox-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 4px;
  color: #212121;
}
 .api-integration-main .single-box p {
   margin: 0 auto;
   max-width: 90%;
}
 .api-integration-main .btn-secondary {
   margin-top: 30px;
}

.api-integration-main [class*="col-"]:last-of-type .single-label::after {
   display: none;
}
 .api-integration-main .single-label {
   position: relative;
   width: fit-content;
   margin: 0 auto 40px;
}
 .api-integration-main .single-label::after {
   content: '';
   position: absolute;
   top: 50%;
   left: 100%;
   border-top: 1px dashed #c2c3cf;
   height: 1px;
   width: 100%;
}
 .api-integration-main .single-label h3 {
   position: absolute;
   top: 50%;
   left: 55%;
   transform: translate(-50%, -50%);
   width: 100%;
   text-align: center;
}

.api-integration-main .single-box .icon-main {
   position: relative;
   margin: 0 auto 20px;
   width: fit-content;
}
 .api-integration-main .single-box .icon-main span {
   display: block;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   border-radius: 50%;
   height: calc(100% + 20px);
   width: calc(100% + 20px);
   border: 1px solid #c2c3cf;
   background-color: #fff;
}
 .api-integration-main .single-box .icon-main::before {
   content: "";
   position: absolute;
   top: 50%;
   left: 100%;
   height: 1px;
   width: calc(100% + 110px);
   background-color: #c2c3cf;
}

.api-integration-main.solution-api-integration-main .wrapper {
  padding: 60px 60px 0px;
  border-radius: 10px;
}
.api-integration-main.solution-api-integration-main .wrapper .inner-wrapper {
  padding: 40px 46px 20px 46px;
  border-radius: 10px 10px 0 0;
}
.api-integration-main.solution-api-integration-main .single-box .icon::before {
  left: calc(100% + 70px);
}

.testimonial-main {
   background: linear-gradient(291.15deg, #ffe2dd -181.95%, #f4f3fe 66.24%);
   padding: 60px 0;
}
 .testimonial-main .new-testimonial-slider .single-card {
   background-color: #fff;
   padding: 30px;
   border-radius: 10px;
   margin: 0 12px;
}
 .testimonial-main .new-testimonial-slider .single-card .rating {
   display: flex;
   align-items: center;
   gap: 5px;
   margin-bottom: 25px;
}
 .testimonial-main .new-testimonial-slider .single-card .review {
   font-weight: 500;
   margin-bottom: 42px;
}
 .testimonial-main .new-testimonial-slider .single-card .user {
   display: flex;
   gap: 16px;
   align-items: center;
   font-weight: 500;
   line-height: 1.45;
}
.testimonial-main .new-testimonial-slider .single-card .user .image {
    max-width: 50px;
}
 .testimonial-main .new-testimonial-slider .single-card .user .name {
   margin-bottom: 0;
   font-size: 18px;
   color: #212121;
}

/*.why-choose-us-main .heading p {
   max-width: 700px;
   margin: 0 auto;
}
 .why-choose-us-main .features-grid {
   padding: 30px;
   background: linear-gradient(180deg, #fafafc 0%, #fff 100%);
   border-radius: 10px;
}
 .why-choose-us-main .features-grid .feature-card::after, .why-choose-us-main .features-grid .feature-card::before {
   z-index: 1 !important;
}
 .why-choose-us-main .features-grid .feature-card .img {
   transform: scale(1.5);
   position: relative;
   z-index: 2;
}
 .use-case-cricket-main .slick-list.draggable {
   overflow: visible;
}
 .use-case-cricket-main .slick-track {
   display: flex;
}
 .use-case-cricket-main .navigation {
   display: flex;
   align-items: center;
   gap: 12px;
   justify-content: center;
}
 .use-case-cricket-main .navigation button {
   background-color: rgba(194, 195, 207, 20);
   height: 45px;
   width: 45px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0;
   position: relative;
}
 .use-case-cricket-main .navigation button:hover {
   background: linear-gradient(180deg, #e30613 0%, #95060f 100%);
}
 .use-case-cricket-main .navigation button:hover svg path {
   stroke: #fff;
}
 .use-case-cricket-main .navigation button:active {
   border-color: transparent;
}
 .use-case-cricket-main .navigation button::after {
   content: "";
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   width: 215px;
   height: 3px;
   background: linear-gradient(90deg, rgba(243, 243, 245, 0) 0%, #f3f3f5 100%);
   border-radius: 10px;
}
 .use-case-cricket-main .navigation button.next::after {
   background: linear-gradient(270deg, rgba(243, 243, 245, 0) 0%, #f3f3f5 100%);
   left: calc(100% + 15px);
}
 .use-case-cricket-main .navigation button.prev::after {
   right: calc(100% + 15px);
}
 .use-case-cricket-main .cricket-betting-slider {
   padding-bottom: 30px;
   overflow: visible;
}
 .use-case-cricket-main .single-card {
   display: flex;
   flex-direction: column;
   height: unset;
   background: linear-gradient(341.2deg, rgba(242, 243, 249, 0) 15.47%, #f3f1ff 128.88%);
   padding: 10px 14px 20px;
   margin-right: 25px;
   border-radius: 10px;
}
 .use-case-cricket-main .single-card .img {
   flex: 1;
   display: flex;
}
 .use-case-cricket-main .single-card .img img {
   display: block;
   margin: auto;
}
 .use-case-cricket-main .single-card h5 {
   font-size: 19px;
   font-weight: 500;
   color: #212121;
   margin: 20px 0 0;
   text-align: center;
   min-height: 2lh;
}
 .swiper-scrollbar {
   opacity: 1 !important;
   background-color: rgba(213, 213, 229, 0.2);
}
 .swiper-scrollbar .swiper-scrollbar-drag {
   background-color: #ea231c;
}*/



/*New Cricket api cta section*/
.cta-section-main .wrapper {
  margin-top: 100px;
  background: conic-gradient(from 171.24deg at 50% 100%, #FFFFFF 0deg, #E4DEFF 360deg);
  padding: 35px 45px;
  border-radius: 15px;
  position: relative;
}
.cta-section-main .wrapper .img {
  position: absolute;
  bottom: 0;
  right: 0;
}
.cta-section-main .wrapper .content {
  max-width: calc(100% - 475px);
}
.cta-section-main .wrapper .content h2 {
  font-size: 32px;
  line-height: 1.2;
  margin-bottom: 10px;
  font-family: "Wix Madefor Display", sans-serif;
  font-weight: 500;
}
.cta-section-main .wrapper .content p {
  margin-bottom: 20px;
}


/*New home css*/
.banner-new {
   padding: 167px 0 245px;
   background-image: url("../images/banner-new.webp");
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   color: #fff;
   position: relative;
}
.banner-new .shape1 {
   position: absolute;
   top: 0;
   left: 0;
   mix-blend-mode: color-dodge;
}
.banner-new h1 {
   color: #fff;
   font-size: 80px;
   font-style: italic;
   font-weight: 800;
   text-transform: uppercase;
   position: relative;
   margin-bottom: 15px;
}
.banner-new h1::after {
   content: '';
   position: absolute;
   bottom: 0;
   right: 30%;
   background: linear-gradient(270deg, #ea231c 1.44%, rgba(132, 20, 16, 0) 100%);
   height: 100px;
   width: 50%;
   transform: skew(-28deg);
   z-index: -1;
}
.banner-new p {
  font-size: 20px;
  line-height: 1.58;
  max-width: 85%;
  margin-bottom: 30px;
}
.banner-new .container .btn {
    padding: 18px 46px;
    font-size: 22px;
    line-height: 1.2;
}
.banner-new .banner-image {
   position: relative;
}
.banner-new .banner-image .cricketer {
   max-width: 80%;
   position: relative;
   left: -110px;
   top: 80px;
}
.banner-new .banner-image .phone {
   position: absolute;
   bottom: -130px;
   right: 0;
   z-index: 2;
}
.banner-new .banner-image .phone::after {
   content: "";
   position: absolute;
   bottom: 0;
   left: 20%;
   height: 304px;
   width: 443px;
   background: url("../images/phone-shadow.webp");
   background-repeat: no-repeat;
   background-size: cover;
   z-index: -1;
}
.banner-new .banner-image .phone .scroll-img {
   position: absolute;
   top: 16px;
   left: 19px;
   height: calc(100% - 32px);
   width: calc(100% - 38px);
   overflow: auto;
   border-radius: 25px;
}
.banner-new .banner-image .phone .scroll-img::-webkit-scrollbar {
   display: none;
}


/*.better-betting-exp .img {
   position: relative;
   z-index: 1;
}
.better-betting-exp .content {
   background: linear-gradient(56.96deg, #ffe5e4 30.29%, #eeefff 160.67%);
   padding: 40px 40px 40px 100px;
   margin-left: -10px;
}
.better-betting-exp .content h2 {
   margin-bottom: 40px;
   line-height: 1.1667;
}
.better-betting-exp .content p {
   font-size: 20px;
   line-height: 1.58;
   margin-bottom: 40px;
}*/

.better-betting-exp .img {
   position: relative;
   z-index: 1;
   margin-left: 12px;
}
.better-betting-exp .content {
   background: linear-gradient(56.96deg, #ffe5e4 30.29%, #eeefff 160.67%);
   padding: 40px 40px 40px 100px;
   margin-left: -10px;
   margin-right: 12px;
}
.better-betting-exp .content h2 {
   margin-bottom: 40px;
   line-height: 1.1667;
}
.better-betting-exp .content p {
   font-size: 20px;
   line-height: 1.58;
   margin-bottom: 40px;
}


.your-partner-main .wrapper {
   background: linear-gradient(340.33deg, rgba(242, 243, 249, 0.5) -18.81%, #f3f1ff 128%);
   padding: 60px 65px;
   border-radius: 15px;
   position: relative;
}
.your-partner-main .wrapper::after {
   content: "";
   position: absolute;
   top: -1px;
   left: -1px;
   height: calc(100% + 2px);
   width: calc(100% + 2px);
   background: linear-gradient(180deg, #e2e2e2 0%, #fff 100%);
   z-index: -1;
   border-radius: 15px;
}
.your-partner-main .wrapper .single-card {
   display: flex;
   background-color: #fff;
   border-radius: 15px;
   overflow: hidden;
}
.your-partner-main .wrapper .single-card .content {
   width: 50%;
   display: flex;
   flex-direction: column;
   justify-content: end;
   padding: 40px 62px 40px 40px;
}
.your-partner-main .wrapper .single-card .content h3 {
   font-size: 28px;
   font-weight: 600;
   line-height: 1.44;
}
.your-partner-main .wrapper .single-card .content .btn-link {
   width: fit-content;
   color: #ea231c;
   text-decoration: none;
   padding: 0;
   display: flex;
   gap: 15px;
}
.your-partner-main .wrapper .single-card .content .btn-link:hover {
   text-decoration: underline;
}
.your-partner-main .wrapper .single-card .img {
   width: 50%;
}
.your-partner-main .wrapper .single-card .img img {
   height: 100%;
   width: 100%;
}
.your-partner-main .partner-nav {
   position: absolute;
   bottom: 20px;
   right: 20px;
   display: flex;
   gap: 12px;
}
.your-partner-main .partner-nav .arrow {
   height: 45px;
   width: 45px;
   border-radius: 50%;
   background-color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: all 0.2s ease-in-out;
}
.your-partner-main .partner-nav .arrow svg path {
   transition: all 0.2s ease-in-out;
}
.your-partner-main .partner-nav .arrow:hover {
   background-color: #f89a20;
}
.your-partner-main .partner-nav .arrow:hover svg path {
   stroke: #fff;
}
.your-partner-main .slick-dots {
   width: fit-content;
   position: absolute;
   top: 20px;
   left: 20px;
}
.your-partner-main .slick-dots li {
   margin: 0;
}
.your-partner-main .slick-dots li.slick-active button {
   background-color: #f89a20;
}
.your-partner-main .slick-dots button {
   padding: 0;
   height: 10px;
   width: 10px;
   border-radius: 20px;
   background-color: #ececf6;
}
.your-partner-main .slick-dots button::before {
   display: none;
}


.new-why-choose .wrapper {
   padding: 60px 50px;
   border-radius: 15px;
/*   background: linear-gradient(117.11deg, #df1a13 6.58%, #eb4d13 62.38%, #ed8406 136.34%);*/
   background: url(https://sportbex.com/wp-content/uploads/2025/04/why-choose-bg.webp), linear-gradient(117.11deg, #df1a13 6.58%, #eb4d13 62.38%, #ed8406 136.34%);
   background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
   position: relative;
}
.new-why-choose .wrapper .bg {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   border-radius: 15px;
   object-fit: contain;
   object-position: left;
   mix-blend-mode: screen;
}
.new-why-choose .wrapper::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   border-radius: 15px;
   background: linear-gradient(93.42deg, #111 ee 10.98%, rgba(20, 26, 40, 0) 68.42%);
}
.new-why-choose .single-card {
   color: #fff;
}
.new-why-choose .single-card p {
   margin: 30px 0 0;
   text-align: center;
   font-size: 18px;
   line-height: 1.37;
   padding: 0 14px;
}
.new-why-choose .single-card .img {
   position: relative;
}
.new-why-choose .single-card .img img {
   display: block;
   margin: 0 auto;
}
.new-why-choose .single-card .img .new-why-choose-title {
   position: absolute;
   top: 65px;
   transform: translateY(-50%);
   right: 33px;
   max-width: 126px;
   margin: 0;
   font-size: 18px;
   font-weight: 500;
   line-height: 1.2;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   color: #212121;
}


.new-api-solution-main .single-box {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-align: center;
  border: 1px solid #D9D9F2;
  border-radius: 20px;
}
.new-api-solution-main .single-box .img-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.new-api-solution-main .single-box .box-content .api-box-title {
    margin-bottom: 0.5rem;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.2;
    color: #212121;
}
.new-api-solution-main .single-box .box-content p {
    margin: 0;
}
.new-api-solution-main .single-box .first-img-box {
  background: linear-gradient(180deg, #F40B19 0%, #95060F 138.6%);
  border-radius: 20px;
}
.new-api-solution-main .single-box .second-img-box {
  background: linear-gradient(180deg, #FF9E21 0%, #EA5F2D 107.17%);
  border-radius: 20px;
}
.new-api-solution-main .api-inner-box:last-child .single-box {
    border: unset;
    background: linear-gradient(180deg, #8BB935 0%, #159256 100%);
}
.new-api-solution-main .api-inner-box:last-child .single-box .box-content {
  background: #FFFFFF;
  border-radius: 20px;
  border: 1px solid #D9D9F2;
}
.new-api-solution-main .single-box .box-content {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 30px 40px 30px 40px;
}

.home-cta-section .wrapper {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 50px 50px;
}
.home-cta-section .wrapper .img {
  right: 15px;
}
.home-cta-section .wrapper .content, .home-cta-section .wrapper .content h2 {
  color: #ffffff;
}


.new-odd-api-section .container .new-odd-container {
  padding: 0 50px;
}
.new-odd-api-section .new-odd-container {
  display: flex;
  flex-direction: column;
}
.new-odd-api-section .odd-img-container {
  padding: 40px 40px 0 70px;
  border-radius: 15px;
}
.new-odd-api-section .inner-wrapper {
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  border: 1px solid #E3E3F0;
  padding: 30px;
  border-radius: 15px;
  margin-left: -75px; 
  position: relative;
  z-index: 1;
}
.new-odd-api-section .odd-inner-main:last-child {
  padding-top: 65px;
}
.new-odd-api-section .odd-inner-main:first-child .odd-img-container {
  background: url(https://sportbex.com/wp-content/uploads/2025/04/odd-api-left-bg.webp) center/cover no-repeat, linear-gradient(120.46deg, #F0E8FD -6.17%, #FFF0ED 161.14%);
  padding: 40px 0 0 0px;
}
.new-odd-api-section .odd-inner-main:first-child .odd-img-container .img {
  position: relative;
  bottom: -15px;
  max-width: 544px;
  margin: 0 auto;
}
.new-odd-api-section .odd-inner-main:last-child .odd-img-container {
  background: url(https://sportbex.com/wp-content/uploads/2025/04/odd-api-bg.webp) center/cover no-repeat, linear-gradient(120.46deg, #F0E8FD -6.17%, #FFF0ED 161.14%);
  padding: 0px 0 0 0px;
}
.new-odd-api-section .odd-inner-main:last-child .inner-wrapper {
  margin-right: -75px;
  margin-left: 0;
}
.new-odd-api-section .odd-inner-main:last-child .odd-img-container .img {
  position: relative;
  bottom: -40px;
  max-width: 555px;
  margin: 0 auto;
}
.new-odd-api-section .inner-wrapper .heading h3 {
  font-size: 24px;
  color: #212121;
}
/*.new-odd-api-section .inner-wrapper .inner-odd-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}*/
.new-odd-api-section .main .single-box {
  margin-bottom: 20px;
  display: flex;
  gap: 10px;
  position: relative;
}
.new-odd-api-section .main .single-box:last-child {
  margin-bottom: 0;
}
.new-odd-api-section .main .single-box .box-number {
  height: 50px;
  min-width: 50px;
  max-width: 50px;
  border-radius: 50%;
/*   background: #f5f3fe; */
	background: #e8e6f0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.new-odd-api-section .main .single-box .content {
  position: relative;
  display: flex;
  align-items: center;
}
.new-odd-api-section .main .single-box span.line {
  position: absolute;
  height: calc(100% - 28px);
  width: 1px;
  background-color: #e5e2f3;
  right: calc(100% + 35px);
  top: 48px;
}
.new-odd-api-section .main .single-box .line::before, .new-odd-api-section .main .single-box .line::after {
  content: "";
  position: absolute;
  height: 5px;
  width: 5px;
  border-radius: 5px;
  background-color: #e5e2f3;
  transform: translateX(-40%);
}
.new-odd-api-section .main .line::after {
  bottom: 0;
}
.new-odd-api-section .main .single-box .content p {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
  margin: 0;
  color: #212121;
}
.new-odd-api-section .main .inner-wrapper .single-box:last-of-type .content .line{
  display: none;
}




/*Betting Website Page*/
.betting-website-banner {
  position: relative;
  background-color: #141A28;
  padding: 225px 0 175px;
  overflow: hidden;
}
.betting-website-banner .banner-image {
  position: absolute;
  bottom: 0;
  right: 6%;
  max-width: 46%;
}
.betting-website-banner .shape1 {
  position: absolute;
  top: 0;
  right: 0;
  mix-blend-mode: difference;
  pointer-events: none;
}
.betting-website-banner .shape2 {
  position: absolute;
  bottom: -350px;
  right: 0;
  mix-blend-mode: color-dodge;
  pointer-events: none;
}
.betting-website-banner .shape3 {
  position: absolute;
  top: 0;
  left: 0;
  mix-blend-mode: color-dodge;
  pointer-events: none;
}
.betting-website-banner .content {
  color: rgba(255, 255, 255, 0.7);
}
.betting-website-banner .content .primary-text {
    color: #ea231c;
    font-size: 18px;
    line-height: 1.45;
    font-weight: 400;
    margin-bottom: 10px;
}
.betting-website-banner .content h2 {
    font-size: 48px;
    line-height: 58px;
    margin-bottom: 20px;
}
.betting-website-banner .content .gredient {
  background-size: 200%;
}
.betting-website-banner .content p {
  font-size: 18px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.7);
  max-width: 540px;
  margin-bottom: 25px;
}
.betting-website-banner .content .btn {
  padding: 18px 46px;
  font-size: 22px;
  line-height: 1.2;
}
.betting-website-banner .content .btn img {
  width: 20px;
}
.betting-website-banner .banner-img {
  margin-right: -10%;
}


.home-top-features-main .wrapper {
  background: linear-gradient(340.33deg, rgba(242, 243, 249, 0.5) -18.81%, #f3f1ff 128%);
  border-radius: 15px;
  padding: 60px 80px 60px;
  position: relative;
}
.home-top-features-main .cards-wrapper .single-card {
  display: flex;
  background: #fff;
  border: 1px solid #CCD7E8;
  height: 100%;
  padding: 30px;
  gap: 22px;
  line-height: 1.45;
  border-radius: 10px;
}
.home-top-features-main .single-card:last-of-type {
    margin-bottom: 0;
}
.home-top-features-main .cards-wrapper .single-card h3 {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 10px;
}
.home-top-features-main .single-card p {
    margin: 0;
}


.on-rent-main {
   padding: 110px 0;
}
.on-rent-main .main-box {
   display: flex;
   align-items: center;
}
.on-rent-main .main-box .img {
   width: 75%;
}
.on-rent-main .main-box .content {
   background: linear-gradient(108.45deg, rgba(242, 243, 249, 0) -25.71%, #f3f1ff 65.98%);
   padding: 54px 35px;
   width: 25%;
}
.on-rent-main .main-box .content p {
   font-size: 18px;
   line-height: 1.45;
}

.advantage-main {
   padding: 110px 0;
}
.advantage-main .heading {
   margin-bottom: 45px;
}
.advantage-main .heading p {
   max-width: 700px;
   margin: 0 auto;
   font-size: 18px;
   line-height: 1.45;
}
.advantage-main [class*="col-"]:nth-of-type(odd) {
   margin-top: 100px;
}
.advantage-main [class*="col-"]:nth-of-type(2) .single-card {
   margin: 0 auto;
}
.advantage-main [class*="col-"]:last-of-type .single-card {
   margin-left: auto;
}
.advantage-main .img {
   width: fit-content;
   margin: -220px auto 0;
}
.advantage-main .single-card {
   background: linear-gradient(90deg, #f5f4fe 0%, #fff 100%);
   border-radius: 15px;
   padding: 15px 25px;
   max-width: 360px;
}
.advantage-main .single-card .advantage-box-title {
   margin-bottom: 25px;
   font-size: 22px;
   font-weight: 500;
  line-height: 1.2;
   color: #212121;
}
.advantage-main .single-card p {
   margin-bottom: 0;
}


/*Blog Detail page*/
.blog-detail-section .group-design-1 .wp-block-group__inner-container {
    border: 1px solid #C0D7E8;
    border-radius: 5px;
    padding: 15px 25px 0 0;
}
.blog-detail-section .group-design-1 .wp-block-group__inner-container h3 {
    background: linear-gradient(100.82deg, rgba(242, 243, 249, 0.5) -8.58%, #F3F1FF 133.12%);
    padding: 10px 15px 10px 25px;
    display: inline-block;
}
.blog-detail-section .group-design-1 .wp-block-group__inner-container p {
    padding-left: 25px;
    margin-bottom: 20px;
}

.blog-detail-section .group-design-2 > .wp-block-group__inner-container {
  border: 1px solid #C0D7E8;
  border-radius: 5px;
  padding: 20px 15px 0 15px;
}
.blog-detail-section .wp-block-group.group-design-2 .wp-block-group {
    background: linear-gradient(246.42deg, rgba(255, 229, 228, 0.2) 44.52%, #FFE5E4 116.17%);
    padding: 15px 10px;
    margin-bottom: 20px;
    border-radius: 5px;
}
.blog-detail-section .wp-block-group.group-design-2 .wp-block-group:nth-child(even) {
    background: linear-gradient(100.82deg, rgba(242, 243, 249, 0.5) -8.58%, #F3F1FF 133.12%);
}
.blog-detail-section .wp-block-group.group-design-2 .wp-block-group h3 {
    margin-bottom: 8px;
}
.blog-detail-section .wp-block-group.group-design-2 .wp-block-group p:last-child {
    margin-bottom: 0;
}

.blog-detail-section .wp-block-group.group-design-2 .wp-block-group h3:before {
  content: url("../images/blog-star-icon.png");
  margin-right: 10px;
}

/*Blog New cta section*/
.blog-detail-cta-box {
  color: #FFFFFF;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: 8px;
  padding: 40px 40px;
  margin: 25px 0;
}
.blog-detail-cta-box .content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.blog-detail-cta-box .content .blog-detail-cta-box-heading {
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 600;
}
.blog-detail-cta-box .content p {
    margin-bottom: 20px;
}
.blog-detail-cta-box .content a {
  font-weight: 500;
  color: #FFFFFF;
  text-decoration: none;
}

/* Blog Tips Section */
.blog-detail-tips-box {
  background: linear-gradient(87.99deg, #6C1119 19.2%, #AC0D17 105.01%);
  padding: 15px;
  border-radius: 10px;
}
.blog-detail-tips-box .content .d-flex {
  gap: 15px;
}
.blog-detail-tips-box .tips-icon-out {
  border-radius: 8px;
  background: #FFFFFF1A;
  padding: 7px 17px 7px 17px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.blog-detail-tips-box .tips-icon-out .tip-title {
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
}
.blog-detail-tips-box .content .tips-box-title {
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
}


/*New blog detail page*/
.blog-detail-banner {
    padding: 110px 0 32px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.blog-detail-banner .bolg-detail-title-box {
    margin-bottom: 75px;
}
.blog-detail-banner .bolg-detail-title-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-bottom: 1px solid rgb(28 28 28 / 1);
}
.blog-detail-banner span.blog-detail-category {
    color: #ffffff;
    border: 1px solid #FFFFFF;
    padding: 10px 16px;
    border-radius: 50px;
    font-size: 14px;
}
.blog-detail-banner h1 {
    font-family: "Wix Madefor Display", sans-serif;
    font-weight: 500;
    color: #ffffff;
    font-size: 48px;
    line-height: 1.3;
    margin: 24px 0 40px 0;
}
.blog-detail-banner .blog-content-meta-data {
    padding-top: 8px;
    display: flex;
    gap: 32px;
}
.blog-detail-banner .blog-reading-data, .blog-detail-banner .blog-detail-reading-time {
    display: flex;
    align-items: center;
    gap: 10px;
}
.blog-content-meta-data p {
    margin: 0;
    color: rgb(255 255 255 / 75%);
}
.bolg-detail-main .image-box img {
    width: 100%;
}
.blog-detail-section .blog-detail-box ol.wp-block-list {
  margin-left: 10px;
}
.blog-detail-banner .social-icons {
    display: flex;
    padding-top: 20px;
}
.blog-detail-banner .social-icons a {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    border-radius: 50%;
    background: linear-gradient(246.42deg, rgba(234, 35, 28, 0.2) 44.52%, rgba(255, 255, 255, 0.1) 116.17%);
    color: #212121;
}
.blog-detail-banner .social-icons a svg path {
    fill: #ffffff;
}
.blog-detail-banner .social-icons a:last-child svg path {
    stroke: #ffffff;
}


/*Alternatives detail page*/
.alternatives-detail-banner {
    padding: 110px 0 50px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.alternatives-detail-banner span.blog-detail-category {
    font-weight: 500;
    font-size: 16px;
    color: #EA231C;
}
.alternatives-detail-banner h1 {
    font-size: 45px;
    line-height: 1.3;
    margin: 15px 0 20px 0;
}
.blog-detail-section.alternatives-detail-section .all-content-wrapper h3 {
  margin-bottom: 10px;
}
.blog-detail-section.alternatives-detail-section .group-design-1 .wp-block-group__inner-container {
    padding: 20px;
    margin-bottom: 20px;
}
.blog-detail-section.alternatives-detail-section .group-design-1 .wp-block-group__inner-container h3 {
    padding: 4px 15px 4px 15px;
    margin-bottom: 15px;
}
.blog-detail-section.alternatives-detail-section .all-content-wrapper ul.wp-block-list {
  margin-left: 0 !important;
  list-style: none;
}
.blog-detail-section.alternatives-detail-section .all-content-wrapper .wp-block-group-is-layout-flex {
  background: #FFF9F9;
  padding: 22px;
  border: 1px solid #F40000;
  border-radius: 5px;
  margin: 20px 0;
}
.blog-detail-section.alternatives-detail-section .all-content-wrapper ul.wp-block-list.alternatives-list-box {
  background: #FFF9F9;
  padding: 22px;
  border: 1px solid #F40000;
  border-radius: 5px;
  margin: 20px 0;
}
.blog-detail-section.alternatives-detail-section .all-content-wrapper ul.wp-block-list.alternatives-list-box li:first-child {
    margin-top: 0;
}
.blog-detail-section.alternatives-detail-section .all-content-wrapper ul.wp-block-list.alternatives-list-box li:last-child {
    margin-bottom: 0;
}
/*.blog-detail-section.alternatives-detail-section .all-content-wrapper ul.wp-block-list li {
    display: flex;
    align-items: center;
}*/
.blog-detail-section.alternatives-detail-section .all-content-wrapper ul.wp-block-list li:before {
    /*content: url(https://sportbex.com/wp-content/uploads/2025/06/alternatives-arrow-icon.png);*/
    content: url(https://sportbex.com/wp-content/uploads/2025/06/alternatives-list-icon.png);
    margin: 5px 10px 0 0;
    list-style: none;
}
.blog-detail-section.alternatives-detail-section .group-design-1 .wp-block-group__inner-container p {
  padding-left: 15px;
}
.single.single-alternatives figure.wp-block-table {
    border: 1px solid #5c5370ad;
    border-radius: 5px;
    margin: 20px 0;
}
.single.single-alternatives table {
  margin-bottom: 0;
}
.single.single-alternatives .wp-block-table thead {
  border: 0;
}
.single.single-alternatives table tr th {
  background: #ea231c;
  color: #ffffff;
  padding: 10px 16px;
  border: 0;
  font-size: 18px;
  font-weight: 500;
}
.single.single-alternatives .wp-block-table tbody tr:nth-child(odd) {
  background: linear-gradient(56.96deg,#ffe5e4 30.29%,#eeefff 160.67%);
}
.single.single-alternatives .wp-block-table tbody td {
  padding: 10px 16px;
  border: 0;
  font-size: 16px;
  font-weight: 500;
}
.single.single-alternatives .wp-block-table tbody td mark.has-inline-color {
  font-size: 20px;
}

.blog-detail-cta-box.alternatives-cta1 .content p {
  max-width: 65%;
  text-align: center;
}
.blog-detail-cta-box.alternatives-cta2 .content p {
  max-width: 75%;
  text-align: center;
}

.alternatives-detail-section .sidebar.sticky-section .lwptoc .lwptoc_i .lwptoc_item a .lwptoc_item_number {
  display: none;
}
.alternatives-detail-section .sticky-wrapper {
  top: 85px;
  max-height: calc(100vh - 85px);
  overflow-y: auto;
  padding-right: 10px;
}
.sticky-wrapper::-webkit-scrollbar {
    width: 6px;
}
.sticky-wrapper::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}

.alternatives-detail-section .alternatives-sidebar .box-2 {
  background: linear-gradient(140.43deg, rgba(243, 241, 255, 0.3) -1.26%, rgba(255, 245, 233, 0.3) 31.53%, rgba(209, 217, 249, 0.3) 49.66%, rgba(232, 210, 235, 0.3) 69.7%, rgba(251, 239, 250, 0.3) 110.55%);
  border: 1px solid #C6C2DB;
  padding: 0px 0 20px 0;
}
.alternatives-detail-section .alternatives-sidebar .box-2 .alternatives-box2 {
  padding: 20px 20px 0 20px;
}
.alternatives-detail-section .alternatives-sidebar .box-2 .alternatives-box2 ul {
  margin: 20px 0 0 20px;
}
.alternatives-detail-section .box-2 .btn {
  margin-bottom: 0;
}

/*h2.wp-block-heading {
  background-image: url(https://sportbex.com/wp-content/uploads/2025/06/alternatives-heading-img.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}
h2.wp-block-heading span {
  line-height: 125px;
  padding-left: 30px;
}*/


/*contact info section*/
.page-id-9 .contact-info-section {
    padding-top: 50px;
    padding-bottom: 0;
}
.contact-info-section .contact-info-main .row {
    position: relative;
}
.contact-info-section .contact-info-container {
    position: absolute;
    left: 0;
    width: 430px;
}
.contact-info-section .contact-info-mian-box {
    background: url(https://sportbex.com/wp-content/uploads/2025/05/contact-info-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    padding: 40px 100px 100px 40px;
    margin-right: -80px;
    color: #ffffff;
    position: relative;
    z-index: 1;
}
.contact-info-section .contact-info-mian-box span.info-title {
    font-weight: 600;
    font-size: 28px;
}
.contact-info-section .contact-info-box {
    padding-top: 14px;
}
.contact-info-section .contact-info-box span.icon-wrap {
    height: 44px;
    width: 44px;
    flex: none;
    background: #ffffff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 1px 0px rgba(112, 36, 36, 0.1019607843), 0px 2px 2px 0px rgba(112, 36, 36, 0.0901960784);
}
.contact-info-section .contact-info-box .content .contact-info-box-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    color: #ffffff;
}
.contact-info-section .contact-info-box .content a {
    text-decoration: none;
    color: #ffffff;
}
.contact-info-section .contact-info-box .content p {
    margin-bottom: 30px;
}
.contact-info-section .contat-info-wrapper {
    border: 1px solid #A3B2BC;
    padding: 30px 34px 30px 300px;
    border-radius: 10px;
}
.contact-info-section .contat-info-wrapper .form-group label {
    margin-bottom: 0.5rem;
    font-weight: 500;
}
.contact-info-section .contat-info-wrapper .form-group label.form-label.checkbox-label {
    font-size: 20px;
    color: #212121;
}
.contact-info-section input[type=email], .contact-info-section input[type=tel], .contact-info-section input[type=text], .contact-info-section textarea {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #C2D4E0;
    border-radius: 5px;
}
.contact-info-section .contat-info-wrapper .form-group .wpcf7-form-control.wpcf7-checkbox label {
    display: inline-flex;
    position: relative;
}
.contact-info-section .contat-info-wrapper .form-group .wpcf7-form-control.wpcf7-checkbox input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    z-index: -1;
}
.contact-info-section .contat-info-wrapper .form-group .wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item-label {
    align-items: center;
    padding: 10px 14px;
    color: #212121b3;
    background-color: #F6F6FC;
    border-radius: 5px;
    cursor: pointer;
}
.contact-info-section .contat-info-wrapper .form-group .wpcf7-form-control.wpcf7-checkbox input:checked ~ span.wpcf7-list-item-label {
    background-color: #EA231C;
    color: #ffffff;
}
.contact-info-section .contat-info-wrapper .form-group .wpcf7-form-control.wpcf7-checkbox {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.contact-info-section .contat-info-wrapper .form-group .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item {
  margin: 0;
}
.contact-info-section .contat-info-wrapper .contact-submit-btn {
    padding-top: 20px;
}
.contact-info-section .contat-info-wrapper input[type=submit] {
    padding: 9px 20px;
    border-radius: 6px;
    line-height: 24px;
}


.leagus-main {
   padding: 110px 0;
}
.leagus-main .first-row {
   max-width: 840px;
   margin: 0 auto;
}
.leagus-main .league-slider {
   margin-top: 30px;
}
.leagus-main .league-slider .single-card {
   height: unset;
}
.leagus-main .league-slider .single-card .img {
   padding: 10px;
}
.leagus-main .single-card {
   position: relative;
   height: 100%;
   background: linear-gradient(180deg, #c7c7d9 0%, #fff 100%);
   border-radius: 10px;
   padding: 1px;
}
.leagus-main .single-card .wrapper {
   display: flex;
   flex-direction: column;
   border-radius: 10px;
   height: 100%;
   background-color: #fff;
   border-radius: 10px;
}
.leagus-main .single-card .img {
   flex: 1;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 20px;
}
.leagus-main .single-card .league-box-title {
  padding: 20px 10px;
  text-align: center;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
  color: #fff;
  border-radius: 0 0 10px 10px;
}
.leagus-main .single-card .league-box-title.ipl {
   background: linear-gradient(360deg, #263d88 -10.72%, #5091cd 284%);
}
.leagus-main .single-card .league-box-title.bbl {
   background: linear-gradient(180deg, #e30613 0%, #95060f 100%);
}
.leagus-main .single-card .league-box-title.bpl {
   background: linear-gradient(180deg, #3b2050 0%, #331b45 100%);
}
.leagus-main .single-card .league-box-title.psl {
   background: linear-gradient(0deg, #136838 0%, #0d9b49 108.7%);
}
.leagus-main .single-card .league-box-title.abu-dhabi {
   background: linear-gradient(0deg, #eb4b24 0%, #f7911f 108.7%);
}
.leagus-main .single-card .league-box-title.gt20 {
   background: linear-gradient(0deg, #ca1b2a 0%, #f32e3f 108.7%);
}
.leagus-main .single-card .league-box-title.sa20 {
   background: linear-gradient(0deg, #0a81c6 0%, #60e744 168.32%);
}
.leagus-main .single-card .league-box-title.cpl {
   background: linear-gradient(0deg, #9004fa 0%, #e77c0d 107.19%);
}
.leagus-main .single-card .league-box-title.ilt {
   background: linear-gradient(180deg, #e9322a -26.23%, #0039aa 100%);
}
.leagus-main .single-card .league-box-title.lpl {
   background: linear-gradient(180deg, #f4c343 -47.34%, #a82215 100%);
}
.leagus-main .single-card .league-box-title.primary {
   background: linear-gradient(180deg, #eb0a36 -47.34%, #98190d 100%);
}
.leagus-main .single-card .league-box-title.barbados-royals {
   background: linear-gradient(180deg, #e11f8f -47.34%, #c31f7e 100%);
}
.leagus-main .single-card .league-box-title.super-league {
  background: linear-gradient(0deg, #003074 0%, #1D519A 168.32%);
}
.leagus-main .single-card .league-box-title.jupiler-leaguge {
  background: linear-gradient(0deg, #FF1740 0%, #E77C0D 107.19%);
}

.leagus-main .single-card .league-box-title.acb {
  background: linear-gradient(180deg, #006EB9 0%, #331B45 100%);
}
.leagus-main .single-card .league-box-title.vtb {
  background: linear-gradient(0deg, #21338A 0%, #3B4CA5 108.7%);
}
.leagus-main .single-card .league-box-title.lba {
  background: linear-gradient(0deg, #2B2950 0%, #6C6CAA 168.32%);
}
.leagus-main .single-card .league-box-title.bbl {
  background: linear-gradient(0deg, #B5411D 0%, #DF641A 107.19%);
}
.leagus-main .single-card .league-box-title.lnb {
  background: linear-gradient(186.15deg, #1D7FB8 -3.7%, #116392 96.92%);
}
.leagus-main .single-card .league-box-title.pba {
  background: linear-gradient(176.88deg, #E91616 -4.34%, #C00404 96.47%);
}
.leagus-main .single-card .league-box-title.tvf {
  background: linear-gradient(180deg, #6C6CAA 0%, #2B2950 100%);
}
.leagus-main .new-nav {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 103%;
   justify-content: space-between;
   margin-top: 0;
   z-index: 1;
}
.leagus-main .new-nav button {
  box-shadow: 0px 10px 10px 0px #49566517;
  opacity: 1 !important;
}
.leagus-main .new-nav button:hover {
  background: linear-gradient(180deg, #e30613 0%, #95060f 100%);
}
.leagus-main .swiper-pagination {
  position: static;
  margin-top: 40px;
}
.leagus-main .swiper-pagination span {
  background-color: rgba(33, 33, 33, 0.5);
  width: 17px;
  height: 6px;
  border-radius: 50px;
  transition: all 0.2s ease-in-out;
}
.leagus-main .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: #ea231c;
  width: 24px;
}


/*game slider*/
.game-slider-main .swiper-pagination {
   position: static;
   margin-top: 40px;
}
.game-slider-main .swiper-pagination span {
   background-color: rgba(33, 33, 33, 0.5);
   width: 17px;
   height: 6px;
   border-radius: 50px;
   transition: all 0.2s ease-in-out;
}
.game-slider-main .swiper-pagination span.swiper-pagination-bullet-active {
   background-color: #ea231c;
   width: 24px;
}
.game-slider-main .main-wrapper {
   position: relative;
}
.game-slider-main .main-wrapper.right {
  padding-top: 65px;
}
.game-slider-main .main-wrapper.right .main-img {
   left: unset;
   right: 0;
   bottom: -8%;
}
.game-slider-main .main-wrapper.right .wrapper {
   margin-left: unset;
   padding: 37px 80px 80px 128px;
   padding: 37px 128px 55px 60px;
   margin-right: auto;
}
.game-slider-main .main-wrapper.right .wrapper .shape {
  left: 0;
  right: unset;
}
.game-slider-main .main-wrapper.right .wrapper .card-main {
   justify-content: start;
}
.game-slider-main .main-wrapper .main-img {
   position: absolute;
   bottom: -15px;
   left: 0;
   max-width: 45%;
   z-index: 1;
}
.game-slider-main .main-wrapper .wrapper {
   max-width: 85%;
   background: linear-gradient(120.46deg, #f0e8fd -6.17%, #fff0ed 161.14%), linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));
   padding: 37px 80px 55px 128px;
   margin-left: auto;
   border-radius: 20px;
   border: 2px solid #e3e3f0;
   text-align: center;
   position: relative;
}
.game-slider-main .main-wrapper .wrapper h3 {
   line-height: 1.37;
   margin-bottom: 35px;
}
.game-slider-main .main-wrapper .wrapper .shape {
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0;
   mix-blend-mode: overlay;
   pointer-events: none;
}
.game-slider-main .main-wrapper .card-main {
   display: flex;
   justify-content: end;
   flex-wrap: wrap;
   gap: 35px 50px;
   position: relative;
   z-index: 2;
}
.game-slider-main .main-wrapper .single-card {
   width: calc(20% - 40px);
}
.game-slider-main .main-wrapper .single-card .img {
   height: 106px;
   width: 106px;
   border-radius: 50%;
   background-color: #fff;
   /*box-shadow: 0px 3.9px 7.8px 0px #2E5F941A;*/
   box-shadow: 0 3.9px 7.8px 0 #2e5f9469;
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 0 auto 8px;
}
.game-slider-main .main-wrapper .single-card .img::after {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   height: calc(100% + 12px);
   width: calc(100% + 12px);
   background-color: #feeffb;
   border-radius: 50%;
   z-index: -1;
}
.game-slider-main .main-wrapper .single-card .img img {
   height: 50px;
   width: 50px;
   object-fit: contain;
}
.game-slider-main .main-wrapper .single-card .game-slider-box-title {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
  margin: 0;
  white-space: nowrap;
  color: #373737;
}

/*Volleyball API*/
.page-id-5559 .cta-section-main .wrapper {
  background: url(https://sportbex.com/wp-content/uploads/2025/06/volleyball-cta-bg.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 120px;
  padding: 50px 40px;
}
.page-id-5559 .cta-section-main .wrapper .img {
  right: 50px;
}


.volleyball-about-main .main-box .content {
  border: 1px solid #bed0ea;
  border-radius: 8px;
}
.volleyball-about-main .main-box .img {
  margin: 0 -175px 0 0;
}

.leagus-main .volleyball-leagus-main {
  padding: 70px 0;
}
.volleyball-api-main {
   padding: 40px 0;
   background: linear-gradient(340.33deg, rgba(242, 243, 249, 0.5) -18.81%, #f3f1ff 128%);
   margin-bottom: 60px;
}
.volleyball-api-main .card-row {
   display: flex;
   gap: 24px 66px;
   margin-bottom: -9px;
   position: relative;
   z-index: 1;
   align-items: end;
}
.volleyball-api-main .card-row.second {
   justify-content: end;
   align-items: start;
   margin-bottom: 0;
   margin-top: -9px;
}
.volleyball-api-main .card-row.second .single-card h3 {
   margin-top: 10px;
   margin-bottom: 0;
   line-height: 1.5;
}
.volleyball-api-main .main-wrapper {
   margin-top: 48px;
}
.volleyball-api-main .single-card {
   text-align: center;
   max-width: 235px;
   width: 100%;
}
.volleyball-api-main .single-card h3 {
   font-size: 18px;
   margin-bottom: 10px;
}
.volleyball-api-main .seperator {
   border-top: 1px solid #212121;
}
.volleyball-api-main .marker {
   display: flex;
   flex-direction: column;
   align-items: center;
}
.volleyball-api-main .marker .line {
   height: 45px;
   width: 1px;
   background-color: #212121;
}
.volleyball-api-main .marker .dot {
   height: 18px;
   width: 18px;
   border: 1px solid #212121;
   border-radius: 50%;
   position: relative;
   background-color: #f4f3fe;
}
.volleyball-api-main .marker .dot::after {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   height: 9px;
   width: 9px;
   background: linear-gradient(180deg, #e30613 0%, #95060f 100%);
   border-radius: 50%;
   z-index: 1;
}

.why-choose-volleyball {
   padding: 70px 0 0;
}
.why-choose-volleyball .wrapper {
   padding: 55px 28px;
   background: linear-gradient(90deg, #fff 0%, #fbfaff 116.02%);
   border: 1px solid #e3e3f0;
}
.why-choose-volleyball .main-wrapper {
   display: flex;
   justify-content: space-between;
}
.why-choose-volleyball .main-img {
   position: relative;
   z-index: 2;
   height: fit-content;
   margin: auto;
}
.why-choose-volleyball .main-img img {
   height: 276px;
   width: 276px;
}
.why-choose-volleyball .single-card {
   border: 1px solid #e3e3f0;
   margin-bottom: 66px;
   background: linear-gradient(100.82deg, rgba(242, 243, 249, 0.5) -8.58%, #f3f1ff 133.12%);
   padding: 3px;
   border-radius: 4px;
   max-width: 295px;
   width: 100%;
   min-height: 264px;
   position: relative;
}
.why-choose-volleyball .single-card:last-of-type {
   margin-bottom: 0;
}
.why-choose-volleyball .single-card::after {
   content: '';
   position: absolute;
   top: 50%;
   left: 102%;
   height: 10px;
   width: 10px;
   border-radius: 50%;
   background-color: #c6c2db;
}
.why-choose-volleyball .single-card::before {
   content: '';
   position: absolute;
   top: 51.5%;
   left: 112%;
   height: 240px;
   width: 170px;
   border-style: dashed;
   border-color: #c6c2db;
}
.why-choose-volleyball .single-card .card-wrapper {
   background-color: #fff;
   padding: 8px 12px;
   border-radius: 4px;
   text-align: center;
   line-height: 1.45;
   height: 100%;
}
.why-choose-volleyball .single-card .card-wrapper .img {
   margin-bottom: 12px;
}
.why-choose-volleyball .single-card .card-wrapper h3 {
   margin-bottom: 10px;
   font-size: 22px;
}
.why-choose-volleyball .single-card .card-wrapper p {
   margin-bottom: 0;
   font-size: 18px;
   font-weight: 500;
}
.why-choose-volleyball .first-column, .why-choose-volleyball .second-column {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}
.why-choose-volleyball .first-column .single-card:first-of-type::before {
   border-width: 2px 2px 0 0;
   transform: skew(10deg);
}
.why-choose-volleyball .first-column .single-card:nth-of-type(2)::before {
   border-width: 2px 0 0 0;
   left: 103%;
}
.why-choose-volleyball .first-column .single-card:last-of-type::before {
   border-width: 0 2px 2px 0;
   top: unset;
   bottom: 48%;
   transform: skew(-10deg);
}
.why-choose-volleyball .second-column .single-card::after {
   left: unset;
   right: 102%;
}
.why-choose-volleyball .second-column .single-card::before {
   left: unset;
   right: 112%;
}
.why-choose-volleyball .second-column .single-card:first-of-type::before {
   border-width: 2px 0 0 2px;
   transform: skew(-10deg);
}
.why-choose-volleyball .second-column .single-card:nth-of-type(2)::before {
   border-width: 2px 0 0 0;
   right: 103%;
}
.why-choose-volleyball .second-column .single-card:last-of-type::before {
   border-width: 0 0 2px 2px;
   top: unset;
   bottom: 48%;
   transform: skew(10deg);
}


.volleyball-coverage-api-main .main-wrapper {
  padding-top: 48px;
}
.volleyball-coverage-api-main .main-wrapper .card-main {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-content: center;
  gap: 105px 45px;
}
.volleyball-coverage-api-main .main-wrapper .card-main .single-card {
  padding: 0px 22px 18px 22px;
  border-radius: 5px;
  border-top: 5px solid #ea231c;
  background: linear-gradient(340.37deg, #fff0 16.01%, #FFFFFF 86.62%);
  border: 1px solid #E3E3F0;
  border-radius: 8px;
  height: 100%;
}
.volleyball-coverage-api-main .main-wrapper .card-main .single-card .img {
  margin-top: -40px;
  border: 0.28px solid #E3E3F0;
  border-radius: 3px;
  width: 82px;
  height: 82px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
}
.volleyball-coverage-api-main .main-wrapper .card-main .single-card .soccer-betting-box-title {
  margin: 18px 0 12px 0;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.45;
  color: #212121;
}
.volleyball-coverage-api-main .main-wrapper .card-main .single-card p {
  margin: 0;
}

/*Hockey API Page*/
.page-id-6077 .cta-section-main .wrapper {
  background: url(https://sportbex.com/wp-content/uploads/2025/07/hockey-cta-bg.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 120px;
  padding: 50px 40px;
}
.service-top-feature-main.hockey-key-feature-main {
  background: linear-gradient(340.33deg, rgba(242, 243, 249, 0.5) -18.81%, #F3F1FF 128%);
  padding: 55px 0;
  margin-bottom: 50px;
  z-index: 1;
}
.service-top-feature-main.hockey-key-feature-main img.shape-1 {
  position: absolute;
  top: 20%;
  left: 105px;
  z-index: -1;
}
.service-top-feature-main.hockey-key-feature-main .service-img-container {
  background: #ffffff;
  padding: 20px 60px 0px 60px;
  border: 3px solid #DDEAFD;
}
.service-top-feature-main.hockey-key-feature-main .heading.text-center {
  background: linear-gradient(340.33deg, rgba(242, 243, 249, 0.5) -18.81%, #F3F1FF 128%);
  padding: 10px 12px;
  border: 0.5px solid #c6c2db66;
  border-radius: 4px;
}
.service-top-feature-main.hockey-key-feature-main .heading.text-center h2 {
  margin-bottom: 0;
}
.service-top-feature-main.hockey-key-feature-main .hockey-key-btn {
  justify-content: center;
}
.service-top-feature-main.hockey-key-feature-main .inner-wrapper {
  margin-left: 30px;
}
.service-top-feature-main.hockey-key-feature-main .main .single-box {
  margin-bottom: 35px;
  gap: 15px;
}
.service-top-feature-main.hockey-key-feature-main .main .single-box .box-number {
  height: 45px;
  min-width: 45px;
  max-width: 45px;
  color: #EA231C;
  font-weight: 500;
  background: #ffffff;
  position: relative;
  font-size: 20px;
}
.service-top-feature-main.hockey-key-feature-main .main .single-box .box-number:before {
  content: "";
  position: absolute;
  top: -5px;
  height: 55px;
  width: 55px;
  border-radius: 50%;
  filter: drop-shadow();
  box-shadow: 0px 1px 22px 0px #3418591A;
}
.service-top-feature-main.hockey-key-feature-main .main .single-box span.line {
  position: absolute;
  height: calc(100% - 20px);
  width: 1px;
  background-color: #e5e2f3;
  right: calc(100% + 37px);
  top: 50px;
}
.service-top-feature-main.hockey-key-feature-main .main .single-box .line::before, .service-top-feature-main.hockey-key-feature-main .main .single-box .line::after {
  content: unset;
}
.service-top-feature-main.hockey-key-feature-main .main .single-box .content h3 {
  font-size: 20px;
}

.why-choose-ice-hockey {
    padding-top: 100px;
}
.why-choose-ice-hockey .main-wrapper {
   background: linear-gradient(90deg, #fff 0%, #fbfaff 116.02%);
   border: 1px solid #e3e3f0;
   padding: 55px 95px;
}
.why-choose-ice-hockey .single-card {
   padding: 30px 30px 30px 0;
   background: linear-gradient(257.8deg, rgba(242, 243, 249, 0) 3.95%, #f3f1ff 103.02%);
   margin-left: 40px;
   display: flex;
   gap: 15px;
   align-items: center;
   border-radius: 0 10px 10px 0;
   border: 1px solid #c6c2db;
   border-left: 0;
   position: relative;
   height: 100%;
}
.why-choose-ice-hockey .single-card::after, .why-choose-ice-hockey .single-card::before {
   content: "";
   position: absolute;
   height: 6px;
   width: 6px;
   background-color: #c6c2db;
   border-radius: 50%;
   left: 0;
}
.why-choose-ice-hockey .single-card::before {
   top: 0;
   transform: translate(-50%, -50%);
}
.why-choose-ice-hockey .single-card::after {
   bottom: 0;
   transform: translate(-50%, 50%);
}
.why-choose-ice-hockey .single-card .img {
   margin-left: -50px;
   min-width: 100px;
   height: 100px;
}
.why-choose-ice-hockey .single-card .img img {
   width: 100%;
   height: 100%;
}
.why-choose-ice-hockey .single-card h3 {
   font-size: 22px;
   line-height: 1.45;
   font-weight: 600;
   margin-bottom: 12px;
}
.why-choose-ice-hockey .single-card p {
   margin-bottom: 0;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
}

.hockey-api-main .heading h2 {
  margin-bottom: 15px;
}
.hockey-api-main .hockey-api-card-main {
  background: linear-gradient(112.81deg, #FFFFFF 5.17%, #FBFAFF 106.11%);
  border: 1px solid #E3E3F0;
  border-radius: 10px;
  padding: 25px 0 25px 0 ;
}
.hockey-api-main .hockey-api-card-main .single-card {
  display: flex;
  align-items: center;
  gap: 15px;
  height: 100%;
  padding: 25px 25px 25px 25px;
  position: relative;
}
.hockey-api-main .hockey-api-card-main .single-card .hockey-icon {
  flex: none;
}
.hockey-api-main .hockey-api-card-main .single-card h3 {
  font-size: 22px;
  margin-bottom: 8px;
}
.hockey-api-main .hockey-api-card-main .single-card p {
  margin-bottom: 0;
}

.cricket-api-difference-table-main {
  padding: 100px 0;
}
.cricket-api-difference-table-main .api-difference-table {
  border: 3px solid #DDEAFD;
  border-radius: 10px;
  overflow: auto;
}
.cricket-api-difference-table-main .cricket-api-comparison-table {
  width: 100%;
  margin: 0 auto;
}
.cricket-api-difference-table-main .cricket-api-comparison-table thead {
  background: linear-gradient(180deg, #E30613 0%, #95060F 100%);
}
.cricket-api-difference-table-main .cricket-api-comparison-table span {
  display: flex;
  align-items: center;
  gap: 12px;
}
.cricket-api-comparison-table th {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  padding: 20px 16px;
  text-align: center;
}
.cricket-api-comparison-table td {
  background-color: #fff;
  vertical-align: middle;
  padding: 20px 16px;
  border: 1px solid #ddeafd;
  border-left-width: 0;
  font-size: 18px;
  font-weight: 500;
}


/*Handball API Page*/
.page-id-6355 .cta-section-main .wrapper {
    background: url(https://sportbex.com/wp-content/uploads/2025/07/handball-cta-bg.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 120px;
    padding: 50px 40px;
}
.page-id-6355 .cta-section-main .wrapper .content {
  max-width: calc(100% - 470px);
}
.page-id-6355 .cta-section-main .wrapper .img {
  right: 30px;
}

.handball-about-main .main-box .img {
  margin: -50px -230px 0 0;
}
.why-choose-horse-race.why-choose-handball {
  padding: 100px 0 0 0;
}
.why-choose-handball .main-wrapper {
  border: 1px solid #E3E3F0;
  padding: 55px 75px;
}
.why-choose-handball .single-card{
  margin-bottom: 50px;
}
.why-choose-handball .single-card:nth-of-type(even) {
  transform: translateX(40px);
}
.why-choose-handball .why-choose-btn.text-center {
  padding-top: 70px;
}
.why-choose-handball .single-card .img {
  position: relative;
}
.why-choose-handball .single-card .img:after {
  content: "";
  position: absolute;
  top: 152px;
  left: 0%;
  width: 100%;
  height: 1px;
  background: #212121;
  transform: rotate(90deg);
}
.why-choose-handball .single-card:last-child .img:after {
  content: unset;
}

.handball-api-main .heading p {
   font-size: 18px;
}
.handball-api-main .main-card {
   gap: 42px 48px;
   display: flex;
   flex-wrap: wrap;
}
.handball-api-main .single-card {
   display: flex;
   align-items: center;
   gap: 10px;
   padding: 33px 11px;
   background-color: #fff;
   border-radius: 10px;
   position: relative;
   width: calc(50% - 24px);
   line-height: 1.45;
}
.handball-api-main .single-card p {
   margin: 0;
}
.handball-api-main .single-card h3 {
   font-size: 22px;
}
.handball-api-main .single-card .line {
   position: absolute;
   top: 100%;
   left: 50%;
   transform: translateX(-50%);
   height: 1px;
   width: 35%;
   background-color: #fff;
}
.handball-api-main .single-card .line::before {
   content: "";
   position: absolute;
   top: 50%;
   left: -4px;
   transform: translateY(-50%);
   height: 12px;
   width: 7px;
   background-color: #c6c2db;
   border-radius: 8px;
   background: url("../images/handball-arrow.svg");
   background-size: contain;
   background-repeat: no-repeat;
}
.handball-api-main .single-card .line::after {
   content: "";
   position: absolute;
   top: 50%;
   right: 0;
   transform: translateY(-50%);
   height: 6px;
   width: 6px;
   background-color: #c6c2db;
   border-radius: 8px;
}
.handball-api-main .single-card::after {
   content: "";
   position: absolute;
   top: -1px;
   left: -1px;
   right: -1px;
   bottom: -1px;
   background-color: #c6c2db;
   z-index: -1;
   border-radius: 10px;
}
.handball-api-main .single-card .img {
   min-width: 82px;
}

.handball-feature-main {
  margin-bottom: 50px;
   padding: 50px 0 55px;
   background: linear-gradient(340deg, rgba(242, 243, 249, 0.5) -18.81%, #f3f1ff 128%);
}
.handball-feature-main [class*="col-"]:first-of-type .single-card::before, .handball-feature-main [class*="col-"]:nth-of-type(5) .single-card::before {
   opacity: 1;
}
.handball-feature-main [class*="col-"]:last-of-type .single-card::before, .handball-feature-main [class*="col-"]:nth-of-type(4) .single-card::before {
   opacity: 1;
   left: unset;
   right: -12px;
}
.handball-feature-main .row {
   position: relative;
   z-index: 1;
}
.handball-feature-main .single-card {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 17px;
   position: relative;
}
.handball-feature-main .single-card::after {
   content: "";
   position: absolute;
   top: 45px;
   left: -12px;
   right: -12px;
   border-top: 2px dashed #d5d4e8;
   z-index: -1;
}
.handball-feature-main .single-card::before {
   content: "";
   position: absolute;
   top: 46px;
   left: -12px;
   height: 11px;
   width: 11px;
   border-radius: 12px;
   transform: translateY(-50%);
   background-color: #d5d4e8;
   z-index: -1;
   opacity: 0;
}
.handball-feature-main .single-card .img {
   height: 90px;
   width: 90px;
   border-radius: 50%;
   background-color: #fff;
   padding: 4px;
}
.handball-feature-main .single-card .img .wrapper {
   height: 100%;
   width: 100%;
   background: linear-gradient(180deg, #d2cfef -61.29%, #f5f4fe 97.67%);
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   box-shadow: 0px 3px 3px 0px #5755af 17, 0px 6px 4px 0px #5755af 0d, 0px 1px 1px 0px #5755af;
}
.handball-feature-main .single-card h3 {
   margin: 0;
   text-align: center;
   max-width: 202px;
   font-size: 22px;
   font-weight: 600;
}


/*Golf API Page*/
.page-id-6701 .cta-section-main .wrapper {
    background: url(https://sportbex.com/wp-content/uploads/2025/07/golf-cta-bg.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 120px;
    padding: 50px 40px;
}
.page-id-6701 .cta-section-main .wrapper .img {
  right: 22px;
}
.golf-about-main .main-box .img {
  margin: -50px -90px 0 0;
}
.golf-api-main .main-wrapper .card-main {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: center;
    gap: 40px 25px;
}
.golf-api-main .main-wrapper .card-main .single-card {
    padding: 40px 22px;
    border: 1px solid #DDEAFD;
    border-radius: 8px;
    height: 100%;
    background: radial-gradient(94.72% 94.72% at 96.48% 100%, #FFF3FF 0%, #FFFFFF 100%);
}
.golf-api-main .main-wrapper .card-main .single-card h3 {
    margin: 12px 0 12px 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.45;
    color: #212121;
}
.golf-api-main .main-wrapper .card-main .single-card p {
    font-size: 18px;
    margin-bottom: 0;
}

.golf-key-feature-main {
    background: linear-gradient(340.33deg, rgba(242, 243, 249, 0.5) -18.81%, #F3F1FF 128%);
    padding: 40px 0;
    margin-bottom: 90px;
}
.golf-key-feature-main .golf-key-inner {
  padding: 0 55px;
}
.golf-key-feature-main .box-main {
    background: #FFF;
    padding: 50px 45px 45px 115px;
    border: 2px solid #DDEAFD;
    border-radius: 20px 0 0 20px;
}
.golf-key-feature-main ul li {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    gap: 12px;
}
.golf-key-feature-main ul li h3 {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0px;
    color: #000000;
}
.golf-key-feature-main .golf-key-inner .img {
    margin-left: -25px;
}

.why-choose-golf {
   padding: 84px 0 0;
}
.why-choose-golf .wrapper {
   border: 1px solid #e3e3f0;
   background: linear-gradient(90deg, #fff 0%, #fbfaff 116.02%);
   padding: 55px 12px;
}
.why-choose-golf .heading {
   margin-bottom: 52px;
}
.why-choose-golf .main-row {
   margin-bottom: 60px;
}
.why-choose-golf .single-card {
   display: flex;
   align-items: center;
   gap: 20px;
   width: 50%;
}
.why-choose-golf .single-card:nth-of-type(odd) {
   margin-left: auto;
   transform: translateX(-75px);
}
.why-choose-golf .single-card:nth-of-type(even) {
   flex-direction: row-reverse;
   transform: translateX(120px);
   text-align: right;
}
.why-choose-golf .single-card:nth-of-type(even) h5, .why-choose-golf .single-card:nth-of-type(even) p {
   direction: rtl;
}
.why-choose-golf .single-card:nth-of-type(even) .image-box {
   flex-direction: row-reverse;
}
.why-choose-golf .single-card:nth-of-type(even) .line {
   margin-left: 0;
   margin-right: 20px;
}
.why-choose-golf .single-card:nth-of-type(even) .line::after {
   left: 0;
   right: unset;
}
.why-choose-golf .single-card .image-box {
   display: flex;
   align-items: center;
}
.why-choose-golf .single-card .img {
   height: 120px;
   width: 120px;
   border-radius: 16px;
   border: 2px solid #ddeafd;
   box-shadow: 0px 4px 28px 0px #e3e3f0 80;
   display: flex;
   align-items: center;
   justify-content: center;
   transform: rotate(45deg);
}
.why-choose-golf .single-card .img img {
   transform: rotate(-45deg);
}
.why-choose-golf .single-card .line {
   width: 100px;
   border-top: 1px dashed #c6c2db;
   margin-left: 20px;
   position: relative;
}
.why-choose-golf .single-card .line::after {
   content: '';
   position: absolute;
   top: 50%;
   right: 0;
   height: 6px;
   width: 6px;
   border-radius: 50%;
   background-color: #c6c2db;
   transform: translateY(-50%);
}
.why-choose-golf .single-card h3 {
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   font-size: 22px;
   font-weight: 600;
}
.why-choose-golf .single-card p {
   font-size: 18px;
   margin-bottom: 0;
   height: 4lh;
   display: -webkit-box;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
}

/*American Football API Page*/
.page-id-6856 .cta-section-main .wrapper {
  background: url(https://sportbex.com/wp-content/uploads/2025/07/american-football-cta-bg.webp), conic-gradient(from 171.24deg at 50% 100%, #FFFFFF 0deg, #E4DEFF 360deg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 120px;
  padding: 50px 40px;
}
.page-id-6856 .cta-section-main .wrapper .img {
  right: 30px;
}
.american-football-about-main .main-box .img {
  margin: -50px -190px 0 0;
}

.american-football-solution-main {
   padding: 100px 0;
}
.american-football-solution-main .main-box {
   display: grid;
   gap: 25px 25px;
   grid-template-columns: repeat(3, 1fr);
}
.american-football-solution-main .main-img {
   display: flex;
   justify-content: center;
   grid-row: span 1;
}
.american-football-solution-main .single-card {
   position: relative;
   background: linear-gradient(340.33deg, rgba(242, 243, 249, 0.5) -18.81%, #F3F1FF 128%);
   padding: 32px 28px 32px 50px;
   position: relative;
   margin-left: 40px;
   line-height: 1.45;
   display: flex;
  flex-wrap: wrap;
  align-content: center;
  gap: 10px;
}
.american-football-solution-main .single-card::after {
   content: "";
   position: absolute;
   top: 50%;
   left: 0;
   height: 100%;
   width: 6px;
   transform: translate(-50%, -50%);
   background: radial-gradient(50% 50% at 50% 50%, #6A6875 0%, #C6C2DB 100%);
   z-index: -1;
}
.american-football-solution-main .single-card p {
   margin-bottom: 0;
   font-weight: 500;
}
.american-football-solution-main .single-card .img {
   position: absolute;
   top: 50%;
   left: 0;
   transform: translate(-50%, -50%);
   max-width: 98px;
   z-index: 1;
}
.american-football-solution-main .single-card .american-football-api-box-title {
  font-size: 1.25rem;
  margin-bottom: 0;
}

.why-us-football .wrapper {
  border: 1px solid #e3e3f0;
  background: linear-gradient(90deg, #fff 0%, #fbfaff 116.02%);
  padding: 55px 18px;
}
.why-us-football .main-row {
  position: relative;
  padding-top: 190px;
}
.why-us-football .main-row .lines {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 75.7%;
  user-select: none;
  pointer-events: none;
}
.why-us-football .main-row .lines img {
  width: 100%;
}
.why-us-football .first-row {
  display: flex;
  justify-content: space-evenly;
}
.why-us-football .second-row {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
.why-us-football .single-card {
  line-height: 1.45;
  max-width: 313px;
  text-align: center;
}
.why-us-football .single-card .img {
  margin-bottom: 10px;
}
.why-us-football .single-card h3 {
  margin-bottom: 15px;
  font-size: 22px;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.why-us-football .single-card p {
  font-size: 18px;
  margin-bottom: 0;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.american-keyfeature-main {
  background: linear-gradient(340.33deg, rgba(242, 243, 249, 0.5) -18.81%, #F3F1FF 128%);
  margin-bottom: 90px;
}
.american-keyfeature-main .main-keyfeature {
  display: flex;
  position: relative;
}
.american-keyfeature-main .main-keyfeature .single-box {
  margin-bottom: 20px;
  display: flex;
  gap: 20px;
  position: relative;
}
.american-keyfeature-main .main-keyfeature .img {
  position: relative;
  z-index: 1;
}
.american-keyfeature-main .main-keyfeature .american-img-container img {
  width: 100%;
}
.american-keyfeature-main .main-keyfeature .american-img-container {
  position: absolute;
  bottom: -50px;
}
.american-keyfeature-main .main-keyfeature .single-box .box-number {
  height: 50px;
  min-width: 50px;
  max-width: 50px;
  border-radius: 50%;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 500;
  color: #212121;
}
.american-keyfeature-main .main-keyfeature .single-box .content {
  position: relative;
  display: flex;
  align-items: center;
}
.american-keyfeature-main .main-keyfeature .single-box span.line {
  position: absolute;
  height: calc(100% - 30px);
  width: 1px;
  background-color: #e5e2f3;
  right: calc(100% + 45px);
  top: 50px;
}
.american-keyfeature-main .main-keyfeature .single-box .line::before, .american-keyfeature-main .main-keyfeature .single-box .line::after {
  content: "";
  position: absolute;
  height: 5px;
  width: 5px;
  border-radius: 5px;
  background-color: #e5e2f3;
  transform: translateX(-40%);
}
.american-keyfeature-main .main-keyfeature .line::after {
  bottom: 0;
}
.american-keyfeature-main .main-keyfeature .single-box .content h3 {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.45;
  margin: 0;
  color: #212121;
}
.american-keyfeature-main .main-keyfeature .inner-wrapper {
  padding-left: 200px;
}
.american-keyfeature-main .main-keyfeature .inner-wrapper .single-box:last-of-type .content .line{
  display: none;
}
.american-keyfeature-main .american-keyfeature-btn {
  margin-top: 100px;
}

/*Live Sports Streaming Page*/
.page-id-6975 .cta-section-main .wrapper {
  background: url(https://sportbex.com/wp-content/uploads/2025/08/live-sports-cta-bg.webp);
}
.page-id-6975 .cta-section-main .wrapper .img {
  right: 30px;
}
.live-sports-streaming {
  padding: 105px 0 115px;
}
.live-sports-engagement-main {
  padding: 65px 0;
}
.live-sports-engagement-main .content {
  font-size: 18px;
  font-weight: 500;
}
.live-sports-engagement-main .content p {
  margin-bottom: 30px;
}
.live-sports-engagement-main .content .live-sports-list-data {
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.live-sports-engagement-main .content .live-sports-list-item {
  font-size: 18px;
  font-weight: 500;
  color: #212121;
}
.live-sports-engagement-main .content .live-sports-list-item img {
  margin-right: 12px;
}
.live-sports-workflow-main {
    background: linear-gradient(340.33deg, rgba(242, 243, 249, 0.5) -18.81%, #F3F1FF 128%);
    padding: 70px 0;
}
.live-sports-workflow-main .sports-workflow-container {
    max-width: 1400px;
    padding: 0 12px;
    margin: 0 auto;
}
.live-sports-cta1-main .wrapper {
    position: relative;
    padding: 60px 45px;
    border-radius: 15px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.live-sports-cta1-main .wrapper .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}
.live-sports-cta1-main .wrapper h2 {
    font-size: 30px;
    font-weight: 600;
    color: #ffffff;
    text-align: center;
}

.new-slider-main.live-sports-use-case {
  background: #ffffff;
  margin-top: 0;
}
.new-slider-main.live-sports-use-case .new-slider .single-card {
  position: relative;
  background: radial-gradient(94.72% 94.72% at 96.48% 100%, rgba(255, 233, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
}
.new-slider-main.live-sports-use-case .new-slider .single-card:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  padding: 1px;
  background: linear-gradient(180deg, #DDEAFD 0%, #FFFFFF 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}
.live-sports-use-case .new-nav .btn {
  background-color: #F0F0F0;
}
.live-sports-use-case .new-nav .btn:hover {
  background-color: #f89a20;
}

.live-stream-solution-wrapper {
  padding: 87px 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.live-stream-solution-main .live-stream-box {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  color: #ffffff;
  text-align: center;
}
.live-stream-solution-main .live-stream-box h3 {
  font-size: 22px;
  line-height: 1.4;
  color: #ffffff;
  margin: 0;
}
.live-stream-solution-main .live-stream-box p {
  margin: 0;
}

.all-in-one-coverage-section {
  background: linear-gradient(340.33deg, rgba(242, 243, 249, 0.5) -18.81%, #F3F1FF 128%);
}
.all-in-one-coverage-section .nav-tabs {
  gap: 30px;
  border: 0;
}
.all-in-one-coverage-section .nav-tabs .nav-item {
  flex: 1;
}
.all-in-one-coverage-section .nav-tabs .nav-item .nav-link {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #2121214D;
    background-color: #fff0;
    width: 100%;
    color: #212121;
    font-size: 18px;
    line-height: 1.45;
    font-weight: 500;
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    position: relative;
}
.all-in-one-coverage-section .nav-tabs .nav-item .nav-link.active:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(270deg, #E30613 -0.16%, #95060F 99.91%);
}
.all-in-one-coverage-section .card-main {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   gap: 35px 10px;
   position: relative;
   z-index: 2;
}
.all-in-one-coverage-section .single-card {
   width: calc(15% - 41px);
}
.all-in-one-coverage-section .single-card .img {
   height: 90px;
   width: 90px;
   border-radius: 50%;
   background-color: #fff;
   box-shadow: 0px 1px 1px 0px #5755AF1A;
  box-shadow: 0px 3px 3px 0px #5755AF17;
  box-shadow: 0px 6px 4px 0px #5755AF0D;
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 0 auto 8px;
}
.all-in-one-coverage-section .single-card .img img {
   height: 50px;
   width: 50px;
   object-fit: contain;
}
.all-in-one-coverage-section .single-card .game-slider-box-title {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
  margin: 0;
  color: #373737;
  text-align: center;
}

.section.curvy-image-section {
  padding: 80px 0;
  position: relative;
}
.curvy-image-section .bg-shape {
  height: 100%;
  width: 450px;
  transform: translateX(-75%);
}
.curvy-image-section .image-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.curvy-image-section .image-wrapper.border-gradient::before {
  border-radius: 20px;
}
.curvy-image-section .image-wrapper .single-image {
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
  max-width: 215px;
  height: 279px;
}
.curvy-image-section .image-wrapper .single-image img {
  width: 100%;
    height: 100%;
  object-fit: cover;
}
.curvy-image-section .image-wrapper .single-image:first-of-type {
  transform: rotate(-32deg);
}
.curvy-image-section .image-wrapper .single-image:last-of-type {
  transform: rotate(32deg);
}
.curvy-image-section .image-wrapper .single-image:nth-of-type(2) {
  transform: rotate(-16deg);
  margin-bottom: 125px;
}
.curvy-image-section .image-wrapper .single-image:nth-of-type(4) {
  transform: rotate(16deg);
  margin-bottom: 125px;
}
.curvy-image-section .image-wrapper .single-image:nth-of-type(3) {
  margin: 0 20px 165px;
}
.curvy-image-section .content {
  max-width: 814px;
  margin: -80px auto 0;
  text-align: center;
}
.curvy-image-section .content .heading {
   font-weight: 700;
   font-size: 55px;
   line-height: 1.12;
}
.curvy-image-section .content .heading span {
   background: radial-gradient(50% 84.62% at 50% 100%, #ffac4d 0%, #ff5d24 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   color: transparent;
}
.curvy-image-section .content .btn {
   display: flex;
   align-items: center;
   padding: 14px 27.5px;
   border-radius: 100px;
}
.curvy-image-section .content .btn img {
   max-width: 27px;
}
.curvy-image-section .content .btn.btn-primary {
   background: radial-gradient(50% 84.62% at 50% 100%, #FFC24F 0%, #FF5D24 100%);
   border: 0;
}
.curvy-image-section .content .btn {
  margin-top: 15px;
}