:root {
  --clr-black: #192020;
  --clr-white: #ffffff;
  --clr-light-green: #b5f1cc;
  --clr-light-pink: #ffc0d9;
  --clr-light-purple: #d0bfff;
  --clr-off-white: #f0f0f0;
  --clr-grey-white: #f6f8fb;
  --clr-light-orenge: #ffd8c0;
  --clr-light-grey-2: #f7f7f7;
  --clr-dark-black: #3b4040;
  --clr-light-grey: #252b2b;
  --clr-off-grey: #f7f7f7;
  --clr-dark-grey: #e8e8e8;
  --clr-light-blue: #9fe9f6;
  --clr-blue: #ed184f;
  --clr-ppc-black: #111;
  --heading-custom-color: #ececec;
  --custom-color: #aaaaaa;
  --clr-light-brown: #ffd8c0;
  --clr-light-gray: #524f4e;
}

@font-face {
  font-family: "Poppins";
  src: url("./font/Poppins-Bold.woff2") format("woff2"),
    url("./font/Poppins-Bold.woff") format("woff"),
    url("./font/Poppins-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("./font/Poppins-Medium.woff2") format("woff2"),
    url("./font/Poppins-Medium.woff") format("woff"),
    url("./font/Poppins-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("./font/Poppins-Light.woff2") format("woff2"),
    url("./font/Poppins-Light.woff") format("woff"),
    url("./font/Poppins-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("./font/Poppins-SemiBold.woff2") format("woff2"),
    url("./font/Poppins-SemiBold.woff") format("woff"),
    url("./font/Poppins-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("./font/Poppins-Thin.woff2") format("woff2"),
    url("./font/Poppins-Thin.woff") format("woff"),
    url("./font/Poppins-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("./font/Poppins-Regular.woff2") format("woff2"),
    url("./font/Poppins-Regular.woff") format("woff"),
    url("./font/Poppins-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

button {
  padding: 0;
  margin: 0;
  background-color: transparent;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  border: 0;
  cursor: pointer;
}

a {
  display: inline;

  color: inherit;
  text-decoration: none;
}

a:hover {
  color: inherit;
  text-decoration: none;
}

*,
*::after,
*::before {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
a {
  margin: 0;
}

img {
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

a:hover,
a:focus,
a:visited,
a:focus-within {
  text-decoration: none;
}

body {
  font-family: "Poppins";
  font-weight: 400;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.industry-font-20 {
  font-size: 1.25rem;
  line-height: 1.875rem;
}
@media screen and (max-width: 767px) {
  .industry-font-20 {
    font-size: 18px;
    line-height: 1.8rem;
  }
}

@media only screen and (min-width: 1500px) {
  .mi-container {
    max-width: 1470px;
  }
}

@media only screen and (max-width: 991px) {
  .mi-container {
    width: 100%;
  }
}

.icon {
  display: block;
  position: relative;
}

.icon::before {
  content: "";
  background-color: #192020;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: opacity 0.3s ease, background-color 0.3s ease;
}

.icon-arrow {
  width: 24px;
  height: 24px;
}

.icon-arrow::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cmask id='mask0_1012_4796' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='25'%3E%3Crect y='0.5' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1012_4796)'%3E%3Cpath d='M16.9989 8.5538L6.07972 19.473C5.94125 19.6115 5.76722 19.6823 5.55762 19.6855C5.348 19.6887 5.17076 19.6179 5.02589 19.473C4.88103 19.3282 4.80859 19.1525 4.80859 18.9461C4.80859 18.7397 4.88103 18.5641 5.02589 18.4192L15.9451 7.49998H9.74892C9.53644 7.49998 9.35832 7.42807 9.21457 7.28425C9.07082 7.14045 8.99894 6.96225 8.99894 6.74965C8.99894 6.53707 9.07082 6.35898 9.21457 6.2154C9.35832 6.0718 9.53644 6 9.74892 6H17.5951C17.8512 6 18.0658 6.08663 18.239 6.25988C18.4123 6.43311 18.4989 6.64777 18.4989 6.90385V14.75C18.4989 14.9625 18.427 15.1406 18.2832 15.2844C18.1394 15.4281 17.9612 15.5 17.7486 15.5C17.536 15.5 17.3579 15.4281 17.2143 15.2844C17.0707 15.1406 16.9989 14.9625 16.9989 14.75V8.5538Z' fill='%23192020'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cmask id='mask0_1012_4796' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='25'%3E%3Crect y='0.5' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1012_4796)'%3E%3Cpath d='M16.9989 8.5538L6.07972 19.473C5.94125 19.6115 5.76722 19.6823 5.55762 19.6855C5.348 19.6887 5.17076 19.6179 5.02589 19.473C4.88103 19.3282 4.80859 19.1525 4.80859 18.9461C4.80859 18.7397 4.88103 18.5641 5.02589 18.4192L15.9451 7.49998H9.74892C9.53644 7.49998 9.35832 7.42807 9.21457 7.28425C9.07082 7.14045 8.99894 6.96225 8.99894 6.74965C8.99894 6.53707 9.07082 6.35898 9.21457 6.2154C9.35832 6.0718 9.53644 6 9.74892 6H17.5951C17.8512 6 18.0658 6.08663 18.239 6.25988C18.4123 6.43311 18.4989 6.64777 18.4989 6.90385V14.75C18.4989 14.9625 18.427 15.1406 18.2832 15.2844C18.1394 15.4281 17.9612 15.5 17.7486 15.5C17.536 15.5 17.3579 15.4281 17.2143 15.2844C17.0707 15.1406 16.9989 14.9625 16.9989 14.75V8.5538Z' fill='%23192020'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-west {
  width: 28px;
  height: 28px;
}

.icon-west::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23e8eaed'%3E%3Cpath d='M233-440h607q17 0 28.5-11.5T880-480q0-17-11.5-28.5T840-520H233l155-156q11-11 11.5-27.5T388-732q-11-11-28-11t-28 11L108-508q-6 6-8.5 13T97-480q0 8 2.5 15t8.5 13l224 224q11 11 27.5 11t28.5-11q12-12 12-28.5T388-285L233-440Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23e8eaed'%3E%3Cpath d='M233-440h607q17 0 28.5-11.5T880-480q0-17-11.5-28.5T840-520H233l155-156q11-11 11.5-27.5T388-732q-11-11-28-11t-28 11L108-508q-6 6-8.5 13T97-480q0 8 2.5 15t8.5 13l224 224q11 11 27.5 11t28.5-11q12-12 12-28.5T388-285L233-440Z'/%3E%3C/svg%3E");
}

.icon-check-circle {
  width: 28px;
  height: 28px;
}

.icon-check-circle::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23e8eaed'%3E%3Cpath d='m424-408-86-86q-11-11-28-11t-28 11q-11 11-11 28t11 28l114 114q12 12 28 12t28-12l226-226q11-11 11-28t-11-28q-11-11-28-11t-28 11L424-408Zm56 328q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23e8eaed'%3E%3Cpath d='m424-408-86-86q-11-11-28-11t-28 11q-11 11-11 28t11 28l114 114q12 12 28 12t28-12l226-226q11-11 11-28t-11-28q-11-11-28-11t-28 11L424-408Zm56 328q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3E%3C/svg%3E");
}

.icon-east {
  width: 28px;
  height: 28px;
}

.icon-east::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23e8eaed'%3E%3Cpath d='M727-440H120q-17 0-28.5-11.5T80-480q0-17 11.5-28.5T120-520h607L572-676q-11-11-11.5-27.5T572-732q11-11 28-11t28 11l224 224q6 6 8.5 13t2.5 15q0 8-2.5 15t-8.5 13L628-228q-11 11-27.5 11T572-228q-12-12-12-28.5t12-28.5l155-155Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23e8eaed'%3E%3Cpath d='M727-440H120q-17 0-28.5-11.5T80-480q0-17 11.5-28.5T120-520h607L572-676q-11-11-11.5-27.5T572-732q11-11 28-11t28 11l224 224q6 6 8.5 13t2.5 15q0 8-2.5 15t-8.5 13L628-228q-11 11-27.5 11T572-228q-12-12-12-28.5t12-28.5l155-155Z'/%3E%3C/svg%3E");
}

.custslides .custslick-list {
  /*display: flex;*/
}

@media only screen and (min-width: 768px) {
  .custslides .custslick-list {
    display: flex;
  }
}

.custslides .slick-initialized .slick-slide {
  display: flex;
}

@media only screen and (max-width: 767px) {
  .custslides .slick-initialized .slick-slide {
    display: block;
  }
}

.custslides .custslick-list .slick-list {
  padding: 0 7% 0 6%;
  display: flex;
}

@media only screen and (min-width: 2301px) {
  .custslides .custslick-list .slick-list {
    padding: 0 5% 0 15%;
  }
}

@media only screen and (min-width: 1921px) and (max-width: 2300px) {
  .custslides .custslick-list .slick-list {
    padding: 0 5% 0 10%;
  }
}

@media only screen and (min-width: 1800px) and (max-width: 1899px) {
  .custslides .custslick-list .slick-list {
    padding: 0 3% 0 4%;
  }
}

@media only screen and (min-width: 1600px) and (max-width: 1799px) {
  .custslides .custslick-list .slick-list {
    padding: 0 3% 0 3%;
  }
}

@media only screen and (max-width: 1599px) {
  .custslides .custslick-list .slick-list {
    padding: 0 15px 0 65px;
  }
}

@media only screen and (min-width: 1366px) and (max-width: 1499px) {
  .custslides .custslick-list .slick-list {
    padding: 0 15px 0 45px;
  }
}

@media only screen and (max-width: 991px) {
  .custslides .custslick-list .slick-list {
    padding: 0 15px;
  }
}

@media only screen and (max-width: 767px) {
  .custslides .custslick-list .slick-list {
    padding: 0 5px !important;
    display: block;
  }
}

.custslides .custslick-list .slick-track {
  display: flex !important;
}

@media only screen and (max-width: 767px) {
  .custslides .custslick-list .slick-track {
    display: block !important;
  }
}

.custslides .custslick-list .slick-slide {
  margin: 0 15px;
  height: inherit !important;
  transition: transform 0.5s ease;
}

@media only screen and (min-width: 1366px) {
  .custslides .custslick-list .slick-slide {
    width: auto !important;
  }
}

@media only screen and (max-width: 991px) {
  .custslides .custslick-list .slick-slide {
    margin: 0 12px;
  }
}

@media only screen and (max-width: 767px) {
  .custslides .custslick-list .slick-slide {
    margin: 0 10px;
  }
}

@media only screen and (max-width: 480px) {
  .custslides .custslick-list .slick-slide {
    margin: 0 8px;
  }
}

.custslides .custslick-list .item {
  height: 100%;
  transition: transform 0.5s ease;
  display: block;
}

.custslides .custslick-list .item .content-wrap {
  padding: 50px;
  background-color: #ffffff;
  width: 530px;
  height: 100%;
  filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.05));
  -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.05));
}

@media only screen and (min-width: 1700px) and (max-width: 1799px) {
  .custslides .custslick-list .item .content-wrap {
    width: 500px;
  }
}

@media only screen and (max-width: 1699px) {
  .custslides .custslick-list .item .content-wrap {
    width: 480px;
  }
}

@media only screen and (max-width: 1599px) {
  .custslides .custslick-list .item .content-wrap {
    padding: 30px 20px;
  }
}

@media only screen and (min-width: 1366px) and (max-width: 1499px) {
  .custslides .custslick-list .item .content-wrap {
    width: 430px;
  }
}

/*@media only screen and (max-width: 991px){*/
/*    .custslides .custslick-list .item .content-wrap {*/
/*        display: none;*/
/*    }*/
/*}*/
@media only screen and (max-width: 767px) {
  .custslides .custslick-list .item .content-wrap {
    width: 100%;
    min-height: 556px;
  }
}

@media only screen and (max-width: 575px) {
  .custslides .custslick-list .item .content-wrap {
    min-height: 525px;
    /*background-color: green;*/
  }
}

@media only screen and (max-width: 480px) {
  .custslides .custslick-list .item .content-wrap {
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.02));
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.02));
  }
}

@media only screen and (max-width: 375px) {
  .custslides .custslick-list .item .content-wrap {
    min-height: 560px;
  }
}

.custslides .custslick-list .item .content-wrap .label-wrap {
  margin-bottom: 30px;
}

@media only screen and (max-width: 1599px) {
  .custslides .custslick-list .item .content-wrap .label-wrap {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 480px) {
  .custslides .custslick-list .item .content-wrap .label-wrap {
    margin-bottom: 12px;
  }
}

.custslides .custslick-list .item .label-wrap .label-title {
  border-radius: 4px;
  display: inline-flex;
}

@media only screen and (max-width: 480px) {
  .custslides .custslick-list .item .label-wrap .label-title {
    font-size: 12px;
    line-height: 1.3rem;
  }
}

.custslides .custslick-list .item .designing {
  margin-top: 20px;
  margin-bottom: 2px;
}

@media only screen and (max-width: 1199px) {
  .custslides .custslick-list .item .designing {
    font-size: 16px;
    line-height: 1.5rem;
  }
}

@media only screen and (max-width: 767px) {
  .custslides .custslick-list .item .designing {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 480px) {
  .custslides .custslick-list .item .designing {
    font-size: 16px;
    line-height: 1.6rem;
  }
}

.custslides .custslick-list .item .border-red {
  border: solid #ea1f52 1px;
}

.custslides .custslick-list .item .red-bg {
  background: #fde8ed;
  padding: 5px 10px 4px 10px;
}

@media only screen and (max-width: 480px) {
  .custslides .custslick-list .item .red-bg {
    padding: 3px 10px 2px 10px;
  }
}

.custslides .custslick-list .item .font-red {
  color: #ea1f52;
}

.custslides .custslick-list .item .blue-light {
  color: #3b5068;
}

.custslides .custslick-list .item .title-pra-box {
  width: 100%;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .custslides .custslick-list .item .title-pra-box .common-c-view {
    font-size: 25px;
    line-height: 2.4rem;
  }
}

@media only screen and (max-width: 480px) {
  .custslides .custslick-list .item .title-pra-box .common-c-view {
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .custslides .custslick-list .item .title-pra-box p {
    font-size: 1rem;
    line-height: 1.55rem;
  }
}

.custslides .custslick-list .item .label-menu-pont {
  width: 100%;
  margin-top: 20px;
}

/*@media only screen and (min-width: 768px) and (max-width: 1499px) {*/
/*    .custslides .custslick-list .item .label-menu-pont {*/
/*        margin-top: 20px;*/
/*    }*/
/*}*/
@media only screen and (max-width: 767px) {
  .custslides .custslick-list .item .label-menu-pont {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 480px) {
  .custslides .custslick-list .item .label-menu-pont {
    margin-top: 13px;
  }
}

.custslides .custslick-list .item .label-menu-pont ul {
  margin: 0;
  padding: 0;
}

@media only screen and (max-width: 480px) {
  .custslides .custslick-list .item .label-menu-pont ul {
    font-weight: 400;
  }
}

.custslides .custslick-list .item .label-menu-pont ul li {
  display: flex;
  margin-top: 10px;
}

@media only screen and (max-width: 575px) {
  .custslides .custslick-list .item .label-menu-pont ul li {
    margin-top: 5px;
  }
}

.custslides .custslick-list .item .label-menu-pont ul li:first-child {
  margin-top: 0;
}

.custslides .custslick-list .item .label-menu-pont ul li .icon {
  margin-right: 6px;
  margin-top: 3px;
  position: relative;
  flex: 0 0 28px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .custslides .custslick-list .item .label-menu-pont ul li .icon {
    margin-top: 2px;
  }
}

@media only screen and (max-width: 1199px) {
  .custslides .custslick-list .item .label-menu-pont ul li .icon {
    margin-top: 2px;
  }
}

@media only screen and (max-width: 991px) {
  .custslides .custslick-list .item .label-menu-pont ul li .icon {
    margin-right: 2px;
    margin-top: 1px;
  }
}

@media only screen and (max-width: 575px) {
  .custslides .custslick-list .item .label-menu-pont ul li .icon {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 375px) {
  .custslides .custslick-list .item .label-menu-pont ul li .icon {
    margin-top: 2px;
  }
}

.custslides .custslick-list .item .label-menu-pont ul li .icon::before {
  content: "";
  background-color: #192020;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  display: block;
  position: absolute;
  width: 80%;
  height: 80%;
  left: 0;
  top: 0;
  transition: opacity 0.3s ease, background-color 0.3s ease;
}

.custslides
  .custslick-list
  .item
  .label-menu-pont
  ul
  li
  .icon
  .icon-check-circle {
  width: 28px;
  height: 28px;
}

.custslides .custslick-list .item .img-wrapper {
  background: #ffffff;
  width: 1100px;
  height: 100%;
  position: relative;
  filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.05));
  -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.05));
}

@media only screen and (max-width: 1799px) {
  .custslides .custslick-list .item .img-wrapper {
    width: 1085px;
  }
}

@media only screen and (min-width: 1600px) and (max-width: 1699px) {
  .custslides .custslick-list .item .img-wrapper {
    width: 980px;
  }
}

@media only screen and (min-width: 1500px) and (max-width: 1599px) {
  .custslides .custslick-list .item .img-wrapper {
    width: 850px;
  }
}

@media only screen and (min-width: 1366px) and (max-width: 1499px) {
  .custslides .custslick-list .item .img-wrapper {
    width: 800px;
  }
}

@media only screen and (max-width: 1365px) {
  .custslides .custslick-list .item .img-wrapper {
    width: 700px;
  }
}

@media only screen and (max-width: 991px) {
  .custslides .custslick-list .item .img-wrapper {
    width: 700px;
  }
}

@media only screen and (max-width: 767px) {
  .custslides .custslick-list .item .img-wrapper {
    width: 100%;
    min-height: 557px;
  }
}

@media only screen and (max-width: 575px) {
  .custslides .custslick-list .item .img-wrapper {
    width: auto;
    min-height: 525px;
    /*background-color: red;*/
  }
}

@media only screen and (max-width: 480px) {
  .custslides .custslick-list .item .img-wrapper {
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.02));
    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.02));
  }
}

@media only screen and (max-width: 375px) {
  .custslides .custslick-list .item .img-wrapper {
    min-height: 560px;
  }
}

.custslides .custslick-list .item .img-wrapper .img-wrap {
  height: 400px;
}

@media only screen and (min-width: 1366px) and (max-width: 1499px) {
  .custslides .custslick-list .item .img-wrapper .img-wrap {
    height: 300px;
  }
}

@media only screen and (max-width: 1365px) {
  .custslides .custslick-list .item .img-wrapper .img-wrap {
    height: 300px;
  }
}

@media only screen and (max-width: 767px) {
  .custslides .custslick-list .item .img-wrapper .img-wrap {
    height: 260px;
  }
}

@media only screen and (max-width: 575px) {
  .custslides .custslick-list .item .img-wrapper .img-wrap {
    height: 220px;
  }
}

@media only screen and (max-width: 480px) {
  .custslides .custslick-list .item .img-wrapper .img-wrap {
    height: 180px;
  }
}

@media only screen and (max-width: 375px) {
  .custslides .custslick-list .item .img-wrapper .img-wrap {
    height: 135px;
  }
}

.custslides .custslick-list .item .img-wrapper .img-wrap picture {
  display: block;
  height: 100%;
}

.custslides .custslick-list .item .img-wrapper .icon-wrap {
  position: absolute;
  width: 60px;
  height: 60px;
  background-color: #ffffff;
  border-radius: 99em;
  border: 1px solid #3b5068;
  right: 40px;
  top: 40px;
  transform: rotate(-45deg);
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 1365px) {
  .custslides .custslick-list .item .img-wrapper .icon-wrap {
    width: 48px;
    height: 48px;
  }
}

@media only screen and (max-width: 991px) {
  .custslides .custslick-list .item .img-wrapper .icon-wrap {
    top: 30px;
    right: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .custslides .custslick-list .item .img-wrapper .icon-wrap {
    top: 15px;
    right: 15px;
  }
}

@media only screen and (max-width: 575px) {
  .custslides .custslick-list .item .img-wrapper .icon-wrap {
    width: 40px;
    height: 40px;
    display: none;
  }
}

.custslides .custslick-list .item .img-wrapper .icon-wrap img {
  transition: transform 0.3s ease;
}

@media only screen and (max-width: 575px) {
  .custslides .custslick-list .item .img-wrapper .icon-wrap img {
    max-width: 60%;
  }
}

.custslides .custslick-list .item .img-wrapper .icon-wrap:hover img {
  transform: rotate(45deg);
}

.custslides .custslick-list .item .img-wrapper img.big-img {
  border-radius: 40px 40px 0 0;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
}

@media only screen and (max-width: 1023px) {
  .custslides .custslick-list .item .img-wrapper img.big-img {
    border-radius: 16px 16px 0 0;
  }
}

@media only screen and (max-width: 1599px) {
  .custslides .custslick-list .item .img-wrapper img.big-img.last {
    object-position: left;
  }
}

.custslides .custslick-list .item .img-wrapper .short-wrap {
  background-color: #ffffff;
}

.custslides .custslick-list .item .shot-wrrap {
  padding: 40px;
  border-radius: 0px 0px 40px 40px;
  height: calc(100% - 400px);
}

@media only screen and (max-width: 1599px) {
  .custslides .custslick-list .item .shot-wrrap {
    padding: 30px 20px;
  }
}

@media only screen and (min-width: 1366px) and (max-width: 1499px) {
  .custslides .custslick-list .item .shot-wrrap {
    height: calc(100% - 300px);
  }
}

@media only screen and (max-width: 1365px) {
  .custslides .custslick-list .item .shot-wrrap {
    height: calc(100% - 300px);
  }
}

@media only screen and (max-width: 1023px) {
  .custslides .custslick-list .item .shot-wrrap {
    border-radius: 0px 0px 16px 16px;
  }
}

@media only screen and (max-width: 767px) {
  .custslides .custslick-list .item .shot-wrrap {
    padding: 20px 15px;
    height: calc(100% - 260px);
  }
}

@media only screen and (max-width: 575px) {
  .custslides .custslick-list .item .shot-wrrap {
    height: calc(100% - 220px);
  }
}

@media only screen and (max-width: 480px) {
  .custslides .custslick-list .item .shot-wrrap {
    height: calc(100% - 180px);
  }
}

@media only screen and (max-width: 375px) {
  .custslides .custslick-list .item .shot-wrrap {
    height: calc(100% - 135px);
  }
}

.custslides .custslick-list .item .shot-wrrap-main {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 40px;
  height: 100%;
}

@media only screen and (max-width: 1499px) {
  .custslides .custslick-list .item .shot-wrrap-main {
    grid-column-gap: 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .custslides .custslick-list .item .shot-wrrap-main {
    grid-column-gap: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .custslides .custslick-list .item .shot-wrrap-main {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .custslides .custslick-list .item .wrrap-title-left .main-title {
    margin: 0 0 10px;
    display: block;
  }
}

@media only screen and (max-width: 480px) {
  .custslides .custslick-list .item .wrrap-title-left .main-title {
    margin: 0 0 5px;
  }
}

.custslides .custslick-list .item .wrrap-title-left .main-title span {
  cursor: url("./img/svg/cursor-img.svg") 30 30, auto;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .custslides .custslick-list .item .wrrap-title-left .main-title span {
    font-size: 25px;
    line-height: 2.4rem;
  }
}

@media only screen and (max-width: 480px) {
  .custslides .custslick-list .item .wrrap-title-left .main-title span {
    font-size: 18px;
    line-height: 1.5rem;
    cursor: url("./img/svg/cursor-small-img.svg") 15 15, auto;
  }
}

.custslides .custslick-list .item .label-wrap {
  margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
  .custslides .custslick-list .item .label-wrap {
    margin-bottom: 12px;
  }
}

.custslides .custslick-list .item .para-text-right {
  margin-top: 5px;
}

@media only screen and (max-width: 1365px) {
  .custslides .custslick-list .item .para-text-right {
    margin-top: 0;
  }
}

.newworkslider-area .cust-btn-wrap .arrow-btn .slide-com-btn:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--clr-black);
  top: 0;
  left: 0;
  border-radius: 30px;
  pointer-events: none;
  transform-origin: 100% 50%;
  transform: scale3d(0, 1, 1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

@media only screen and (max-width: 1199px) {
  .newworkslider-area .cust-btn-wrap .arrow-btn .slide-com-btn:before {
    transition: none;
  }
}

.newworkslider-area .cust-btn-wrap .arrow-btn .slide-com-btn:hover:before {
  transform-origin: 0% 50%;
  transform: scale3d(1, 1, 1);
}

.newworkslider-area .cust-btn-wrap .arrow-btn .slide-com-btn:hover span {
  color: var(--clr-white);
  position: relative;
}

.newworkslider-area .cust-btn-wrap .arrow-btn .slide-com-btn .icon {
  width: 24px;
  height: 24px;
}

.newworkslider-area .cust-btn-wrap .arrow-btn .slide-com-btn:hover .icon {
  position: relative;
}

.newworkslider-area
  .cust-btn-wrap
  .arrow-btn
  .slide-com-btn:hover
  .icon:before {
  background-color: var(--clr-white);
}

.newworkslider-area .cust-btn-wrap .arrow-btn {
  position: absolute;
  width: 100%;
  border: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 575px) {
  .newworkslider-area .cust-btn-wrap .arrow-btn {
    position: relative;
    justify-content: center;
    gap: 15px;
    width: auto;
  }
}

.newworkslider-area .cust-btn-wrap {
  margin-top: 50px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .newworkslider-area .cust-btn-wrap {
    margin-top: 35px;
  }
}

@media screen and (max-width: 575px) {
  .newworkslider-area .cust-btn-wrap {
    margin-top: 25px;
    display: flex;
    gap: 15px;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media screen and (max-width: 375px) {
  .newworkslider-area .cust-btn-wrap {
    flex-direction: column;
  }
}

.newworkslider-area .cust-btn-wrap .view-btns {
  display: flex;
  gap: 10px;
  justify-content: center;
}

@media only screen and (max-width: 575px) {
  .newworkslider-area .cust-btn-wrap .view-btns {
    width: 100%;
  }
}

/*btn-slide-border css starts here*/
.btn-slide-border {
  text-transform: uppercase;
  color: #3b5068;
  padding: 16px 25px;
  justify-content: center;
  border-radius: 30px;
  background: #fff;
  display: inline-flex;
  position: relative;
  gap: 10px;
  align-items: center;
  overflow: hidden;
  transition: box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease,
    background-color 0.3s ease, outline 0.3s ease;
  border: 1px solid #3b5068;
  -webkit-clip-path: inset(0 round 10px);
  clip-path: inset(0 round 10px);
}

@media only screen and (max-width: 1599px) {
  .btn-slide-border {
    padding: 12px 22px;
  }
}

@media only screen and (max-width: 767px) {
  .btn-slide-border {
    padding: 10px 16px;
    gap: 6px;
    transition: none;
  }
}

@media only screen and (max-width: 480px) {
  .btn-slide-border {
    width: max-content;
  }
}

.btn-slide-border:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #ed184f;
  top: 0;
  left: 0;
  border-radius: 30px;
  pointer-events: none;
  transform-origin: 100% 50%;
  transform: scale3d(0, 1, 1);
  transition: transform 0.3s;
}

@media only screen and (max-width: 1199px) {
  .btn-slide-border:before {
    display: none;
  }
}

.btn-slide-border:hover,
.btn-slide-border:focus {
  color: #ffffff;
  outline: none;
}

@media only screen and (max-width: 1199px) {
  .btn-slide-border:hover,
  .btn-slide-border:focus {
    color: #3b5068;
  }
}

.btn-slide-border:hover:before,
.btn-slide-border:focus:before {
  transform-origin: 0% 50%;
  transform: scale3d(1, 1, 1);
}

.btn-slide-border .icon,
.btn-slide-border .material-symbols-rounded {
  transition: transform 0.3s ease;
}

@media only screen and (max-width: 1199px) {
  .btn-slide-border .icon,
  .btn-slide-border .material-symbols-rounded {
    transform: rotate(45deg);
  }
}

.btn-slide-border .icon:before {
  background-color: #3b5068;
}

.btn-slide-border span {
  position: relative;
}

.btn-slide-border:hover i,
.btn-slide-border:focus i {
  /*filter: invert(1) brightness(1);*/
  transform: rotate(45deg);
}

@media only screen and (max-width: 1199px) {
  .btn-slide-border:hover i,
  .btn-slide-border:focus i {
    /*filter: invert(0) brightness(1);*/
  }
}

.btn-slide-border:hover .icon:before,
.btn-slide-border:focus .icon:before {
  background-color: #ffffff;
}

@media only screen and (max-width: 1199px) {
  .btn-slide-border:hover .icon:before,
  .btn-slide-border:focus .icon:before {
    background-color: #3b5068;
  }
}

/*btn-slide-pink css starts here*/
.btn-slide-pink {
  text-transform: uppercase;
  color: #ffffff;
  padding: 16px 25px;
  justify-content: center;
  border-radius: 30px;
  background: #ed184f;
  display: inline-flex;
  position: relative;
  gap: 10px;
  align-items: center;
  overflow: hidden;
  transition: box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease,
    background-color 0.3s ease, outline 0.3s ease;
  border: 1px solid #8e0e2f;
  -webkit-clip-path: inset(0 round 10px);
  clip-path: inset(0 round 10px);
}

@media only screen and (max-width: 1599px) {
  .btn-slide-pink {
    padding: 12px 22px;
  }
}

@media only screen and (max-width: 1199px) {
  .btn-slide-pink {
    transition: none;
  }
}

@media only screen and (max-width: 767px) {
  .btn-slide-pink {
    padding: 10px 16px;
    gap: 6px;
  }
}

@media only screen and (max-width: 480px) {
  .btn-slide-pink {
    width: max-content;
  }
}

.btn-slide-pink:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #ffffff;
  top: 0;
  left: 0;
  border-radius: 30px;
  pointer-events: none;
  transform-origin: 100% 50%;
  transform: scale3d(0, 1, 1);
  transition: transform 0.3s;
}

.btn-slide-pink:hover,
.btn-slide-pink:focus {
  color: #3b5068;
  border-color: #3b5068;
  outline: none;
}

@media only screen and (max-width: 1199px) {
  .btn-slide-pink:hover,
  .btn-slide-pink:focus {
    color: #ffffff;
    border-color: #8e0e2f;
  }
}

.btn-slide-pink:hover .icon:before,
.btn-slide-pink:focus .icon:before {
  background-color: #3b5068;
}

.btn-slide-pink:hover:before,
.btn-slide-pink:focus:before {
  transform-origin: 0% 50%;
  transform: scale3d(1, 1, 1);
}

@media only screen and (max-width: 1199px) {
  .btn-slide-pink:hover:before,
  .btn-slide-pink:focus:before {
    display: none;
  }
}

.btn-slide-pink .icon,
.btn-slide-pink .material-symbols-rounded {
  transition: transform 0.3s ease;
}

@media only screen and (max-width: 1199px) {
  .btn-slide-pink .icon,
  .btn-slide-pink .material-symbols-rounded {
    transition: none;
    transform: rotate(45deg);
  }
}

.btn-slide-pink span {
  position: relative;
}

.btn-slide-pink .icon:before {
  background-color: #ffffff;
}

.btn-slide-pink:hover i,
.btn-slide-pink:focus i {
  /*filter: invert(1) brightness(0);*/
  transform: rotate(45deg);
}

@media only screen and (max-width: 1199px) {
  .btn-slide-pink:hover .icon:before,
  .btn-slide-pink:focus .icon:before {
    background-color: #ffffff;
  }
}

.newworkslider-area {
  margin-top: 80px;
}

@media screen and (max-width: 1599px) {
  .newworkslider-area {
    margin-top: 70px;
  }
}

@media screen and (max-width: 1199px) {
  .newworkslider-area {
    margin-top: 60px;
  }
}

@media screen and (max-width: 991px) {
  .newworkslider-area {
    margin-top: 40px;
  }
}

@media screen and (max-width: 767px) {
  .newworkslider-area {
    margin-top: 25px;
  }
}

@media screen and (max-width: 575px) {
  .newworkslider-area {
    margin-top: 20px;
  }
}

.newworkslider-area .cust-btn-wrap .arrow-btn .slide-com-btn {
  height: 56px;
  width: 56px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--clr-black);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  overflow: hidden;
  background-color: transparent;
  top: 0;
  left: auto;
  right: auto;
}

@media only screen and (max-width: 1365px) {
  .newworkslider-area .cust-btn-wrap .arrow-btn .slide-com-btn {
    width: 48px;
    height: 48px;
  }
}

.br-40 {
  border-radius: 40px;
}

@media screen and (max-width: 1023px) {
  .br-40 {
    border-radius: 16px;
  }
}

/* ----------------start-sports-my-fonts------------------ */
@font-face {
  font-family: "Impact";
  src: url("./font/Impact.woff") format("woff"),
    url("./font/Impact.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Outfit Extra";
  src: url("./font/Outfit-ExtraBold.woff") format("woff"),
    url("./font/Outfit-ExtraBold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Outfit";
  src: url("./font/Outfit-Bold.woff") format("woff"),
    url("./font/Outfit-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Outfit Semi";
  src: url("./font/Outfit-SemiBold.woff") format("woff"),
    url("./font/Outfit-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Outfit";
  src: url("./font/Outfit-Medium.woff") format("woff"),
    url("./font/Outfit-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Outfit";
  src: url("./font/Outfit-Thin.woff") format("woff"),
    url("./font/Outfit-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Outfit Extra";
  src: url("./font/Outfit-ExtraLight.woff") format("woff"),
    url("./font/Outfit-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Outfit";
  src: url("./font/Outfit-Regular.woff") format("woff"),
    url("./font/Outfit-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.font-18 {
  font-size: 18px;
  line-height: 1.8rem;
}

@media screen and (max-width: 1599px) {
  .font-18 {
    font-size: 16px;
    line-height: 1.6rem;
  }
}

.font-22 {
  font-size: 22px;
  line-height: 2rem;
}

@media screen and (max-width: 1365px) {
  .font-22 {
    font-size: 21px;
    line-height: 1.8rem;
  }
}

@media screen and (max-width: 991px) {
  .font-22 {
    font-size: 20px;
    line-height: 1.7rem;
  }
}

@media screen and (max-width: 575px) {
  .font-22 {
    font-size: 18px;
    line-height: 1.5rem;
  }
}

.font-32 {
  font-size: 32px;
  line-height: 2.8rem;
}

@media screen and (max-width: 1199px) {
  .font-32 {
    font-size: 26px;
    line-height: 2.6rem;
  }
}

@media screen and (max-width: 991px) {
  .font-32 {
    font-size: 24px;
    line-height: 2.2rem;
  }
}

/* ----------------end-sports-my-fonts------------------ */

.wrapper-ind-sports {
  width: 100%;
}
.wrapper-ind-sports picture {
  display: block;
}
.wrapper-ind-sports .ind-sports-container {
  position: relative;
}
@media only screen and (min-width: 1700px) {
  .wrapper-ind-sports .ind-sports-container {
    margin: 0 auto;
    width: 100%;
    max-width: 1600px;
    padding: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1699px) {
  .wrapper-ind-sports .ind-sports-container {
    width: calc(100% - 30px);
    max-width: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper-ind-sports .ind-sports-container {
    width: calc(100% - 80px);
    max-width: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-ind-sports .ind-sports-container {
    width: calc(100% - 60px);
    max-width: none;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wrapper-ind-sports .ind-sports-container {
    width: calc(100% - 40px);
    max-width: none;
  }
}

.wrapper-ind-sports .white-text {
  color: #ffffff;
}
.wrapper-ind-sports .black-text {
  color: #121212;
}
.wrapper-ind-sports .yellow-text {
  color: #b2fc3f;
}

.wrapper-ind-sports .sports-600 {
  font-weight: 600;
}
.wrapper-ind-sports .sports-500 {
  font-weight: 500;
}

.wrapper-ind-sports .sports-22 {
  font-size: 22px;
  line-height: 30px;
  font-family: "Outfit";
}
@media screen and (max-width: 767px) {
  .wrapper-ind-sports .sports-22 {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (max-width: 575px) {
  .wrapper-ind-sports .sports-22 {
    font-size: 16px;
    line-height: 22px;
  }
}

.wrapper-ind-sports .sports-20 {
  font-size: 20px;
  line-height: 30px;
  font-family: "Outfit";
}
@media screen and (max-width: 1500px) {
  .wrapper-ind-sports .sports-20 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media screen and (max-width: 767px) {
  .wrapper-ind-sports .sports-20 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media screen and (max-width: 575px) {
  .wrapper-ind-sports .sports-20 {
    font-size: 16px;
    line-height: 22px;
  }
}

.wrapper-ind-sports .sports-18 {
  font-size: 20px;
  line-height: 26px;
  font-family: "Outfit";
}
@media screen and (max-width: 1500px) {
  .wrapper-ind-sports .sports-18 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media screen and (max-width: 991px) {
  .wrapper-ind-sports .sports-18 {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (max-width: 767px) {
  .wrapper-ind-sports .sports-18 {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (max-width: 575px) {
  .wrapper-ind-sports .sports-18 {
    font-size: 16px;
    line-height: 22px;
  }
}

.wrapper-ind-sports .sports-42 {
  font-size: 42px;
  font-family: "Outfit";
}
@media screen and (max-width: 1600px) {
  .wrapper-ind-sports .sports-42 {
    font-size: 38px;
  }
}
@media screen and (max-width: 1499px) {
  .wrapper-ind-sports .sports-42 {
    font-size: 34px;
  }
}
@media screen and (max-width: 1199px) {
  .wrapper-ind-sports .sports-42 {
    font-size: 30px;
  }
}
@media screen and (max-width: 991px) {
  .wrapper-ind-sports .sports-42 {
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  .wrapper-ind-sports .sports-42 {
    font-size: 26px;
  }
}
@media screen and (max-width: 575px) {
  .wrapper-ind-sports .sports-42 {
    font-size: 22px;
  }
}
.wrapper-ind-sports .space-tp-100 {
  padding-top: 150px;
}
@media screen and (max-width: 1600px) {
  .wrapper-ind-sports .space-tp-100 {
    padding-top: 100px;
  }
}
@media screen and (max-width: 1499px) {
  .wrapper-ind-sports .space-tp-100 {
    padding-top: 70px;
  }
}
@media screen and (max-width: 1199px) {
  .wrapper-ind-sports .space-tp-100 {
    padding-top: 60px;
  }
}
@media screen and (max-width: 991px) {
  .wrapper-ind-sports .space-tp-100 {
    padding-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .wrapper-ind-sports .space-tp-100 {
    padding-top: 40px;
  }
}
@media screen and (max-width: 575px) {
  .wrapper-ind-sports .space-tp-100 {
    padding-top: 35px;
  }
}

.wrapper-ind-sports .space-bp-100 {
  padding-bottom: 150px;
}
@media screen and (max-width: 1600px) {
  .wrapper-ind-sports .space-bp-100 {
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 1499px) {
  .wrapper-ind-sports .space-bp-100 {
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 1199px) {
  .wrapper-ind-sports .space-bp-100 {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 991px) {
  .wrapper-ind-sports .space-bp-100 {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  .wrapper-ind-sports .space-bp-100 {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 575px) {
  .wrapper-ind-sports .space-bp-100 {
    padding-bottom: 35px;
  }
}

/* =========start==css=banner============= */

.wrapper-ind-sports .sports-h1 {
  font-family: "Impact";
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-size: 120px;
  line-height: 120px;
}
@media screen and (max-width: 1440px) {
  .wrapper-ind-sports .sports-h1 {
    font-size: 90px;
    line-height: 94px;
  }
}
@media screen and (max-width: 1199px) {
  .wrapper-ind-sports .sports-h1 {
    font-size: 68px;
    line-height: 74px;
  }
}
@media screen and (max-width: 991px) {
  .wrapper-ind-sports .sports-h1 {
    font-size: 42px;
    line-height: 46px;
  }
}
@media screen and (max-width: 575px) {
  .wrapper-ind-sports .sports-h1 {
    font-size: 32px;
    line-height: 40px;
  }
}

.wrapper-ind-sports .sports-banner-bg {
  width: 100%;
  position: relative;
  background: url("./img/webp/sports-banner-bg.webp") no-repeat;
  background-size: cover;
  padding-top: 30px;
  z-index: 99;
}
@media screen and (max-width: 1365px) {
  .wrapper-ind-sports .sports-banner-bg {
    background-size: 100% 100%;
  }
}
@media screen and (max-width: 1199px) {
  .wrapper-ind-sports .sports-banner-bg {
    padding: 50px 0;
  }
}
@media screen and (max-width: 767px) {
  .wrapper-ind-sports .sports-banner-bg {
    padding: 50px 0 35px;
  }
}
@media screen and (max-width: 575px) {
  .wrapper-ind-sports .sports-banner-bg {
    padding: 35px 0;
  }
}

.wrapper-ind-sports .sports-banner-bg .ind-sports-banner-left {
  width: 100%;
}
@media screen and (max-width: 991px) {
  .wrapper-ind-sports .sports-banner-bg .ind-sports-banner-left {
    text-align: center;
  }
}
.wrapper-ind-sports .sports-banner-bg .ind-sports-banner-left .creating-text {
  max-width: 500px;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 600;
  color: #a8fe22;
  letter-spacing: 6px;
  padding-bottom: 12px;
}
@media screen and (max-width: 1199px) {
  .wrapper-ind-sports .sports-banner-bg .ind-sports-banner-left .creating-text {
    font-size: 20px;
  }
}
@media screen and (max-width: 991px) {
  .wrapper-ind-sports .sports-banner-bg .ind-sports-banner-left .creating-text {
    letter-spacing: 4px;
    font-size: 18px;
    max-width: 100%;
  }
}
@media screen and (max-width: 575px) {
  .wrapper-ind-sports .sports-banner-bg .ind-sports-banner-left .creating-text {
    letter-spacing: 4px;
    font-size: 14px;
    max-width: 100%;
  }
}
.wrapper-ind-sports .sports-banner-bg .ind-sports-banner-left .end-text {
  font-size: 24px;
  font-weight: 600;
  color: #a8fe22;
  font-family: "Outfit";
  line-height: normal;
}
@media screen and (max-width: 991px) {
  .wrapper-ind-sports .sports-banner-bg .ind-sports-banner-left .end-text {
    letter-spacing: 4px;
    font-size: 42px;
    line-height: 46px;
  }
}
@media screen and (max-width: 575px) {
  .wrapper-ind-sports .sports-banner-bg .ind-sports-banner-left .end-text {
    font-size: 32px;
    line-height: 40px;
  }
}

.wrapper-ind-sports .sports-banner-bg .ind-sports-banner-left .fan {
  display: block;
  padding-left: 66px;
}

@media screen and (max-width: 991px) {
  .wrapper-ind-sports .sports-banner-bg .ind-sports-banner-left .fan {
    padding-left: 0px;
    display: inline-block;
  }
}
.wrapper-ind-sports .sports-banner-bg .ind-sports-banner-left .experiences {
  display: block;
  padding-left: 66px;
}
@media screen and (max-width: 991px) {
  .wrapper-ind-sports .sports-banner-bg .ind-sports-banner-left .experiences {
    padding-left: 0px;
  }
}
.wrapper-ind-sports
  .sports-banner-bg
  .ind-sports-banner-left
  .driven-player-banner {
  max-width: 724px;
  font-size: 20px;
  font-weight: 500;
  color: #ffffff;
  margin-top: 30px;
}
@media screen and (max-width: 1440px) {
  .wrapper-ind-sports
    .sports-banner-bg
    .ind-sports-banner-left
    .driven-player-banner {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-ind-sports
    .sports-banner-bg
    .ind-sports-banner-left
    .driven-player-banner {
    font-size: 16px;
    max-width: 90%;
    margin: 0 auto;
    text-align: center;
    margin-top: 25px;
  }
}
@media screen and (max-width: 767px) {
  .wrapper-ind-sports
    .sports-banner-bg
    .ind-sports-banner-left
    .driven-player-banner {
    font-size: 16px;
    margin-top: 25px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 575px) {
  .wrapper-ind-sports
    .sports-banner-bg
    .ind-sports-banner-left
    .driven-player-banner {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 0;
  }
}
.wrapper-ind-sports .sports-banner-bg .ind-sports-banner-left .banner-menu-bg {
  width: 100%;
  background-color: #ffffff;
  border-radius: 30px;
}
.wrapper-ind-sports
  .sports-banner-bg
  .ind-sports-banner-left
  .banner-menu-bg
  .we-serve-menu {
  width: 100%;
}
.wrapper-ind-sports
  .sports-banner-bg
  .ind-sports-banner-left
  .banner-menu-bg
  .we-serve-menu
  ul {
  margin: 0;
  padding: 0;
}
.wrapper-ind-sports
  .sports-banner-bg
  .ind-sports-banner-left
  .banner-menu-bg
  .we-serve-menu
  li {
  text-decoration: none;
}

.wrapper-ind-sports .sports-banner-bg .ind-sports-banner-right {
  max-width: 40%;
  position: absolute;
  right: 175px;
}
@media screen and (max-width: 1365px) {
  .wrapper-ind-sports .sports-banner-bg .ind-sports-banner-right {
    right: 110px;
  }
}
@media screen and (max-width: 991px) {
  .wrapper-ind-sports .sports-banner-bg .ind-sports-banner-right {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .wrapper-ind-sports
    .sports-banner-bg
    .ind-sports-banner-right
    .sports-banner-img {
    display: none;
  }
}

.wrapper-ind-sports .stakeholders {
  width: 100%;
}

/* =========end==css=banner============= */

/* -------start-section- Because Mediocre Tech Solutions------ */

.wrapper-ind-sports .sec-because-bg {
  font-family: "Outfit";
  width: 100%;
  background: #ffffff;
}

.wrapper-ind-sports
  .sec-because-bg
  .healthcare-solution-section
  .healthcare-solution-section-inner
  .head-title
  .widthdash:after {
  bottom: 12px;
}

.wrapper-ind-sports .sec-because-bg .into-solving {
  font-family: "Outfit";
  font-size: 20px;
  color: #121212;
  padding: 10px 0 15px 0;
}
@media screen and (max-width: 1199px) {
  .wrapper-ind-sports .sec-because-bg .into-solving {
    font-size: 18px;
  }
}
@media screen and (max-width: 575px) {
  .wrapper-ind-sports .sec-because-bg .into-solving {
    font-size: 16px;
  }
}
@media screen and (max-width: 1365px) {
  .wrapper-ind-sports .sec-because-bg .healthcare-solution-section .msak-image {
    display: none;
  }
}

@media screen and (max-width: 1199px) {
  .wrapper-ind-sports
    .sec-because-bg
    .healthcare-solution-section
    .healthcare-solution-section-img {
    border-radius: 20px;
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .wrapper-ind-sports
    .sec-because-bg
    .healthcare-solution-section
    .healthcare-solution-section-img {
    border-radius: 16px;
  }
}
@media screen and (max-width: 991px) {
  .wrapper-ind-sports .sec-because-bg .healthcare-solution-section {
    grid-template-columns: 1fr;
    gap: 0;
  }
}

@media screen and (max-width: 991px) {
  .wrapper-ind-sports .sec-because-bg .healthcare-solution-section .resp-view {
    gap: 15px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 575px) {
  .wrapper-ind-sports .sec-because-bg .healthcare-solution-section .resp-view {
    flex-direction: column;
  }
}
@media screen and (max-width: 991px) {
  .wrapper-ind-sports
    .sec-because-bg
    .healthcare-solution-section
    .healthcare-solution-section-title {
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .wrapper-ind-sports
    .sec-because-bg
    .healthcare-solution-section
    .custom-list
    li {
    margin-bottom: 5px;
  }
}

.wrapper-ind-sports
  .sec-because-bg
  .healthcare-solution-section
  .healthcare-solution-section-num {
  background-color: #a8fe22;
  color: #121212;
}

@media only screen and (max-width: 991px) {
  .wrapper-ind-sports
    .sec-because-bg
    .healthcare-solution-section
    .healthcare-solution-section-ai {
    margin: 0;
  }
}

.wrapper-ind-sports .sec-because-bg .custom-list-wrapper {
  margin-bottom: 40px;
  max-width: 558px;
}
@media screen and (max-width: 991px) {
  .wrapper-ind-sports .sec-because-bg .custom-list-wrapper {
    max-width: 100%;
    margin-top: 0 !important;
  }
}
.wrapper-ind-sports .sec-because-bg .custom-list-wrapper .custom-list li span {
  color: #121212;
}
.wrapper-ind-sports
  .sec-because-bg
  .custom-list-wrapper
  .custom-list
  li::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cg clip-path='url(%23clip0_1_840)'%3E%3Cpath d='M10 0.82373C4.48602 0.82373 0 5.30975 0 10.8237C0 16.3377 4.48602 20.8237 10 20.8237C15.514 20.8237 20 16.3377 20 10.8237C20 5.30975 15.514 0.82373 10 0.82373Z' fill='%230C2E2E'/%3E%3Cpath d='M3.03995 16.7968L15.9735 3.88525L16.9155 4.82885L3.98194 17.7404L3.03995 16.7968Z' fill='%23E1F251'/%3E%3Cpath d='M3.03999 4.82885L3.98199 3.88525L16.9155 16.7968L15.9735 17.7404L3.03999 4.82885Z' fill='%23E1F251'/%3E%3Cpath d='M12.062 13.041C10.2251 14.8776 9.34555 17.4107 9.6491 19.9903L10.9731 19.8345C10.7175 17.663 11.4582 15.5303 13.0046 13.9836C14.608 12.3803 16.8942 11.6363 19.1164 11.9927L19.3277 10.6763C16.6836 10.2519 13.9669 11.1361 12.062 13.041ZM9.66465 1.64209L8.33488 1.73811C8.48242 3.78412 7.72688 5.79787 6.25844 7.26635C4.81445 8.72967 2.85735 9.46436 0.751759 9.33568L0.670197 10.6666C0.857306 10.6781 1.04285 10.6837 1.22774 10.6837C3.51152 10.6837 5.61774 9.81436 7.20442 8.20592C8.94356 6.46674 9.84024 4.07432 9.66465 1.64209Z' fill='%23E1F251'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_840'%3E%3Crect width='20' height='20' fill='white' transform='translate(0 0.82373)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  position: absolute;
  left: 0;
  top: 4px;
}

.wrapper-ind-sports .healthcare-solution-section .number-circle {
  background-color: #a8fe22;
  color: #121212;
}

@media only screen and (max-width: 991px) {
  .wrapper-ind-sports .newworkslider-area {
    margin-top: 30px;
  }
}

/* -------end-section- Because Mediocre Tech Solutions------ */

.healthcare-slide-wrapper .custslides .custslick-list .slick-slide {
  box-shadow: 0px 1px 10px 0px #0c0c0d03;
  border: 1px solid #0c0c0d03;
}
.sec-healthcare-top-slider {
  width: 100%;
  background-color: #0d2e2e;
  font-family: "Outfit";
}
.sec-healthcare-top-slider
  .newworkslider-area
  .cust-btn-wrap
  .arrow-btn
  .slide-com-btn {
  height: 56px;
  width: 56px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: rgb(106, 100, 100, 0.1);
}
.sec-healthcare-top-slider
  .newworkslider-area
  .cust-btn-wrap
  .arrow-btn
  .slide-com-btn:hover {
  border: 1px solid #ffffff;
}
.sec-healthcare-top-slider .btn-slide-border {
  background-color: #a8fe22;
  color: #121212;
}
@media only screen and (max-width: 375px) {
  .sec-healthcare-top-slider .btn-slide-border {
    margin: 0 auto;
    margin-top: 10px;
  }
}
.sec-healthcare-top-slider .btn-slide-border:before {
  background-color: #fff;
}
.sec-healthcare-top-slider .btn-slide-pink {
  background-color: #fff;
  color: #121212;
  border: 1px solid transparent;
}
.sec-healthcare-top-slider .btn-slide-pink:before {
  background-color: #a8fe22;
}
.sec-healthcare-top-slider .icon::before {
  background-color: #ffffff;
}
@media only screen and (max-width: 1599px) {
  .sec-healthcare-top-slider .newworkslider-area .cust-btn-wrap {
    padding-bottom: 10px;
  }
}

/* SATRT :industry-faq sports*/
.wrapper-ind-sports .sec-industry-faq-sports {
  padding-bottom: 150px;
}
@media only screen and (max-width: 1199px) {
  .wrapper-ind-sports .sec-industry-faq-sports {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-ind-sports .sec-industry-faq-sports {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-ind-sports .sec-industry-faq-sports {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-ind-sports .sec-industry-faq-sports {
    padding-bottom: 35px;
  }
}

.wrapper-ind-sports .sec-industry-faq-sports .accordion-button {
  background-color: #eef7f6;
}

.wrapper-ind-sports .sec-industry-faq-sports .accordion-button::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38' fill='none'%3E%3Crect width='38' height='38' rx='19' fill='white'/%3E%3Cg clip-path='url(%23clip0_1_684)'%3E%3Cpath d='M27.0999 18.1H19.9V10.8999C19.9 10.4033 19.4968 10 18.9999 10C18.5033 10 18.1 10.4033 18.1 10.8999V18.1H10.8999C10.4033 18.1 10 18.5033 10 18.9999C10 19.4968 10.4033 19.9 10.8999 19.9H18.1V27.0999C18.1 27.5968 18.5033 28 18.9999 28C19.4968 28 19.9 27.5968 19.9 27.0999V19.9H27.0999C27.5968 19.9 28 19.4968 28 18.9999C28 18.5033 27.5968 18.1 27.0999 18.1Z' fill='%23222222'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_684'%3E%3Crect width='18' height='18' fill='white' transform='translate(10 10)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
    center/contain no-repeat;
  height: 38px;
  width: 38px;
}

@media only screen and (max-width: 767px) {
  .wrapper-ind-sports .sec-industry-faq-sports .accordion-button::after {
    height: 24px;
    width: 24px;
  }
}

.wrapper-ind-sports .sec-industry-faq-sports .industry-faq-title span {
  color: #427470;
}

.wrapper-ind-sports .sec-industry-sports-cta {
  width: 100%;
  background: #ffffff;
}
.wrapper-ind-sports .sec-industry-sports-cta .health-common-headings-cta {
  font-family: "Outfit";
  width: 100%;
  position: relative;
  background: url("./img/webp/sport-cta-bg.webp") no-repeat;
  background-size: cover;
  border-radius: 32px;
}
@media only screen and (max-width: 1199px) {
  .wrapper-ind-sports .sec-industry-sports-cta .health-common-headings-cta {
    border-radius: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-ind-sports .sec-industry-sports-cta .health-common-headings-cta {
    border-radius: 16px;
  }
}

.wrapper-ind-sports
  .sec-industry-sports-cta
  .health-common-headings-cta
  .cta-content {
  max-width: 700px;
  padding: 65px 25px 65px 70px;
}
@media only screen and (max-width: 1600px) {
  .wrapper-ind-sports
    .sec-industry-sports-cta
    .health-common-headings-cta
    .cta-content {
    padding: 70px 25px 70px 70px;
  }
}
@media only screen and (max-width: 1199px) {
  .wrapper-ind-sports
    .sec-industry-sports-cta
    .health-common-headings-cta
    .cta-content {
    padding: 40px;
    text-align: left;
    width: calc(100% - 440px);
  }
}

@media only screen and (max-width: 991px) {
  .wrapper-ind-sports
    .sec-industry-sports-cta
    .health-common-headings-cta
    .cta-content {
    width: 100%;
    padding: 32px;
    text-align: center;
    max-width: none;
  }
}

@media only screen and (max-width: 767px) {
  .wrapper-ind-sports
    .sec-industry-sports-cta
    .health-common-headings-cta
    .cta-content {
    text-align: center;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-ind-sports
    .sec-industry-sports-cta
    .health-common-headings-cta
    .cta-content {
    padding: 25px 22px;
  }
}
.wrapper-ind-sports
  .sec-industry-sports-cta
  .health-common-headings-cta
  .cta-content
  .ready-text {
  font-size: 24px;
  font-family: "Outfit";
  text-transform: uppercase;
  letter-spacing: 4px;
}
@media only screen and (max-width: 767px) {
  .wrapper-ind-sports
    .sec-industry-sports-cta
    .health-common-headings-cta
    .cta-content
    .ready-text {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 15px;
  }
}
.wrapper-ind-sports
  .sec-industry-sports-cta
  .health-common-headings-cta
  .cta-content
  .want-to-title {
  color: #a8fe22;
}
.wrapper-ind-sports
  .sec-industry-sports-cta
  .health-common-headings-cta
  .cta-content
  .want-discription {
  margin: 25px 0 25px 0;
}
@media screen and (max-width: 767px) {
  .wrapper-ind-sports
    .sec-industry-sports-cta
    .health-common-headings-cta
    .cta-content
    .want-discription {
    margin: 15px 0 15px 0;
  }
}

@media screen and (max-width: 575px) {
  .wrapper-ind-sports
    .sec-industry-sports-cta
    .health-common-headings-cta
    .cta-content
    .industry-button {
    border-radius: 36px;
    padding: 10px 20px;
  }

  .wrapper-ind-sports
    .sec-industry-sports-cta
    .health-common-headings-cta
    .cta-content
    .industry-button
    .industry-button-icon {
    flex: 0 0 34px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1366px) {
  .wrapper-ind-sports
    .sec-industry-sports-cta
    .health-common-headings-cta
    .cta-content
    h2 {
    max-width: 700px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-ind-sports
    .sec-industry-sports-cta
    .health-common-headings-cta
    .cta-content
    h2 {
    max-width: none;
  }
}
.wrapper-ind-sports
  .sec-industry-sports-cta
  .health-common-headings-cta
  .medico-cta {
  width: 875px;
  position: absolute;
  bottom: 0;
  right: 10px;
}

@media only screen and (max-width: 1599px) {
  .wrapper-ind-sports
    .sec-industry-sports-cta
    .health-common-headings-cta
    .medico-cta {
    width: 660px;
  }
}

@media only screen and (max-width: 1439px) {
  .wrapper-ind-sports
    .sec-industry-sports-cta
    .health-common-headings-cta
    .medico-cta {
    width: 600px;
  }
}

@media only screen and (max-width: 1366px) {
  .wrapper-ind-sports
    .sec-industry-sports-cta
    .health-common-headings-cta
    .medico-cta {
    width: 440px;
  }
}

@media only screen and (max-width: 1199px) {
  .wrapper-ind-sports
    .sec-industry-sports-cta
    .health-common-headings-cta
    .medico-cta {
    width: 440px;
  }
}

/* START: button */
.industry-sports-cta {
  width: auto;
}
@media only screen and (max-width: 575px) {
  .industry-sports-cta {
    width: auto;
    margin: 0 auto;
  }
}
.industry-sports-cta .industry-button {
  background-color: #a8fe22;
  color: #121212;
  padding: 9px 10px 9px 21px;
  border-radius: 100px;
  display: inline-flex;
  gap: 14px;
  align-items: center;
  transition: background-color 0.3s ease;
}

.industry-sports-cta .industry-button.industry-button-green {
  background-color: #121212;
}

.industry-sports-cta .industry-button .industry-button-icon {
  display: inline-block;
  height: 42px;
  width: 42px;
  background-color: #121212;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s ease;
}
@media screen and (max-width: 767px) {
  .industry-sports-cta .industry-button .industry-button-icon {
    height: 34px;
    width: 34px;
  }
}
.industry-sports-cta .industry-button .industry-button-icon .icon.icon-arrow {
  transition: transform 0.3s ease;
}
@media screen and (max-width: 767px) {
  .industry-sports-cta .industry-button .industry-button-icon .icon.icon-arrow {
    transform: rotate(45deg);
  }
}
.industry-sports-cta .industry-button .industry-button-icon .icon::before {
  background-color: var(--clr-white);
}
.industry-sports-cta .industry-button:focus,
.industry-sports-cta .industry-button:hover {
  background-color: #ffffff;
}
.industry-sports-cta .industry-button:focus .industry-button-icon,
.industry .industry-button:hover .industry-button-icon {
  background-color: var(--clr-industry-black);
}
.industry-sports-cta
  .industry-button:focus
  .industry-button-icon
  .icon.icon-arrow,
.industry-sports-cta
  .industry-button:hover
  .industry-button-icon
  .icon.icon-arrow {
  transform: rotate(45deg);
}
.industry-sports-cta .industry-button.industry-button-green:hover,
.industry-sports-cta .industry-button.industry-button-green:focus {
  background-color: var(--clr-industry-black);
}
.industry-sports-cta .industry-button.industry-button-shadow:focus,
.industry-sports-cta .industry-button.industry-button-shadow:hover {
  box-shadow: 0px 0 0 1px rgba(0, 0, 0, 0.3);
}
.industry-sports-cta .industry-button.industry-button-no-icon {
  padding: 14px 30px;
}
@media screen and (max-width: 767px) {
  .industry-sports-cta .industry-button.industry-button-no-icon {
    padding: 8px 16px;
  }
}

/* END: button */

.wrapper-ind-sports .sec-ind-sports-excellence-bg {
  width: 100%;
  position: relative;
  z-index: 0;
  background: #ffffff;
  padding-top: 200px;
}
@media only screen and (max-width: 1199px) {
  .wrapper-ind-sports .sec-ind-sports-excellence-bg {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-ind-sports .sec-ind-sports-excellence-bg {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-ind-sports .sec-ind-sports-excellence-bg {
    padding-top: 40px;
  }
}

.sports-industry-excellence .industry-excellence-inner {
  display: grid;
  grid-template-columns: 388px 1fr;
  grid-gap: 40px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 991px) {
  .sports-industry-excellence .industry-excellence-inner {
    grid-template-columns: 1fr;
    margin-bottom: 40px;
    gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .sports-industry-excellence .industry-excellence-inner {
    margin-bottom: 20px;
    gap: 10px;
  }
}
.sports-industry-excellence .industry-excellence-main {
  font-family: "Outfit";
  display: grid;
  grid-template-columns: 550px 1fr;
  grid-gap: 40px;
  align-items: flex-start;
}
@media only screen and (max-width: 1599px) {
  .sports-industry-excellence .industry-excellence-main {
    gap: 32px;
  }
}
@media only screen and (max-width: 1365px) {
  .sports-industry-excellence .industry-excellence-main {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
.sports-industry-excellence .industry-excellence-main .nav {
  padding: 0;
  gap: 0px;
  margin-top: 30px;
}
@media only screen and (max-width: 1599px) {
  .sports-industry-excellence .industry-excellence-main .nav {
    padding: 0px;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 1366px) {
  .sports-industry-excellence .industry-excellence-main .nav {
    padding: 0;
    margin-top: 20px;
  }
}
.sports-industry-excellence .industry-excellence-main .nav-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 16px 16px 16px 45px;
  white-space: nowrap;
  width: 100%;
  border-bottom: solid 1px #e2e2e2;
  min-width: 340px;
  color: #777777;
  border-radius: 0;
  margin-bottom: 1px;
  background: #ffffff url("./img/svg/sports-ball-big.svg") no-repeat;
  background-position: 10px 22px;
}
.sports-industry-excellence .industry-excellence-main .nav-link:hover {
  background-color: #f6f6f6;
  color: #222222;
  transition: all 0.3s ease-in-out;
}
.sports-industry-excellence
  .industry-excellence-main
  .nav-link:hover
  .icon.icon-arrow {
  transform: rotate(45deg);
  transition: all 0.3s ease-in-out;
}
.sports-industry-excellence .industry-excellence-main .nav-link.active {
  background-color: #e1f251;
  color: #222222;
  box-shadow: 0px 2px 0px 0px #222222;
}
.sports-industry-excellence
  .industry-excellence-main
  .nav-link.active
  .icon.icon-arrow {
  transform: rotate(45deg);
  transition: all 0.3s ease-in-out;
}
.sports-industry-excellence .industry-excellence-main .nav-icon {
  height: 38px;
  width: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background-color: transparent;
}
.sports-industry-excellence
  .industry-excellence-main
  .nav-link.active
  .nav-icon {
  background-color: var(--clr-white);
}
.sports-industry-excellence .industry-excellence-main .accordion-item,
.sports-industry-excellence
  .industry-excellence-main
  .accordion-item
  .accordion-button {
  border: none;
  box-shadow: none;
}
.sports-industry-excellence
  .industry-excellence-main
  .accordion-item
  .accordion-button {
  background-color: #f6f6f6;
  color: var(--clr-industry-black);
  font-size: 20px;
  border-radius: 20px;
}
@media only screen and (max-width: 1199px) {
  .sports-industry-excellence
    .industry-excellence-main
    .accordion-item
    .accordion-button {
    border-radius: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .sports-industry-excellence
    .industry-excellence-main
    .accordion-item
    .accordion-button {
    font-size: 16px;
  }
}
.sports-industry-excellence
  .industry-excellence-main
  .accordion-button:not(.collapsed) {
  background-color: #d6e74b;
  color: #121212;
}

.sports-industry-excellence .industry-excellence-main .accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.293 6.707a1 1 0 0 1 1.414 0L12 14l7.293-7.293a1 1 0 0 1 1.414 0l.707.707a1 1 0 0 1 0 1.414l-8.353 8.354a1.5 1.5 0 0 1-2.122 0L2.586 8.828a1 1 0 0 1 0-1.414l.707-.707Z' fill='%23000'/%3E%3C/svg%3E");
}
.sports-industry-excellence
  .industry-excellence-main
  .accordion.industry-accordion {
  display: grid;
  grid-gap: 22px;
}
@media only screen and (max-width: 767px) {
  .sports-industry-excellence
    .industry-excellence-main
    .accordion.industry-accordion {
    display: grid;
    grid-gap: 10px;
  }
}

.sports-industry-excellence .industry-excellence-main .tab-content {
  padding: 0;
  height: 100%;
}
@media only screen and (max-width: 1599px) {
  .sports-industry-excellence .industry-excellence-main .tab-content {
    padding: 20px;
  }
}
.sports-industry-excellence .industry-excellence-main .tab-content .tab-pane {
  height: 100%;
}
.sports-industry-excellence
  .industry-excellence-main
  .tab-content
  .industry-tab-content {
  display: grid;
  grid-template-columns: 358px 1fr;
  gap: 40px;
  height: 100%;
}
@media only screen and (max-width: 1599px) {
  .sports-industry-excellence
    .industry-excellence-main
    .tab-content
    .industry-tab-content {
    grid-template-columns: 300px 1fr;
    gap: 20px;
  }
}
.sports-industry-excellence
  .industry-excellence-main
  .tab-content
  .industry-tab-content
  .industry-tab-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
}
@media only screen and (max-width: 1599px) {
  .sports-industry-excellence
    .industry-excellence-main
    .tab-content
    .industry-tab-content
    .industry-tab-list {
    gap: 14px;
  }
}
.sports-industry-excellence .industry-tab-content li {
  position: relative;
  padding-left: 36px;
}
@media only screen and (max-width: 767px) {
  .sports-industry-excellence .industry-tab-content li {
    padding-left: 33px;
  }
}

.sports-industry-excellence .industry-tab-content .industry-tab-text a {
  color: var(--clr-industry-green);
  text-decoration: underline;
}
@media only screen and (max-width: 1439px) {
  .sports-industry-excellence .industry-excellence-inner-text {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1365px) {
  .sports-industry-excellence .industry-excellence-inner-text {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .sports-industry-excellence .industry-excellence-inner-text,
  .sports-industry-excellence .industry-tab-content .industry-tab-text,
  .sports-industry-excellence .industry-tab-content li {
    font-size: 16px;
    line-height: 1.5;
  }
}
.sports-industry-excellence
  .industry-excellence-main
  .tab-content
  .industry-tab-content
  img {
  border-radius: 20px;
}
.sports-industry-excellence .industry-tab-list li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 22px;
  height: 20px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M9 16.5C13.125 16.5 16.5 13.125 16.5 9C16.5 4.875 13.125 1.5 9 1.5C4.875 1.5 1.5 4.875 1.5 9C1.5 13.125 4.875 16.5 9 16.5Z' stroke='%230A081B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.8125 8.99994L7.935 11.1224L12.1875 6.87744' stroke='%230A081B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

@media only screen and (max-width: 767px) {
  .sports-industry-excellence .industry-tab-list li::after {
    top: 2px;
  }
}
@media only screen and (max-width: 575px) {
  .sports-industry-excellence .industry-tab-list li::after {
    top: 1px;
  }
}
.sports-industry-excellence .industry-excellence-main .accordion-body {
  padding: 0 10px;
}
@media only screen and (max-width: 1365px) {
  .sports-industry-excellence .industry-excellence-main .accordion-body {
    padding: 0;
  }
}

@media only screen and (max-width: 1439px) {
  .sports-industry-excellence
    .industry-excellence-main
    .accordion-body
    .industry-tab-content
    > div
    ul {
    display: grid;
    gap: 6px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .sports-industry-excellence .industry-excellence-main .accordion-body {
    padding: 0;
  }
}
.sports-industry-excellence .industry-excellence-main .accordion-item {
  background-color: var(--clr-industry-bg);
}
.sports-industry-excellence
  .industry-excellence-main
  .accordion-body
  .industry-tab-content {
  padding-top: 20px;
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 20px;
}
@media only screen and (max-width: 1365px) {
  .sports-industry-excellence
    .industry-excellence-main
    .accordion-body
    .industry-tab-content {
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (max-width: 767px) {
  .sports-industry-excellence
    .industry-excellence-main
    .accordion-body
    .industry-tab-content {
    padding-top: 10px;
    gap: 14px;
    grid-template-columns: 1fr;
  }
}
.sports-industry-excellence
  .industry-excellence-main
  .accordion-body
  .industry-tab-content
  img {
  border-radius: 20px;
  display: block;
}

@media only screen and (max-width: 767px) {
  .sports-industry-excellence
    .industry-excellence-main
    .accordion-body
    .industry-tab-content
    img {
    border-radius: 12px;
  }
}
.wrapper-ind-sports .sec-ind-sports-excellence-bg .sports-industry-list {
  width: 100%;
  background: #e1f251 url("./img/svg/sport-bg.svg") no-repeat;
  background-position: 88% 96%;
  border-radius: 20px;
  padding: 30px 25px;
}
@media only screen and (max-width: 1365px) {
  .wrapper-ind-sports .sec-ind-sports-excellence-bg .sports-industry-list {
    padding: 22px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-ind-sports .sec-ind-sports-excellence-bg .sports-industry-list {
    border-radius: 16px;
    padding: 16px 16px;
  }
}

.wrapper-ind-sports .sec-ind-sports-excellence-bg .sports-industry-list p {
  line-height: 36px;
}
@media only screen and (max-width: 1365px) {
  .wrapper-ind-sports .sec-ind-sports-excellence-bg .sports-industry-list p {
    line-height: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-ind-sports .sec-ind-sports-excellence-bg .sports-industry-list p {
    font-size: 18px;
    line-height: 28px;
  }
}

.wrapper-ind-sports .sec-ind-sports-excellence-bg .sports-industry-right-box {
  width: 100%;
  background: #ffffff;
}
.wrapper-ind-sports
  .sec-ind-sports-excellence-bg
  .sports-industry-right-box
  .sports-right-img-top {
  width: 100%;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1365px) {
  .wrapper-ind-sports
    .sec-ind-sports-excellence-bg
    .sports-industry-right-box
    .sports-right-img-top {
    display: none;
  }
}

.wrapper-ind-sports .sports-industry-title-sspect {
  font-size: 42px;
  line-height: 58px;
  margin-bottom: 10px;
  color: #121212;
}
@media only screen and (max-width: 991px) {
  .wrapper-ind-sports .sports-industry-title-sspect {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-ind-sports .sports-industry-title-sspect {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 10px;
  }
}
.wrapper-ind-sports
  .sec-ind-sports-excellence-bg
  .industry-excellence-main
  .from-outfit {
  margin-top: 15px;
  margin-bottom: 15px;
  color: #555555;
}

.wrapper-ind-sports .sports-industry-border {
  width: 100%;
  border-bottom: solid 10px #e1f251;
}
@media only screen and (max-width: 1365px) {
  .wrapper-ind-sports .sports-industry-border {
    display: none;
  }
}

.wrapper-ind-sports .head-title {
  position: relative;
}
.wrapper-ind-sports .head-title .widthdash {
  position: relative;
  z-index: 2;
}
.wrapper-ind-sports .head-title .widthdash:after {
  content: "";
  width: 100%;
  height: 10px;
  left: 0;
  right: 0;
  bottom: 10px;
  position: absolute;
  background-color: #e1f251;
  z-index: -1;
}

@media only screen and (max-width: 991px) {
  .wrapper-ind-sports .head-title .widthdash:after {
    display: none;
  }
}

/* END : industry-excellence */

/*industry lists nav css starts here*/

@media only screen and (max-width: 991px) {
  .industry-lists-nav {
    gap: 15px;
    overflow: hidden;
    overflow-x: scroll;
  }
}
.industry-lists-nav ul {
  display: flex;
  gap: 12px;
}

.industry-lists-nav .email-icon {
  flex: 0 0 auto;
  margin: 0 10px;
}
@media only screen and (min-width: 992px) {
  .industry-lists-nav .email-icon {
    display: none;
  }
}

@media only screen and (max-width: 575px) {
  .addindstickheader {
    display: none;
  }
}

.industry-lists-nav .email-icon .btn-icon {
  background-color: #333;
  border-radius: 100%;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.addindstickheader {
  position: sticky;
  top: 72px;
  width: 100%;
  z-index: 999;
  max-width: calc(100vw - 12px);
}

@media only screen and (max-width: 575px) {
  .addindstickheader {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .addindstickheader {
    top: 66px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 991px) {
  .addindstickheader .container {
    padding: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 991px) {
  .addindstickheader .container-fluid {
    padding: 0;
  }
}

.real-estate-wrap-outer .industry-lists-nav .email-icon {
  padding: 5px;
}

.wrapper-ind-sports
  .sec-healthcare-top-slider
  .custslides
  .custslick-list
  .item
  .font-red {
  color: #427470;
}
.wrapper-ind-sports
  .sec-healthcare-top-slider
  .custslides
  .custslick-list
  .item
  .border-red {
  background: #e4faf9;
  border: 1px solid #427470;
}

.wrapper-ind-sports .sports-banner-bg .addindstickheader.sticky {
  position: fixed;
  top: 80px;
  z-index: 999;
  width: max-content;
}
@media only screen and (max-width: 991px) {
  .wrapper-ind-sports .sports-banner-bg .addindstickheader.sticky {
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
  }
}

.wrapper-ind-sports .sportsheader .industry-video-nav {
  background-color: #ffffff;
  border-radius: 60px;
  padding: 7px;
  width: max-content;
  margin-top: -104px;
  border: 1px solid #efefef;
}
@media only screen and (max-width: 991px) {
  .wrapper-ind-sports .sportsheader .industry-video-nav {
    width: 100%;
    margin-top: -25px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-ind-sports .sportsheader .industry-video-nav {
    margin-bottom: 0;
  }
}

.wrapper-ind-sports .sportsheader .industry-video-nav ul {
  display: flex;
  gap: 5px;
}
@media only screen and (max-width: 1199px) {
  .wrapper-ind-sports .sportsheader .industry-video-nav ul {
    display: flex;
    gap: 4px;
  }
}
.wrapper-ind-sports .sportsheader .industry-video-nav ul li a {
  font-family: "Outfit";
  padding: 11px 18px;
  display: inline-block;
  border-radius: 36px;
  white-space: nowrap;
  transition: color 0.3s ease, background-color 0.3s ease;
}

.wrapper-ind-sports .sportsheader .industry-video-nav ul li a:hover,
.wrapper-ind-sports .sportsheader .industry-video-nav ul li a.active {
  background-color: #a8fe22;
  color: #121212;
}

/* ---------- */

.wrapper-ind-sports .sports-banner-bg .sticky-part {
  padding-bottom: 50px;
  margin-top: 100px;
}
@media only screen and (max-width: 1199px) {
  .wrapper-ind-sports .sports-banner-bg .sticky-part {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .wrapper-ind-sports .sports-banner-bg .sticky-part {
    padding-bottom: 0px;
    margin-top: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapper-ind-sports .sports-banner-bg .sticky-part {
    margin-top: 0;
  }
}

.wrapper-ind-sports .sports-banner-bg .ind-sports-right-btn-box {
  width: 100%;
  font-family: "Outfit";
}
@media only screen and (max-width: 1199px) {
  .wrapper-ind-sports .sports-banner-bg .ind-sports-right-btn-box {
    display: none;
  }
}
.wrapper-ind-sports
  .sports-banner-bg
  .ind-sports-right-btn-box
  .ind-sports-right-btn-box-inner {
  display: flex;
  position: relative;
  justify-content: flex-end;
}
.wrapper-ind-sports
  .sports-banner-bg
  .ind-sports-right-btn-box
  .ind-sports-right-btn-box-inner
  span {
  content: "";
  position: absolute;
  left: -62px;
  top: 0px;
  width: 52px;
  height: 52px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Crect width='60' height='60' rx='30' fill='%23A8FE22'/%3E%3Cg clip-path='url(%23clip0_1210_3060)'%3E%3Cpath d='M38.2394 20.5882L26.69 20.5882C26.3842 20.5936 26.0926 20.7188 25.8782 20.937C25.6638 21.1552 25.5436 21.4488 25.5436 21.7547C25.5436 22.0606 25.6638 22.3543 25.8782 22.5725C26.0926 22.7907 26.3842 22.9159 26.69 22.9212L35.423 22.9212L20.9153 37.4289C20.6965 37.6477 20.5736 37.9445 20.5736 38.2539C20.5736 38.5633 20.6965 38.8601 20.9153 39.0788C21.1341 39.2976 21.4309 39.4206 21.7403 39.4206C22.0497 39.4206 22.3465 39.2976 22.5652 39.0788L37.073 24.5711L37.073 33.3041C37.0703 33.459 37.0984 33.6129 37.1559 33.7568C37.2133 33.9007 37.2988 34.0317 37.4074 34.1422C37.5159 34.2527 37.6454 34.3404 37.7883 34.4003C37.9312 34.4602 38.0845 34.4911 38.2394 34.4911C38.3944 34.4911 38.5477 34.4602 38.6906 34.4003C38.8335 34.3404 38.963 34.2527 39.0715 34.1422C39.1801 34.0317 39.2656 33.9007 39.323 33.7568C39.3804 33.6129 39.4086 33.459 39.4059 33.3041V21.7547C39.4059 21.4454 39.283 21.1487 39.0642 20.9299C38.8455 20.7112 38.5488 20.5883 38.2394 20.5882Z' fill='%23222222'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1210_3060'%3E%3Crect width='28' height='28' fill='white' transform='translate(16 16)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.wrapper-ind-sports
  .sports-banner-bg
  .ind-sports-right-btn-box
  .ind-sports-right-btn-box-inner
  a {
  font-family: "Outfit";
  background: #ffffff;
  text-decoration: none;
  padding: 13px 20px;
  font-size: 18px;
  border-radius: 36px;
  color: #121212;
  margin-left: 64px;
  position: relative;
}

.section-offering .industry-excellence-inner {
  display: grid;
  grid-template-columns: 570px 800px;
  justify-content: space-between;
}

@media only screen and (max-width: 1499px) {
  .section-offering .industry-excellence-inner {
    grid-template-columns: 570px 600px;
  }
}

.section-offering .industry-excellence-inner p {
  color: #3b5068;
}

@media only screen and (max-width: 1365px) {
  .section-offering .industry-excellence-inner {
    grid-template-columns: 550px 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .section-offering .industry-excellence-inner {
    grid-template-columns: 1fr;
    grid-row-gap: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .section-offering .industry-excellence-inner {
    grid-row-gap: 0;
  }
}

.section-offering .offering-main {
  /* display: grid;
     grid-template-columns: 1fr 830px 1fr;
     column-gap: 40px;
     row-gap: 70px;
    */
  margin-top: 120px;
  display: grid;
  grid-template-columns: 1fr minmax(600px, 52.5%) 1fr;
  column-gap: 2vw;
  row-gap: 70px;
  align-items: center;
}
@media only screen and (max-width: 1599px) {
  .section-offering .offering-main {
    grid-template-columns: 1fr minmax(600px, 44%) 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .section-offering .offering-main {
    grid-template-columns: 1fr;
    row-gap: 30px;
    margin-top: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .section-offering .offering-main {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .section-offering .offering-main {
    row-gap: 20px;
  }
}
.section-offering .offering-main .offering-card {
  display: flex;
  flex-direction: column;
  row-gap: 70px;
}
@media only screen and (max-width: 1599px) {
  .section-offering .offering-main .offering-card {
    row-gap: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .section-offering .offering-main .offering-card {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 30px;
    row-gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .section-offering .offering-main .offering-card {
    grid-column-gap: 20px;
    row-gap: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .section-offering .offering-main .offering-card {
    grid-template-columns: 1fr;
  }
}

.section-offering .offering-main .offering-card .offering-details {
  background-color: #e1f251;
  border-radius: 18px;
  padding: 12px;
  transition: background-color 0.3s ease;
}
@media only screen and (max-width: 767px) {
  .section-offering .offering-main .offering-card .offering-details {
    border-radius: 16px;
  }
}

.section-offering .offering-main .offering-card .offering-details h3 {
  font-size: 21px;
  line-height: 30px;
  max-width: 256px;
}

@media only screen and (max-width: 1599px) {
  .section-offering .offering-main .offering-card .offering-details h3 {
    max-width: none;
  }
}
.section-offering .offering-main .offering-card .offering-details p {
  transition: color 0.3s ease;
  font-size: 12px;
  line-height: 1.3rem;
}
@media only screen and (max-width: 1199px) {
  .section-offering .offering-main .offering-card .offering-details p {
    font-size: 14px;
    line-height: 1.4rem;
  }
}

.section-offering .offering-main .offering-card .offering-details p a {
  text-decoration: underline;
}

.section-offering .offering-main .offering-card .offering-details.bg-darkgreen {
  background-color: #0c2e2e;
}
.section-offering
  .offering-main
  .offering-card
  .offering-details.bg-darkgreen
  h3 {
  color: #e1f251;
}
.section-offering
  .offering-main
  .offering-card
  .offering-details.bg-darkgreen
  p {
  color: #ffffff;
}
.section-offering
  .offering-main
  .offering-card
  .offering-details.bg-darkgreen
  p
  span {
  color: #e1f251;
}
.section-offering
  .offering-main
  .offering-card
  .offering-details.bg-darkgreen
  p
  a {
  color: #e1f251;
}
.section-offering .offering-main .offering-card .offering-details p {
  color: #0c2e2e;
}
.section-offering .offering-main .offering-card .offering-details p span {
  color: #0c2e2e;
  font-weight: 600;
  transition: color 0.3s ease;
}
.section-offering
  .offering-main
  .offering-card
  .offering-details
  .offering-thumbnail {
  width: 100%;
}
.section-offering
  .offering-main
  .offering-card
  .offering-details
  .offering-thumbnail
  picture {
  display: block;
}

.section-offering
  .offering-main
  .offering-card
  .offering-details
  .offering-thumbnail
  img {
  width: 100%;
  border-radius: 12px;
}
.section-offering
  .offering-main
  .offering-card
  .offering-details
  .offering-content {
  padding-top: 10px;
  position: relative;
}

.section-offering .offering-main .offering-two {
}

@media only screen and (min-width: 1600px) {
  .section-offering
    .offering-main
    .offering-card:nth-child(1)
    .offering-details:nth-child(1)
    .offering-content:after {
    content: "";
    position: absolute;
    left: 295px;
    width: 307px;
    height: 104px;
    background: url("./img/svg/sports-line.svg") no-repeat;
    top: -69px;
  }
}
@media only screen and (min-width: 1600px) {
  .section-offering
    .offering-main
    .offering-card:nth-child(1)
    .offering-details:nth-child(2)
    .offering-content:after {
    content: "";
    position: absolute;
    left: 295px;
    width: 394px;
    height: 264px;
    background: url("./img/svg/services-line.svg") no-repeat;
    top: -232px;
  }
}

.section-offering
  .offering-main
  .offering-card.last
  .offering-details
  .offering-content
  h3 {
  padding-left: 30px;
  max-width: 300px;
}

@media only screen and (max-width: 1599px) {
  .section-offering
    .offering-main
    .offering-card.last
    .offering-details
    .offering-content
    h3 {
    padding-left: 0;
    max-width: none;
  }
}

@media only screen and (min-width: 1600px) {
  .section-offering
    .offering-main
    .offering-card.last
    .offering-details:nth-child(1)
    .offering-content:after {
    content: "";
    position: absolute;
    right: 300px;
    width: 444px;
    height: 59px;
    background: url("./img/svg/software-line.svg") no-repeat;
    top: -23px;
  }
}
@media only screen and (min-width: 1600px) {
  .section-offering
    .offering-main
    .offering-card.last
    .offering-details:nth-child(2)
    .offering-content:after {
    content: "";
    position: absolute;
    right: 300px;
    width: 501px;
    height: 130px;
    background: url("./img/svg/traditional-line.svg") no-repeat;
    top: 15px;
  }
}

/*  START : Healthcare Solutions */
.healthcare-solution-section {
  display: grid;
  gap: 200px;
  grid-template-columns: 1fr 650px;
}

.healthcare-solution-section .healthcare-solution-section-inner {
  display: flex;
  flex-direction: column;
  align-items: start;
}

.healthcare-solution-section .healthcare-solution-section-image-top-text {
  top: 4px;
  left: 4px;
}

.healthcare-solution-section .white-text-image {
  top: 30px;
  left: 30px;
}
.healthcare-solution-section .white-text-image-two {
  bottom: 30px;
  left: 30px;
  display: grid;
  justify-content: center;
  align-items: center;
}

.healthcare-solution-section .number-circle {
  height: 60px;
  width: 150px;
  flex: 0 0 60px;
  border-radius: 99em;
  background-color: #5139d5;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}

.healthcare-solution-section .msak-image {
  left: -340px;
  bottom: 0px;
  border-radius: 40px;
  overflow: hidden;
}

.healthcare-solution-section .mask-blur-image {
  top: 30px;
  left: -360px;
}
.healthcare-solution-section .custom-list {
  list-style: none;
  padding: 0;
}

.healthcare-solution-section .custom-list li span {
  color: var(--clr-industry-green);
}

.healthcare-solution-section .custom-list-wrapper {
  margin-bottom: 20px;
}

.healthcare-solution-section .custom-list li {
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
}

@media screen and (max-width: 767px) {
  .healthcare-solution-section .custom-list li {
    margin-bottom: 8px;
    line-height: 1.5;
  }
}
.healthcare-solution-section .custom-list li::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='23' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%235139D5' d='M7.709 18.74c.396.348.806.708 1.227 1.08l.009.008 1.402 1.21a.997.997 0 0 0 1.307 0l1.402-1.21.008-.008c2.775-2.453 4.855-4.332 6.36-6.164C21.18 11.516 22 9.582 22 7.568c0-3.644-2.854-6.498-6.498-6.498A6.979 6.979 0 0 0 11 2.755 6.98 6.98 0 0 0 6.498 1.07C2.854 1.07 0 3.924 0 7.568c0 4.405 3.067 7.097 7.709 11.172Zm-.71-9.565h2.667V6.508h2.668v2.667H15v2.668h-2.667v2.667H9.666v-2.667H7V9.175Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 .176h22v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  position: absolute;
  left: 0;
  top: 4px;
}

.healthcare-solution-section .healthcare-solution-section-img {
  border-radius: 52px;
  object-fit: cover;
}

@media screen and (max-width: 1599px) {
  .healthcare-solution-section .white-text-image-two {
    left: 10px;
    border-radius: 10px;
    overflow: hidden;
    padding-left: 90px;
  }

  .healthcare-solution-section .msak-image {
    left: -250px;
    height: 240px;
    width: 240px;
  }

  .healthcare-solution-section .msak-image .mask-small-image {
    height: 240px;
    width: 240px;
  }

  .healthcare-solution-section .small-image-white-area {
    height: 100px;
    width: 220px;
    background-color: white;
  }
}

@media only screen and (max-width: 1500px) {
  .healthcare-solution-section {
    display: grid;
    gap: 120px;
    grid-template-columns: 1fr 550px;
  }
  .healthcare-solution-section .picture-of-doctor {
    height: 650px;
    width: 550px;
  }
  .healthcare-solution-section .msak-image {
    left: -220px;
  }
  .healthcare-solution-section .mask-blur-image {
    top: 30px;
    left: -348px;
  }
}

@media only screen and (max-width: 1499px) {
  .healthcare-solution-section .msak-image {
    left: -270px;
    border-radius: 32px;
  }
}

@media only screen and (max-width: 1439px) {
  .healthcare-solution-section .picture-of-doctor {
    height: auto;
    width: 450px;
  }

  .healthcare-solution-section .msak-image {
    left: -220px;
    bottom: 0px;
    width: 200px;
    height: 200px;
    border-radius: 22px;
  }

  .healthcare-solution-section .small-image-white-area {
    height: auto;
    width: 200px;
    background-color: white;
  }

  .healthcare-solution-section .text-small-image {
    font-size: 14px;
    line-height: 1.5;
    padding: 4px !important;
  }

  .healthcare-solution-section .msak-image .mask-small-image {
    width: 200px;
    height: 200px;
  }

  .healthcare-solution-section .msak-image .white-text-image-two {
    left: 10px;
    top: initial;
    bottom: 10px;
    width: 180px;
  }

  /* .healthcare-solution-section .white-text-image-two .position-relative {
        background-color: var(--clr-white);
    } */

  .healthcare-solution-section .mask-blur-image {
    display: none;
  }
}

@media only screen and (max-width: 1439px) {
  .healthcare-solution-section .white-text-image-two {
    bottom: 20px;
    left: 20px;
  }

  .healthcare-solution-section .healthcare-solution-section-img {
    border-radius: 32px;
  }
}

@media only screen and (max-width: 1365px) {
  .healthcare-solution-section .white-text-image-two {
    padding: 0;
  }
}

@media only screen and (max-width: 1199px) {
  .healthcare-solution-section .msak-image {
    display: none;
  }
  .healthcare-solution-section .picture-of-doctor {
    height: auto;
    width: 100%;
    margin-top: 10px;
  }
  .healthcare-solution-section .mask-blur-image {
    display: none;
  }

  .healthcare-solution-section .healthcare-solution-section-img {
    border-radius: 26px;
  }

  .healthcare-solution-section .white-text-image {
    top: 20px;
    left: 20px;
  }

  .healthcare-solution-section .white-text-image-two img,
  .healthcare-solution-section .white-text-image img {
    width: 95%;
  }

  .healthcare-solution-section .white-text-image-two {
    bottom: 20px;
    left: 20px;
  }

  .healthcare-solution-section {
    grid-template-columns: 1fr 400px;
    gap: 32px;
  }
}

@media only screen and (max-width: 991px) {
  .healthcare-solution-section .healthcare-solution-section-img {
    width: 100%;
    object-fit: cover;
  }

  .healthcare-solution-section-image-inner {
    flex: 0 0 100%;
  }

  .healthcare-solution-section .healthcare-solution-section-img {
    border-radius: 32px;
  }

  .healthcare-solution-section .healthcare-solution-section-title {
    margin-bottom: 16px;
  }
}

@media only screen and (max-width: 768px) {
  .healthcare-solution-section .healthcare-solution-section-image {
    display: none;
  }

  .healthcare-solution-section .healthcare-solution-section-title {
    margin-bottom: 0;
  }

  .healthcare-solution-section .custom-list li {
    font-size: 16px;
  }

  .healthcare-solution-section {
    grid-template-columns: 1fr;
  }
}

.healthcare-solution-section .healthcare-solution-section-stats {
  display: grid;
  grid-template-columns: 50px 1fr;
  gap: 18px;
  font-size: 16px;
  line-height: 1.5;
  background-color: var(--clr-white);
  padding: 10px;
  border: 1px solid #0c0c0d3a;
  border-radius: 10px;
}

@media only screen and (max-width: 768px) {
  .healthcare-solution-section .healthcare-solution-section-stats {
    padding: 15px;
  }
}

.healthcare-solution-section .healthcare-solution-section-ai {
  font-size: 16px;
  line-height: 1.5;
  background-color: var(--clr-white);
  padding: 10px;
  border: 1px solid #0c0c0d3a;
  border-radius: 10px;
  margin-top: 10px;
}

@media only screen and (max-width: 768px) {
  .healthcare-solution-section .healthcare-solution-section-ai {
    padding: 15px;
  }
}

.healthcare-solution-section .healthcare-solution-section-num {
  height: 50px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  background-color: var(--clr-industry-pirple);
  color: var(--clr-white);
  border-radius: 100px;
}

/* END : Healthcare Solutions */

.sec-industry-faq .industry-faq-title span {
  color: var(--clr-industry-green);
}

.sec-industry-faq .accordion {
  display: grid;
  grid-gap: 12px;
}

.sec-industry-faq .accordion-item {
  border-radius: 10px;
  border: none;
  background-color: transparent;
}

.sec-industry-faq .accordion-button {
  background-color: var(--clr-industry-nav-bg);
  border: none;
  box-shadow: none;
  border-radius: 16px !important;
  padding: 16px 24px;
}

@media only screen and (max-width: 767px) {
  .sec-industry-faq .accordion-button {
    align-items: flex-start;
    padding: 15px;
    gap: 6px;
    border-radius: 15px !important;
  }
}

.sec-industry-faq .accordion-button::after {
  background: url("data:image/svg+xml,%3Csvg width='38' height='38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='38' height='38' rx='19' fill='%23FFFEF1'/%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M27.1 18.1h-7.2v-7.2a.9.9 0 0 0-1.8 0v7.2h-7.2a.9.9 0 0 0 0 1.8h7.2v7.2a.9.9 0 0 0 1.8 0v-7.2h7.2a.9.9 0 0 0 0-1.8Z' fill='%23222'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' transform='translate(10 10)' d='M0 0h18v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
    center/contain no-repeat;
  height: 36px;
  width: 36px;
}

@media only screen and (max-width: 1199px) {
  .sec-industry-faq .accordion-button::after {
    height: 32px;
    width: 32px;
    background-size: contain;
  }
}

@media only screen and (max-width: 767px) {
  .sec-industry-faq .accordion-button::after {
    height: 28px;
    width: 28px;
    background-size: contain;
  }

  .sec-industry-faq .accordion-body {
    padding: 10px;
  }
}

.sec-industry-faq .accordion-button:not(.collapsed)::after {
  transform: rotate(-45deg);
}

.sec-industry-faq .accordion-button:not(.collapsed) {
  color: var(--clr-industry-black);
}