@font-face {
  font-family: "one_dayregular";
  src: url("/fonts/oneday-webfont.woff2") format("woff2"),
    url("/fonts/oneday-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "sf_pro_displaybold";
  src: url("/fonts/sfprodisplaybold-webfont.woff2") format("woff2"),
    url("/fonts/sfprodisplaybold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

body {
  max-width: 1920px;
  margin: 0px auto;
  background-color: #000;
  font-family: "Inter", sans-serif;
  font-weight: normal;
  color: #fff;
  overflow-x: hidden !important;
  /* background: url('/images/body_bg.png');
  background-size: 100% 100%; */
  /* background: linear-gradient(
    114deg,
    rgba(248, 102, 42, 1) 3%,
    rgba(37, 41, 178, 1) 67%
  );  */
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
figure,
label {
  margin: 0;
  padding: 0;
}

a {
  color: #fff;
  text-decoration: none;
}

ul {
  list-style: none;
}

textarea {
  resize: none;
}

.fixed-top {
  z-index: 99999;
}

.ml-auto,
.mx-auto {
  margin: 0px auto !important;
}

/* UTILITIES */

.para {
  font-size: 16px;
  font-family: "Lato";
}

.txt__xs {
  font-size: 12px;
}

.txt__sm {
  font-size: 13px;
}

.txt__md {
  font-size: 15px;
}

.txt__lg {
  font-size: 18px;
}

.txt__primary {
  color: var(--primaryClr);
}

.bg__primary {
  background-color: var(--primaryClr);
}

.txt__black {
  color: #000;
}

.txt__light {
  color: #8d99b6;
}

.font-weight-medium {
  font-weight: 500;
}

/* END UTILITIES */

/* COMPONENTS */
.button {
  font-size: 13px;
  display: inline-block;
  font-weight: 600;
  padding: 12px 25px;
  border: 1px solid rgb(239, 239, 239);
  background-color: rgb(239, 239, 239);
  border-radius: 5px;
}

.button:focus {
  outline: none;
}

.button:hover {
  text-decoration: none;
}

.button-white {
  background-color: #fff;
  border-color: #fff;
  color: var(--primaryClr);
}

.button-white:hover {
  background-color: transparent;
  color: #fff;
}

.button-white-outline {
  background-color: transparent;
  color: #fff;
}

.button-white-outline:hover {
  background-color: #fff;
  border-color: #fff;
  color: var(--primaryClr);
}

.button-green {
  background-color: var(--greenClr);
  border-color: var(--greenClr);
  color: #fff;
}

.button-green:hover {
  background-color: transparent;
  border-color: var(--greenClr);
  color: var(--greenClr);
}

.how-it-works-header {
  padding-bottom: 80px;
  text-align: center;
}

.how-it-works-header p {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}

.how-it-works-header-tournaments {
  padding-bottom: 22px;
  text-align: center;
}

.section-header {
  font-size: 56px;
  font-family: "one_dayregular";
  font-weight: 500;
  margin-bottom: 25px;
  color: #fff;
  text-align: center;
}

/* END COMPONENTS */

/* LAYOUT */
.main {
  /* max-width: 1920px; */
  margin: 0 auto;
}

@media (min-width: 1200px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1280px;
  }
}

/* END LAYOUT */

/* NAVBAR */

.mainNav.navbar {
  transition: all ease-in-out 0.3s;
  padding: 15px 0px;
}

.mainNav.navbar .nav-section {
  width: 100%;
  height: auto;
  float: left;
  background-color: rgba(18, 18, 18, 0.8);
  padding: 0.6rem 1rem;
  border-radius: 15px;
  border: 1px;
  border-style: solid;
  border-color: rgb(255, 255, 255, 0.28);
}

.mainNav.navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.mainNav.not-fixed {
  background-color: #fff;
}

.mainNav.navbar.sticky {
  background-color: var(--primaryClr);
  padding: 0.4rem 1rem;
}

.mainNav.navbar .nav-item {
  margin-right: 22px;
}

.mainNav.navbar .nav-item:last-child {
  margin-right: 0;
}

.mainNav.navbar .nav-item .nav-link {
  font-size: 15px;
  color: #fff;
}

.mainNav.navbar .nav-item .nav-link.active,
.mainNav.navbar .nav-item .nav-link:hover {
  color: #f8662a;
  font-weight: 400;
}

.mainNav.navbar .nav-item .nav-link.active {
  font-weight: bold;
}

.mainNav.navbar .navbar-toggler {
  padding: 0.15rem 0.5rem;
  border-color: rgba(255, 255, 255, 0.5);
}

/* .navbar-action-button {
    display: flex;
    align-items: center;
    padding-left: 80px;
  }
  .navbar-action-item {
    margin-right: 8px;
  }
  .navbar-action-item:last-child {
    margin-right: 0;
  } */

.navber-social-section {
  width: auto;
  display: flex;
  align-items: center;
  padding-left: 120px;
}

ul.navber-social-section li {
  margin: 0px 13px;
}

ul.navber-social-section li a i {
  color: #fff;
  font-size: 18px;
}

ul.navber-social-section li a i:hover {
  color: #f8662a;
}

.nav-main-container {
  width: 100%;
  height: auto;
  display: inline-flex;
  backdrop-filter: blur(3px);
  background: rgb(18, 18, 18, 0.8);
  border: 1px solid rgb(255, 255, 255, 0.1);
  padding: 12px 16px;
  border-radius: 10px;
}

.mainNav.navbar .navbar-toggler i {
  color: #888;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  padding: 6px 0.5rem;
}

.category-menu-two {
  width: 100%;
  height: auto;
  float: left;
  position: fixed;
  left: 0px;
  z-index: 9999;
  top: 0;
  margin-top: 90px;
}

.category-menu-two .sub-category {
  width: 98%;
  height: auto;
  float: left;
  background-color: rgb(18, 18, 18, 0.8);
  border: 1px solid rgb(255, 255, 255, 0.1);
  border-radius: 10px;
  padding: 15px 26px;
  margin: 0px 15px;
}

.category-menu-two .sub-category ul {
  display: flex;
  align-items: center;
  gap: 68px;
}

.category-menu-two .sub-category ul li {
  width: auto;
  float: left;
  padding: 0px 9px 0px 9px;
  margin: 0px 0px;
}

.category-menu-two .sub-category ul li a {
  padding: 0px 0px 0px 33px;
  font-size: 14px;
  cursor: pointer;
}

.category-menu-two .sub-category ul li a.sub-ct-one {
  float: left;
  background: url("/images/sub-cattergory1.png");
  background-position: 0px 2px;
  background-repeat: no-repeat;
}

.category-menu-two .sub-category ul li.active a.sub-ct-one {
  background: url("/images/sub-cattergory1_hover.png");
  background-position: 0px 2px;
  color: #f8662a;
  background-repeat: no-repeat;
}

.category-menu-two .sub-category ul li.active a.sub-ct-two {
  background: url("/images/sub-cattergory2_hover.png");
  background-position: 0px 2px;
  color: #f8662a;
  background-repeat: no-repeat;
}

.category-menu-two .sub-category ul li.active a.sub-ct-three {
  background: url("/images/sub-cattergory3_hover.png");
  background-position: 0px 2px;
  color: #f8662a;
  background-repeat: no-repeat;
}

.category-menu-two .sub-category ul li.active a.sub-ct-four {
  background: url("/images/sub-cattergory4_hover.png");
  background-position: 0px 2px;
  color: #f8662a;
  background-repeat: no-repeat;
}

.category-menu-two .sub-category ul li.active a.sub-ct-five {
  background: url("/images/sub-cattergory5_hover.png");
  background-position: 0px 2px;
  color: #f8662a;
  background-repeat: no-repeat;
}

.category-menu-two .sub-category ul li.active a.sub-ct-six {
  background: url("/images/sub-cattergory6_hover.png");
  background-position: 0px 2px;
  color: #f8662a;
  background-repeat: no-repeat;
}

.category-menu-two .sub-category ul li a.sub-ct-one:hover {
  background: url("/images/sub-cattergory1_hover.png");
  background-position: 0px 2px;
  background-repeat: no-repeat;
}

.category-menu-two .sub-category ul li a.sub-ct-two {
  float: left;
  background: url("/images/sub-cattergory2.png");
  background-position: 0px 2px;
  background-repeat: no-repeat;
}

.category-menu-two .sub-category ul li a.sub-ct-two:hover {
  background: url("/images/sub-cattergory2_hover.png");
  background-position: 0px 2px;
  background-repeat: no-repeat;
}

.category-menu-two .sub-category ul li a.sub-ct-three {
  float: left;
  background: url("/images/sub-cattergory3.png");
  background-position: 0px 2px;
  background-repeat: no-repeat;
}

.category-menu-two .sub-category ul li a.sub-ct-three:hover {
  background: url("/images/sub-cattergory3_hover.png");
  background-position: 0px 2px;
  background-repeat: no-repeat;
}

.category-menu-two .sub-category ul li a.sub-ct-four {
  float: left;
  background: url("/images/sub-cattergory4.png");
  background-position: 0px 2px;
  background-repeat: no-repeat;
}

.category-menu-two .sub-category ul li a.sub-ct-four:hover {
  background: url("/images/sub-cattergory4_hover.png");
  background-position: 0px 2px;
  background-repeat: no-repeat;
}

.category-menu-two .sub-category ul li a.sub-ct-five {
  float: left;
  background: url("/images/sub-cattergory5.png");
  background-position: 0px 2px;
  background-repeat: no-repeat;
}

.category-menu-two .sub-category ul li a.sub-ct-five:hover {
  background: url("/images/sub-cattergory5_hover.png");
  background-position: 0px 2px;
  background-repeat: no-repeat;
}

.category-menu-two .sub-category ul li a.sub-ct-six {
  float: left;
  background: url("/images/sub-cattergory6.png");
  background-position: 0px 2px;
  background-repeat: no-repeat;
}

.category-menu-two .sub-category ul li a.sub-ct-six:hover {
  background: url("/images/sub-cattergory6_hover.png");
  background-position: 0px 2px;
  background-repeat: no-repeat;
}

.category-menu-two .sub-category ul li a:hover {
  color: #f8662a;
}

/* END NAVBAR */

/* END DOWNTIME COST CALCULATOR */

.header-section {
  width: 100%;
  height: auto;
  float: left;
}

/*  FEATURES */
.features {
  position: relative;
  padding-top: 80px;
}

.feature-content {
  width: 100%;
  float: left;
  padding-bottom: 40px;
  position: relative;
  z-index: 1;
}

.feature-content-text {
  padding-top: 60px;
  padding-left: 60px;
  padding-right: 40px;
}

.feature-content-image img {
  max-width: 100%;
}

.feature-content-text p {
  color: #fff;
  font-size: 16px;
  margin-bottom: 63px;
}

.feature-art-image {
  position: absolute;
  z-index: 1;
}

.feature-art-image-top-right-art {
  top: -250px;
  right: 0;
}

.feature-art-image-left-art {
  left: 0;
  top: 100px;
}

.feature-art-image-bottom {
  right: 0;
  bottom: 110px;
}

/*  END FEATURES */

/* SALES COUNT BOX */
.sales-count {
  position: relative;
}

.sales-count-box {
  position: relative;
  z-index: 2;
  border-radius: 15px;
  color: #fff;
  box-shadow: 0px 12px 43px 0px rgba(0, 0, 0, 0.44);
  padding: 67px 40px;
  text-align: center;
  background: rgb(0, 212, 163);
  background: linear-gradient(110deg,
      rgba(0, 212, 163, 1) 0%,
      rgba(40, 218, 212, 1) 100%);
}

.sales-count-box p {
  font-size: 18px;
}

.sales-count-image {
  position: absolute;
  z-index: 1;
}

.sales-left-count-image {
  left: 0;
  bottom: -110px;
}

.sales-right-count-image {
  right: 0;
  top: -100px;
}

/* END SALES COUNT BOX */

.no-padding {
  padding: 0px 10px;
  overflow: hidden;
}

.padding-bottam {
  margin-bottom: 55px !important;
}

/*---------- Index Html  ------------*/

/* BANNER */
.banner-section {
  width: 100%;
  height: 850px;
  overflow: hidden;
  float: left;
  position: relative;
  z-index: 333;
  background: #000;
}

.banner-section img {
  width: 100%;
  height: auto;
}

#myVideo {
  min-width: 100%;
  min-height: 100%;
}

.video-st {
  width: 100%;
  height: 100%;
  float: left;
  padding: 0px;
  position: absolute;
  left: 0px;
  background: linear-gradient(0deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(0, 0, 0, 1) 96%);
  right: 0px;
  z-index: 1;
}

.video-st img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-st .overview {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  z-index: 999;
  left: 0;
  background: linear-gradient(180deg,
      rgba(0, 0, 0, 1) 0%,
      rgba(37, 41, 178, 0) 99%);
}

.banner-text-st {
  width: 100%;
  height: auto;
  float: left;
  position: relative;
  z-index: 9999;
  padding: 280px 0px;
}

.banner-text-st h2 {
  font-size: 80px;
  color: #fff;
  line-height: 95px;
  font-family: "one_dayregular";
  text-wrap: wrap;
}

.banner-text-st span {
  color: #f8662a;
  font-family: "sf_pro_displaybold";
}

.banner-text-st p {
  font-size: 18px;
  color: #fff;
  margin-top: 15px;
  font-weight: 400;
}

/* END BANNER */

/*-- Company Logo Carousel ----*/

.company-logo-section {
  width: 100%;
  height: auto;
  float: left;
  position: relative;
  z-index: 1111;
  /* padding: 401px 0px 40px; */
}

.company-logo-section::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -580px;
  width: 100%;
  height: 980px;
  background: url(/images/top-vector-ct.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.company-logo-section .logo-cm {
  width: 150px;
  height: auto;
  text-align: center;
  margin: 0px auto;
  display: table-cell;
  vertical-align: middle;
}

.company-logo-section .owl-carousel .item {
  height: 10rem;
  margin: 0px auto;
  padding: 1rem;
  display: table;
}

.mousedown {
  width: auto;
  height: auto;
  margin: 0px auto;
  display: table;
}

/* News Section */

.news-section {
  width: 100%;
  height: auto;
  position: relative;
  float: left;
  padding: 156px 0px 40px;
}

.news-section .news-name {
  width: 100%;
  height: auto;
  float: left;
  padding-top: 85px;
  padding-right: 25px;
}

.news-section .news-name h2 {
  font-size: 37px;
  font-family: "one_dayregular";
  color: #fff;
  margin-bottom: 13px;
}

.news-section .news-name p {
  font-size: 14px;
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}

.news-section .news-box {
  width: 100%;
  height: auto;
  float: left;
  min-height: 284px;
  border-radius: 10px;
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.1);
  transition: all 0.2s ease-in;
}

.news-section .news-box:hover {
  background-color: #fff;
}

.news-section .news-box:hover .conatin-news-tt h2 {
  color: #f8662a;
}

.news-section .news-box:hover .conatin-news-tt ul li {
  color: #898c8e;
}

.news-section .news-box:hover .conatin-news-tt ul li::before {
  background: #898c8e;
}

.conatin-news-tt ul li:last-child::before {
  display: none;
}

.conatin-news-tt {
  width: 100%;
  height: auto;
  float: left;
  padding-top: 15px;
}

.conatin-news-tt ul {
  display: block;
  float: left;
  width: 100%;
}

.conatin-news-tt ul li {
  width: auto;
  float: left;
  height: auto;
  position: relative;
  font-weight: 400;
  margin: 0px 23px 0px 0px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
}

.conatin-news-tt ul li::before {
  width: 5px;
  height: 5px;
  background-color: rgb(255 255 255 / 30%);
  position: absolute;
  right: -16px;
  top: 7px;
  border-radius: 5px;
  content: "";
}

.conatin-news-tt ul li::before:last-child {
  background-color: transparent;
}

.conatin-news-tt h2 {
  font-size: 16px;
  font-weight: 500;
  color: #fff;

  margin-top: 15px;
  float: left;
  line-height: 22px;
}

#news-mobile .item {
  padding: 0px;
}

.news-section #news-mobile .owl-stage {
  padding-left: 0;
  padding-right: 0;
}

/*.services-section{width: 100%; height: auto; float: left; padding: 230px 0px}*/

/* Services Section */

.services-section {
  width: 100%;
  height: auto;
  float: left;
  padding: 550px 0px 640px;
  /* background: url("/images/spo.png"); */
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.services-section ul.nav.nav-tabs {
  display: block;
  margin: 0;
  border: none;
}

.services-section ul.nav.nav-tabs li a {
  color: #9b9b9b;
  font-size: 20px;
  font-weight: 400;
  text-decoration: none;
}

.services-section ul.nav.nav-tabs li a.active {
  color: #fff !important;
}

.services-section ul.nav.nav-tabs li {
  padding: 15px 0;
  position: relative;
  padding-left: 40px;
}

/*.services-section ul.nav.nav-tabs li.e-sport-tf{background: url('/images/e-spo.png'); background-repeat: no-repeat;}*/

.services-section ul.nav.nav-tabs li.e-sport-tf::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 14px;
  background: url("/images/e-spo.png");
  background-repeat: no-repeat;
  top: 21px;
  left: 0;
}

.services-section ul.nav.nav-tabs li:hover.e-sport-tf::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 14px;
  background: url("/images/e-spo_hover.png");
  background-repeat: no-repeat;
  top: 21px;
  left: 0;
}

.e-sport-tf a.active {
  counter-reset: #000;
}

.services-section ul.nav.nav-tabs li.active .e-sport-tf::before {
  background: url("/images/e-spo.png");
}

.services-section ul.nav.nav-tabs li.e-sport-tf-two::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 14px;
  background: url("/images/vouchers.png");
  background-repeat: no-repeat;
  top: 21px;
  left: 0;
}

.services-section ul.nav.nav-tabs li:hover.e-sport-tf-two::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 14px;
  background: url("/images/vouchers_hover.png");
  background-repeat: no-repeat;
  top: 21px;
  left: 0;
}

.services-section ul.nav.nav-tabs li.e-sport-tf-three::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 14px;
  background: url("/images/digital.png");
  background-repeat: no-repeat;
  top: 21px;
  left: 0;
}

.services-section ul.nav.nav-tabs li:hover.e-sport-tf-three::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 14px;
  background: url("/images/digital_hover.png");
  background-repeat: no-repeat;
  top: 21px;
  left: 0;
}

.services-section ul.nav.nav-tabs li.e-sport-tf-four::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 14px;
  background: url("/images/cloud.png");
  background-repeat: no-repeat;
  top: 21px;
  left: 0;
}

.services-section ul.nav.nav-tabs li:hover.e-sport-tf-four::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 14px;
  background: url("/images/cloud_hover.png");
  background-repeat: no-repeat;
  top: 21px;
  left: 0;
}

.services-section ul.nav.nav-tabs li.e-sport-tf-five::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 22px;
  background: url("/images/marketing.png");
  background-repeat: no-repeat;
  top: 21px;
  left: 0;
}

.services-section ul.nav.nav-tabs li:hover.e-sport-tf-five::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 22px;
  background: url("/images/marketing_hover.png");
  background-repeat: no-repeat;
  top: 21px;
  left: 0;
}

.services-section ul.nav.nav-tabs li.e-sport-tf-six::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 22px;
  background: url("/images/mvas.png");
  background-repeat: no-repeat;
  top: 21px;
  left: 0;
}

.services-section ul.nav.nav-tabs li:hover.e-sport-tf-six::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 22px;
  background: url("/images/mvas_hover.png");
  background-repeat: no-repeat;
  top: 21px;
  left: 0;
}

.services-section .tab-propert-img {
  width: 100%;
  height: 550px;
  overflow: hidden;
}

.services-section .tab-propert-img {
  width: 100%;
  height: 530px;
  overflow: hidden;
  border-radius: 200px 0 0 0;
}

.scrollbar {
  padding-left: 20px;
  border-left: 1px solid #fff;
}

/* .all-sec-header {
    text-align: center;
    margin-bottom: 70px;
  }
  .business-vrtical {
    position: relative;
  }
  .logo-partical {
    position: absolute;
    top: 0;
    left: 0;
  } */

/*
   *  STYLE 2
   */

.lottie-icon {
  width: 100px;
  height: 100px;
}

.achievements-section .scrollbar {
  float: left;
  height: 400px;
  width: 100%;
  overflow-y: scroll;
}

#style-2::-webkit-scrollbar-track {
  float: left;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  background-color: #f5f5f5;
}

#style-2::-webkit-scrollbar {
  float: left;
  width: 6px;
  overflow-y: visible;
  background-color: #f5f5f5;
  position: relative;
}

#style-2::-webkit-scrollbar-thumb {
  float: left;
  overflow-y: visible;
  width: 12px;
  height: 26px;
  position: absolute;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  background-image: url("/images/scroll.png");
}

/* Achievements Section */

.achievements-section {
  width: 100%;
  height: auto;
  float: left;
  padding: 0px 0px;
}

.achievements-section .cards {
  padding: 21px 25px;
  background: transparent;
  border-radius: 0px;
  border: 0px;
  margin-bottom: 15px;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
}

.achievements-section .gt-one {
  background-image: url("/images/couter-one.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 100% 100%;
}

.achievements-section .gt-two {
  background-image: url("/images/couter-two.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 100% 100%;
}

.achievements-section .gt-three {
  background-image: url("/images/couter-three.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 100% 100%;
}

.achievements-section .gt-four {
  background-image: url("/images/couter-five.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 100% 100%;
}

.achievements-section .gt-five {
  background-image: url("/images/couter-six.png");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 100% 100%;
}

.achievements-section .gt-six {
  background-image: url("/images/couter-seaven.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 100% 100%;
}

.achievements-section .gt-seaven {
  background-image: url("/images/couter-eight.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 100% 100%;
}

.achievements-section .cards .icon {
  position: relative;
  text-align: center;
  font-size: 60px;
  width: 100px;
  height: 100px;
  line-height: 88px;
  color: #fff;
}

.achievements-section .cards .icon img {
  width: 100%;
  height: auto;
}

.achievements-section .counter {
  width: 100%;
  font-size: 64px;
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 8px;
  color: #fff;
}

.achievements-section .cards p {
  font-size: 16px;
  font-weight: 500;
}

.our-solutions-section {
  width: 100%;
  height: auto;
  float: left;
  padding: 158px 0px;
  background-image: url("/images/solution-mobile-bg.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0px 57px;
}

.our-solutions-section .mobile-section-bg {
  width: auto;
  height: auto;
  margin: 0px auto;
  display: table;
  padding: 0px 0px 80px;
  animation: vibe 1s linear 1s infinite;
  display: flex;
  justify-content: center;
}

.our-solutions-section .mobile-section-bg img {
  width: 40%;
  height: auto;
}

.button-two {
  width: auto;
  float: left;
  padding: 15px 56px;
  border-radius: 16px;
  box-shadow: 0px 4px 15.8px 0px #f8662a;
  line-height: 1.25;
  border: 3px solid rgb(255 255 255 / 10%);
  background: #f8662a;
  text-decoration: none;
  color: white;
  font-size: 18px;
  font-weight: 700;
  margin-top: 25px;
  margin-bottom: 20px;
}

.button-two:hover {
  border-radius: 16px;
  border: 3px solid var(--alphas-l-30, rgba(255, 255, 255, 0.3));
  background: var(--Primary-Primary, #f8662a);
  color: #fff;
  box-shadow: 0px 0px 6.2px 0px #f8662a;
}

.button-two:active {
  border-radius: 16px;
  border: 3px solid var(--alphas-l-30, rgba(255, 255, 255, 0.3));
  background: var(--Primary-Primary, #f8662a);
  box-shadow: 0px 0px 6.2px 0px #f8662a;
}

.white-sk-services {
  display: none;
}

.our-solutions-section .how-it-works-two {
  padding-bottom: 40px;
  text-align: center;
}

.our-solutions-section .how-it-works-two p {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}

/*----------Imdex Html End --------------*/

/*---------- About --------------*/

.top-our-partner-container {
  width: 100%;
  height: auto;
  float: left;
  padding: 80px 0px 0px;
  overflow: hidden;
  position: relative;
  z-index: 22222;
}

.about-section-one {
  width: 100%;
  height: auto;
  float: left;
  padding: 120px 0px 0px;
  position: relative;
  z-index: 9999;
}

.some-stcontain {
  width: 100%;
  height: auto;
  float: left;
  background: rgb(255, 255, 255, 0.2);
  border-radius: 15px;
  padding: 25px 20px;
  z-index: 999;
}

.about-some {
  width: 100%;
  height: auto;
  float: left;
  padding: 50px;
}

.about-some span.ab-title {
  font-size: 16px;
  margin-bottom: 17px;
  width: 100%;
  float: left;
  font-weight: 600;
  padding-left: 25px;
  position: relative;
}

.about-some span.ab-title:not(:empty)::before {
  position: absolute;
  left: 0px;
  top: 10px;
  width: 20px;
  height: 1px;
  background-color: #fff;
  content: "";
}

.about-some h2 {
  font-family: "one_dayregular";
  font-size: 56px;
  float: left;
  width: 100%;
  margin-bottom: 15px;
}

.about-some p {
  font-size: 16px;
  line-height: 25px;
}

/* .digital-payments-st-two {
  clip-path: polygon(0 14%, 100% 2%, 100% 95%, 0 87%);
  background: url("/images/digital-payments.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: auto;
  float: left;
  padding: 327px 0px;
  margin-top: -221px;
} */

.digital-payments-st-two {
  /* clip-path: polygon(0 14%, 100% 2%, 100% 95%, 0 87%); */
  background: url("/images/digital-payments-st.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: auto;
  float: left;
  padding: 300px 0px 450px;
  margin-top: 0px;
}

/* .cloud-gaming-section {
  background: url("/images/cloud-gaming.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: auto;
  float: left;
  padding: 312px 0px;
  margin-top: -248px;
  clip-path: polygon(0 14%, 100% 2%, 100% 101%, 0 91%);
} */

.cloud-gaming-section {
  background: url("/images/cloud-gaming-st.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: auto;
  float: left;
  padding: 312px 0px;
  margin-top: 0px;
  /* clip-path: polygon(0 14%, 100% 2%, 100% 101%, 0 91%); */
}

/* .digital-marketing-section {
  background: url("/images/digital-marketing.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: auto;
  float: left;
  padding: 375px 0px;
  margin-top: -95px;
  clip-path: polygon(0 1%, 100% 7%, 100% 100%, 0 100%);
} */
.digital-marketing-section {
  background: url("/images/digital-marketing-st.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: auto;
  float: left;
  padding: 440px 0px 440px;
  margin-top: 0px;
  /* clip-path: polygon(0 1%, 100% 7%, 100% 100%, 0 100%); */
}

.digital-payments-section {
  background: url("/images/our-vison5.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: auto;
  float: left;
  padding: 356px 0px;
  margin-top: -221px;
}

.check-box-p {
  display: flex;
  margin-bottom: 15px;
}

/* .digital-payments-section-mobile{display: none;} */
.ourmisson-section {
  background: url("/images/our-misonA.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: auto;
  float: left;
  padding: 356px 0px;
  margin-top: -117px;
}

.our-values-section {
  background: url("/images/our-misonB.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: auto;
  float: left;
  padding: 370px 0px;
  margin-top: -124px;
}

.all-events-main-st .digital-payments-section {
  background: url("/images/our-vison5.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: auto;
  float: left;
  padding: 356px 0px;
  margin-top: -221px;
  clip-path: polygon(0 0, 100% 0, 100% 91%, 0 100%);
}

.all-events-main-st .our-values-section {
  /* background: url(/images/our-misonB.png); */
  background: url(/images/our-values-d.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: auto;
  float: left;
  padding: 373px 0px 283px;
  margin-top: -99px;
  clip-path: polygon(0 10%, 100% 0, 100% 91%, 0 91%);
}

.ct-contacts-main-st {
  background: url(/images/contact-bg14.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-attachment: fixed;
  width: 100%;
  height: auto;
  float: left;
  padding: 0px 0px 0px;
}

.gt-section-point {
  width: 100%;
  height: 600px;
  background: url(/images/gt-s.png);
  background-size: 100% 100%;
  float: left;
  position: absolute;
  left: 0px;
  top: -395px;
  z-index: 1;
}

.all-events-main-st .ourmisson-section {
  background: url(/images/our-misonA.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 100%;
  height: 987px;
  float: left;
  padding: 305px 0px;
  margin-top: -212px;
  clip-path: polygon(0 21%, 100% 12%, 100% 90%, 0 100%);
  background-position: 100% 100px;
}

.services-text-cover-one h2 {
  font-size: 56px;
  font-family: "one_dayregular";
  color: #fff;
  margin-bottom: 23px;
  padding-bottom: 19px;
  background: url(/images/service-text-line.png);
  background-repeat: no-repeat;
  background-position: left bottom;
}

.services-text-cover-one h3 {
  font-size: 100px;
  font-family: "one_dayregular";
  color: #fff;
  margin-bottom: 40px;
}

.services-text-cover-one span {
  width: 15px;
  height: 15px;
  color: #f8662a;
  display: inline-block;
  border-radius: 100%;
}

/* .services-text-cover-one h2::before {
  width: 90px;
  height: 28px;
  position: absolute;
  left: -12px;
  top: 72px;
  content: "";
  background: url("/images/service-text-line.png");
} */
.services-text-cover-one p {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 22px;
  font-weight: 400;
}

.services-text-cover-two {
  width: 100%;
  height: auto;
  float: left;
  position: relative;
}

.services-text-cover-two h2 {
  font-size: 56px;
  font-family: "one_dayregular";
  color: #fff;
  margin-bottom: 23px;
  padding-bottom: 19px;
  background: url(/images/service-text-line.png);
  background-repeat: no-repeat;
  background-position: left bottom;
}

.services-text-cover-two h3 {
  font-size: 100px;
  font-family: "one_dayregular";
  color: #fff;
  margin-bottom: 40px;
  background: url("/images/service-text-line.png");
}

.services-text-cover-two span {
  color: #f8662a;
}

/* .services-text-cover-two h2::before {
  width: 90px;
  height: 28px;
  position: absolute;
  left: -12px;
  top: 72px;
  content: "";
 
} */
.services-text-cover-two p {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 22px;
  font-weight: 400;
}

.services-text-cover-three {
  width: 100%;
  height: auto;
  float: left;
  position: relative;
}

.services-text-cover-three h2 {
  font-size: 56px;
  font-family: "one_dayregular";
  color: #fff;
  margin-bottom: 23px;
  padding-bottom: 19px;
  background: url(/images/service-text-line.png);
  background-repeat: no-repeat;
  background-position: left bottom;
}

.services-text-cover-three h3 {
  font-size: 100px;
  font-family: "one_dayregular";
  color: #fff;
  margin-bottom: 40px;
}

.services-text-cover-three span {
  color: #f8662a;
}

/* .services-text-cover-three h2::before {
  width: 90px;
  height: 28px;
  position: absolute;
  left: -12px;
  top: 72px;
  content: "";
  background: url("/images/service-text-line.png");
} */
.services-text-cover-three p {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 22px;
  font-weight: 400;
}

.services-text-cover-four {
  width: 100%;
  height: auto;
  float: left;
  position: relative;
}

.services-text-cover-four h2 {
  font-size: 56px;
  font-family: "one_dayregular";
  color: #fff;
  margin-bottom: 23px;
  padding-bottom: 19px;
  background: url(/images/service-text-line.png);
  background-repeat: no-repeat;
  background-position: left bottom;
}

.services-text-cover-four h3 {
  font-size: 100px;
  font-family: "one_dayregular";
  color: #fff;
  margin-bottom: 40px;
}

.services-text-cover-four span {
  color: #f8662a;
}

/* .services-text-cover-four h2::before {
  width: 90px;
  height: 28px;
  position: absolute;
  left: -12px;
  top: 72px;
  content: "";
  background: url("/images/service-text-line.png");
} */
.services-text-cover-four p {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 22px;
  font-weight: 400;
}

.services-text-cover-five {
  width: 100%;
  height: auto;
  float: left;
  position: relative;
}

.services-text-cover-five h2 {
  font-size: 56px;
  font-family: "one_dayregular";
  color: #fff;
  margin-bottom: 23px;
  padding-bottom: 19px;
  background: url(/images/service-text-line.png);
  background-repeat: no-repeat;
  background-position: left bottom;
}

.services-text-cover-five h3 {
  font-size: 100px;
  font-family: "one_dayregular";
  color: #fff;
  margin-bottom: 40px;
}

.services-text-cover-five span {
  color: #f8662a;
}

/* .services-text-cover-five h2::before {
  width: 90px;
  height: 28px;
  position: absolute;
  left: -12px;
  top: 72px;
  content: "";
  background: url("/images/service-text-line.png");
} */
.services-text-cover-five p {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 22px;
  font-weight: 400;
}

.services-text-cover-sixs {
  width: 100%;
  height: auto;
  float: left;
  position: relative;
}

.services-text-cover-sixs h2 {
  font-size: 56px;
  font-family: "one_dayregular";
  color: #fff;
  margin-bottom: 23px;
  padding-bottom: 19px;
  background: url(/images/service-text-line.png);
  background-repeat: no-repeat;
  background-position: left bottom;
}

.services-text-cover-sixs h3 {
  font-size: 100px;
  font-family: "one_dayregular";
  color: #fff;
  margin-bottom: 40px;
}

.services-text-cover-sixs span {
  color: #f8662a;
}

/* .services-text-cover-sixs h2::before {
  width: 90px;
  height: 28px;
  position: absolute;
  left: -12px;
  top: 72px;
  content: "";
  background: url("/images/service-text-line.png");
} */
.services-text-cover-sixs p {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 22px;
  font-weight: 400;
}

.about-slider {
  width: 100%;
  height: auto;
}

.about-slider .owl-stage-outer {
  border-radius: 15px;
}

.about-slider .owl-dots {
  display: none !important;
}

.who-are-s {
  width: 100%;
  height: 370px;
}

.who-are-s img {
  height: 100%;
}

.about-slider .owl-nav {
  width: 30%;
  height: auto;
  margin: 0px auto;
  display: table;
  background-color: rgb(0 0 0 / 38%);
  border-radius: 15px;
  padding: 8px;
  position: absolute;
  bottom: 19px;
  left: 0;
  display: none;
  right: 0;
}

.num {
  width: auto;
  display: none;
  margin: 0px auto;
  position: absolute;
  bottom: 36px;
  z-index: 1;
  left: 0;
  right: 0;
  /* display: table; */
}

.about-slider .owl-next {
  float: right;
  width: 45px;
  height: 45px;
  font-size: 31px !important;
  border: 1px solid #fff !important;
  border-radius: 25px;
}

.about-slider .owl-prev {
  float: left;
  width: 45px;
  height: 45px;
  font-size: 31px !important;
  border: 1px solid #fff !important;
  border-radius: 25px;
}

.stiler-8 {
  position: relative;
}

.how-it-works-header-twoA .section-header {
  font-size: 100px;
  font-family: "one_dayregular";
  font-weight: 500;
  margin-bottom: 25px;
  color: #fff;
}

.how-it-works-header-twoA .section-header span {
  color: #f8662a;
  font-size: 88px;
}

.top-our-partner-container .section-header span {
  color: #f8662a;
  font-size: 88px;
}

.title-IraqCom {
  width: 100%;
  height: auto;
  float: left;
}

.title-IraqCom h2 {
  font-size: 56px;
  font-family: "one_dayregular";
  margin-bottom: 25px;
}

.title-IraqCom p {
  font-size: 18px;
}

.IraqCom-section {
  width: 100%;
  height: auto;
  float: left;
  position: relative;
  padding: 80px 0px 0px;
}

.IraqCom-section::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -527px;
  width: 100%;
  height: 980px;
  background: url(/images/gt-s.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.iraqn-slider {
  width: 100%;
  height: auto;
  float: left;
  /* padding: 120px 0px; */
  /* position: relative; */
}

.iraqn-slider .owl-nav {
  display: none;
}

.iraqn-slider .owl-dots {
  display: none !important;
}

.iraqn-slider .owl-carousel {
  clip-path: polygon(50% 16%,
      75% 15%,
      100% 12%,
      100% 88%,
      75% 85%,
      50% 84%,
      25% 85%,
      0 88%,
      0 12%,
      26% 15%);
}

.iraqn-slider .owl-carousel.team-slider-carousel {
  clip-path: none !important;
  pointer-events: none !important;
}

.iraqn-slider .owl-carousel.team-slider-carousel {
  clip-path: none !important;
  /* pointer-events: none !important; */
}

.team-slider .some-stcontain {
  float: none;
  margin-top: 50px;
  margin-bottom: 50px;
}

.iframe-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  /* Aspect ratio: 16:9 (height / width = 9/16 = 0.5625) */
  height: 0;
  overflow: hidden;
  border-radius: 14px;
}

.iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  /* Optional: Remove border */
  border-radius: 20px;
  pointer-events: none;
}

.iframe-container h2 {
  font-size: 25px;
  position: absolute;
  bottom: 0px;
  width: 100%;
  padding: 15px 25px;
  text-align: center;
  background-color: none;
}

/* Footer Section */
.footer-section {
  width: 100%;
  height: auto;
  float: left;
  padding: 10px 0px 20px;
  background-color: #121212;
  position: relative;
  z-index: 1;
}

.footer-section-two {
  width: 100%;
  height: auto;
  float: left;
  padding: 80px 0px;
  background-color: #121212;
  position: relative;
  z-index: 1;
}

.footer-section-two::before {
  width: 100%;
  height: 150px;
  background: #121212;
  clip-path: polygon(100% 34%, 0% 100%, 100% 100%);
  position: absolute;
  top: -148px;
  left: 0px;
  content: "";
}

.footer-menu-section {
  width: 100%;
  height: auto;
  float: left;
  display: grid;
  gap: 35px;
  margin-top: 60px;
}

.foore-logo-mobile {
  display: none;
}

.foore-logo {
  width: auto;
  height: auto;
  margin: 0px auto;
  display: table;
  display: flex;
  justify-content: center;
}

.foore-logo img {
  width: 40%;
  height: auto;
}

.footer-menu {
  width: auto;
  height: auto;
  float: right;
}

.footer-menu ul {
  display: block;
}

.footer-menu ul li {
  width: auto;
  height: auto;
  margin: 0px 25px;
  float: left;
}

.footer-menu ul li a {
  color: rgb(255 255 255 / 80%);
  font-size: 14px;
  font-weight: 400;
}

.footer-menu ul li a:hover {
  color: #f8662a;
}

.footer-social-section {
  width: auto;
  display: flex;
  float: right;
  align-items: center;
}

ul.footer-social-section li {
  margin: 0px 10px;
}

ul.footer-social-section li a i {
  color: #fff;
  font-size: 25px;
}

ul.footer-social-section li a i:hover {
  color: #f8662a;
}

.copy-right-text {
  color: rgb(255, 255, 255, 0.5);
  font-size: 14px;
}

/*-- Services --*/

.gradient-1 {
  background-image: url(/images/gradient-1.png);
  background-size: 100% 100%;
  background-attachment: fixed;
}

.gradient-2 {
  background-image: url(/images/gradient-2.png);
  background-size: 100% 100%;
  background-attachment: fixed;
}

.gradient-3 {
  background-image: url(/images/gradient-3.png);
  background-size: 100% 100%;
  background-attachment: fixed;
}

.services-main,
.our-patner-main-st,
.our-patner-main-st-ev {
  width: 100%;
  height: auto;
  float: left;
  /* background-image: url(/images/services-main-bg.png); */
  background-size: 100% 100%;
  background-attachment: fixed;
}

/* 
.services-main .row,
.all-events-main-st .row,
.our-patner-main-st .row {
  overflow-x: hidden !important;
} */

.IraqCom-section .some-stcontain .owl-carousel .owl-nav.disabled {
  display: block;
}

.IraqCom-section .some-stcontain {
  padding-top: 100px;
}

.all-events-main-st {
  width: 100%;
  height: auto;
  float: left;
  background-image: url(/images/contact-bg14.png);
  background-size: 100% 100%;
}

.IraqCom-section .some-stcontain .owl-nav {
  width: 10%;
  height: 62px;
  margin: 0px auto;
  display: table;
  background-color: rgb(0 0 0 / 38%);
  border-radius: 15px;
  padding: 8px;
  position: absolute;
  top: -80px;
  left: 8px;
  top: -35%;
  right: 0px;
  z-index: 9999999;
}

.IraqCom-section .some-stcontain .owl-nav .owl-prev {
  width: 38px;
  height: 38px;
  background: url(/images/left-arrow.png) !important;
  background-repeat: no-repeat !important;
  font-size: 0px;
  position: absolute;
  left: 10px;
  top: 21%;
}

.IraqCom-section .some-stcontain .owl-nav .owl-next {
  width: 38px;
  height: 38px;
  background: url(/images/right-arrow.png) !important;
  background-repeat: no-repeat !important;
  font: unset;
  position: absolute;
  right: 13px;
  left: auto;
  top: 22%;
}

/* .esports-section {
  width: 100%;
  height: auto;
  background: url("../images/services-banner.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  float: left;
  position: relative;
  z-index: 2;
  padding: 356px 0px 344px;
  clip-path: polygon(0 0, 100% 0, 100% 89%, 0 78%);
} */

.esports-section {
  width: 100%;
  height: auto;
  background: url("../images/e-sports.png");
  background-repeat: no-repeat;
  background-size: cover;
  float: left;
  position: relative;
  z-index: 2;
  padding: 258px 0px 291px;
  /* clip-path: polygon(0 0, 100% 0, 100% 89%, 0 78%); */
}

.esport-section::after,
.vouchers-section::after,
.digital-payments::after,
.mobilevas-section::after,
.digital-payments-section::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 280px;
  width: 100%;
  height: 980px;
  background: url(/images/gt-s.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.aboutus-section::after {
  content: none;
}

.about-section-one::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -327px;
  width: 100%;
  height: 980px;
  background: url(/images/gt-s.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.esport-section::after {
  top: 383px;
}

.mobilevas-section::after {
  top: 514px;
}

.digital-payments-section::after {
  top: 20px;
}

.btn-close-2 {
  position: absolute;
  background: url(/images/close.png);
  background-size: 100% 100%;
  right: -32px;
  width: 25px;
  height: 25px;
  border: 0;
  cursor: pointer;
}

.services-text-cover-one {
  width: 100%;
  height: auto;
  float: left;
  position: relative;
}

/* .e-vouchers-section {
  width: 100%;
  height: auto;
  background: url("/images/e-vouchers.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  float: left;
  padding: 330px 0px;
  margin-top: -252px;
  clip-path: polygon(0 1%, 100% 11%, 100% 82%, 0% 93%);
} */

.e-vouchers-section {
  width: 100%;
  height: auto;
  background: url("/images/e-vouchers-st.png");
  background-repeat: no-repeat;
  background-size: cover;
  float: left;
  padding: 300px 0px 300px;
  margin-top: 0px;
  /* clip-path: polygon(0 1%, 100% 11%, 100% 82%, 0% 93%); */
}

/* .evouchers-section-two {
  width: 100%;
  height: auto;
  float: left;
  padding: 432px 0px;
  background: url("/images/digital-mvas.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: -193px;
  clip-path: polygon(0 4%, 100% 11%, 100% 82%, 1% 93%);
} */

.evouchers-section-two {
  width: 100%;
  height: auto;
  float: left;
  padding: 350px 0px 350px;
  background: url("/images/digital-mvas-st.png");
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 0px;
  /* clip-path: polygon(0 4%, 100% 11%, 100% 82%, 1% 93%); */
}

/*--- Digital Payments ---*/
/* .mousedown-four {
  width: auto;
  height: auto;
  margin: 57px auto 0;
  display: table;
}

.mousedown-five {
  width: auto;
  height: auto;
  margin: 57px auto 0;
  display: table;
} */

.esport-section {
  width: 100%;
  height: auto;
  position: relative;
  float: left;
  padding: 187px 0px;
  background: url("/images/e-sports-1bk.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center;
}

.vouchers-section {
  width: 100%;
  height: auto;
  position: relative;
  float: left;
  padding: 293px 0px;
  background: url("/images/e-vouchers-onea.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center;
}

.digital-payments {
  width: 100%;
  height: auto;
  float: left;
  padding: 245px 0px 484px;
  background: url("/images/digital-payments1.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.vector-gradiant {
  width: 100%;
  height: auto;
  /* float: left; */
  margin-top: -255px;
  padding: 225px 0px 283px;
  background: url(/images/gradiant-two.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.vector-gradiant h2 {
  width: 100%;
  height: auto;
  text-align: center;
  font-size: 56px;
  font-family: "one_dayregular";
  margin-top: 45px;
}

.vouchers-title-box {
  width: 100%;
  height: auto;
  float: left;
  z-index: 9999;
  position: relative;
}

.vouchers-title-box h2 {
  font-size: 92px;
  font-family: "one_dayregular";
  color: #fff;
  margin-bottom: 40px;
}

.vouchers-title-box p {
  font-size: 16px;
  color: #fff;
}

.vouchers-title-box ol.breadcrumb li.breadcrumb-item {
  background: rgb(255, 255, 255, 10%);
  margin: 0px 15px;
  padding: 7px 24px;
  border-radius: 10px;
  position: relative;
  color: #fff;
  font-size: 16px;
}

.vouchers-title-box ol.breadcrumb li.breadcrumb-item a:hover {
  color: #fff;
}

.vouchers-title-box ol.breadcrumb li.breadcrumb-item:first-child {
  margin-left: 0px;
}

.breadcrumb-item+.breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  content: var(--bs-breadcrumb-divider, "/");
  position: absolute;
  left: -17px;
}

.def-inition-box {
  background: linear-gradient(269deg,
      rgb(255 255 255 / 1%) 30%,
      rgb(255 255 255 / 15%) 100%);
  padding: 30px 10px;
  float: left;
  width: 100%;
  border-left: 2px solid #fff;
  padding-left: 22px;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.definition-contain {
  float: left;
  margin-left: 25px;
}

.definition-contain p {
  color: #fff;
  font-size: 16px;
}

.definition-contain h3 {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 10px;
}

.info-icon {
  float: left;
}

.feature-content-image {
  background: url("../images/carcle.png");
  background-position: center;
  background-repeat: no-repeat;
  text-align: right;
  background-size: contain;
}

.feature-content-image img {
  max-width: 100%;
  animation: vibrate 0.5s;
  animation-iteration-count: infinite;
}

ul.bar-code-list {
  width: 100%;
  height: auto;
  float: left;
}

ul.bar-code-list li {
  width: auto;
  height: auto;
  margin-top: 20px;
  margin-bottom: 8px;
}

ul.bar-code-list li.bb-cart {
  margin-right: 15px;
  margin-top: 0;
  width: 202px;
  height: auto;
}

ul.bar-code-list li.bb-cart img {
  width: 100%;
  height: auto;
}

ul.bar-code-list li:last-child {
  margin-top: 0px;
}

.bb-cart {
  float: left;
}

.ishort-vouchers {
  width: 100%;
  height: auto;
  float: left;
}

.ishort-vouchers .nav {
  margin-bottom: 50px;
}

.ishort-vouchers .nav-link {
  background-color: rgb(255 255 255 / 30%);
  margin: 0px 8px;
  border-radius: 25px;
  border: 0px;
  color: #fff;
}

.ishort-vouchers .nav-link.active {
  background-color: #fff;
  margin: 0px 8px;
  border-radius: 25px;
  color: #000;
  border: 0px;
  font-size: 16px;
  font-weight: 500;
}

.portfolio-wrapper {
  position: relative;
  overflow: hidden;
}

.portfolio-wrapper .portfolio-image img {
  transform: scale(1);
  will-change: transform;
  transition: all 0.5s ease;
  width: 100%;
}

.portfolio-wrapper:hover .portfolio-image img {
  transform: none;
}

.Evouchers-addcard {
  width: 100%;
  height: auto;
  float: left;
}

.Evouchers-addcard ul {
  display: block;
}

.Evouchers-addcard ul li {
  width: 20%;
  float: left;
}

/*--- e-sports-page  --*/

.Esports-section-two {
  width: 100%;
  height: auto;
  float: left;
  padding: 222px 0px;
  background: url("/images/e-sports.png");
  background-repeat: no-repeat;
  background-size: cover;
}

/*--- Contact ---*/

.contact-section {
  width: 100%;
  height: auto;
  float: left;
  padding: 240px 0px;
  background: url("/images/contact_bg.png");
  background-position: center;
  background-size: 100% 100%;
}

.from-box-78 {
  width: 100%;
  height: auto;
  padding: 0;
  padding-left: 36px;
  color: #f1f1f1;
  display: inline-block;
  border-left: 1px solid #f1f1f1;
  border-image: linear-gradient(to bottom,
      #39393900 0.5%,
      #f1f1f1 35%,
      #f1f1f1 75%,
      #39393900 100%) 1 stretch;
}

.ckeck-tos {
  background: transparent;
  margin-right: 10px;
}

.from-box-78 .form-control {
  height: 50px;
  border: 0px;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  padding: 8px 11px;
  background: rgb(255, 255, 255, 0.2);
  border-radius: 10px;
}

.from-box-78 input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.from-box-78 textarea {
  height: 150px !important;
}

.from-box-78 .form-control:focus {
  box-shadow: 0 0 0 0.15rem #f8662a;
}

.from-box-78 h2 {
  font-size: 25px;
  margin-bottom: 20px;
  font-weight: 600;
  text-align: center;
  color: #f3e168;
  width: 100%;
  font-family: "Inter", sans-serif;
}

.text-4 {
  font-size: 16px;
}

.submition {
  width: 100%;
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  padding: 17px 30px;
  transition: all 0.5s;
  text-transform: capitalize;
  position: relative;
  cursor: pointer;
  text-align: center;
  border: none;
  background: #f8662a;
  border-radius: 11px;
  display: inline-block;
  z-index: 1;
  overflow: hidden;
}

.bordered {
  color: #f1f1f1;
  display: inline-block;
  width: 180px;
  height: 100px;
  border-right: 1px solid #f1f1f1;
  border-image: linear-gradient(to bottom,
      #393939 0%,
      #f1f1f1 25%,
      #f1f1f1 75%,
      #393939 100%) 1 stretch;
}

.pading-top70 {
  padding-top: 100px;
}

.map-section {
  width: 100%;
  height: auto;
  float: left;
  background-color: #004b52;
  margin-top: -3%;
  padding-top: 0%;
  margin-bottom: -3%;
  overflow: hidden;
}

.bg-skew {
  height: auto;
  width: 100%;
  transform: skewY(3deg);
}

.unskew {
  transform: skewY(-3deg);
}

.map-8 {
  width: 100%;
  height: auto;
  margin-top: -65px;
}

.from-box-78 input::placeholder {
  color: rgb(255 255 255 /90%);
  opacity: 0.5;
}

.from-box-78 textarea::placeholder {
  color: rgb(255 255 255 /90%);
  opacity: 0.5;
}

.gmnoprint {
  bottom: unset;
  top: 95px;
}

.mousedown-two {
  width: auto;
  height: auto;
  margin: 57px auto 0;
  display: table;
}

.carrier-section {
  width: 100%;
  height: auto;
  float: left;
  margin-top: -178px;
  padding-bottom: 80px;
}

.wallet-digital-patner5 .ct-logo-box-two {
  width: 100%;
  height: 100%;
  float: left;
  padding: 24px;
  border-radius: 15px;
  text-align: center;
}

.wallet-digital-patner5 .ct-logo-box-two:hover .logo-ct-three img {
  filter: grayscale(0);
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  -webkit-filter: grayscale(0);
  transform: scale(1.1);
}

.ct-logo-box {
  width: 100%;
  height: 100%;
  float: left;
  padding: 24px;
  border-radius: 15px;
  text-align: center;
  background: rgb(255 255 255 / 12%);
  transition: all 0.33s ease-in-out;
  -moz-transition: all 0.33s ease-in-out;
  -webkit-transition: all 0.33s ease-in-out;
}

.ct-logo-box:hover {
  background: linear-gradient(321deg,
      rgba(0, 0, 0, 1) 0%,
      rgba(30, 30, 30, 1) 91%);
  transition: all 0.33s ease-in-out;
  -moz-transition: all 0.33s ease-in-out;
  -webkit-transition: all 0.33s ease-in-out;
}

.ct-logo-box:hover .logo-ct img {
  filter: grayscale(0);
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  -webkit-filter: grayscale(0);
  transform: scale(1.1);
}

.ct-logo-box-two {
  width: 100%;
  height: 100%;
  float: left;
  padding: 24px;
  border-radius: 15px;
  text-align: center;
  background: rgb(255 255 255 / 12%);
  transition: all 0.33s ease-in-out;
  -moz-transition: all 0.33s ease-in-out;
  -webkit-transition: all 0.33s ease-in-out;
}

.ct-logo-box-two:hover {
  background: linear-gradient(321deg,
      rgba(0, 0, 0, 1) 0%,
      rgba(30, 30, 30, 1) 91%);
}

.logo-ct {
  width: 43%;
  height: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px auto;
}

.logo-ct img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  transition: transform 0.5s ease;
}

.platform-logo-box:hover .logo-ct img {
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
}

.logo-ct-three {
  width: 180px;
  /* Adjust width as needed */
  height: 180px;
  /* Adjust height as needed */
  display: flex;
  margin: 0px auto;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.logo-ct-three img {
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  transition: transform 0.5s ease;
}

.logo-ct-two {
  width: 30%;
  height: auto;
  margin: 0px auto;
}

.logo-ct-two img {
  width: 100%;
  height: auto;
}

.logo-title-carrier {
  width: 100%;
  height: auto;
  padding: 14px 0px 10px;
  margin-top: 26px;
}

.logo-title-carrier {
  border-top: 1px solid rgb(255, 255, 255, 0.3);
}

.logo-title-carrier h2 {
  color: #fff;
  font-size: 32px;
  font-weight: 400;
}

.wallet-digital {
  width: 100%;
  float: left;
  height: auto;
  padding: 64px 0px 50px;
}

.wallet-digital-patner5 {
  width: 100%;
  float: left;
  height: auto;
  padding: 64px 0px 50px;
}

.wallet-digital-patner5 [class*="col-"] {
  height: 308px;
  margin-bottom: 25px;
}

.wallet-digital-patner5 [class*="col"] {
  height: 250px;
  margin-bottom: 25px;
}

.carrier-vector-gradiant {
  width: 100%;
  height: 447px;
  float: left;
  margin-top: -407px;
  padding: 82px 0px 0px;
  background: url(/images/gradiant-three.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center bottom;
}

.mobilevas-section {
  width: 100%;
  height: auto;
  position: relative;
  float: left;
  padding: 248px 0px 151px;
  background: url("/images/mobile-vas_bg.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top center;
}

.introduction-title {
  width: 100%;
  height: auto;
  float: left;
}

.introduction-title h2 {
  font-size: 56px;
  color: #fff;
  font-family: "one_dayregular";
}

.introduction-title p {
  font-size: 16px;
  color: #fff;
}

.mobileva-introduction {
  width: 100%;
  height: auto;
  padding: 0px 0px 80px;
  float: left;
}

/* 
.mousedown-five {
  width: auto;
  height: auto;
  margin: 0px auto 0;
  display: table;
} */
.mobileva-introduction-gradiant {
  width: 100%;
  height: auto;
  float: left;
  margin-top: -195px;
  padding: 252px 0px 150px;
  background: url(/images/gradiant-two.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

/* 
.carrier-section {
  width: 100%;
  height: auto;
  float: left;
  margin-top: -150px;
  padding-bottom: 80px;
} */

.carrier-section .row:nth-child(2) [class*="col-"] {
  height: 294px;
  margin-bottom: 25px;
}

/* 
.wallet-digital .row:nth-child(2) [class*="col-"] {
  height: 451px;
  margin-bottom: 25px;
} */

.patners-digital [class*="col-"] {
  height: 308px;
  margin-bottom: 25px;
}

.patners-digital [class*="col"] {
  height: 308px;
  margin-bottom: 25px;
}

.patners-digital {
  width: 100%;
  float: left;
  height: auto;
  padding: 64px 0px 20px;
}

/* .carrier-section .row:nth-child(2) [class*="col-"] img{height: 100px;} */
.ct-logo-box-vas {
  width: 100%;
  height: auto;
  float: left;
  padding: 24px 15px;
  overflow: hidden;
  border-radius: 15px;
  text-align: center;
  background: rgb(255 255 255 / 12%);
  margin-bottom: 25px;
}

.ct-logo-box-vas:hover {
  background-color: #000;
}

.logo-vas-ct {
  width: auto;
  height: auto;
}

/*.ct-logo-box-vas img {
  width: 300px;
    overflow: hidden;
} */

.ct-logo-box-vas .logo-vas-ct {
  position: relative;
}

.ct-logo-box-vas .first {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transition: z-index 0.5s ease, transform 0.6s ease;
}

.ct-logo-box-vas .logo-vas-ct:hover .first {
  width: 100%;
  height: auto;
  z-index: 0;
  background-color: #000;
  transform: scale(1.05);
}

.logo-title-carrier-two {
  width: 100%;
  height: auto;
  padding: 14px 0px 0px;
  margin-top: 0px;
  border-top: 1px solid rgb(255, 255, 255, 0.3);
}

.logo-title-carrier-two h2 {
  color: #fff;
  font-size: 32px;
  font-weight: 400;
}

.img-box {
  height: 358px;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin: auto;
  display: flex;
}

.image1 {
  border-radius: 1rem;
  position: relative;
  transition: 0.5s ease-in-out;
}

.image2 {
  position: absolute;
  border-radius: 1rem;
  transition: 0.5s ease-in-out;
  opacity: 0;
}

.ct-logo-box-vas:hover .image1 {
  opacity: 0;
}

.ct-logo-box-vas:hover .image2 {
  opacity: 100%;
}

.how-it-works-header-twoA {
  padding-bottom: 0px;
  text-align: center;
  padding-top: 80px;
}

.how-it-works-header-twoA p {
  color: #fff;
  font-size: 18px;
  font-weight: 200;
}

.become-partner-section {
  width: 100%;
  height: auto;
  float: left;
  padding-bottom: 100px;
}

.become-partner-inner {
  padding: 47px 54px;
  border-radius: 15px;
  background: #000 url("/images/partner-bg.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top right;
}

.become-partner-inner h2 {
  font-family: "one_dayregular";
  font-size: 56px;
  margin-bottom: 23px;
}

.become-partner-inner p {
  font-size: 16px;
  margin-bottom: 0px;
  font-weight: 400;
}

.become-partner-inner .button-two {
  width: auto;
  float: left;
  padding: 18px 69px;
  border-radius: 15px;
  margin-top: 35px;
  box-shadow: 0px 0px 12px -2px #f8662a;
  line-height: 1.25;
  background: #fc6e51;
  text-decoration: none;
  color: white;
  font-size: 16px;
  text-transform: uppercase;
}

.featured-section {
  width: 100%;
  height: auto;
  float: left;
  padding: 150px 0px 38px;
  /* background: url("/images/spo.png"); */
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.featured-section ul.nav.nav-tabs {
  display: block;
  margin: 0;
  border: none;
}

.featured-section ul.nav.nav-tabs li h6 {
  width: 100%;
  color: #9b9b9b;
  font-size: 20px;
  float: left;
  font-weight: 400;
  text-decoration: none;
  padding: 17px;
  cursor: pointer;
}

.featured-section ul.nav.nav-tabs li h6:hover,
.featured-section ul.nav.nav-tabs li h6.active {
  color: #fff !important;
  padding: 17px;
  background-color: rgb(255 255 255 / 15%);
  border: 2px solid #f8662a;
  float: left;
  width: 100%;
  border-radius: 17px;
}

.featured-section ul.nav.nav-tabs li {
  float: left;
  width: 100%;
  position: relative;
}

.featured-section ul.nav.nav-tabs li p {
  font-size: 14px;
  color: rgb(255 255 255 / 30%);
}

.featured-section ul.nav.nav-tabs li span {
  color: #fff;
  height: 5px;
  width: 5px;
  background: rgb(255 255 255 / 25%);
  border-radius: 25px;
  display: inline-block;
  margin: 3px 8px;
}

.featured-section ul.nav.nav-tabs li h2 {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  margin-top: 10px;
}

/*.services-section ul.nav.nav-tabs li.e-sport-tf{background: url('/images/e-spo.png'); background-repeat: no-repeat;}*/

.featured-section .tab-propert-img {
  width: 100%;
  height: 550px;
  overflow: hidden;
}

.featured-section .tab-propert-img {
  width: 100%;
  height: 530px;
  overflow: hidden;
  border-radius: 200px 0 0 0;
}

.mobile-v {
  display: none;
}

.featured-section .section-tab-cntnt {
  width: 100%;
  height: auto;
  float: left;
  background: rgb(255 255 255 / 20%);
  border-radius: 15px;
  padding: 0px;
}

.featured-section .section-tab-cntnt h3 {
  font-size: 32px;
  font-family: "IBM Plex Mono", monospace;
  color: #fff;
  font-weight: 600;
}

.featured-section .section-tab-cntnt p {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
}

.featured-section .featured-picture {
  width: 100%;
  height: 250px;
  float: left;
  overflow: hidden;
  border-radius: 15px;
}

.featured-section .featured-picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.featured-section .featured-conyting {
  width: 100%;
  height: auto;
  float: left;
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.featured-section .ft-buttan {
  background: #f8662a;
  border-radius: 15px;
  padding: 15px 35px;
  font-size: 18px;
  width: max-content;
  font-weight: 600;
  border: 3px solid rgb(255 255 255 / 15%);
  color: #fff;
}

.featured-section .ft-buttan:hover {
  background: #f8662a;
  border-radius: 15px;
  padding: 15px 35px;
  font-size: 18px;
  box-shadow: 0px 4px 28.8px 0px #f8662a;
  width: max-content;
  font-weight: 600;
  border: 3px solid rgb(255 255 255 / 15%);
  color: #fff;
}

.featured-section .wrapper-two {
  float: left;
  width: 100%;
}

.featured-section .wrapper-two h3 {
  width: 100%;
  height: auto;
  float: left;
  font-family: "one_dayregular";
  margin-bottom: 15px;
  font-size: 32px;
  background: url("/images/stear-i.png");
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 35px;
}

.event-list-section .portfolio-wrapper-Dtp {
  display: inline-block;
  width: 100%;
  text-align: left;
  position: relative;
  overflow: hidden;
  margin-bottom: 24px;
  padding: 16px;
}

.event-list-section .portfolio-wrapper-Dtp .portfolio-image {
  width: 100%;
  height: 180px;
  border-radius: 15px;
  border: 1px solid #f8662a;
  overflow: hidden;
}

.event-list-section .portfolio-wrapper-Dtp .portfolio-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.event-list {
  width: 100%;
  height: auto;
  border-radius: 15px;
  padding: 27px 37px;
  background-color: rgb(255 255 255 / 20%);
  margin-bottom: 35px;
}

.event-list-section .portfolio-contain5 {
  width: 100%;
  height: auto;
  float: left;
}

.event-list-section .portfolio-contain5 h2 {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  margin-top: 18px;
  margin-bottom: 10px;
}

.event-list-section .portfolio-contain5 p {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 500;
  color: rgb(255 255 255 / 30%);
}

.event-list-section .portfolio-contain5 p span {
  color: #fff;
  height: 5px;
  width: 5px;
  background: rgb(255 255 255 / 25%);
  border-radius: 25px;
  display: inline-block;
  margin: 3px 8px;
}

.event-list-section {
  width: 100%;
  height: auto;
  float: left;
  padding: 00px 0px 50px;
}

.event-list-section .magnific-img img {
  width: 100%;
  height: auto;
}

.event-list-section .mfp-bottom-bar,
* {
  font-family: "Roboto", sans-serif;
}

.event-list-section .magnific-img {
  display: inline-block;
  width: 32.3%;
}

/* The shadow behind the image */
.event-list-section .mfp-figure {
  line-height: 0;
}

.event-list-section .mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.event-list-section .mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.event-list-section .mfp-figure figure {
  margin: 0;
}

.event-list-section .mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.event-list-section .mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}

.event-list-section .mfp-image-holder .mfp-content {
  max-width: 100%;
}

.event-list-section .mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

.event-list-section ul.nav {
  margin-top: 0px;
  margin-bottom: 35px;
  display: inline-block;
  overflow: auto;
  text-align: center;
  overflow-y: hidden;
  max-width: 100%;
  width: 100%;
  white-space: nowrap;
  padding-bottom: 5px;
}

.event-list-section ul.nav li.nav-item .nav-link {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 25px;
  border-radius: 10px;
  background-color: transparent;
  border: none;
}

.event-list-section ul.nav li.nav-item .nav-link span {
  color: rgb(255 255 255 / 37%);
  font-size: 16px;
}

.event-list-section ul.nav li.nav-item .nav-link.active {
  background: #f8662a;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 25px;
  color: #fff;
}

.event-list-section ul.nav li.nav-item .nav-link.active span {
  /* color: #fff; */
  color: rgb(255 255 255 / 37%);
}

.event-list-section ul.nav li.nav-item {
  margin: 0px 15px;
  display: inline-block;
}

.pagination-group {
  display: flex;
  width: auto;
  margin: 0px auto;
  flex-direction: row-reverse;
}

.olterpost {
  padding: 10px 45px;
  border: none;
  border-radius: 10px;
  background-color: rgb(255 255 255 / 20%);
  text-align: center;
  font-size: 16px;
  color: rgb(255 255 255 / 20%);
  cursor: not-allowed;
}

.page-number {
  margin: 0px 15px;
  display: flex;
  align-items: center;
}

.page-number span {
  margin-left: 10px;
  margin-right: 10px;
}

.page-number select {
  border: 1px solid #fff;
  background-color: unset;
  padding: 10px;
  border-radius: 8px;
  width: 65px;
  text-align: center;
  color: #fff;
}

.news-dt {
  background-color: #f8662a;
  border-radius: 10px;
  padding: 10px 45px;
  font-size: 16px;
  border: 0px;
  color: #fff;
  line-height: 26px;
}

.page-number select option {
  color: #000;
  text-align: left;
}

@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {

  /**
       * Remove all paddings around the image on small screen
       */
  .featured-vouchers .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .featured-vouchers .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  .featured-vouchers .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .featured-vouchers .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  .featured-vouchers .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }

  .featured-vouchers .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .featured-vouchers .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .featured-vouchers .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .featured-vouchers .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .featured-vouchers .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .featured-vouchers .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .featured-vouchers .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

.featured-vouchers .mfp-img {
  cursor: pointer;
}

.featured-vouchers .mfp-force-scrollbars {
  &.mfp-wrap {
    overflow-y: auto !important;
    overflow-x: auto !important;
  }

  .featured-vouchers .mfp-img {
    max-width: none;
  }

  .featured-vouchers .mfp-close {
    position: fixed;
  }
}

.top-banner-article-inside {
  width: 100%;
  height: auto;
  position: relative;
  float: left;
  padding: 332px 0px 46px;
  /* background: url(/images/articlebanner-Inside.png); */
  /* background-position: center top; */
  background-position: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.top-banner-article-inside .overview {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  z-index: 0;
  left: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}

.top-banner-article-inside .container {
  position: relative;
  z-index: 99999;
}

.article-header {
  width: 100%;
  height: auto;
  float: left;
  margin-top: 50px;
  text-align: center;
}

.article-header h2 {
  font-size: 40px;
  margin-top: 30px;
  color: #fff;
  font-family: "IBM Plex Mono", monospace;
}

.article-header h3 {
  font-size: 14px;
  color: #fff;
}

.participated-section {
  width: 100%;
  height: auto;
  float: left;
  padding: 40px 0px;
  background: #edf4ef;
}

.participated-section p {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  font-family: "Lora", serif;
  color: #000;
  font-weight: 400;
  margin-bottom: 25px;
}

.overall-participation {
  width: 100%;
  height: auto;
  float: left;
  margin-bottom: 20px;
  border-radius: 15px;
  overflow: hidden;
}

.overall-participation img {
  width: 100%;
  height: auto;
}

.modal {
  z-index: 999999;
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999999;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}

.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 0px auto;
  padding: 0px;
  border-radius: 12px;
  width: 44%;
  height: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 20%;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}

.popup .close {
  position: absolute;
  top: -29px;
  right: -23px;
  z-index: 9;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: rgb(248, 102, 42);
}

.popup .close:hover {
  color: #ffffff;
}

.popup .content {
  max-height: 30%;
  overflow: auto;
}

@media screen and (max-width: 700px) {
  .box {
    width: 70%;
  }

  .popup {
    width: 70%;
  }
}

.main-slider {
  position: relative;
  width: 100%;
  height: 400px;
  margin-bottom: 10px;
}

.main-slider img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.prev,
.next {
  position: absolute;
  top: 110%;
  transform: translateY(-50%);
  background-color: rgba(248, 102, 42, 0.8);
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
}

.prev:hover,
.next:hover {
  border: 1px solid rgb(248, 102, 42);
  background-color: #000;
}

.prev {
  left: -20px;
}

.next {
  right: -20px;
}

button.mfp-arrow,
.mfp-counter {
  opacity: 0 !important;
  transition: opacity 200ms ease-in, opacity 2000ms ease-out;
}

.mfp-container:hover button.mfp-arrow,
.mfp-container:hover .mfp-counter {
  opacity: 1 !important;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #ccc;
}

.mfp-preloader a:hover {
  color: #fff;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #fff;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #fff;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {

  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

.platform-partners-title {
  width: 100%;
  height: auto;
  float: left;
  padding: 0px 0px 50px;
}

.platform-partners-section {
  width: 100%;
  height: auto;
  float: left;
  padding: 0px 0px 50px;
}

.platform-partners-section .owl-carousel {
  position: relative;
}

.platform-partners-section .owl-nav .owl-next,
.owl-carousel.news-events-mobile .owl-nav .owl-next {
  width: 38px;
  height: 38px;
  background: url(/images/right-arrow.png) !important;
  background-repeat: no-repeat !important;
  font: unset;
  position: absolute;
  right: -4%;
  top: 31%;
}

.platform-partners-section .owl-nav .owl-prev,
.owl-carousel.news-events-mobile .owl-nav .owl-prev {
  width: 38px;
  height: 38px;
  background: url(/images/left-arrow.png) !important;
  background-repeat: no-repeat !important;
  font-size: 0px;
  position: absolute;
  left: -49px;
  top: 31%;
}

.portfolio-section-twoB .owl-nav .owl-next {
  width: 38px;
  height: 38px;
  background: url(/images/right-arrow.png) !important;
  background-repeat: no-repeat !important;
  font: unset;
  position: absolute;
  right: -4%;
  top: 31%;
}

.portfolio-section-twoB .owl-nav .owl-prev {
  width: 38px;
  height: 38px;
  background: url(/images/left-arrow.png) !important;
  background-repeat: no-repeat !important;
  font-size: 0px;
  position: absolute;
  left: -49px;
  top: 31%;
}

.portfolio-section-twoC .owl-nav .owl-next {
  width: 38px;
  height: 38px;
  background: url(/images/right-arrow.png) !important;
  background-repeat: no-repeat !important;
  font: unset;
  position: absolute;
  right: -4%;
  top: 31%;
}

.portfolio-section-twoC .owl-nav .owl-prev {
  width: 38px;
  height: 38px;
  background: url(/images/left-arrow.png) !important;
  background-repeat: no-repeat !important;
  font-size: 0px;
  position: absolute;
  left: -49px;
  top: 31%;
}

.ft-section {
  width: 100%;
  text-align: center;
  margin-bottom: 46px;
}

.ft-section h2 {
  width: 100%;
  height: auto;
  text-align: center;
  font-size: 56px;
  font-family: "one_dayregular";
  margin-top: 0px;
}

.page-title-name {
  width: auto;
  height: auto;
  margin: 0px auto;
  position: relative;
}

.page-title-name h3 {
  font-size: 35px;
  color: #fff;
  font-family: "one_dayregular";
}

.page-title-name h3::before {
  width: 456px;
  height: 2px;
  background: url("/images/title-line-left.png");
  background-position: left;
  position: absolute;
  left: -456px;
  top: 19px;
  content: "";
}

.page-title-name h3::after {
  width: 456px;
  height: 2px;
  background: url("/images/title-line-right.png");
  position: absolute;
  right: -457px;
  top: 20px;
  content: "";
}

/* .platform-logo-box {
  width: 100%;
  min-height: 416px;
  display: inline-grid;
  position: relative;
  padding: 24px 15px;
  border-radius: 15px;
  text-align: center;
  margin-bottom: 25px;
  background: rgb(255 255 255 / 12%);
  margin-bottom: 25px;
}
.platform-logo-box .platform-logo-box-hover-box {
  display: none;
}

.platform-logo-box:hover .platform-logo-box-hover-box {
  display: block;
  height: 100%;
  padding: 24px 15px;
  border-radius: 15px;
  position: absolute;
  left: 0px;
  right: 0px;
  background-color: #000;
} */

.platform-logo-box .tt-contain-p {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.lip-contain-text {
  width: 100%;
  height: auto;
  text-align: left;
  margin-top: 25px;
  margin-bottom: 15px;
}

.lip-contain-text p {
  font-size: 16px;
  color: #898c8e;
}

.con-logo-left-box {
  width: 100%;
  height: auto;
  float: left;
  margin-top: 15px;
  display: none;
}

.con-logo-left-box .patner-cm-logo {
  width: 100%;
  height: 180px;
  float: left;
  background-color: #fff;
  border-radius: 15px;
  overflow: hidden;
}

.platform-logo-box .logo-ct {
  margin: 41px auto 30px;
  display: flex;
  width: 39%;
  height: 185px;
  align-items: center;
  justify-content: center;
}

.news-section .owl-nav .owl-next {
  width: 38px;
  height: 38px;
  background: url("/images/right-arrow.png") !important;
  background-repeat: no-repeat !important;
  font-size: 0px;
  position: absolute;
  left: -262px;
  top: 79%;
}

.news-section .owl-nav .owl-prev {
  width: 38px;
  height: 38px;
  background: url("/images/left-arrow.png") !important;
  background-repeat: no-repeat !important;
  font-size: 0px;
  position: absolute;
  left: -328px;
  top: 79%;
}

.team-slider-carousel .owl-nav .owl-next {
  width: 38px;
  height: 38px;
  background: url(/images/right-arrow.png) !important;
  background-repeat: no-repeat !important;
  font: unset;
  position: absolute;
  right: -4%;
  top: 31%;
}

.team-slider-carousel .owl-nav .owl-prev {
  width: 38px;
  height: 38px;
  background: url(/images/left-arrow.png) !important;
  background-repeat: no-repeat !important;
  font-size: 0px;
  position: absolute;
  left: -49px;
  top: 31%;
}

/* .owl-next span {
    display: none;
  } */

.platform-logo-box-hover-box .owl-theme .owl-dots {
  display: none;
}

.platform-partners-section .owl-nav,
.portfolio-section-twoB .owl-nav,
.portfolio-section-twoC .owl-nav {
  display: none;
}

.news-section .owl-theme .owl-dots {
  display: none;
}

.platform-logo-box .logo-ct img {
  width: 100%;
  height: auto;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  transition: filter 600ms ease;
  -webkit-transition: -webkit-filter 600ms ease;
}

.platform-logo-box .logo-title-carrier {
  width: 100%;
  height: auto;
  padding: 14px 0px 0px;
  margin-top: 26px;
}

.platform-logo-box .logo-title-carrier {
  border-top: 1px solid rgb(255, 255, 255, 0.3);
}

.platform-logo-box .logo-title-carrier h2 {
  color: #fff;
  font-size: 32px;
  font-weight: 400;
}

/* .platform-partners-section .owl-theme .owl-dots, .portfolio-section-twoC .owl-theme .owl-dots, .portfolio-section-twoB .owl-theme .owl-dots{ display: none;} */

.owl-theme .owl-dots,
.undefined .owl-dots {
  width: auto;
  height: auto;
  margin: 0px auto;
  display: table;
}

.owl-theme .owl-dots .owl-dot span,
.undefined .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #d6d6d6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 0.2s ease;
  border-radius: 30px;
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    min-width: 1415px;
    left: -534px;
    right: 0;
    top: 57px;
    border-radius: 0px 0px 9px 9px;
  }
}

.dropdown-item {
  clear: unset;
  float: left;
  width: auto;
  font-size: 14px;
}

/* -----------------------------------
        Gallery Section
  --------------------------------------*/
.portfolio-section {
  padding: 50px 0;
  background-color: #000;
}

.portfolio-section h2 {
  font-size: 28px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
}

.portfolio-menu {
  text-align: center;
}

.control {
  background: #000;
  color: #fff;
  padding: 5px 10px;
  border: 1px solid #343a40;
  border-radius: 3px;
  margin: 5px;
  cursor: pointer;
  -webkit-transition: all 05s ease;
  -moz-transition: all 05s ease;
  -ms-transition: all 05s ease;
  -o-transition: all 05s ease;
  transition: all 0.5s ease;
}

.control:hover {
  background: #343a40;
}

.mixitup-control-active {
  color: #fff;
  background: #343a40;
}

.fancybox-container button:focus {
  outline: 0;
  box-shadow: none;
}

.portfolio-item {
  padding-top: 30px;
}

.pd {
  padding: 0;
  padding: 10px;
}

.pd img {
  height: 180px;
  transition: all 0.5s;
}

.portfolio-overlay {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  text-align: center;
  visibility: hidden;
  transition: all 0.5s;
  transform: scale(0);
}

.portfolio-overlay p,
.portfolio-overlay a {
  position: relative;
  z-index: 4;
}

.portfolio-overlay::before {
  content: "";
  width: 0;
  height: 0;
  border-width: 0;
  position: absolute;
  left: 10%;
  top: 10%;
  transition: 50ms height ease 150ms;
  z-index: 3;
}

.portfolio-overlay::after {
  content: "";
  width: 0;
  height: 0;
  border-width: 0;
  position: absolute;
  right: 10%;
  bottom: 10%;
  transition: 100ms width ease 200ms;
  z-index: 3;
}

.portfolio-item:hover .portfolio-overlay::before {
  width: 80%;
  height: 80%;
  border-top: 1px solid #50977f;
  border-right: 1px solid #50977f;
  transition: width 0.1s ease 0.3s, height 0.1s ease 0.5s;
}

.portfolio-item:hover .portfolio-overlay::after {
  width: 80%;
  height: 80%;
  border-bottom: 1px solid #50977f;
  border-left: 1px solid #50977f;
  transition: width 0.1s ease 0.6s, height 0.1s ease 0.7s;
}

.portfolio-item li:hover .portfolio-overlay {
  visibility: visible;
  transform: scale(1);
}

.portfolio-overlay .category {
  margin-top: 70px;
  margin-bottom: 20px;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
}

.portfolio-overlay .magnify-icon {
  height: 40px;
  width: 40px;
  border-radius: 20px;
  background: #50977f;
  margin: 0 5px;
  cursor: pointer;
  display: inline-block;
  transition: all 0.25s;
}

.portfolio-overlay .magnify-icon:hover {
  background: #000;
}

.portfolio-overlay .magnify-icon p span i {
  font-size: 15px;
  color: #fff;
  line-height: 40px;
  cursor: pointer;
}

.portfolio-section-twoB {
  width: 100%;
  height: auto;
  float: left;
  padding: 0px 0px 50px;
}

.portfolio-section-twoB .owl-nav .owl-next {
  top: 48%;
}

.portfolio-section-twoB .owl-nav .owl-prev {
  top: 48%;
}

.portfolio-section-twoC {
  width: 100%;
  height: auto;
  float: left;
  padding: 30px 0px 50px;
}

/* .portfolio-section-twoC .owl-carousel .owl-stage-outer {
    padding-top: 40px;
  } */

figure.card {
  position: relative;
  width: 100%;
  min-height: 416px;
  background: rgb(255 255 255 / 12%) url("/images/player-box-shadow.png");
  background-repeat: no-repeat;
  background-position: 50% 0%;
  border-radius: 15px;
  border: 0px;
  transition: background 400ms ease;
  overflow: hidden;
}

figure.card:hover figcaption {
  transform: translateY(0px);
}

figure.card--1:hover {
  background-position: 50% 0%;
}

figure.card--1 figcaption {
  bottom: 0;
  transform: translateY(490px);
}

.player-contain {
  width: 100%;
  height: auto;
  float: left;
  padding: 17px;
  border-top: 1px solid rgb(255, 255, 255, 0.3);
}

.player-contain h2 {
  color: #fff;
  font-size: 24px;
  font-weight: 400;
}

.player-contain p {
  color: rgb(255 255 255 / 30%);
  font-size: 20px;
  font-weight: 300;
  margin-top: 3px;
}

.support {
  position: fixed;
  right: 10px;
  bottom: 10px;
  padding: 10px;
  display: flex;
}

.support a {
  margin: 0 10px;
  color: #222;
  font-size: 1.8rem;
  backface-visibility: hidden;
  transition: all 150ms ease;
}

.support a:hover {
  transform: scale(1.1);
}

#project-terms {
  width: auto;
  height: auto;
  margin: 50px auto 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#project-terms .btn {
  color: #fff;
  background: rgb(255, 255, 255, 0.2);
  cursor: pointer;
  padding: 5px 15px;
  border-radius: 20px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1px;
  margin-right: 20px;
  display: inline-block;
  margin-bottom: 5px;
}

#project-terms .btn.active {
  background: #fff;
  color: #000;
}

.tournaments-section {
  width: 100%;
  height: auto;
  float: left;
  padding: 80px 0px;
}

.tournaments-box {
  width: 100%;
  height: auto;
  float: left;
  background-color: rgb(255 255 255 / 20%);
  border-radius: 15px;
  padding: 14px 13px;
  margin-bottom: 15px;
}

.left-tournaments-st {
  width: 100%;
  height: auto;
  float: left;
  padding: 25px 15px;
}

.tournaments-icon-section {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
}

.line-8 {
  width: 550px;
  height: 1px;
  background-color: #fff;
  float: right;
}

.icon-tour {
  width: auto;
  height: auto;
  float: left;
  margin-right: 25px;
}

.summer-t {
  width: 100%;
  height: auto;
  float: left;
  margin-top: 25px;
}

.summer-t h2 {
  width: 100%;
  height: auto;
  float: left;
  font-size: 35px;
  color: #fff;
  margin-bottom: 25px;
}

.tournaments-box:hover {
  color: white;
}

.portfolio-section-twoB .owl-carousel {
  margin-top: 0px;
}

.portfolio-section-twoB .owl-carousel .owl-stage-outer {
  padding-top: 100px;
}

.portfolio-section-twoB .owl-carousel .item {
  position: relative;
  cursor: pointer;
  width: 100%;
  min-height: 416px;
  display: inline-grid;
  padding: 0px 0px 25px;
  border-radius: 25px;
  gap: 15px;
  background: rgb(255 255 255 / 12%);
  margin-bottom: 25px;
}

.portfolio-section-twoB .owl-carousel .item .inner-div {
  transition: transform 0.3s ease;
  background: url("/images/player-box-shadow.png");
  background-position: center;
  background-size: 100% 100%;
  height: 319px;
}

.portfolio-section-twoB .owl-carousel .item .inner-div .pelements {
  position: absolute;
  bottom: 0px;
}

.portfolio-section-twoB .owl-carousel .item .inner-div .player-contain {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: auto;
  float: left;
  border-top: 1px solid rgb(255, 255, 255, 0.3);
  color: #000;
  transition: opacity 0.3s ease;
}

.portfolio-section-twoB .owl-carousel .item .inner-div .player-contain h2 {
  color: #fff;
  font-size: 24px;
  font-weight: 400;
}

.portfolio-section-twoB .owl-carousel .item .inner-div .player-contain p {
  color: rgb(255 255 255 / 20%);
  font-size: 20px;
  font-weight: 300;
  margin-top: 3px;
}

.portfolio-section-twoB .owl-carousel .item .inner-div .pelements-wrap {
  transition: transform 0.3s ease;
  transform-origin: bottom;
  scale: 0.8;
  width: 70%;
  margin: 0px auto;
  text-align: center;
  justify-content: center;
  height: 320px;
  display: flex;
  align-items: center;
}

.portfolio-section-twoB .owl-carousel .item .inner-div .pelements-wrap img {
  width: 100%;
  height: auto;
}

.portfolio-section-twoB .owl-carousel .owl-item:hover .pelements-wrap {
  transform: scale(1.2) translateY(-100px);
}

.portfolio-section-twoB .owl-carousel .item .inner-div .player-contain-hover {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 250px;
  padding: 25px;
  background-image: url("/images/pl-background-3.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

.portfolio-section-twoB .owl-carousel .item .inner-div .player-contain-hover h2 {
  font-size: 25px;
  color: #f8662a;
}

.portfolio-section-twoB .owl-carousel .item .inner-div .player-contain-hover span.cuntry-title {
  width: 100%;
  padding: 4px 0px;
  display: flex;
  align-items: center;
  gap: 11px;
}

.current-Team {
  width: 100%;
  height: auto;
  display: flex;
  gap: 15px;
  margin-top: 10px;
  position: relative;
  z-index: 888;
}

.playero {
  width: 100%;
  height: auto;
  padding: 15px;
  background-color: #f8662a;
  border-radius: 10px;
  border: 0px;
  float: left;
  text-align: center;
  margin-top: 17px;
  color: #fff !important;
  z-index: 333;
  position: relative;
}

.team-ct {
  background-color: rgb(255 255 255 / 25%);
  border-radius: 10px;
  padding: 10px 15px;
}

.team-ct span {
  font-size: 14px;
  color: rgb(255 255 255 / 30%);
}

.team-ct h3 {
  font-size: 16px;
  color: #fff;
}

.portfolio-section-twoB .owl-carousel .item .inner-div .player-contain-hover .map-58 {
  width: 15px;
  height: 12px;
}

.portfolio-section-twoB .owl-carousel .item .inner-div .player-contain-hover .map-58 img {
  width: 15px;
  height: 12px;
}

.portfolio-section-twoB .owl-carousel .item:hover .player-contain-hover {
  opacity: 1;
  visibility: visible;
}

.portfolio-section-twoB .owl-carousel .item .inner-div .player-contain-hover {
  overflow: hidden;
}

.portfolio-section-twoB .owl-carousel .item .inner-div .player-contain-hover .logo-corner {
  width: auto;
  padding: 8px 26px;
  position: absolute;
  top: 0px;
  z-index: 9999999;
  right: 0px;
  height: 47px;
  /* background: url("/images/conner-bg.png");
  background-size: 100% 100%; */
}

.portfolio-section-twoB .owl-carousel .item .inner-div .player-contain-hover .logo-corner img {
  width: auto;
  height: auto;
  margin: 0px auto;
}

.portfolio-section-twoB .owl-carousel .item .inner-div .player-contain-hover .chakra-logo {
  position: absolute;
  left: -270px;
  top: -320px;
  z-index: 111;
  width: 45rem !important;
  height: auto;
  animation: rotate-chakra 7s infinite ease-in-out;
  opacity: 0.4;
}

@keyframes rotate-chakra {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(360deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

.calender-icon {
  width: auto;
  height: auto;
  /* float: left; */
  display: inline-flex;
  border-radius: 30px;
  margin-bottom: 15px;
  background: rgb(255 255 255 / 20%);
  padding: 6px 15px;
  align-items: baseline;
}

.calender-icon i {
  margin-right: 15px;
}

.picture-tournaments {
  width: 100%;
  height: auto;
  border-radius: 15px;
  overflow: hidden;
}

.picture-tournaments img {
  width: 100%;
  height: auto;
}

.modal-dialog {
  width: 100%;
  height: auto;
  position: relative;
  margin-top: 100px;
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  box-shadow: rgba(248, 102, 42, 0.8) 0px 7px 29px 0px;
  background: linear-gradient(150deg,
      rgba(10, 19, 48, 1) 0%,
      rgba(10, 19, 49, 1) 48%,
      rgba(9, 26, 78, 1) 100%);
  border-radius: 40px;
  /* padding: 40px 40px; */
}

.modal-dialog::before {
  width: 100%;
  height: 728px;
  background: url("/images/popup-bg.png");
  z-index: 1;
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
  top: 0;
  background-position: center;
  content: "";
}

.modal-dialog .row {
  padding: 25px;
}

/* .modal-dialog::after{
    width: 100%;
    height: 728px;
    background: url("/images/chakra.png");
    z-index: 1;
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    top: 0;
    background-position: center;
    content: "";
    animation: rotate-chakra 7s infinite ease-in-out;
      opacity: 0.4;
  } */

.team-selection {
  width: 100%;
  float: left;
  height: auto;
}

.team-selection ul {
  display: block;
}

.team-selection ul li {
  width: 100%;
  height: auto;
  background: linear-gradient(86deg,
      rgba(255, 255, 255, 0.17690826330532217) 47%,
      rgba(255, 255, 255, 0) 100%);
  margin: 5px 0px;
  display: inline-block;
  padding: 20px 14px;
  border: 2px solid rgb(255 255 255 / 0.17690826330532217);
  border-radius: 15px;
}

.team-selection ul li h3 {
  float: left;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  gap: 13px;
}

.team-selection ul li h4 {
  float: right;
  font-size: 18px;
  display: flex;
  font-weight: 400;
  gap: 13px;
}

.left-player-section {
  width: 100%;
  height: auto;
  float: left;
}

.left-player-section h2 {
  font-size: 56px;
  font-weight: 500;
  color: #f8662a;
}

.left-player-section span.cuntry-title {
  width: 100%;
  padding: 4px 0px;
  display: flex;
  font-size: 24px;
  font-weight: 400;
  margin: 8px 0px;
  align-items: center;
  gap: 11px;
}

.progress2 {
  padding: 0px;
  margin-top: 8px;
  border-radius: 30px;
  background: rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25),
    0 1px rgba(255, 255, 255, 0.08);
}

.progress-bar2 {
  height: 7px;
  border-radius: 30px;
  background-image: linear-gradient(to bottom,
      rgba(255, 255, 255, 0.3),
      rgba(255, 255, 255, 0.05));
  transition: 0.4s linear;
  transition-property: width, background-color;
}

.progress-moved .progress-bar2 {
  width: 85%;
  background-color: #1ae431;
  animation: progressAnimation 6s;
}

@keyframes progressAnimation {
  0% {
    width: 0%;
    background-color: #1ae431;
  }

  100% {
    width: 85%;
    background-color: #1ae431;
  }
}

.rating-section {
  width: auto;
  height: auto;
  float: left;
  margin-top: 14px;
}

.rating-section ul {
  display: block;
}

.rating-section ul li {
  width: 30%;
  text-align: center;
  float: left;
  margin-right: 21px;
  margin-bottom: 21px;
  border-radius: 10px;
  border: 2px solid rgb(255 255 255 / 0.17690826330532217);
  padding: 14px 13px;
  background: linear-gradient(86deg,
      rgba(255, 255, 255, 0.17690826330532217) 47%,
      rgba(255, 255, 255, 0) 100%);
}

.rating-section ul li:nth-child(3n + 3) {
  margin-right: 0px;
}

.rating-section ul li h3 {
  font-size: 24px;
  font-weight: 700;
}

.rating-section ul li p {
  font-size: 16px;
  text-transform: uppercase;
  margin-top: 8px;
  color: rgb(255 255 255 / 30%);
}

.simpler-section-one {
  width: 100%;
  height: 100%;
  float: left;
  position: relative;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

/* .sim-point-logo {
  width: auto;
  height: auto;
  float: left;
  position: absolute;
  left: 21px;
  top: -7px;
}
.sim-point-logo img {
  width: 100%;
  height: auto;
}

.simpler-player {
  width: 130%;
  height: auto;
  float: left;
  position: absolute;
  right: -16px;
  bottom: -29px;
  z-index: 1;
}
.simpler-player img {
  width: 100%;
  height: auto;
} */

.chakra-logo-two {
  position: absolute;
  right: -900px;
  top: -665px;
  z-index: 111;
  width: 141rem !important;
  height: auto;
  animation: rotate-chakra 7s infinite ease-in-out;
  opacity: 0.4;
}

@keyframes rotate-chakra {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(360deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 1167px;
    margin: 9% auto 0px;
  }
}

.e-service-p {
  width: 100%;
  float: left;
  padding: 50px 0;
}

.e-service-p .container {
  overflow: hidden;
  position: relative;
  padding: 0px;
  border-radius: 4px;
  max-width: 100%;
  /* height: 35.1875rem; */
  height: 1030px;
  line-height: 0;
}

.e-service-p .slideDiv,
.e-service-p .controls {
  position: absolute;
}

.e-service-p .slideDiv,
.e-service-p .slide {
  width: 100%;
  height: 100%;
}

.e-service-p .slide {
  transition: top 0.3s ease;

  /* Smooth transition for top */
}

.e-service-p .slide:first-child {
  background: url("/images/spo-banner6.png") no-repeat center;
  background-size: 100% auto;
}

.e-service-p .slide:nth-of-type(2) {
  background: url("/images/spo-banner2.png") no-repeat center;
  background-size: auto;
}

.e-service-p .slide:nth-of-type(3) {
  background: url("/images/spo-banner5.png") no-repeat center;
  background-size: auto;
}

.e-service-p .slide:nth-of-type(4) {
  background: url("/images/spo-banner4.png") no-repeat center;
  background-size: auto;
}

.e-service-p .slide:nth-of-type(5) {
  background: url("/images/spo-banner.png") no-repeat center;
  background-size: auto;
}

.e-service-p .slide:last-child {
  background: url("/images/spo-banner3.png") no-repeat center;
  background-size: auto;
}

.e-service-p .slide.active {
  animation: none;
}

.e-service-p .slide.active.jump-up {
  animation: jump-up 0.5s ease forwards;
}

.e-service-p .slide.active.jump-down {
  animation: jump-down 0.5s ease forwards;
}

.e-service-p .content {
  position: absolute;
  width: 100%;
  height: 100%;
  color: #fff;
  opacity: 0;
  transform: translateY(0);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  padding-right: 100px;
}

.e-service-p .slide.active .content {
  animation: none;
  opacity: 1;
}

.e-service-p .slide.active.jump-up .content {
  opacity: 1;
  animation: jump-up-content 1s ease forwards;
}

.e-service-p .slide.active.jump-down .content {
  opacity: 1;
  animation: jump-down-content 1s ease forwards;
}

@keyframes jump-up {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-50px);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes jump-down {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(50px);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes jump-up-content {
  0% {
    transform: translateY(-100px);
  }

  50% {
    transform: translateY(50px);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes jump-down-content {
  0% {
    transform: translateY(100px);
  }

  50% {
    transform: translateY(-50px);
  }

  100% {
    transform: translateY(0);
  }
}

.e-service-p .controls {
  float: left;
  width: auto;
  top: 29%;
  left: 0;
  /* padding: 0 0.63rem; */
  z-index: 5;
  text-align: left;
}

.e-service-p .button {
  width: auto;
  height: auto;
  font-weight: 400;
  padding: 15px 0px 14px 65px;
  font-size: 20px;
  display: block;
  margin-bottom: 5px;
  line-height: 19px;
  cursor: pointer;
  position: relative;
  /* border-radius: 50%; */
  border: 0px;
  transition: border-right 0.5s ease;
  background: transparent;
  color: rgb(255 255 255 / 30%);
}

.e-service-p .button.e-sport-tf::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 14px;
  background: url(/images/e-spo.png);
  background-repeat: no-repeat;
  top: 18px;
  left: 30px;
}

.e-service-p .button.e-sport-tf-two::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 14px;
  background: url(/images/vouchers.png);
  background-repeat: no-repeat;
  top: 18px;
  left: 30px;
}

.e-service-p .button.e-sport-tf-three::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 14px;
  background: url(/images/digital.png);
  background-repeat: no-repeat;
  top: 18px;
  left: 30px;
}

.e-service-p .button.e-sport-tf-four::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 14px;
  background: url(/images/cloud.png);
  background-repeat: no-repeat;
  top: 18px;
  left: 30px;
}

.e-service-p .button.e-sport-tf-five::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 21px;
  background: url(/images/marketing.png);
  background-repeat: no-repeat;
  top: 13px;
  left: 30px;
}

.e-service-p .button.e-sport-tf-six::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 22px;
  background: url(/images/mvas.png);
  background-repeat: no-repeat;
  top: 13px;
  left: 30px;
}

.e-service-p .e-sport-tf::before {
  content: "";
  position: absolute;
  width: 21px;
  height: 17px;
  background: url(/images/e-spo_hover.png);
  background-repeat: no-repeat;
  top: 18px;
  left: 30px;
}

.e-service-p .selected.e-sport-tf::before {
  content: "";
  position: absolute;
  width: 21px;
  height: 17px;
  background: url(/images/e-spo_hover.png);
  background-repeat: no-repeat;
  top: 18px;
  left: 30px;
}

.e-service-p .selected.e-sport-tf-two::before {
  content: "";
  position: absolute;
  width: 21px;
  height: 17px;
  background: url(/images/vouchers_hover.png);
  background-repeat: no-repeat;
  top: 18px;
  left: 30px;
}

.e-service-p .selected.e-sport-tf-three::before {
  content: "";
  position: absolute;
  width: 21px;
  height: 17px;
  background: url(/images/digital_hover.png);
  background-repeat: no-repeat;
  top: 18px;
  left: 30px;
}

.e-service-p .selected.e-sport-tf-four::before {
  content: "";
  position: absolute;
  width: 21px;
  height: 17px;
  background: url(/images/cloud_hover.png);
  background-repeat: no-repeat;
  top: 18px;
  left: 30px;
}

.e-service-p .selected.e-sport-tf-five::before {
  content: "";
  position: absolute;
  width: 21px;
  height: 21px;
  background: url(/images/marketing_hover.png);
  background-repeat: no-repeat;
  top: 13px;
  left: 30px;
}

.e-service-p .selected.e-sport-tf-six::before {
  content: "";
  position: absolute;
  width: 21px;
  height: 21px;
  background: url(/images/mvas_hover.png);
  background-repeat: no-repeat;
  top: 13px;
  left: 30px;
}

.e-service-p .selected.e-sport-tf::after,
.e-service-p .selected.e-sport-tf-two::after,
.e-service-p .selected.e-sport-tf-three::after,
.e-service-p .selected.e-sport-tf-four::after,
.e-service-p .selected.e-sport-tf-five::after,
.e-service-p .selected.e-sport-tf-six::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 29px;
  background: url(/images/wh-round.png);
  background-repeat: no-repeat;
  top: 13px;
  left: 0px;
}

.e-service-p .button:hover,
.e-service-p .button:focus {
  opacity: 1;
}

.e-service-p .selected {
  color: #fff;
  transition: border-right 0.5s ease;
}

.e-service-p .wrapper-teo {
  padding: 25px;
  float: left;
  width: 345px;
  padding-left: 30px;
  padding-right: 45px;
  padding-top: 35px;
  backdrop-filter: blur(3px);
  position: relative;
  padding-bottom: 35px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 0px 35px 35px 0px;
}

.e-service-p .wrapper-teo::before {
  position: absolute;
  left: 35px;
  border-right: 1px solid rgb(255 255 255 / 30%);
  width: 1px;
  top: 50px;
  height: 82%;
  content: "";
  z-index: 1;
}

.services-a {
  padding-left: 31px;
  padding-top: 14px;
  float: left;
  font-size: 20px;
  line-height: 25px;
  color: #f8662a;
}

/* .services-a:hover {
  color: #f8662a;
} */

.e-service-p .content .section-tab-cntnt {
  width: 33%;
  height: auto;
  float: right;
}

.e-service-p .content .section-tab-cntnt h3 {
  font-size: 56px;
  font-family: "one_dayregular";
  color: #fff;
  position: relative;
  margin-bottom: 80px;
}

.e-service-p .content .section-tab-cntnt h3:before {
  width: 150px;
  height: 3px;
  position: absolute;
  border-radius: 3px;
  background-color: #f8662a;
  left: 0px;
  bottom: -45px;
  content: "";
}

.e-service-p .content .section-tab-cntnt p {
  font-size: 16px;
  color: #fff;
  line-height: 24px;
  margin-bottom: 15px;
  font-weight: 200;
}

.e-service-p .content .section-tab-cntnt .button-two {
  width: auto;
  float: left;
  padding: 19px 42px;
  border-radius: 16px;
  box-shadow: 0px 4px 28.8px 0px #f8662a;
  line-height: 1.25;
  border: 3px solid rgb(255 255 255 / 10%);
  background: #f8662a;
  text-decoration: none;
  color: white;
  margin-top: 25px;
  font-size: 18px;
  font-weight: 700;
  text-transform: none;
}

.e-service-p .content .section-tab-cntnt .button-two:hover {
  box-shadow: 0px 4px 13px 0px #f8662a;
  background: var(--Primary-Primary, #f8662a);
}

#wheel-nav {
  display: none;
}

.main-map-body-section {
  width: 100%;
  /* height: auto; */
  padding-top: 0px;
  /* background: #000 url("/images/coverrage-top-bg.png"); */
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top center;
  margin-bottom: 100px;
}

.main-map-body-section svg {
  width: 100% !important;
  height: 100%;
  max-width: 1400px;
}

.map-section-two {
  max-width: 100%;
  /* height: auto; */
  margin: 0px auto;
  display: block;
  /* overflow: hidden; */
  padding-top: 190px;
  /* padding-bottom: 400px; */
}

.map-inner-page {
  position: relative;
  height: 100vh;
}

.map-headline {
  width: 100%;
  /* height: auto; */
  position: relative;
  text-align: center;
}

.section-header-twoa {
  font-size: 100px;
  z-index: 9999;
  right: auto;
  font-family: "one_dayregular";
  margin-bottom: 150px;
  font-weight: 500;
  color: #fff;
  text-align: center;
}

.section-header-twoa span {
  color: #f8662a;
}

.map-container {
  position: relative;
  width: 100%;
  /* height: 500px; */
}

.location-info {
  position: absolute;
  top: 135px;
  left: 10px;
  z-index: 10;
}

.map-ct-dt {
  width: auto;
  display: inline-block;
  position: absolute;
  left: 17%;
  top: 195px;
  white-space: nowrap;
}

.map-ct-dt ul {
  width: auto;
  display: block;
  white-space: nowrap;
}

.map-ct-dt ul li {
  width: 53%;
  border-radius: 10px;
  margin: 0px 10px 15px;
  background-color: rgb(0 0 0 / 60%);
  max-width: 100%;
  height: auto;
  padding: 14px 18px;
  float: left;
}

.map-ct-dt ul li.active {
  border: 1px solid #f8662a;
}

.map-ct-dt ul li:last-child {
  margin-right: 0px;
}

.map-ct-dt ul li h2 {
  font-size: 21px;
  margin-bottom: 10px;
}

.map-ct-dt ul li p {
  font-size: 16px;
  line-height: 31px;
  text-wrap: auto;
}

.location-info .map-ct-dt {
  width: 100%;
  display: flex;
}

.location-info .map-ct-dt>div {
  width: 47%;
  min-height: 179px;
  margin: 0px 6px;
  border: 1px solid #2c2c2c;
  padding: 10px 15px;
  border-radius: 5px;
  text-wrap: wrap;
  transition: background-color 0.3s ease, transform 0.3s ease;
  cursor: pointer;
  background-color: rgb(18 18 18 / 80%);
}

.location-info .map-ct-dt>div.active {
  border: 1px solid #f8662a;
  text-wrap: wrap;
}

.location-info div p {
  font-size: 14px;
  font-weight: 100;
  line-height: 4ch;
}

/* .location-info>div:hover {
  background-color: rgb(18 18 18 / 80%);
  transform: scale(1.05);
} */

/* .location-info h3 {
  margin: 0;
  font-size: 16px;
  color: #fff;
}

.location-info p {
  font-size: 12px;
  color: #fff;
  width: 300px;
} */

.map {
  width: 100%;
  height: 700px;
  border: 1px solid #ddd;
  border-radius: 8px;
}

#map {
  /*transform: scale(1.2);*/
  transition: transform 0.3s ease;
  margin-top: -20%;
  display: flex;
  justify-content: center;
  position: relative;
  display: flex;
  justify-content: center;
}

.wheel-container {
  display: none;
}

/* Article Inside */

.dark {
  background: #141414;
}

.dark .subscribe-ct {
  background: #0d0d0d url("/images/gt-dark.png") no-repeat;
  background-size: cover;
}

.dark .subscribe-ct h2,
.dark .subscribe-ct h3,
.dark .subscribe-ct p,
.dark .art-contain p,
.dark .pr-article {
  color: #fff;
}

.art-contain p {
  color: #fff;
}

#checkbox {
  position: relative;
  appearance: none;
  outline: none;
  width: 80px;
  height: 40px;
  border-radius: 20px;
  background: rgb(208 209 210 / 30%);
  box-shadow: none;
  cursor: pointer;
  overflow: hidden;
  transition: 0.3s ease-in-out;
}

#checkbox:checked {
  background: rgba(246, 247, 249, 0.3);
}

#checkbox::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  border-radius: inherit;
  width: 36px;
  height: 36px;
  background: url("/images/sun.svg") #fff no-repeat;
  background-size: 80%;
  background-position: center center;
  transition: inherit;
}

#checkbox::after {
  content: "";
  position: absolute;
  top: 2px;
  right: 2px;
  border-radius: inherit;
  width: 36px;
  height: 36px;
  background: url("/images/moon-white.svg") no-repeat;
  /* background-size: 80%; */
  background-position: center center;
  transition: inherit;
}

#checkbox:checked::before {
  /* left: calc(100% - 38px); */
  background: url("/images/sun-white.svg") transparent no-repeat;
  background-size: 80%;
  background-position: center center;
}

#checkbox:checked::after {
  left: calc(100% - 38px);
  background: url("/images/moon.svg") #fff no-repeat;
  /* background-size: 80%; */
  background-position: center center;
}

.thumbnails {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.thumbnails img {
  width: 100px;
  height: 60px;
  object-fit: cover;
  cursor: pointer;
  border: 2px solid #ccc;
  transition: border 0.3s;
}

.thumbnails img:hover,
.thumbnails img.active {
  border-color: #000;
}

.subscribe-ct {
  width: 100%;
  float: left;
  display: none;
  height: auto;
  border-radius: 15px;
  background: #fff url(/images/gt-back.png);
  background-position: left;
  background-repeat: no-repeat;
  padding: 32px 55px;
  text-align: center;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.subscribe-ct h2 {
  color: #000;
  font-size: 32px;
  font-weight: 400;
  margin-bottom: 15px;
}

.subscribe-email {
  width: 100%;
  height: auto;
}

.subscribe-email input[type="text"] {
  border: 1px solid #ccc;
  padding: 8px 15px;
  height: 54px;
  border-radius: 8px;
  display: inline-block;
  width: 59%;
  margin-right: 5%;
}

.pr-article {
  width: auto;
  float: left;
  background-color: #222;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid rgb(29 29 29 / 80%);
  color: #fff;
  border-radius: 10px;
  padding: 10px 15px;
}

.pr-article:hover {
  background-color: transparent;
  color: #222;
  border: 1px solid #000;
}

.dark .pr-article {
  width: auto;
  float: left;
  background-color: #fff;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid rgba(255, 255, 255, 0.438);
  color: #222;
  border-radius: 10px;
  padding: 10px 15px;
}

.dark .pr-article:hover {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
}

.ft-buttan-preview {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-top: 74px;
}

.touch {
  background-color: #f8662a;
  padding: 15px 35px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 12px;
  border: 0px;
  color: #fff;
}

.share-article {
  width: 100%;
  height: auto;
  float: left;
  margin-top: 25px;
}

.share-article h3 {
  font-size: 14px;
  color: #000;
  font-weight: 400;
}

.share-article ul {
  display: table;
  text-align: center;
  margin: 15px auto 0px;
}

.share-article ul li {
  float: left;
  margin: 0px 15px;
}

.share-article ul li a {
  color: #898c8e;
  font-size: 24px;
}

.awish-k {
  width: auto;
  float: right;
  position: absolute;
  right: 16px;
  bottom: 8%;
  z-index: 100000;
}

a.image-popup-vertical-fit {
  cursor: -webkit-zoom-in;
}

.news-picture {
  width: 100%;
  height: 150px;
  float: left;
}

.news-picture img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* 
CSS animations start
*/
.platform-logo-box {
  width: 100%;
  min-height: 416px;
  display: inline-grid;
  position: relative;
  padding: 24px 15px;
  border-radius: 15px;
  text-align: center;
  margin-bottom: 25px;
  background: rgb(255 255 255 / 12%);
  margin-bottom: 25px;
  overflow: hidden;
  /* Hide overflow to confine elements within the box */
}

.platform-logo-box .platform-logo-box-hover-box {
  visibility: hidden;
  /* Use visibility instead of display */
  opacity: 0;
  transition: opacity 0.3s ease-out, visibility 0s 0.3s;
  /* Delay visibility change until opacity transition is done */
  position: absolute;
  top: 0;
  left: 0;
  /* Align with parent */
  right: 0;
  /* Align with parent */
  height: 100%;
  padding: 24px 15px;
  border-radius: 15px;
  background: linear-gradient(321deg,
      rgba(0, 0, 0, 1) 0%,
      rgba(30, 30, 30, 1) 91%);
  pointer-events: none;
  /* Prevent hover events when not visible */
}

.platform-logo-box:hover .platform-logo-box-hover-box {
  visibility: visible;
  /* Make visible when hovering */
  opacity: 1;
  transition: opacity 0.3s ease-out, visibility 0s;
  /* Remove delay for visibility on hover */
  pointer-events: auto;
  /* Allow interactions when visible */
  color: #fff;
}

.platform-logo-box .logo-ct {
  margin: 41px auto 30px;
  display: flex;
  width: 43%;
  height: 185px;
  align-items: center;
  justify-content: center;
  transition: transform 0.5s ease;
}

/* .platform-logo-box:hover .logo-ct {
  transform: translate(90%, -60%) scale(0.5);
  z-index: 1;
} */

.platform-logo-box:hover .logo-ct {
  transform: translate(5%, 62%) scale(0.8);
  z-index: 1;
}

.platform-logo-box .hover-wrapper {
  transform: translateY(100%);
  opacity: 0;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}

.platform-logo-box:hover .hover-wrapper {
  transform: translateY(0);
  opacity: 1;
}

.platform-logo-box .logo-title-carrier {
  transition: transform 0.3s ease-out;
}

.platform-logo-box:hover .logo-title-carrier {
  transform: translateY(20px);
}

.sim-point-logo {
  width: auto;
  height: auto;
  float: left;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, 100%);
  /* Start from the bottom */
  animation: logo-move 3s ease forwards;
  /* Moves to middle */
}

.sim-point-logo img {
  position: absolute;
  width: 100px;
  height: auto;
  object-fit: contain;
  transition: transform 0.5s ease;
  scale: 5;
}

.sim-point-logo img:last-child {
  position: absolute;
  animation: move-right 2s ease 3s forwards;
  /* Moves to the right after reaching middle */
}

.sim-point-logo img:first-child {
  position: absolute;
  animation: move-up-scale 2s ease 3s forwards;
  /* Scale and move up starting at the same time as move-right */
}

.simpler-player {
  width: 130%;
  height: auto;
  float: left;
  position: absolute;
  left: 52%;
  bottom: -29px;
  z-index: 1;
  transform: translateX(-50%);
  /* Center the player image */
  opacity: 0;
  /* Initially hidden */
  animation: move-up-player 1s ease 3s forwards;
  /* Move up after logo transitions */
}

.simpler-player img {
  width: 90%;
  height: auto;
}

@keyframes logo-move {
  0% {
    transform: translate(-50%, 100%);
    /* Bottom */
  }

  100% {
    transform: translate(-50%, 0);
    /* Middle */
  }
}

@keyframes move-right {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(100vw);
    /* Move out to the right */
  }
}

@keyframes move-up-scale {
  0% {
    transform: translateY(0) scale(1);
    /* Start at the middle with normal scale */
  }

  100% {
    transform: translateY(-50px) scale(1.5);
    /* Slightly up and scale up */
  }
}

@keyframes move-up-player {
  0% {
    transform: translateX(-50%) translateY(100px);
    /* Start below the view */
    opacity: 0;
    /* Start hidden */
  }

  100% {
    transform: translateX(-50%) translateY(0);
    /* Move to the original position */
    opacity: 1;
    /* Fade in */
  }
}

.platform-partners-section .owl-carousel .owl-dots.disabled,
.platform-partners-section .owl-carousel .owl-nav.disabled {
  display: block;
}

.portfolio-section-twoB .owl-carousel .owl-dots.disabled,
.portfolio-section-twoB .owl-carousel .owl-nav.disabled {
  display: block;
}

.portfolio-section-twoC .owl-carousel .owl-dots.disabled,
.portfolio-section-twoC .owl-carousel .owl-nav.disabled {
  display: block;
}

.top-to-b {
  display: inline-block;
  background-color: #f8662a;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 70px;
  right: 30px;
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;

  z-index: 1000;
}

.top-to-b::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}

.top-to-b:hover {
  cursor: pointer;
  background-color: #333;
}

.top-to-b:active {
  background-color: #555;
}

.owl-nav .owl-next span {
  display: none;
}

.owl-nav .owl-prev span {
  display: none;
}

.socail-mobile-menu {
  display: none;
}

/* 
CSS animations end
*/

/* All Events side scrollbar CSS */

.overflow {
  border-right: 1px solid rgba(238, 238, 238, 0.2);
  overflow-y: auto;
  /* height: 480px; */
  height: 100%;
  padding: 5px;
}

/*Scroll bar nav*/
.wrapper-two.overflow::-webkit-scrollbar,
.event-list-section ul.nav::-webkit-scrollbar,
.map-ct-dt::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.wrapper-two h3 {
  width: 100%;
  height: auto;
  float: left;
  font-family: "one_dayregular";
  margin-bottom: 15px;
  font-size: 32px;
  background: url(/images/stear-i.png);
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 35px;
}

/* Track */
.wrapper-two.overflow::-webkit-scrollbar-track,
.event-list-section ul.nav::-webkit-scrollbar-track,
.map-ct-dt::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(105, 105, 105, 0.4);
}

/* Handle */
.wrapper-two.overflow::-webkit-scrollbar-thumb,
.event-list-section ul.nav::-webkit-scrollbar-thumb,
.map-ct-dt::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #f8662a;
}

.wrapper-two.overflow::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(105, 105, 105, 0.4);
}

.rfm-initial-child-container {
  gap: 120px;
}

.rfm-marquee {
  gap: 120px;
}

.rfm-marquee:last-child {
  margin-left: 120px;
}

.image-box {
  display: flex;
  justify-content: space-around;
  position: relative;
}

.box1,
.box2 {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
}

.box1 img,
.box2 img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 1s ease-in-out;
  opacity: 0;
  /* Start with hidden images */
}

.cycler {
  position: relative;
  width: 100%;
  min-height: 300px;
  height: auto;
  overflow: hidden;
  border-radius: 15px;
}

.cycler img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 1.5s ease;
  object-fit: cover;
}

.cycler img.active {
  z-index: 3;
  opacity: 1;
}

.cycler img:not(.active) {
  z-index: 1;
  opacity: 0;
}

.evt-menu {
  display: flex;
  justify-content: center;
}

.col-xs {
  width: 20%;
}

.has-aos {
  overflow: hidden;
  /* padding: 0px; */
}

div.gmnoprint {
  top: 70px !important;
  right: 70px !important;
}

button.gm-svpc {
  display: none !important;
}

img[alt="Google"] {
  display: none !important;
}