@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@200;300;400;500;600;700;800;900&display=swap");
/*  Font Family Variables */
/*  Font Weight Variables */
/*  Font Size Variables */
/*  Line Height Variables */
/*  Color Variables */
@font-face {
  font-family: "Doctor Glitch";
  src: url("../font/DoctorGlitch.eot");
  src: url("../font/DoctorGlitch.eot?#iefix") format("embedded-opentype"), url("../font/DoctorGlitch.woff2") format("woff2"), url("../font/DoctorGlitch.woff") format("woff"), url("../font/DoctorGlitch.ttf") format("truetype"), url("../font/DoctorGlitch.svg#DoctorGlitch") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
body {
  padding: 0;
  margin: 0;
  font-size: 16px;
  line-height: 140%;
  font-family: "Source Sans 3", sans-serif;
  font-weight: normal;
  overflow-x: hidden;
}

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

a {
  display: inline-block;
  text-decoration: none;
  list-style: none;
  transition: all 0.3s linear;
  outline: none;
  border: none;
}
a:hover {
  text-decoration: none;
}

button,
.btn {
  outline: none;
  box-shadow: inherit;
}
button:focus,
.btn:focus {
  outline: none;
  box-shadow: inherit;
}

ul {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-bottom: 0;
  padding: 0;
}

img {
  width: auto;
  max-width: 100%;
  min-width: auto;
  height: auto;
  max-height: 100%;
  min-height: auto;
}

picture {
  display: inline-block;
  line-height: 0;
  vertical-align: middle;
}

.py-70 {
  padding: 70px 0;
}
@media screen and (max-width: 1199px) {
  .py-70 {
    padding: 50px 0;
  }
}
@media screen and (max-width: 767px) {
  .py-70 {
    padding: 40px 0;
  }
}

.container {
  max-width: 1264px;
  width: 100%;
}

.btn-primary {
  outline: none;
  border-radius: 34px;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
  background-color: #FFFFFF;
  color: #000;
  font-size: 18px;
  line-height: 134%;
  padding: 12px 20px;
  transition: all 0.3s ease;
  position: relative;
  border: 1px solid #9B32E0;
  box-shadow: 0px 0px 0px #9B32E0;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  box-shadow: 0px 4px 0px #9B32E0;
  background-color: #FFFFFF;
  color: #000;
  border-color: #9B32E0;
}
.btn-primary:hover::before, .btn-primary:active::before, .btn-primary:focus::before {
  margin-bottom: -6px;
}
.btn-primary:hover:focus, .btn-primary:active:focus, .btn-primary:focus:focus {
  box-shadow: 0px 4px 0px #9B32E0;
}

.btn.btn-dark {
  outline: none;
  box-shadow: inherit;
  border-radius: 34px;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
  background-color: #000;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 134%;
  padding: 11px 20px;
  transition: all 0.3s ease;
  position: relative;
  border: 1px solid #000;
  letter-spacing: 0.56px;
  text-transform: uppercase;
  cursor: pointer;
}
.btn.btn-dark:hover, .btn.btn-dark:active {
  background-color: transparent;
  color: #000;
}
.btn.btn-dark:hover:focus, .btn.btn-dark:active:focus {
  outline: none;
  box-shadow: inherit;
}
.btn.btn-dark:hover svg path, .btn.btn-dark:active svg path {
  stroke: #000;
}

.btn.btn-light {
  cursor: pointer;
  outline: none;
  box-shadow: inherit;
  border-radius: 34px;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
  background-color: transparent;
  color: #000;
  font-size: 14px;
  line-height: 134%;
  padding: 11px 20px;
  transition: all 0.3s ease;
  position: relative;
  border: 1px solid #000;
  letter-spacing: 0.56px;
  text-transform: uppercase;
}
.btn.btn-light:hover, .btn.btn-light:active {
  background-color: #000;
  color: #FFFFFF;
}
.btn.btn-light:hover:focus, .btn.btn-light:active:focus {
  outline: none;
  box-shadow: inherit;
}
.btn.btn-light:hover svg path, .btn.btn-light:active svg path {
  fill: #FFFFFF;
}

.view-all-wrap .btn-primary {
  border-color: #000;
  font-size: 16px;
  line-height: 100%;
  padding: 16px 24px;
}
@media screen and (max-width: 767px) {
  .view-all-wrap .btn-primary {
    padding: 12px 18px;
  }
}
.view-all-wrap .btn-primary:hover, .view-all-wrap .btn-primary:active, .view-all-wrap .btn-primary:focus {
  border-color: #9B32E0;
}

svg {
  transition: all 0.3s ease;
}
svg path {
  transition: all 0.3s ease;
}

.open-preview svg, .open-preview picture, .open-preview img {
  pointer-events: none;
}

.section-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding-bottom: 40px;
}
@media screen and (max-width: 1199px) {
  .section-header {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .section-header {
    padding-bottom: 20px;
  }
}

.section-title {
  display: inline-block;
  margin: 0;
  font-size: 32px;
  line-height: 140%;
  color: #000;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .section-title {
    font-size: 30px;
  }
}
@media screen and (max-width: 480px) {
  .section-title {
    font-size: 26px;
  }
}
@media screen and (max-width: 375px) {
  .section-title {
    font-size: 24px;
  }
}
@media screen and (max-width: 359px) {
  .section-title {
    font-size: 22px;
  }
}

.img-hover {
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease;
}
.img-hover::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  content: "";
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  cursor: pointer;
  transition: all 0.3s ease;
}
.img-hover:hover::before {
  -webkit-animation: circle 0.75s;
  animation: circle 0.75s;
}

.video-thumbnail {
  position: relative;
}
.video-thumbnail .play-button-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  pointer-events: none;
}
.video-thumbnail .play-button-wrapper .play-gif {
  transition: all 0.3s ease;
  max-width: 80px;
  width: 80px;
  max-height: 80px;
  height: 80px;
  border-radius: 100%;
  position: relative;
  cursor: pointer;
  pointer-events: auto;
  border: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .video-thumbnail .play-button-wrapper .play-gif {
    max-width: 65px;
    width: 65px;
    max-height: 65px;
    height: 65px;
  }
}
@media screen and (max-width: 480px) {
  .video-thumbnail .play-button-wrapper .play-gif {
    max-width: 60px;
    width: 60px;
    max-height: 60px;
    height: 60px;
  }
}
.video-thumbnail .play-button-wrapper picture, .video-thumbnail .play-button-wrapper img {
  border-radius: 0;
  width: auto;
  max-width: 15px;
}
.video-thumbnail .play-button-wrapper .stop-icon {
  display: none;
}
.video-thumbnail .play-button-wrapper.pause .play-gif {
  opacity: 0;
}
.video-thumbnail .play-button-wrapper.pause .play-icon {
  display: none;
}
.video-thumbnail .play-button-wrapper.pause .stop-icon {
  display: block;
}
.video-thumbnail:hover .play-button-wrapper.pause .play-gif {
  opacity: 1;
}
.video-thumbnail iframe {
  border: none;
  vertical-align: middle;
  width: 100%;
}

.tabcol {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.tabcol .tab-content-col {
  width: calc(50% - 8px);
}
@media screen and (max-width: 991px) {
  .tabcol .tab-content-col {
    width: 100%;
  }
}
.tabcol .tab-content-col .tab-thumbnail {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 38%;
  border-radius: 14px;
  background-color: #EDF2F2;
  border: none;
}
.tabcol .tab-content-col .tab-thumbnail picture,
.tabcol .tab-content-col .tab-thumbnail img {
  display: block;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  border-radius: 14px;
  object-fit: cover;
  object-position: center center;
  transition: all 0.3s ease;
  border: none;
  margin: auto;
}
.tabcol .tab-content-col .xboxtabtext {
  letter-spacing: 0.11px;
  color: #000;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 16px;
}
.tabcol .tab-content-col .xboxtabtext span {
  background: #0094EF;
  border: 1px solid #BEE6FF;
  color: #FFFFFF;
  width: 33px;
  height: 33px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  font-size: 14px;
  line-height: 120%;
}
.tabcol .tab-content-col .xboxtabtext p {
  width: 100%;
  margin-bottom: 0 !important;
}

/*================= Breadcrum css ===================== */
.breadcrumb-nav {
  width: calc(50% - 10px);
}
@media screen and (max-width: 991px) {
  .breadcrumb-nav {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .breadcrumb-nav {
    display: none;
  }
}
.breadcrumb-nav .breadcrumb {
  gap: 32px;
  margin-bottom: 0;
}
@media screen and (max-width: 991px) {
  .breadcrumb-nav .breadcrumb {
    gap: 7px 32px;
  }
}
.breadcrumb-nav .breadcrumb .breadcrumb-item {
  font-size: 18px;
  color: #000;
  line-height: 139%;
  display: block;
  font-weight: 600;
  font-family: "Source Sans 3", sans-serif;
  padding-left: 0;
  position: relative;
}
.breadcrumb-nav .breadcrumb .breadcrumb-item:before {
  content: "";
  background-image: url(../images/polygon-arrow.svg);
  width: 7px;
  height: 12px;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  top: 7px;
  position: absolute;
  right: -19px;
}
.breadcrumb-nav .breadcrumb .breadcrumb-item a {
  font-size: 18px;
  color: #000;
}
.breadcrumb-nav .breadcrumb .breadcrumb-item a:hover {
  color: #9B32E0;
}
.breadcrumb-nav .breadcrumb .breadcrumb-item:last-child:before {
  display: none;
}
.breadcrumb-nav .breadcrumb-item.active {
  color: rgba(0, 0, 0, 0.5);
}

/*============== Header css  Start =====================*/
.header {
  padding: 16px 0;
  transition: all 0.3s ease;
  position: fixed;
  z-index: 777;
  left: 0;
  right: 0;
  background: #fff;
  box-shadow: 0px 2px 16px rgba(67, 87, 99, 0.0784313725);
}
@media screen and (max-width: 991px) {
  .header {
    padding: 12px 0;
  }
}
.header.fixed-header {
  padding: 12px 0;
  box-shadow: 0px 2px 24px rgba(67, 87, 99, 0.1568627451);
}
.header.fixed-header .navbar .menu .menuitem .sub-menu {
  top: 58px;
}
.header .navbar {
  padding: 0;
}
.header .navbar .menu {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  column-gap: 10px;
}
.header .navbar .menu .logo picture {
  width: 132px;
}
.header .navbar .menu .logo picture img {
  width: 100%;
  max-width: 132px;
}
@media screen and (max-width: 991px) {
  .header .navbar .menu .logo picture img {
    max-width: 120px;
  }
}
@media screen and (max-width: 359px) {
  .header .navbar .menu .logo picture img {
    max-width: 95px;
  }
}
.header .navbar .menu .menuitem {
  justify-content: center;
}
.header .navbar .menu .menuitem .nav-mobile-tab {
  display: none;
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .nav-mobile-tab {
    display: flex;
    column-gap: 16px;
    margin-bottom: 10px;
  }
}
.header .navbar .menu .menuitem .nav-mobile-tab .nmb-item {
  width: calc(50% - 8px);
  background-color: #FFFFFF;
  border-radius: 16px;
  padding: 16px 18px;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.22);
  color: #212529;
  font-size: 16px;
  font-weight: 400;
  font-family: "Source Sans 3", sans-serif;
  line-height: normal;
}
@media screen and (max-width: 991px) {
  .header .navbar .menu .menuitem .nav-mobile-tab .nmb-item {
    padding: 14px 14px;
  }
}
.header .navbar .menu .menuitem .nav-mobile-tab .nmb-item a {
  color: #616161;
  font-size: 16px;
  font-weight: 700;
  font-family: "Source Sans 3", sans-serif;
  line-height: normal;
  display: block;
  padding-bottom: 8px;
  border-bottom: 1px solid #ffe8e8;
  margin-bottom: 8px;
}
.header .navbar .menu .menuitem .nav-mobile-tab .nmb-item span {
  color: #212529;
  font-size: 16px;
  font-weight: 400;
  font-family: "Source Sans 3", sans-serif;
  line-height: normal;
}
.header .navbar .menu .menuitem .nav-mobile-tab .nmb-item span.wallet-price {
  color: #6F9DF1;
  font-weight: 700;
}
.header .navbar .menu .menuitem .nav-mobile-tab .nmb-item span.card-points {
  color: #E1B400;
  font-weight: 700;
}
.header .navbar .menu .menuitem .digitalmenu {
  display: flex;
  gap: 30px;
}
@media (max-width: 1199px) {
  .header .navbar .menu .menuitem .digitalmenu {
    gap: 20px;
  }
}
@media (max-width: 1024px) {
  .header .navbar .menu .menuitem .digitalmenu {
    gap: 15px;
  }
}
@media screen and (max-width: 991px) {
  .header .navbar .menu .menuitem .digitalmenu {
    background: #FFFFFF;
    border-top: 1px solid #dadde1;
    border-radius: 16px;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.22);
    flex-direction: column;
    gap: 0px;
  }
}
@media screen and (max-width: 991px) {
  .header .navbar .menu .menuitem .digitalmenu .menulist {
    width: 100%;
    border-bottom: 1px solid #ffe8e8;
    padding: 16px 18px;
  }
}
.header .navbar .menu .menuitem .digitalmenu .menulist:last-child {
  border-bottom-color: transparent;
}
.header .navbar .menu .menuitem .digitalmenu .menulist .inner-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header .navbar .menu .menuitem .digitalmenu .menulist .nav-link {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  font-family: "Source Sans 3", sans-serif;
  padding: 0;
  transition: all 0.3s ease;
  line-height: 42px;
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .digitalmenu .menulist .nav-link {
    line-height: 1.2;
  }
}
.header .navbar .menu .menuitem .digitalmenu .menulist .nav-link:hover {
  color: #9B32E0;
}
.header .navbar .menu .menuitem .digitalmenu .menulist .nav-link:hover .icon-pluse svg {
  fill: #9B32E0;
}
@media screen and (max-width: 991px) {
  .header .navbar .menu .menuitem .digitalmenu .menulist .nav-link {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.header .navbar .menu .menuitem .digitalmenu .menulist .lge-text {
  color: #212529;
  font-size: 16px;
  font-weight: 700;
  font-family: "Source Sans 3", sans-serif;
  line-height: normal;
}
.header .navbar .menu .menuitem .digitalmenu .menulist .icon-pluse {
  position: relative;
  margin-left: 6px;
  display: inline-block;
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .digitalmenu .menulist .icon-pluse {
    width: 19px;
    height: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.header .navbar .menu .menuitem .digitalmenu .menulist .icon-pluse:before, .header .navbar .menu .menuitem .digitalmenu .menulist .icon-pluse:after {
  background: #000;
  position: absolute;
  width: 2px;
  height: 15px;
  content: "";
  transition: all 0.15s linear;
  right: 0;
  left: 0;
  margin: auto;
}
@media (min-width: 992px) {
  .header .navbar .menu .menuitem .digitalmenu .menulist .icon-pluse:before, .header .navbar .menu .menuitem .digitalmenu .menulist .icon-pluse:after {
    display: none;
  }
}
.header .navbar .menu .menuitem .digitalmenu .menulist .icon-pluse:before {
  transform: rotate(180deg);
}
.header .navbar .menu .menuitem .digitalmenu .menulist .icon-pluse:after {
  transform: rotate(90deg);
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .digitalmenu .menulist .icon-pluse img {
    display: none;
  }
}
.header .navbar .menu .menuitem .digitalmenu .menulist .icon-pluse.active:before {
  transform: rotate(90deg);
}
.header .navbar .menu .menuitem .digitalmenu .menulist .active .icon-pluse:before {
  transform: rotate(90deg);
}
.header .navbar .menu .menuitem .sub-menu {
  display: none;
  max-width: 1240px;
  left: 0;
  width: 100%;
  position: absolute;
  z-index: 9999;
  top: 62px;
  box-shadow: 0px 2px 24px rgba(67, 87, 99, 0.1568627451);
  max-height: calc(100svh - 124px) !important;
  border-radius: 24px;
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu {
    position: relative;
    top: 0 !important;
    box-shadow: none;
    border-radius: none;
    display: none;
    max-height: 100% !important;
  }
}
.header .navbar .menu .menuitem .sub-menu::before {
  content: "";
  height: 21px;
  position: absolute;
  top: -21px;
  left: 0;
  right: 0;
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu::before {
    display: none;
  }
}
.header .navbar .menu .menuitem .sub-menu .sub-menu-container {
  overflow: hidden;
  border-radius: 24px;
}
.header .navbar .menu .menuitem .sub-menu .sub-menu-container::before {
  content: "";
  background: url(../images/sub-menu-bg.webp) center no-repeat;
  background-size: cover;
  position: absolute;
  top: -5px;
  right: 0px;
  left: 0px;
  bottom: -5px;
  border-radius: 24px;
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu .sub-menu-container::before {
    display: none;
    border-radius: 0;
  }
}
.header .navbar .menu .menuitem .sub-menu.mega-menu .inner-nav-wrap .sbamenu-navbar.entertainmentcards li {
  width: calc(25% - 9.8px);
}
@media (max-width: 1199px) {
  .header .navbar .menu .menuitem .sub-menu.mega-menu .inner-nav-wrap .sbamenu-navbar.entertainmentcards li {
    width: calc(33.33% - 8.7px);
  }
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu.mega-menu .inner-nav-wrap .sbamenu-navbar.entertainmentcards li {
    width: calc(50% - 6.5px);
  }
}
@media (max-width: 575px) {
  .header .navbar .menu .menuitem .sub-menu.mega-menu .inner-nav-wrap .sbamenu-navbar.entertainmentcards li {
    width: 100%;
  }
}
.header .navbar .menu .menuitem .sub-menu.mega-menu .rd-container-qua .menu_items .menu_row .menu_col2 .social-menu .social-menu-item {
  width: calc(25% - 9.8px);
}
@media (max-width: 1199px) {
  .header .navbar .menu .menuitem .sub-menu.mega-menu .rd-container-qua .menu_items .menu_row .menu_col2 .social-menu .social-menu-item {
    width: calc(33.33% - 8.7px);
  }
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu.mega-menu .rd-container-qua .menu_items .menu_row .menu_col2 .social-menu .social-menu-item {
    width: 100%;
  }
}
.header .navbar .menu .menuitem .sub-menu.mega-menu .rd-container-qua .menu_items .menu_row .menu_col2 .social-menu .social-menu-item:nth-child(n+4) {
  display: block;
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu.mega-menu .rd-container-qua .menu_items .menu_row .menu_col2 .social-menu .social-menu-item:nth-child(3) .menutype {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu.mega-menu .rd-container-qua .menu_items .menu_row .menu_col2 .social-menu .social-menu-item:nth-child(3) .menutype.active {
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
}
.header .navbar .menu .menuitem .sub-menu.menu-col-one {
  max-width: 641px;
  left: 161px;
}
@media (max-width: 1199px) {
  .header .navbar .menu .menuitem .sub-menu.menu-col-one {
    left: 90px;
  }
}
@media (max-width: 1024px) {
  .header .navbar .menu .menuitem .sub-menu.menu-col-one {
    left: 45px;
  }
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu.menu-col-one {
    left: 0;
    max-width: 100%;
  }
}
.header .navbar .menu .menuitem .sub-menu.menu-col-one .inner-nav-wrap .sbamenu-navbar.entertainmentcards li {
  width: 100%;
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu.menu-col-one .inner-nav-wrap .sbamenu-navbar.entertainmentcards li {
    width: calc(50% - 6.5px);
  }
}
@media (max-width: 575px) {
  .header .navbar .menu .menuitem .sub-menu.menu-col-one .inner-nav-wrap .sbamenu-navbar.entertainmentcards li {
    width: 100%;
  }
}
.header .navbar .menu .menuitem .sub-menu.menu-col-one .rd-container-qua .menu_items .menu_row .menu_col1 {
  width: 52.75%;
  padding-right: 14px;
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu.menu-col-one .rd-container-qua .menu_items .menu_row .menu_col1 {
    width: 100%;
    padding-right: 0;
  }
}
.header .navbar .menu .menuitem .sub-menu.menu-col-one .rd-container-qua .menu_items .menu_row .menu_col2 {
  width: 48.25%;
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu.menu-col-one .rd-container-qua .menu_items .menu_row .menu_col2 {
    width: 100%;
  }
}
.header .navbar .menu .menuitem .sub-menu.menu-col-one .rd-container-qua .menu_items .menu_row .menu_col2 .social-menu .social-menu-item {
  width: 100%;
}
.header .navbar .menu .menuitem .sub-menu.menu-col-one .rd-container-qua .menu_items .menu_row .menu_col2 .social-menu .social-menu-item:nth-last-child(-n+3) {
  display: none;
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu.menu-col-one .rd-container-qua .menu_items .menu_row .menu_col2 .social-menu .social-menu-item .menutype:first-child {
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu.menu-col-one .rd-container-qua .menu_items .menu_row .menu_col2 .social-menu .social-menu-item .menutype:first-child.active {
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
}
.header .navbar .menu .menuitem .sub-menu.menu-col-two {
  max-width: 942px;
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu.menu-col-two {
    max-width: 100%;
  }
}
.header .navbar .menu .menuitem .sub-menu.menu-col-two .inner-nav-wrap .sbamenu-navbar.entertainmentcards li {
  width: calc(50% - 6.5px);
}
@media (max-width: 575px) {
  .header .navbar .menu .menuitem .sub-menu.menu-col-two .inner-nav-wrap .sbamenu-navbar.entertainmentcards li {
    width: 100%;
  }
}
.header .navbar .menu .menuitem .sub-menu.menu-col-two .rd-container-qua .menu_items .menu_row .menu_col1 {
  width: 40.7%;
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu.menu-col-two .rd-container-qua .menu_items .menu_row .menu_col1 {
    width: 100%;
  }
}
.header .navbar .menu .menuitem .sub-menu.menu-col-two .rd-container-qua .menu_items .menu_row .menu_col2 {
  width: 59.3%;
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu.menu-col-two .rd-container-qua .menu_items .menu_row .menu_col2 {
    width: 100%;
  }
}
.header .navbar .menu .menuitem .sub-menu.menu-col-two .rd-container-qua .menu_items .menu_row .menu_col2 .social-menu .social-menu-item {
  width: calc(50% - 6.5px);
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu.menu-col-two .rd-container-qua .menu_items .menu_row .menu_col2 .social-menu .social-menu-item {
    width: 100%;
  }
}
.header .navbar .menu .menuitem .sub-menu.menu-col-two .rd-container-qua .menu_items .menu_row .menu_col2 .social-menu .social-menu-item:nth-last-child(-n+2) {
  display: none;
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu.menu-col-two .rd-container-qua .menu_items .menu_row .menu_col2 .social-menu .social-menu-item:nth-child(2) .menutype {
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu.menu-col-two .rd-container-qua .menu_items .menu_row .menu_col2 .social-menu .social-menu-item:nth-child(2) .menutype.active {
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
}
.header .navbar .menu .menuitem .sub-menu .icon-pluse {
  display: inline-block;
  margin-left: 6px;
}
.header .navbar .menu .menuitem .sub-menu .menutype {
  border-bottom: 1px solid rgba(112, 112, 112, 0.3);
  display: inline-block;
  padding-bottom: 14px;
  margin-bottom: 14px;
  width: 100%;
  transition: all 0.3s linear;
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu .menutype {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: none;
  }
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu .menutype.active {
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu .menutype.active .nav-link::before {
    transform: rotateX(180deg);
  }
}
.header .navbar .menu .menuitem .sub-menu .menutype span {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  font-family: "Source Sans 3", sans-serif;
}
.header .navbar .menu .menuitem .sub-menu .menutype .nav-link {
  display: flex;
  gap: 8px;
  padding: 0;
  position: relative;
  line-height: 20px;
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu .menutype .nav-link {
    justify-content: flex-start !important;
  }
}
@media screen and (max-width: 575px) {
  .header .navbar .menu .menuitem .sub-menu .menutype .nav-link {
    padding: 0;
  }
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu .menutype .nav-link::before {
    content: "";
    width: 15px;
    height: 10px;
    background: url(../images/arrow-down-black.svg) center center no-repeat;
    background-size: 12px;
    position: absolute;
    top: 0;
    right: 3px;
    bottom: 0;
    margin: auto 0;
    transition: all 0.3s linear;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu .inner-nav-wrap {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu .sbamenu-navbar {
    display: flex;
    flex-wrap: wrap;
    column-gap: 13px;
    padding-left: 38px;
  }
}
.header .navbar .menu .menuitem .sub-menu .sbamenu-navbar li {
  position: relative;
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu .sbamenu-navbar li {
    width: calc(33.33% - 8.8px);
  }
}
@media screen and (max-width: 991px) and (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu .sbamenu-navbar li {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 991px) and (max-width: 575px) {
  .header .navbar .menu .menuitem .sub-menu .sbamenu-navbar li {
    width: 100%;
  }
}
.header .navbar .menu .menuitem .sub-menu .sbamenu-navbar li::after {
  background-color: #FF1D48;
  width: 8px;
  height: 8px;
  content: "";
  position: absolute;
  border-radius: 50px;
  left: 0;
  top: 10px;
}
.header .navbar .menu .menuitem .sub-menu .sbamenu-navbar li a {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  font-family: "Source Sans 3", sans-serif;
  line-height: 20px;
  padding: 4px 0 4px 15px;
  display: inline-block;
}
.header .navbar .menu .menuitem .sub-menu .sbamenu-navbar li a:hover {
  color: #9B32E0;
}
.header .navbar .menu .menuitem .sub-menu .sbamenu-navbar.entertainmentcards {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 24px;
  column-gap: 13px;
}
@media screen and (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu .sbamenu-navbar.entertainmentcards {
    padding-bottom: 0;
  }
}
.header .navbar .menu .menuitem .sub-menu .sbamenu-navbar.entertainmentcards li {
  width: calc(33.33% - 8.8px);
}
@media screen and (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu .sbamenu-navbar.entertainmentcards li {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 575px) {
  .header .navbar .menu .menuitem .sub-menu .sbamenu-navbar.entertainmentcards li {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu .sbamenu-navbar.snmb {
    margin-bottom: 15px;
  }
}
.header .navbar .menu .menuitem .sub-menu .rd-container-qua {
  border-radius: 24px;
  background-color: #fff;
  padding: 28px 0 28px 26px;
}
@media screen and (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu .rd-container-qua {
    padding: 20px 0 20px 20px;
  }
}
@media screen and (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu .rd-container-qua {
    box-shadow: none;
    border-radius: 0;
    padding: 20px 0 0 8px;
  }
}
.header .navbar .menu .menuitem .sub-menu .rd-container-qua .menu_items {
  max-height: calc(100svh - 180px) !important;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 22px;
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu .rd-container-qua .menu_items {
    overflow: visible;
    max-height: 100% !important;
    padding-right: 0;
  }
}
.header .navbar .menu .menuitem .sub-menu .rd-container-qua .menu_items:-moz-scrollbar-track, .header .navbar .menu .menuitem .sub-menu .rd-container-qua .menu_items::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #FFFFFF;
}
.header .navbar .menu .menuitem .sub-menu .rd-container-qua .menu_items::-webkit-scrollbar {
  width: 6px;
  background-color: #FFFFFF;
}
.header .navbar .menu .menuitem .sub-menu .rd-container-qua .menu_items::-webkit-scrollbar-thumb {
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.5);
}
.header .navbar .menu .menuitem .sub-menu .rd-container-qua .menu_items .menu_row {
  display: flex;
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu .rd-container-qua .menu_items .menu_row {
    flex-direction: column;
  }
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu .rd-container-qua .menu_items .menu_row .navlink-img {
    width: 30px;
    min-width: 30px;
    text-align: center;
  }
}
.header .navbar .menu .menuitem .sub-menu .rd-container-qua .menu_items .menu_row .menu_col1 {
  width: 20%;
  padding-right: 13px;
}
@media (max-width: 1199px) {
  .header .navbar .menu .menuitem .sub-menu .rd-container-qua .menu_items .menu_row .menu_col1 {
    width: 25%;
  }
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu .rd-container-qua .menu_items .menu_row .menu_col1 {
    width: 100%;
    padding-right: 0px;
  }
}
.header .navbar .menu .menuitem .sub-menu .rd-container-qua .menu_items .menu_row .menu_col2 {
  width: 80%;
}
@media (max-width: 1199px) {
  .header .navbar .menu .menuitem .sub-menu .rd-container-qua .menu_items .menu_row .menu_col2 {
    width: 75%;
  }
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu .rd-container-qua .menu_items .menu_row .menu_col2 {
    width: 100%;
  }
}
.header .navbar .menu .menuitem .sub-menu .rd-container-qua .menu_items .menu_row .menu_col2 .social-menu {
  display: flex;
  flex-wrap: wrap;
  column-gap: 13px;
  row-gap: 20px;
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu .rd-container-qua .menu_items .menu_row .menu_col2 .social-menu {
    row-gap: 0;
  }
}
.header .navbar .menu .menuitem .sub-menu .rd-container-qua .menu_items .menu_row .menu_col2 .social-menu .social-menu-item {
  width: calc(33.33% - 8.8px);
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu .rd-container-qua .menu_items .menu_row .menu_col2 .social-menu .social-menu-item {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu .rd-container-qua .menu_items .menu_row .menu_col2 .social-menu .social-menu-item:last-child .menutype {
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu .rd-container-qua .menu_items .menu_row .menu_col2 .social-menu .social-menu-item:last-child .menutype.active {
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
}
.header .navbar .menu .menuitem .sub-menu .rd-container-qua .menu_items .menu_row .menu_col2 .social-menu .social-menu-item:nth-child(n+4) {
  display: none;
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu .rd-container-qua .menu_items .menu_row .menu_col2 .social-menu .social-menu-item:nth-child(3) .menutype {
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu .rd-container-qua .menu_items .menu_row .menu_col2 .social-menu .social-menu-item:nth-child(3) .menutype.active {
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
}
.header .navbar .menu .menuitem .sub-menu .rd-container-qua .menu_items .menu_row .menu_col2 .social-menu .social-menu-item .menutype {
  padding-bottom: 14px;
  margin-bottom: 14px;
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu .rd-container-qua .menu_items .menu_row .menu_col2 .social-menu .social-menu-item .menutype {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .sub-menu .rd-container-qua .menu_items .menu_row .menu_col2 .social-menu .social-menu-item .menutype.active {
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
}
.header .navbar .menu .menuitem .sub-menu .rd-container-qua .menu_items .menu_row .menu_col2 .social-menu .social-menu-item .menutype a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 8px;
}
.header .navbar .menu .menuitem .mobile-d-menu {
  display: none;
}
@media (max-width: 991px) {
  .header .navbar .menu .menuitem .mobile-d-menu {
    display: block;
    margin-top: 10px;
  }
}
.header .navbar .menu .menuitem .mobile-d-menu .menulist .sub-menu {
  border-radius: 0;
  padding: 15px 8px 0;
}
.header .navbar .menu .menuitem .mobile-d-menu .menulist .sub-menu li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 8px;
  margin-bottom: 8px;
}
.header .navbar .menu .menuitem .mobile-d-menu .menulist .sub-menu li:last-child {
  margin-bottom: 0;
}
.header .navbar .menu .menuitem .mobile-d-menu .menulist .sub-menu li .ma-item {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  font-family: "Source Sans 3", sans-serif;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  align-items: center;
  column-gap: 8px;
}
@media screen and (max-width: 991px) {
  .header .navbar .menu .menuitem .mobile-d-menu .menulist .sub-menu li .ma-item img {
    max-width: 18px;
  }
}
.header .navbar .menu .menuitem .mobile-d-menu .menulist .sub-menu li .badg {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  border-radius: 20px;
  background-color: #FF1D48;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header .navbar .menu .menuitem .mobile-d-menu .m-language {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 18px;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  font-family: "Source Sans 3", sans-serif;
  transition: all 0.3s ease;
}
.header .navbar .menu .menuitem .mobile-d-menu .language-switch {
  display: block;
}
.header .navbar .menu .navbar-collapse {
  justify-content: center;
}
.header .navbar .menu .navbar-collapse::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #FFFFFF;
}
.header .navbar .menu .navbar-collapse::-webkit-scrollbar {
  width: 6px;
  background-color: #FFFFFF;
}
.header .navbar .menu .navbar-collapse::-webkit-scrollbar-thumb {
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 991px) {
  .header .navbar .menu .navbar-collapse {
    position: absolute;
    transition: all 0.15s linear;
    z-index: 9;
    top: 52px;
    left: -12px;
    right: -12px;
    padding: 15px 10px 15px 15px;
    height: calc(100svh - 64px);
    background: rgba(0, 0, 0, 0.5);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: 0;
    overflow-y: auto;
  }
}
@media (max-width: 767px) {
  .header .navbar .menu .navbar-collapse {
    top: 52px;
  }
}
@media (max-width: 575px) {
  .header .navbar .menu .navbar-collapse {
    top: 42px;
    height: calc(100vh - 54px);
  }
}
.header .navbar .menu .navbar-collapse.new-menu {
  justify-content: flex-start;
  padding-left: 50px;
}
.header .navbar .menu .rightmenu {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-left: auto;
}
@media (max-width: 1199px) {
  .header .navbar .menu .rightmenu {
    gap: 10px;
  }
}
.header .navbar .menu .rightmenu .searchcol {
  transition: all 0.3s ease;
  position: relative;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 575px) {
  .header .navbar .menu .rightmenu .searchcol {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 50px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: inherit;
  }
}
.header .navbar .menu .rightmenu .searchcol input {
  border: 0;
  font-size: 14px;
  line-height: 18px;
  padding-left: 8px;
  font-family: "Source Sans 3", sans-serif;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 10px 10px 10px 35px;
  transition: all 0.3s ease;
}
@media screen and (max-width: 575px) {
  .header .navbar .menu .rightmenu .searchcol input {
    width: 0;
    border: 1px solid transparent;
    background: transparent;
    padding: 0;
    transition: inherit;
  }
}
.header .navbar .menu .rightmenu .searchcol input:focus-visible {
  outline: none !important;
  border-color: #000;
}
.header .navbar .menu .rightmenu .searchcol input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.header .navbar .menu .rightmenu .searchcol input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.header .navbar .menu .rightmenu .searchcol input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.header .navbar .menu .rightmenu .searchcol input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 575px) {
  .header .navbar .menu .rightmenu .searchcol .inputactive {
    width: 250px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    position: absolute;
    bottom: -50px;
    height: 40px;
    background: #fff;
    padding: 0 20px;
    left: -8px;
    transform: translateX(-50px);
  }
}
.header .navbar .menu .rightmenu .searchcol .search_btn {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 10px;
  bottom: 0;
  margin: auto 0;
  line-height: 0;
  border: none;
  outline: none;
  background: none;
}
@media screen and (max-width: 575px) {
  .header .navbar .menu .rightmenu .searchcol .search_btn {
    left: -9px;
  }
}
.header .navbar .menu .rightmenu .searchcol .search_btn img {
  width: 20px;
  height: 20px;
}
.header .navbar .menu .rightmenu .searchcol .close-search-bar {
  display: none;
  background: transparent;
  width: 24px;
  height: 24px;
  position: absolute;
  border-radius: 20px;
  border: none;
  opacity: 1;
  right: 6px;
  top: 8px;
  padding: 0;
  outline: none;
  bottom: 0;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.header .navbar .menu .rightmenu .searchcol .close-search-bar::before, .header .navbar .menu .rightmenu .searchcol .close-search-bar::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  background: #000;
}
.header .navbar .menu .rightmenu .searchcol .close-search-bar::before {
  width: 12px;
  height: 2px;
}
.header .navbar .menu .rightmenu .searchcol .close-search-bar::after {
  width: 2px;
  height: 12px;
}
.header .navbar .menu .rightmenu .searchcol .recent-search-wrap {
  width: 470px;
  position: absolute;
  top: 50px;
  right: 0;
  max-height: calc(100vh - 100px);
  height: 526px;
  box-shadow: 0px 2px 24px rgba(67, 87, 99, 0.1607843137);
  border-radius: 24px;
  overflow: auto;
  display: none;
}
.header .navbar .menu .rightmenu .searchcol .recent-search-wrap::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #FFFFFF;
}
.header .navbar .menu .rightmenu .searchcol .recent-search-wrap::-webkit-scrollbar {
  width: 6px;
  background-color: #FFFFFF;
}
.header .navbar .menu .rightmenu .searchcol .recent-search-wrap::-webkit-scrollbar-thumb {
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 767px) {
  .header .navbar .menu .rightmenu .searchcol .recent-search-wrap {
    right: -90px;
  }
}
@media (max-width: 575px) {
  .header .navbar .menu .rightmenu .searchcol .recent-search-wrap {
    width: 100%;
    right: inherit;
    left: 0;
  }
}
.header .navbar .menu .rightmenu .searchcol .recent-search-wrap .recent-search-dropdow {
  background-color: #FFFFFF;
}
.header .navbar .menu .rightmenu .searchcol .recent-search-wrap .recent-search-dropdow .rsd-body {
  padding: 24px;
}
@media (max-width: 575px) {
  .header .navbar .menu .rightmenu .searchcol .recent-search-wrap .recent-search-dropdow .rsd-body {
    padding: 20px;
  }
}
.header .navbar .menu .rightmenu .searchcol .recent-search-wrap .recent-search-dropdow .rsd-body .rsd-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(112, 112, 112, 0.3);
  margin-bottom: 14px;
}
.header .navbar .menu .rightmenu .searchcol .recent-search-wrap .recent-search-dropdow .rsd-body .rsd-head h4 {
  color: #000;
  font-family: "Source Sans 3", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
}
.header .navbar .menu .rightmenu .searchcol .recent-search-wrap .recent-search-dropdow .rsd-body .rsd-head .clear_btn {
  color: rgba(0, 0, 0, 0.6);
  font-family: "Source Sans 3", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.07px;
  border: none;
  outline: none;
  background: none;
}
.header .navbar .menu .rightmenu .searchcol .recent-search-wrap .recent-search-dropdow .rsd-body .rsd-option-list li:last-child .rsd-option-item {
  margin-bottom: 0;
}
.header .navbar .menu .rightmenu .searchcol .recent-search-wrap .recent-search-dropdow .rsd-body .rsd-option-list .rsd-option-item {
  margin-bottom: 14px;
  padding-left: 30px;
  position: relative;
  color: #000;
  font-family: "Source Sans 3", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0.07px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.header .navbar .menu .rightmenu .searchcol .recent-search-wrap .recent-search-dropdow .rsd-body .rsd-option-list .rsd-option-item::before {
  content: "";
  width: 18px;
  height: 18px;
  background: url(../images/search-icon.svg) center no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto 0;
  opacity: 0.6;
}
.header .navbar .menu .rightmenu .searchcol .recent-search-wrap .recent-search-dropdow .rsd-body .rsd-option-list .rsd-option-item .option-close {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../images/crossed.webp) center no-repeat;
  background-size: contain;
  opacity: 0.3;
  cursor: pointer;
  transition: all 0.3s ease;
}
.header .navbar .menu .rightmenu .searchcol .recent-search-wrap .recent-search-dropdow .rsd-body .rsd-option-list .rsd-option-item:hover .option-close {
  opacity: 1;
}
.header .navbar .menu .rightmenu .searchcol .recent-search-wrap .recent-search-dropdow .rsd-popular {
  padding: 24px 24px 24px;
  background-color: #EDF2F2;
  border-radius: 24px;
}
@media (max-width: 575px) {
  .header .navbar .menu .rightmenu .searchcol .recent-search-wrap .recent-search-dropdow .rsd-popular {
    padding: 20px 20px 25px;
  }
}
.header .navbar .menu .rightmenu .searchcol .recent-search-wrap .recent-search-dropdow .rsd-popular h4 {
  color: #000;
  font-family: "Source Sans 3", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
  margin-bottom: 16px;
}
.header .navbar .menu .rightmenu .searchcol .recent-search-wrap .recent-search-dropdow .rsd-popular .popular-item-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.header .navbar .menu .rightmenu .searchcol .recent-search-wrap .recent-search-dropdow .rsd-popular .popular-item-list .popular-list {
  width: calc(25% - 9px);
}
@media (max-width: 479px) {
  .header .navbar .menu .rightmenu .searchcol .recent-search-wrap .recent-search-dropdow .rsd-popular .popular-item-list .popular-list {
    width: calc(50% - 6px);
  }
}
.header .navbar .menu .rightmenu .searchcol .recent-search-wrap .recent-search-dropdow .rsd-popular .popular-item-list .popular-list .popular-img {
  overflow: hidden;
  border-radius: 18px;
  margin-bottom: 6px;
  display: block;
  width: 100%;
}
.header .navbar .menu .rightmenu .searchcol .recent-search-wrap .recent-search-dropdow .rsd-popular .popular-item-list .popular-list .popular-img picture,
.header .navbar .menu .rightmenu .searchcol .recent-search-wrap .recent-search-dropdow .rsd-popular .popular-item-list .popular-list .popular-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.header .navbar .menu .rightmenu .searchcol .recent-search-wrap .recent-search-dropdow .rsd-popular .popular-item-list .popular-list .pi_btn {
  width: 100%;
  padding: 6px 13px;
  background-color: #FFFFFF;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  outline: none;
  transition: all 0.3s linear;
  color: #000;
  font-family: "Source Sans 3", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
@media (max-width: 575px) {
  .header .navbar .menu .rightmenu .searchcol .recent-search-wrap .recent-search-dropdow .rsd-popular .popular-item-list .popular-list .pi_btn {
    padding: 5px;
  }
}
.header .navbar .menu .rightmenu .searchcol .recent-search-wrap .recent-search-dropdow .rsd-popular .popular-item-list .popular-list .pi_btn:hover {
  color: #FFFFFF;
  background-color: #000;
}
@media (max-width: 991px) {
  .header .navbar .menu .rightmenu .user-dropdown {
    display: none;
  }
}
.header .navbar .menu .rightmenu .user-dropdown .dropdown-item:focus {
  color: #212529 !important;
  background-color: transparent !important;
}
.header .navbar .menu .rightmenu .user-dropdown .dropdown-item:active {
  background-color: transparent !important;
  color: #212529 !important;
}
.header .navbar .menu .rightmenu .user-dropdown .dropdown-toggle {
  color: #000;
  font-size: 21px;
  display: inline-block;
  padding-right: 12px;
}
.header .navbar .menu .rightmenu .user-dropdown .dropdown-toggle img {
  border-radius: 100%;
  width: 40px;
  height: 40px;
}
@media screen and (max-width: 575px) {
  .header .navbar .menu .rightmenu .user-dropdown .dropdown-toggle img {
    width: 30px;
    height: 30px;
  }
}
.header .navbar .menu .rightmenu .user-dropdown .dropdown-toggle:after {
  background-image: url(../images/polygon.svg);
  border: none;
  width: 8px;
  height: 6px;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  margin-left: 0;
}
.header .navbar .menu .rightmenu .user-dropdown .dropdown-menu {
  border: none;
  outline: none;
  border-bottom: 0 !important;
  padding: 16px !important;
  background-color: #FFFFFF;
  min-width: 246px;
  border-radius: 16px;
  box-shadow: 0px 2px 24px rgba(67, 87, 99, 0.1568627451);
  top: 4px;
  left: 0;
  margin-left: -20px;
}
.header .navbar .menu .rightmenu .user-dropdown .dropdown-menu.show {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  transform: translate(-170px, 51px) !important;
}
@media screen and (max-width: 767px) {
  .header .navbar .menu .rightmenu .user-dropdown .dropdown-menu.show {
    gap: 15px;
    transform: translate(-170px, 39px) !important;
  }
}
@media screen and (max-width: 767px) {
  .header .navbar .menu .rightmenu .user-dropdown .dropdown-menu {
    border-radius: 6px;
  }
}
.header .navbar .menu .rightmenu .user-dropdown .dropdown-menu li {
  display: flex;
  font-size: 14px;
  line-height: 134%;
  font-family: "Source Sans 3", sans-serif;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.header .navbar .menu .rightmenu .user-dropdown .dropdown-menu li a {
  padding: 0;
  display: inline-flex;
  gap: 8px;
  align-items: center;
  width: auto;
}
.header .navbar .menu .rightmenu .user-dropdown .dropdown-menu li a:hover {
  background-color: transparent;
}
.header .navbar .menu .rightmenu .user-dropdown .dropdown-menu li a:hover span {
  color: #9b32e0;
}
.header .navbar .menu .rightmenu .user-dropdown .dropdown-menu li span {
  color: #000;
  transition: all 0.3s ease;
}
.header .navbar .menu .rightmenu .user-dropdown .dropdown-menu li .badg {
  position: static;
  color: #FFFFFF;
}
.header .navbar .menu .rightmenu .user-dropdown .dropdown-menu li .wallet-price {
  color: #6F9DF1;
}
.header .navbar .menu .rightmenu .user-dropdown .dropdown-menu li .card-points {
  color: #E1B400;
}
.header .navbar .menu .rightmenu .cart {
  background: rgba(0, 0, 0, 0.1);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 50px;
}
@media screen and (max-width: 575px) {
  .header .navbar .menu .rightmenu .cart {
    width: 30px;
    height: 30px;
  }
  .header .navbar .menu .rightmenu .cart img {
    width: 15px;
  }
}
.header .navbar .menu .rightmenu .badg {
  background: #ff1d48;
  color: #fff;
  position: absolute;
  width: 17px;
  height: 17px;
  right: -1px;
  border-radius: 50px;
  font-size: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: -9px;
  line-height: 25px;
}
@media (max-width: 991px) {
  .header .navbar .menu .navbar-toggler {
    padding: 0;
    z-index: 11;
    border: none;
    outline: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 30px;
    margin-left: 12px;
  }
  .header .navbar .menu .navbar-toggler:focus {
    box-shadow: none !important;
  }
}
@media (max-width: 991px) {
  .header .navbar .menu .navbar-toggler .navbar-line {
    display: inline-block;
    width: 18px;
    height: 2px;
    border-radius: 10px;
    position: relative;
    background-color: #000;
    transition: all 0.15s linear;
    margin-bottom: 5px;
  }
  .header .navbar .menu .navbar-toggler .navbar-line:last-child {
    margin-bottom: 0;
  }
}
.header .navbar .menu .navbar-toggler[aria-expanded=true] .navbar-line:last-child {
  top: -4px;
  transform: rotate(-45deg);
}
.header .navbar .menu .navbar-toggler[aria-expanded=true] .navbar-line:first-child {
  top: 3px;
  transform: rotate(45deg);
}
.header .navbar .menu .navbar-toggler[aria-expanded=true] .navbar-line:nth-child(2) {
  display: none;
}
@media screen and (max-width: 575px) {
  .header .searchcol.inputactive {
    width: 100%;
  }
}
.header .country-dropdown .dropdown .dropdown-toggle {
  outline: none;
  box-shadow: inherit;
  background-color: transparent;
  background: transparent;
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  max-width: 40px;
  max-height: 40px;
  width: 40px;
  height: 40px;
  display: flex;
}
@media screen and (max-width: 575px) {
  .header .country-dropdown .dropdown .dropdown-toggle {
    border: 3px solid rgba(0, 0, 0, 0.1);
    max-width: 30px;
    max-height: 30px;
    width: 30px;
    height: 30px;
  }
}
.header .country-dropdown .dropdown .dropdown-toggle::after {
  display: none;
}
.header .country-dropdown .dropdown .dropdown-toggle img {
  width: 100%;
  height: 100%;
}
.header .country-dropdown .dropdown .dropdown-menu {
  left: inherit;
  right: 0;
  padding: 16px;
  box-shadow: 0px 2px 24px rgba(67, 87, 99, 0.1568627451);
  border-radius: 16px;
  border: none;
}
.header .country-dropdown .dropdown .dropdown-menu li .dropdown-item {
  background-color: inherit;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  font-size: 14px;
  line-height: normal;
  font-weight: 400;
  font-family: "Source Sans 3", sans-serif;
  color: #000;
  padding: 0;
  transition: all 0.3s ease;
}
.header .country-dropdown .dropdown .dropdown-menu li .dropdown-item picture {
  min-width: 22px;
  width: 22px;
  min-height: 22px;
  height: 22px;
}
.header .country-dropdown .dropdown .dropdown-menu li .dropdown-item picture img {
  width: 100%;
  height: 100%;
}
.header .country-dropdown .dropdown .dropdown-menu li .dropdown-item:hover {
  color: #9B32E0;
}
.header .country-dropdown .dropdown .dropdown-menu li:last-child .dropdown-item {
  margin-bottom: 0;
}
.header .language img {
  width: 30px;
  height: 30px;
}
@media screen and (max-width: 575px) {
  .header .language img {
    width: 20px;
    height: 20px;
  }
}
.header .language {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  max-width: 40px;
  max-height: 40px;
  width: 40px;
  height: 40px;
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-radius: 100%;
}
@media only screen and (max-width: 991px) {
  .header .language {
    display: none;
  }
}
.header .language picture,
.header .language img {
  width: 100%;
  height: 100%;
}
.header .m-relative {
  position: relative;
}

@media screen and (max-width: 575px) {
  .search-open .header .navbar .menu .rightmenu .searchcol {
    background-color: #FFF;
    transition: inherit;
  }
}
.search-open .header .navbar .menu .rightmenu .searchcol .search_btn {
  transition: inherit;
  left: 8px;
}
@media screen and (max-width: 575px) {
  .search-open .header .navbar .menu .rightmenu .searchcol form {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 7px 12px;
    z-index: 99;
    background: #FFF;
  }
}
@media screen and (max-width: 575px) {
  .search-open .header .navbar .menu .rightmenu .searchcol input {
    transition: inherit;
    width: 100%;
    padding: 10px 30px 10px 35px;
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
}
@media screen and (max-width: 575px) {
  .search-open .header .navbar .menu .rightmenu .searchcol .close-search-bar {
    display: block;
  }
}

.language-switch {
  position: relative;
  display: inline-block;
}
@media only screen and (max-width: 991px) {
  .language-switch {
    display: none;
  }
}
.language-switch > span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  width: 50%;
  text-align: center;
  transition: all 0.3s ease;
}
.language-switch input.check-toggle-round-flat:checked ~ .off {
  color: #FFFFFF;
}
.language-switch input.check-toggle-round-flat:checked ~ .on {
  color: #000;
}
.language-switch > span.on {
  left: 0;
  color: #FFFFFF;
}
.language-switch > span.off {
  right: 0;
  color: #000;
}
.language-switch .check-toggle {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
}
.language-switch .check-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.language-switch input.check-toggle-round-flat + label {
  width: 98px;
  height: 32px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px;
}
@media only screen and (max-width: 1280px) {
  .language-switch input.check-toggle-round-flat + label {
    width: 85px;
    height: 30px;
  }
}
.language-switch input.check-toggle-round-flat + label::after {
  display: block;
  position: absolute;
  content: "";
  top: -1px;
  left: 0px;
  bottom: -1px;
  width: 48px;
  background-color: #9B32E0;
  border-radius: 30px 0 0 30px;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 1280px) {
  .language-switch input.check-toggle-round-flat + label::after {
    width: 42px;
  }
}
.language-switch input.check-toggle-round-flat:checked + label::after {
  margin-left: 50px;
  border-radius: 0 30px 30px 0;
}
@media only screen and (max-width: 1280px) {
  .language-switch input.check-toggle-round-flat:checked + label::after {
    margin-left: 42px;
  }
}

/*============== Header css End =====================*/
/*============== Hero Banner Css Start =====================*/
.top-banner-section {
  overflow: hidden;
  background-color: #eee;
  background-image: url(../images/banner-line-without-bg.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center bottom;
  padding-top: 74px;
}
@media screen and (max-width: 991px) {
  .top-banner-section {
    padding-top: 64px;
  }
}
@media screen and (max-width: 575px) {
  .top-banner-section {
    padding-top: 54px;
  }
}

.hero-banner {
  border-radius: 0 0 80px 80px;
}
@media screen and (max-width: 1199px) {
  .hero-banner {
    border-radius: 0 0 30px 30px;
  }
}
.hero-banner .swiper-wrapper {
  height: calc(100vh - 150px);
}
@media screen and (max-width: 1366px) {
  .hero-banner .swiper-wrapper {
    height: calc(100vh - 130px);
  }
}
@media screen and (max-width: 1199px) {
  .hero-banner .swiper-wrapper {
    height: 100%;
  }
}
.hero-banner .swiper-wrapper .swiper-slide {
  position: relative;
  text-align: center;
}
.hero-banner .swiper-wrapper .swiper-slide::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  opacity: 0.5;
  z-index: 9;
}
@media screen and (max-width: 767px) {
  .hero-banner .swiper-wrapper .swiper-slide::before {
    opacity: 0.8;
  }
}
@media screen and (max-width: 767px) {
  .hero-banner .swiper-wrapper .swiper-slide {
    padding-bottom: 50%;
  }
}
.hero-banner .swiper-wrapper .swiper-slide > picture {
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .hero-banner .swiper-wrapper .swiper-slide > picture {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
}
.hero-banner .swiper-wrapper .swiper-slide > picture img {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1366px) {
  .hero-banner .swiper-wrapper .swiper-slide > picture img {
    object-fit: cover;
  }
}
@media screen and (max-width: 991px) {
  .hero-banner .swiper-wrapper .swiper-slide > picture img {
    object-fit: inherit;
  }
}
@media screen and (max-width: 767px) {
  .hero-banner .swiper-wrapper .swiper-slide > picture img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
}
.hero-banner .swiper-wrapper .swiper-slide .slider-text {
  position: absolute;
  bottom: -70px;
  left: 0;
  right: 0;
  transition: all 0.5s ease;
  transition-delay: 1s;
  z-index: 9;
}
@media screen and (max-width: 767px) {
  .hero-banner .swiper-wrapper .swiper-slide .slider-text {
    opacity: 1;
    bottom: inherit;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    bottom: inherit;
  }
}
.hero-banner .swiper-wrapper .swiper-slide .available-link {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 24px;
  width: calc(100% - 220px);
  margin-left: auto;
}
@media screen and (max-width: 991px) {
  .hero-banner .swiper-wrapper .swiper-slide .available-link {
    width: 100%;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    row-gap: 14px;
  }
}
.hero-banner .swiper-wrapper .swiper-slide .available-link .link-text {
  color: #FFFFFF;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 140%;
}
@media screen and (max-width: 575px) {
  .hero-banner .swiper-wrapper .swiper-slide .available-link .link-text {
    font-size: 22px;
  }
}
@media screen and (max-width: 480px) {
  .hero-banner .swiper-wrapper .swiper-slide .available-link .link-text {
    font-size: 20px;
  }
}
.hero-banner .swiper-wrapper .swiper-slide .available-link .btn-primary {
  font-family: "Space Grotesk", sans-serif;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
}
.hero-banner .swiper-wrapper .swiper-slide .available-link .btn-primary img {
  min-width: 15px;
}
@media screen and (max-width: 575px) {
  .hero-banner .swiper-wrapper .swiper-slide .available-link .btn-primary img {
    margin-top: -3px;
  }
}
@media screen and (max-width: 767px) {
  .hero-banner .swiper-wrapper .swiper-slide .available-link .btn-primary {
    gap: 6px;
    padding: 10px 19px;
    font-size: 15px;
  }
}
@media screen and (max-width: 480px) {
  .hero-banner .swiper-wrapper .swiper-slide .available-link .btn-primary {
    gap: 6px;
    padding: 8px 18px;
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.hero-banner .swiper-wrapper .swiper-slide .available-link .btn-primary picture {
  transition: all 0.3s ease;
}
.hero-banner .swiper-wrapper .swiper-slide .available-link .btn-primary:hover picture {
  transform: rotate(45deg);
}
.hero-banner .swiper-wrapper .swiper-slide.swiper-slide-active .slider-text {
  opacity: 1;
  bottom: 24px;
}
@media screen and (max-width: 767px) {
  .hero-banner .swiper-wrapper .swiper-slide.swiper-slide-active .slider-text {
    bottom: inherit;
  }
}
.hero-banner .bottom-pagination {
  position: absolute;
  bottom: 24px;
  left: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .hero-banner .bottom-pagination {
    bottom: 18px;
  }
}
@media screen and (max-width: 359px) {
  .hero-banner .bottom-pagination {
    bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .hero-banner .bottom-pagination .pagination-wrap {
    text-align: center;
  }
}

.slider-arrow {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media screen and (max-width: 767px) {
  .slider-arrow {
    gap: 20px;
  }
}
.slider-arrow .prev-arrow,
.slider-arrow .next-arrow {
  border: none;
  outline: none;
  box-shadow: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slider-arrow .prev-arrow:active, .slider-arrow .prev-arrow:hover, .slider-arrow .prev-arrow:focus,
.slider-arrow .next-arrow:active,
.slider-arrow .next-arrow:hover,
.slider-arrow .next-arrow:focus {
  border: none;
  outline: none;
  box-shadow: inherit;
}
.slider-arrow .prev-arrow:active:focus, .slider-arrow .prev-arrow:hover:focus, .slider-arrow .prev-arrow:focus:focus,
.slider-arrow .next-arrow:active:focus,
.slider-arrow .next-arrow:hover:focus,
.slider-arrow .next-arrow:focus:focus {
  border: none;
  outline: none;
  box-shadow: inherit;
}
@media screen and (max-width: 767px) {
  .slider-arrow .prev-arrow img,
  .slider-arrow .next-arrow img {
    max-width: 16px;
  }
}
.slider-arrow .prev-arrow.swiper-button-disabled,
.slider-arrow .next-arrow.swiper-button-disabled {
  opacity: 0.5;
  pointer-events: auto !important;
  cursor: not-allowed !important;
}
.slider-arrow .prev-arrow.swiper-button-lock,
.slider-arrow .next-arrow.swiper-button-lock {
  opacity: 0;
  display: none;
}
.slider-arrow.arrowandbutton {
  padding-right: 142px;
}
@media screen and (max-width: 767px) {
  .slider-arrow.arrowandbutton {
    padding-right: 120px;
  }
}
@media screen and (max-width: 480px) {
  .slider-arrow.arrowandbutton {
    padding-right: 0;
  }
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}
.swiper-container .swiper-pagination {
  position: relative;
  top: 0;
  text-align: left;
  display: inline-flex;
  width: auto;
  background-color: #423E3B;
  border-radius: 34px;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  padding: 9px;
  gap: 9px;
}
@media screen and (max-width: 767px) {
  .swiper-container .swiper-pagination {
    padding: 7px;
    gap: 5px;
  }
}
.swiper-container .swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
  border: none;
  margin: 0;
  padding: 0;
  background: transparent;
  border-radius: 0;
  display: inline-flex;
  position: relative;
  width: 13px;
  height: 7px;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  transform: rotate(30deg);
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 5px;
  }
}
.swiper-container .swiper-pagination .swiper-pagination-bullet::after, .swiper-container .swiper-pagination .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  width: 13px;
  height: 7px;
  left: -1px;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .swiper-container .swiper-pagination .swiper-pagination-bullet::after, .swiper-container .swiper-pagination .swiper-pagination-bullet::before {
    width: 10px;
    height: 5px;
  }
}
.swiper-container .swiper-pagination .swiper-pagination-bullet::after {
  transform: rotate(240deg);
}
.swiper-container .swiper-pagination .swiper-pagination-bullet::before {
  transform: rotate(120deg);
}
.swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #FFFFFF;
}
.swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after, .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}

.top-card-section {
  overflow: hidden;
}
.top-card-section .card-slider .swiper-slide {
  position: relative;
  padding-bottom: 9.6%;
  border-radius: 14px;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .top-card-section .card-slider .swiper-slide {
    padding-bottom: 14%;
  }
}
@media screen and (max-width: 767px) {
  .top-card-section .card-slider .swiper-slide {
    padding-bottom: 20%;
  }
}
@media screen and (max-width: 575px) {
  .top-card-section .card-slider .swiper-slide {
    padding-bottom: 29%;
  }
}
.top-card-section .card-slider .swiper-slide a,
.top-card-section .card-slider .swiper-slide picture,
.top-card-section .card-slider .swiper-slide img {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.top-card-section .card-slider .swiper-slide:hover img {
  transform: scale(1.2);
}
@media only screen and (max-width: 1280px) {
  .top-card-section .card-slider {
    margin: 0 -12px;
    padding: 0 12px;
  }
}

.deals-section {
  overflow: hidden;
}

.top-deals-slider {
  padding: 30px 0px 20px;
  margin: -30px 0px -20px;
}
@media only screen and (max-width: 1280px) {
  .top-deals-slider {
    margin: -30px -12px -20px;
    padding: 30px 12px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .top-deals-slider {
    padding: 72px 12px 20px;
  }
}

.card-box {
  position: relative;
}
.card-box .img-wrap {
  border-radius: 24px;
  background-color: #F3F3F3;
  position: relative;
  z-index: 9;
  transition: all 0.3s ease;
  transform: translateY(0px);
}
@media screen and (max-width: 1024px) {
  .card-box .img-wrap {
    border-radius: 24px 24px 0px 0px;
  }
}
@media screen and (max-width: 767px) {
  .card-box .img-wrap {
    transform: translateY(-47px);
  }
}
.card-box .card-img {
  position: relative;
  padding-bottom: 80%;
  border-radius: 24px;
  overflow: hidden;
}
.card-box .card-img a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.card-box .card-img picture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.card-box .card-img picture img {
  border-radius: 24px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: all 0.3s ease;
}
.card-box .card-img::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  content: "";
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  cursor: pointer;
}
.card-box .card-img:hover img {
  transform: scale(1.1);
}
.card-box .card-title {
  text-align: center;
  font-size: 16px;
  line-height: 140%;
  font-weight: 600;
  font-family: "Source Sans 3", sans-serif;
  color: #959595;
  margin-bottom: 0;
}
.card-box .card-title h3 {
  font-size: inherit;
  line-height: inherit;
  text-align: center;
  display: inline-flex;
}
.card-box .card-title a {
  text-align: center;
  font-size: 16px;
  line-height: 140%;
  font-weight: 600;
  font-family: "Source Sans 3", sans-serif;
  color: #000;
  padding: 10px 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-inline-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: all 0.3s ease;
}
.card-box .card-title a:hover {
  color: #9B32E0;
}
.card-box .card-title p {
  padding-bottom: 14px;
}
.card-box .card-price {
  border-radius: 24px 24px 0 0;
  text-align: center;
  font-size: 16px;
  line-height: 140%;
  font-weight: 700;
  font-family: "Source Sans 3", sans-serif;
  color: #FFFFFF;
  padding: 9px 10px;
  background-color: #000;
  max-width: 200px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.card-box .card-price::before, .card-box .card-price::after {
  content: "";
  position: absolute;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: bottom;
  width: 30px;
  height: 100%;
}
.card-box .card-price::before {
  background-image: url(../images/right-curve.svg);
  left: 100%;
  background-position: bottom -1px left;
}
.card-box .card-price::after {
  background-image: url(../images/left-curve.svg);
  right: 100%;
  background-position: bottom -1px right;
}
.card-box .card-price .through-line {
  margin-left: 8px;
  text-decoration: line-through;
  display: inline-block;
  font-size: 13px;
  line-height: 140%;
  font-weight: 600;
  font-family: "Source Sans 3", sans-serif;
}
.card-box .content-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transition: all 0.3s ease;
  transform: translateY(0px);
  margin: 1px;
}
@media screen and (max-width: 767px) {
  .card-box .content-wrap {
    transform: translateY(0px);
  }
}
.card-box .content-wrap .add-view-wrap {
  padding: 13px 20px 12px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3px;
}
.card-box .content-wrap .add-view-wrap .cart-wrap {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  width: calc(58% - 2px);
  position: relative;
  padding: 3px 0;
}
.card-box .content-wrap .add-view-wrap .cart-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  right: -3px;
  bottom: 0;
  width: 1px;
  height: 100%;
  background-color: #FFFFFF;
}
.card-box .content-wrap .add-view-wrap .view-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  width: calc(42% - 2px);
  padding: 3px 0;
}
.card-box .content-wrap .add-view-wrap .cart-btn {
  border: none;
  outline: none;
  box-shadow: inherit;
  background-color: transparent;
  color: #FFFFFF;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 129%;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
  transition: all 0.3s ease;
  letter-spacing: 0.56px;
}
@media screen and (max-width: 991px) {
  .card-box .content-wrap .add-view-wrap .cart-btn {
    font-size: 12px;
  }
}
.card-box .content-wrap .add-view-wrap .cart-btn:hover {
  color: #FFEC8B;
}
.card-box .content-wrap .add-view-wrap .cart-btn:hover #bag-2 path {
  stroke: #FFEC8B;
}
.card-box .content-wrap .add-view-wrap .cart-btn:hover svg.cart-icon path {
  stroke: #FFEC8B;
}
.card-box .content-wrap .add-view-wrap .cart-btn:hover svg.i-icon path {
  fill: #FFEC8B;
}
.card-box:hover .img-wrap {
  transform: translateY(-30px);
}
@media screen and (max-width: 767px) {
  .card-box:hover .img-wrap {
    transform: translateY(-47px);
  }
}
.card-box:hover .content-wrap {
  transform: translateY(20px);
}
@media screen and (max-width: 767px) {
  .card-box:hover .content-wrap {
    transform: translateY(0px);
  }
}

.entertainment-area {
  overflow: hidden;
  background-image: url("../images/entertainment-bg.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.entertainment-area .section-header {
  padding-bottom: 20px;
}
.entertainment-area .section-header .section-title {
  padding-bottom: 0px;
}
.entertainment-area .entertainment-tabs {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .entertainment-area .entertainment-tabs {
    flex-direction: column-reverse;
    gap: 16px;
    margin: 0 -12px;
    margin-top: 0px;
  }
}
.entertainment-area .entertainment-content {
  display: flex;
  align-items: flex-start;
  column-gap: 40px;
}
@media screen and (max-width: 991px) {
  .entertainment-area .entertainment-content {
    flex-direction: column;
  }
}
.entertainment-area .entertainment-content .entertainment-left {
  min-width: 588px;
  flex: 588px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
  border-radius: 24px;
}
@media screen and (max-width: 1200px) {
  .entertainment-area .entertainment-content .entertainment-left {
    min-width: 420px;
    flex: 420px;
  }
}
@media screen and (max-width: 991px) {
  .entertainment-area .entertainment-content .entertainment-left {
    min-width: 100%;
    flex: 100%;
    margin-bottom: 30px;
  }
}
.entertainment-area .entertainment-content .entertainment-left .thumbnail {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 65%;
  background-color: #000;
  border-radius: 30px;
}
.entertainment-area .entertainment-content .entertainment-left .thumbnail > picture,
.entertainment-area .entertainment-content .entertainment-left .thumbnail img,
.entertainment-area .entertainment-content .entertainment-left .thumbnail video {
  display: block;
  height: auto;
  max-height: 100%;
  width: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  position: absolute;
}
@media screen and (max-width: 991px) {
  .entertainment-area .entertainment-content .entertainment-left .thumbnail > picture,
  .entertainment-area .entertainment-content .entertainment-left .thumbnail img,
  .entertainment-area .entertainment-content .entertainment-left .thumbnail video {
    width: 100%;
  }
}
.entertainment-area .entertainment-content .entertainment-left .thumbnail video {
  max-width: 100%;
  height: 100%;
  cursor: pointer;
}
.entertainment-area .entertainment-content .entertainment-right {
  width: 100%;
}
.entertainment-area .entertainment-content .entertainment-right .list-boxwrap .list-box {
  width: calc(50% - 8px);
}

.game-area {
  padding-bottom: 70px;
  overflow: hidden;
}
@media screen and (max-width: 1199px) {
  .game-area {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  .game-area {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 467px) {
  .game-area {
    padding-top: 14px;
  }
}
.game-area .section-header {
  padding-bottom: 20px;
}
.game-area .section-header .section-title {
  padding-bottom: 0px;
}
.game-area .entertainment-tabs {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .game-area .entertainment-tabs {
    flex-direction: column-reverse;
    gap: 20px;
    margin: 0 -12px;
  }
}

.list-boxwrap {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .list-boxwrap {
    row-gap: 32px;
  }
}
.list-boxwrap .list-box {
  width: calc(25% - 12px);
}
@media screen and (max-width: 991px) {
  .list-boxwrap .list-box {
    width: calc(50% - 8px);
  }
}
.list-boxwrap .list-box .thumbnail {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 72%;
  border-radius: 24px;
}
@media screen and (max-width: 676px) {
  .list-boxwrap .list-box .thumbnail {
    border-radius: 20px;
  }
}
@media screen and (max-width: 467px) {
  .list-boxwrap .list-box .thumbnail {
    border-radius: 14px;
  }
}
.list-boxwrap .list-box .thumbnail a, .list-boxwrap .list-box .thumbnail picture,
.list-boxwrap .list-box .thumbnail img {
  display: block;
  height: 100%;
  max-height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  position: absolute;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
  border-radius: 24px;
  width: 100%;
  object-fit: cover;
  object-position: center center;
  transition: all 0.3s ease;
}
@media screen and (max-width: 467px) {
  .list-boxwrap .list-box .thumbnail a, .list-boxwrap .list-box .thumbnail picture,
  .list-boxwrap .list-box .thumbnail img {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
  }
}
.list-boxwrap .list-box .thumbnail:hover img {
  transform: scale(1.1);
}
.list-boxwrap .list-box .box-bottom {
  margin-top: 17px;
}
.list-boxwrap .list-box .box-bottom .box-title {
  font-family: "Source Sans 3", sans-serif;
  color: #000;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0px;
  margin-bottom: 2px;
}
.list-boxwrap .list-box .box-bottom .box-category {
  display: block;
  font-family: "Source Sans 3", sans-serif;
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0px;
  line-height: 24px;
}
.list-boxwrap .list-box .box-bottom .box-price {
  font-family: "Source Sans 3", sans-serif;
  color: #000;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 24px;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .list-boxwrap .list-box .box-bottom .box-price {
    font-size: 16px;
    margin-top: 0;
  }
}
@media screen and (max-width: 480px) {
  .list-boxwrap .list-box .box-bottom .box-price {
    font-size: 14px;
  }
}
.list-boxwrap .list-box .box-bottom .btn-wrap {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: 18px;
}
@media screen and (max-width: 767px) {
  .list-boxwrap .list-box .box-bottom .btn-wrap {
    margin-top: 12px;
  }
}
.list-boxwrap .list-box .box-bottom .btn-wrap .btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-color: #000;
  font-size: 14px;
  line-height: 120%;
  padding: 16px 21px;
}
@media screen and (max-width: 1200px) {
  .list-boxwrap .list-box .box-bottom .btn-wrap .btn-primary {
    padding: 16px 14px;
  }
}
@media screen and (max-width: 667px) {
  .list-boxwrap .list-box .box-bottom .btn-wrap .btn-primary .add-m-none {
    display: none;
  }
}
@media screen and (max-width: 467px) {
  .list-boxwrap .list-box .box-bottom .btn-wrap .btn-primary {
    padding: 10px 16px;
  }
  .list-boxwrap .list-box .box-bottom .btn-wrap .btn-primary img {
    min-width: 16px;
  }
}
.list-boxwrap .list-box .box-bottom .btn-wrap .btn-primary .view-m-none {
  pointer-events: none;
}
.list-boxwrap .list-box .box-bottom .btn-wrap .btn-primary:hover, .list-boxwrap .list-box .box-bottom .btn-wrap .btn-primary:active, .list-boxwrap .list-box .box-bottom .btn-wrap .btn-primary:focus {
  border-color: #9B32E0;
}
@media screen and (max-width: 667px) {
  .list-boxwrap .list-box .box-bottom .btn-wrap .cart-btn {
    border-radius: 100%;
    max-width: 50px;
    width: 50px;
    padding: 0;
    max-height: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (max-width: 467px) {
  .list-boxwrap .list-box .box-bottom .btn-wrap .cart-btn {
    max-width: 38px;
    width: 38px;
    padding: 0;
    max-height: 38px;
    height: 38px;
  }
}

.common-tabs .nav-tabs {
  border: none;
  column-gap: 12px;
  flex-wrap: nowrap;
}
@media screen and (max-width: 767px) {
  .common-tabs .nav-tabs {
    overflow-y: hidden;
    overflow-x: auto;
    padding: 0 12px;
    margin: 0 -12px;
    padding-bottom: 15px;
    white-space: nowrap;
    width: 100%;
  }
}
.common-tabs .nav-tabs .nav-link {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 34px;
  padding: 8px 12px;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  transition: all 0.3s ease;
  box-shadow: 0 0px 0px #FF1D48;
}
.common-tabs .nav-tabs .nav-link.active, .common-tabs .nav-tabs .nav-link:hover, .common-tabs .nav-tabs .nav-link:focus {
  background: #FFFFFF;
  border-color: #FF1D48;
  box-shadow: 0 6px 0px #FF1D48;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .common-tabs .view-all-wrap {
    margin-top: 8px;
    margin-left: auto;
    padding-right: 12px;
  }
}
.common-tabs .tab-content {
  padding-top: 45px;
}
@media screen and (max-width: 1024px) {
  .common-tabs .tab-content {
    padding-top: 40px;
  }
}
@media screen and (max-width: 991px) {
  .common-tabs .tab-content {
    padding-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .common-tabs .tab-content {
    padding-top: 20px;
  }
}

.card-collections-section .card-collections {
  width: 100%;
}
@media screen and (max-width: 991px) {
  .card-collections-section .card-collections {
    overflow-x: auto;
    padding: 30px 12px 20px;
    margin: -30px -12px -20px;
    width: calc(100% + 24px);
  }
}
@media screen and (max-width: 767px) {
  .card-collections-section .card-collections {
    padding: 53px 12px 20px;
    margin: -6px -12px -20px;
  }
}
.card-collections-section .card-collections .collection-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media screen and (max-width: 991px) {
  .card-collections-section .card-collections .collection-wrapper {
    flex-wrap: nowrap;
    gap: 10px;
  }
}
.card-collections-section .card-collections .collection-wrapper .card-box {
  width: calc(25% - 12px);
}
@media screen and (max-width: 991px) {
  .card-collections-section .card-collections .collection-wrapper .card-box {
    width: 295px;
    flex: 295px;
    min-width: 295px;
  }
}
.card-collections-section .card-collections-slider {
  padding: 30px 0px 20px;
  margin: -30px 0px -20px;
}
@media only screen and (max-width: 1280px) {
  .card-collections-section .card-collections-slider {
    margin: -30px -12px -20px;
    padding: 30px 12px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .card-collections-section .card-collections-slider {
    padding: 72px 12px 20px;
  }
}

/*============== Download Section css Start =====================*/
.cta {
  padding-bottom: 70px;
}
@media only screen and (max-width: 1199px) {
  .cta {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .cta {
    padding-bottom: 40px;
  }
}

.downloadcta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-image: url(../images/cta-bg.webp);
  background-repeat: no-repeat;
  padding: 40px 57px;
  background-size: 100% 100%;
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  .downloadcta {
    flex-wrap: wrap;
    padding: 30px 22px;
  }
}
@media screen and (max-width: 575px) {
  .downloadcta {
    padding: 24px 28px;
    border-radius: 20px;
  }
}
.downloadcta .cta-title {
  width: 100%;
  max-width: 483px;
}
@media screen and (max-width: 991px) {
  .downloadcta .cta-title {
    max-width: inherit;
  }
}
.downloadcta .cta-title h3 {
  color: #000000;
  font-size: 42px;
  line-height: 48px;
  font-weight: 700;
  font-family: "Source Sans 3", sans-serif;
}
@media screen and (max-width: 991px) {
  .downloadcta .cta-title h3 {
    font-size: 36px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 20px;
  }
  .downloadcta .cta-title h3 br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .downloadcta .cta-title h3 {
    font-size: 32px;
    line-height: 38px;
  }
}
@media screen and (max-width: 575px) {
  .downloadcta .cta-title h3 {
    font-size: 28px;
  }
}
@media screen and (max-width: 375px) {
  .downloadcta .cta-title h3 {
    font-size: 24px;
    line-height: 30px;
  }
}
.downloadcta .downloadbtn {
  width: calc(100% - 483px);
  display: flex;
  justify-content: end;
}
@media screen and (max-width: 991px) {
  .downloadcta .downloadbtn {
    width: 100%;
    justify-content: center;
  }
}
@media screen and (max-width: 480px) {
  .downloadcta .downloadbtn {
    flex-wrap: wrap;
  }
}
.downloadcta .downloadbtn ul {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: end;
}
@media screen and (max-width: 991px) {
  .downloadcta .downloadbtn ul {
    flex-wrap: nowrap;
    justify-content: stretch;
    gap: 10px;
  }
}
@media screen and (max-width: 575px) {
  .downloadcta .downloadbtn ul {
    justify-content: space-between;
  }
}
.downloadcta .downloadbtn ul li {
  width: calc(50% - 7px);
}
.downloadcta .downloadbtn ul li a img {
  max-width: 170px;
  height: 60px;
}
@media screen and (max-width: 575px) {
  .downloadcta .downloadbtn ul li a img {
    max-width: 160px;
  }
}
@media screen and (max-width: 360px) {
  .downloadcta .downloadbtn ul li a img {
    max-width: 120px;
  }
}

/*============== Download Section css End =====================*/
/*============== Footer Section css Start =====================*/
.footer {
  overflow: hidden;
  background: #000000 0% 0% no-repeat padding-box;
  border-radius: 80px 80px 0px 0px;
  padding: 40px 0 20px 0;
}
@media screen and (max-width: 1199px) {
  .footer {
    border-radius: 30px 30px 0px 0px;
  }
}
.footer .footertext {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .footer .footertext {
    gap: 16px;
  }
}
@media screen and (max-width: 575px) {
  .footer .footertext {
    flex-wrap: wrap;
    gap: 24px;
  }
}
.footer .footertext .logocol {
  width: 100%;
  max-width: 200px;
}
@media screen and (max-width: 575px) {
  .footer .footertext .logocol {
    max-width: inherit;
  }
}
.footer .footertext .logocol img {
  max-width: 179px;
  width: 100%;
  padding-bottom: 12px;
}
@media only screen and (max-width: 1024px) {
  .footer .footertext .logocol img {
    max-width: 160px;
  }
}
@media only screen and (max-width: 991px) {
  .footer .footertext .logocol img {
    max-width: 146px;
  }
}
@media only screen and (max-width: 767px) {
  .footer .footertext .logocol img {
    max-width: 136px;
  }
}
@media screen and (max-width: 575px) {
  .footer .footertext .logocol img {
    max-width: 126px;
  }
}
.footer .footertext .logocol a {
  font-family: "Source Sans 3", sans-serif;
  font-size: 18px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 8px;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .footer .footertext .logocol a {
    font-size: 16px;
  }
}
.footer .footertext .logocol a:hover {
  color: #9B32E0;
}
.footer .footertext .paymentcol {
  width: 100%;
  max-width: 266px;
  padding-top: 42px;
}
@media screen and (max-width: 575px) {
  .footer .footertext .paymentcol {
    max-width: inherit;
    padding-top: 0;
  }
}
.footer .footertext h4 {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  line-height: 24px;
  font-family: "Source Sans 3", sans-serif;
  padding-bottom: 6px;
  text-align: center;
}
@media screen and (max-width: 575px) {
  .footer .footertext h4 {
    padding-bottom: 10px;
    text-align: left;
  }
}
.footer .socailicon {
  padding-top: 31px;
}
@media screen and (max-width: 575px) {
  .footer .socailicon {
    padding-top: 0;
  }
}
.footer .socailicon ul {
  display: flex;
  gap: 10px;
}
.footer .socailicon ul li a {
  background: #5E5E5E 0% 0% no-repeat padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 8px;
  border-radius: 50px;
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
}
.footer .socailicon ul li a:hover {
  box-shadow: 0px 4px 0px #9B32E0;
  border: 1px solid #9B32E0;
}
.footer .bottomfooter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 42px;
}
@media only screen and (max-width: 991px) {
  .footer .bottomfooter {
    padding-top: 30px;
  }
}
@media screen and (max-width: 575px) {
  .footer .bottomfooter {
    flex-wrap: wrap-reverse;
    gap: 16px;
    padding-top: 28px;
  }
}
.footer .bottomfooter .copyrigt {
  font-size: 14px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.5);
  font-family: "Source Sans 3", sans-serif;
  font-weight: 400;
}
.footer .bottomfooter ul {
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 575px) {
  .footer .bottomfooter ul {
    flex-wrap: wrap;
    gap: 5px;
  }
}
@media screen and (max-width: 575px) {
  .footer .bottomfooter ul li {
    width: 100%;
  }
}
.footer .bottomfooter ul li a {
  font-size: 14px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.5);
  font-family: "Source Sans 3", sans-serif;
}
.footer .bottomfooter ul li a:hover {
  color: #9B32E0;
}

/*============== Footer Section css End =====================*/
/*============== Back TO Top css Start =====================*/
.back-to-top {
  background-color: #fff;
  text-decoration: none;
  cursor: pointer;
  width: 40px;
  height: 40px;
  z-index: 99;
  position: fixed;
  right: 32px;
  bottom: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 100%;
  border: 1px solid #9B32E0;
}
@media only screen and (max-width: 1024px) {
  .back-to-top {
    width: 34px;
    height: 34px;
    right: 20px;
    bottom: 52px;
  }
}
@media only screen and (max-width: 991px) {
  .back-to-top {
    width: 30px;
    height: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .back-to-top {
    bottom: 36px;
  }
}
.back-to-top:hover, .back-to-top:active {
  box-shadow: none;
  box-shadow: 0px 6px 0px #9B32E0;
}
.back-to-top .icontopni {
  fill: #000;
  width: 20px;
  height: 20px;
}
@media only screen and (max-width: 1024px) {
  .back-to-top .icontopni {
    width: 16px;
    height: 16px;
  }
}
@keyframes UpDown {
  0% {
    bottom: 0;
  }
  50% {
    bottom: 0.5em;
  }
  100% {
    bottom: 0;
  }
}

/*============== Preview Side Bar css Start =====================*/
.preview-wrapper {
  max-width: 362px;
  width: 100%;
  min-height: 100vh;
  height: 100%;
  overflow: auto;
  background-color: #FFFFFF;
  position: fixed;
  top: 0;
  right: -400px;
  z-index: 999;
  transition: all 0.3s ease;
}
@media screen and (max-width: 991px) {
  .preview-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
.preview-wrapper .preview-header {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 24px;
  background-color: #FFFFFF;
  box-shadow: 0px 2px 24px rgba(67, 87, 99, 0.1568627451);
}
.preview-wrapper .preview-header .preview-title {
  font-size: 20px;
  line-height: 120%;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 700;
  color: #000;
}
.preview-wrapper .preview-header .close {
  cursor: pointer;
  display: inline-block;
  background-color: transparent;
  box-shadow: inherit;
  width: 24px;
  height: 24px;
  border-radius: 20px;
  border: none;
  outline: none;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  position: relative;
  box-shadow: none;
}
.preview-wrapper .preview-header .close::before, .preview-wrapper .preview-header .close::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  background: #000;
}
.preview-wrapper .preview-header .close::before {
  width: 18px;
  height: 2px;
}
.preview-wrapper .preview-header .close::after {
  width: 2px;
  height: 18px;
}
.preview-wrapper .preview-conditions {
  margin-bottom: 16px;
}
.preview-wrapper .preview-conditions .read-less, .preview-wrapper .preview-conditions .read-more {
  color: #000;
  font-size: 14px;
  line-height: 140%;
  font-weight: 600;
  font-family: "Source Sans 3", sans-serif;
  text-decoration: underline;
}
.preview-wrapper .preview-conditions .read-less {
  margin-left: 5px;
}
.preview-wrapper .preview-conditions .terms-title {
  font-size: 16px;
  line-height: normal;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 700;
  color: #000;
  margin-bottom: 10px;
}
.preview-wrapper .preview-conditions .conditions-list li {
  font-size: 14px;
  line-height: 140%;
  font-weight: 400;
  font-family: "Source Sans 3", sans-serif;
  color: #000;
  letter-spacing: 0.56px;
  padding-left: 18px;
  position: relative;
  margin-bottom: 10px;
}
.preview-wrapper .preview-conditions .conditions-list li::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #000;
}
.preview-wrapper .preview-conditions .more-conditions {
  display: inline-block;
  font-size: 14px;
  line-height: 140%;
  font-weight: 600;
  font-family: "Source Sans 3", sans-serif;
  color: #000;
  text-decoration: underline;
}
.preview-wrapper .preview-body {
  padding: 24px 24px 18px;
  height: calc(100vh - 190px);
  overflow: auto;
}
@media screen and (max-width: 991px) {
  .preview-wrapper .preview-body {
    flex: 1;
    height: auto;
  }
}
.preview-wrapper .preview-body .preview-img {
  position: relative;
  padding-bottom: 64%;
  border-radius: 24px;
  overflow: hidden;
}
.preview-wrapper .preview-body .preview-img picture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.preview-wrapper .preview-body .preview-img picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.preview-wrapper .body-bottom {
  position: sticky;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FFFFFF;
  box-shadow: 0px 2px 24px rgba(67, 87, 99, 0.1568627451);
  padding: 18px 24px;
}
.preview-wrapper .preview-detail {
  padding: 16px 0;
  font-size: 16px;
  line-height: 140%;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
  color: #959595;
}
.preview-wrapper .preview-detail .detail-title {
  font-size: 16px;
  line-height: 140%;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
  color: #000;
}
.preview-wrapper .preview-detail p {
  margin-bottom: 12px;
}
.preview-wrapper .preview-detail .offer-ends {
  display: inline-block;
  background-color: #FF1D48;
  color: #FFFFFF;
  padding: 3px 6px;
  margin-bottom: 14px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 140%;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
}
.preview-wrapper .preview-detail .preview-price {
  font-size: 18px;
  line-height: 140%;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
  color: #000;
  display: inline-flex;
  align-items: center;
}
.preview-wrapper .preview-detail .preview-price .line-through {
  text-decoration: line-through;
  display: inline-block;
  font-size: 14px;
  line-height: 140%;
  font-weight: 600;
  font-family: "Source Sans 3", sans-serif;
  color: #000;
  margin-left: 8px;
}
.preview-wrapper .preview-detail .preview-price .discounts {
  display: inline-block;
  font-size: 14px;
  line-height: 140%;
  font-weight: 600;
  font-family: "Source Sans 3", sans-serif;
  color: #FF1D48;
  margin-left: 12px;
}
.preview-wrapper .items-count {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 16px;
}
.preview-wrapper .items-count .plus-minus-btn {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 16px;
  max-width: 150px;
  width: 100%;
  border-radius: 28px;
  box-shadow: 0px 4px 0px #D4D4D4;
  border: 1px solid #D4D4D4;
  background-color: #FFFFFF;
}
.preview-wrapper .items-count .plus-minus-btn .item-number {
  display: inline-block;
  font-size: 16px;
  line-height: 120%;
  color: #000;
  font-weight: 600;
  font-family: "Source Sans 3", sans-serif;
}
.preview-wrapper .items-count .plus-minus-btn .item-minus,
.preview-wrapper .items-count .plus-minus-btn .item-plus {
  cursor: pointer;
}
.preview-wrapper .items-count .items-price {
  font-size: 18px;
  line-height: 134%;
  color: #000;
  font-weight: 700;
  font-family: "Source Sans 3", sans-serif;
}
.preview-wrapper .button-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
}
.preview-wrapper .button-wrap .btn {
  width: calc(50% - 6px);
  text-align: center;
  padding: 11px 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 480px) {
  .preview-wrapper .button-wrap .btn {
    padding: 11px 7px;
    font-size: 13px;
  }
}

.show-view-panel {
  position: relative;
  overflow: hidden;
}
.show-view-panel::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.55);
  z-index: 888;
}
.show-view-panel .preview-wrapper {
  right: 0;
}

/*=============== Entertainment-area ===================*/
.entertainment-top {
  background-image: none;
  background-color: transparent;
  padding-top: 72px;
}
@media screen and (max-width: 991px) {
  .entertainment-top {
    padding-top: 62px;
  }
}
@media screen and (max-width: 575px) {
  .entertainment-top {
    padding-top: 52px;
  }
}
@media screen and (max-width: 1280px) {
  .entertainment-top .top-rated-categories {
    margin: 0 -12px;
    padding: 0 12px;
  }
}
.entertainment-top .entertainment-text {
  text-align: left;
  position: absolute;
  bottom: 80px;
  left: 0;
  z-index: 9999;
  right: 0;
}
@media screen and (max-width: 767px) {
  .entertainment-top .entertainment-text {
    bottom: 50px;
  }
}
.entertainment-top .entertainment-text h1 {
  font-family: "Doctor Glitch";
  color: rgba(255, 255, 255, 0.5);
  font-size: 50px;
  line-height: 45px;
  margin-bottom: 0;
}
@media screen and (max-width: 991px) {
  .entertainment-top .entertainment-text h1 {
    font-size: 45px;
  }
}
@media screen and (max-width: 575px) {
  .entertainment-top .entertainment-text h1 {
    font-size: 30px;
    line-height: 35px;
  }
}
.entertainment-top .hero-banner .swiper-slide::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  z-index: 9999;
  background: transparent linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%) 0% 0% no-repeat padding-box;
}
.entertainment-top .hero-banner .swiper-pagination {
  background-color: rgba(255, 255, 255, 0.1215686275);
}

.entertainment-wrapper {
  position: relative;
  padding: 30px 0;
  background: #FFFFFF;
  box-shadow: 0px 2px 24px rgba(67, 87, 99, 0.1568627451);
  border-radius: 24px;
  opacity: 1;
}
@media screen and (max-width: 575px) {
  .entertainment-wrapper {
    border-radius: 20px;
    padding: 20px 0;
  }
}
@media screen and (max-width: 480px) {
  .entertainment-wrapper {
    padding: 20px 0 70px;
  }
}
.entertainment-wrapper .view-all-wrap {
  position: absolute;
  top: -87px;
  right: 0;
}
@media screen and (max-width: 1024px) {
  .entertainment-wrapper .view-all-wrap {
    top: -74px;
  }
}
@media screen and (max-width: 767px) {
  .entertainment-wrapper .view-all-wrap {
    top: -62px;
  }
}
@media screen and (max-width: 480px) {
  .entertainment-wrapper .view-all-wrap {
    top: inherit;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 14px;
  }
}
.entertainment-wrapper .view-all-wrap .btn-primary {
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  .entertainment-wrapper .view-all-wrap .btn-primary {
    padding: 14px 24px;
  }
}
@media screen and (max-width: 767px) {
  .entertainment-wrapper .view-all-wrap .btn-primary {
    padding: 12px 20px;
  }
}
.entertainment-wrapper .swiper-container {
  padding: 0 30px;
}
@media screen and (max-width: 575px) {
  .entertainment-wrapper .swiper-container {
    padding: 0 20px;
  }
}
.entertainment-wrapper .entertainment-area-slider h3 {
  font-size: 16px;
  line-height: 120%;
  font-weight: 600;
  color: #000;
  font-family: "Source Sans 3", sans-serif;
  margin-bottom: 10px;
}
.entertainment-wrapper .entertainment-area-slider a {
  display: inline-block;
  font-size: 16px;
  line-height: 120%;
  font-weight: 600;
  color: #000;
  font-family: "Source Sans 3", sans-serif;
}
.entertainment-wrapper .entertainment-area-slider span {
  display: block;
  font-size: 14px;
  line-height: 120%;
  color: #000;
}
.entertainment-wrapper .entertainment-area-slider span a {
  color: #000;
  font-weight: 600;
  text-decoration: underline;
}
.entertainment-wrapper .entertainment-area-slider .area-img {
  position: relative;
  padding-bottom: 38%;
}
.entertainment-wrapper .entertainment-area-slider .area-img a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
}
.entertainment-wrapper .entertainment-area-slider .area-img a picture, .entertainment-wrapper .entertainment-area-slider .area-img a img {
  width: 100%;
  height: 100%;
}
.entertainment-wrapper .entertainment-area-slider .area-img:after {
  background-image: url(../images/Subtract.svg);
  width: 53px;
  height: 15px;
  content: "";
  position: absolute;
  bottom: -1px;
  right: 0;
  z-index: 1;
}
.entertainment-wrapper .entertainment-area-slider .area-content {
  background: #F3F3F3;
  border-radius: 0px 0px 16px 16px;
  padding: 22px 12px 20px 12px;
  position: relative;
}
.entertainment-wrapper .entertainment-area-slider .area-content .video-btn {
  border: transparent;
  position: absolute;
  background: #FFFFFF;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -7px;
  right: 11px;
  z-index: 1;
}

.entertainment-listing-main {
  margin-top: 20px;
}
.entertainment-listing-main .entertainment-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  padding: 30px;
}
@media screen and (max-width: 991px) {
  .entertainment-listing-main .entertainment-wrapper {
    padding: 20px;
    gap: 20px;
  }
}
.entertainment-listing-main .entertainment-wrapper .entertainment-area-slider {
  width: calc(25% - 23px);
}
@media screen and (max-width: 1199px) {
  .entertainment-listing-main .entertainment-wrapper .entertainment-area-slider {
    width: calc(33.33% - 20px);
  }
}
@media screen and (max-width: 991px) {
  .entertainment-listing-main .entertainment-wrapper .entertainment-area-slider {
    width: calc(33.33% - 14px);
  }
}
@media screen and (max-width: 767px) {
  .entertainment-listing-main .entertainment-wrapper .entertainment-area-slider {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 480px) {
  .entertainment-listing-main .entertainment-wrapper .entertainment-area-slider {
    width: 100%;
  }
}

.entertainment-cards-section .entertainment-cards {
  background: #FFFFFF;
  box-shadow: 0px 2px 24px rgba(67, 87, 99, 0.1568627451);
  border-radius: 24px;
  padding: 30px;
}
@media screen and (max-width: 575px) {
  .entertainment-cards-section .entertainment-cards {
    border-radius: 20px;
    padding: 20px;
  }
}
.entertainment-cards-section .entertainment-cards .cardlist {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
@media screen and (max-width: 991px) {
  .entertainment-cards-section .entertainment-cards .cardlist {
    gap: 24px;
  }
}
@media screen and (max-width: 991px) {
  .entertainment-cards-section .entertainment-cards .cardlist {
    gap: 18px;
  }
}
@media screen and (max-width: 575px) {
  .entertainment-cards-section .entertainment-cards .cardlist {
    gap: 14px;
  }
}
.entertainment-cards-section .entertainment-cards .cardlist .carditem {
  width: calc(20% - 24px);
}
@media screen and (max-width: 991px) {
  .entertainment-cards-section .entertainment-cards .cardlist .carditem {
    width: calc(25% - 18px);
  }
}
@media screen and (max-width: 767px) {
  .entertainment-cards-section .entertainment-cards .cardlist .carditem {
    width: calc(25% - 14px);
  }
}
@media screen and (max-width: 575px) {
  .entertainment-cards-section .entertainment-cards .cardlist .carditem {
    width: calc(33.33% - 10px);
  }
}
@media screen and (max-width: 480px) {
  .entertainment-cards-section .entertainment-cards .cardlist .carditem {
    width: calc(50% - 8px);
  }
}
.entertainment-cards-section .entertainment-cards .cardlist .carditem .thumbnail {
  display: block;
  padding-bottom: 62%;
  overflow: hidden;
  position: relative;
  border-radius: 10px;
}
.entertainment-cards-section .entertainment-cards .cardlist .carditem .thumbnail picture,
.entertainment-cards-section .entertainment-cards .cardlist .carditem .thumbnail img {
  width: 100%;
  display: block;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  width: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  border-radius: 10px;
}

.top-rated-categories-section {
  padding-top: 70px;
}
@media screen and (max-width: 1199px) {
  .top-rated-categories-section {
    padding-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .top-rated-categories-section {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 1280px) {
  .top-rated-categories-section .swiper-container {
    margin: 0 -12px;
    padding: 0 12px;
  }
}
.top-rated-categories-section .area-img {
  padding-bottom: 80.68%;
  border-radius: 24px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .top-rated-categories-section .area-img {
    border-radius: 20px;
  }
}
@media (max-width: 767px) {
  .top-rated-categories-section .area-img {
    border-radius: 16px;
  }
}
@media (max-width: 479px) {
  .top-rated-categories-section .area-img {
    border-radius: 12px;
  }
}
.top-rated-categories-section .area-img a {
  display: block;
  width: 100%;
  height: 100%;
}
.top-rated-categories-section .area-img a picture {
  display: block;
}
.top-rated-categories-section .area-img a img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.3s linear;
}
.top-rated-categories-section .area-img.img-hover:hover img {
  transform: scale(1.1);
}

/* ==================modal-css =================*/
.entertainment-popup .modal-dialog {
  max-width: 600px;
  width: 100%;
  animation: opt-animation3 1s;
  -moz-animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@media screen and (max-width: 767px) {
  .entertainment-popup .modal-dialog {
    margin: 0 auto;
  }
}
.entertainment-popup .closeicon {
  display: inline-block;
  background: #FFFFFF;
  width: 24px;
  height: 24px;
  border-radius: 20px;
  border: none;
  outline: none;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  position: absolute;
  right: -22px;
  top: -22px;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .entertainment-popup .closeicon {
    right: -16px;
    top: -16px;
  }
}
.entertainment-popup .closeicon:after, .entertainment-popup .closeicon:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  background: #000;
}
.entertainment-popup .closeicon::before {
  width: 12px;
  height: 2px;
}
.entertainment-popup .closeicon::after {
  width: 2px;
  height: 12px;
}
.entertainment-popup .modal-body {
  padding: 0;
}
.entertainment-popup .modal-body .video-popup {
  vertical-align: middle;
}
.entertainment-popup .modal-body .video-thumbnail iframe {
  vertical-align: middle;
  border-radius: 24px;
}
.entertainment-popup .modal-body .video-thumbnail video {
  cursor: pointer;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  border-radius: 24px;
}
.entertainment-popup .modal-content {
  background: transparent;
  padding: 0px;
  border-radius: 30px;
  border: 5px solid #FFFFFF;
  margin: 12px;
}
@keyframes opt-animation3 {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

/*=============== End Entertainment-area ===================*/
/*=============== Entertainment-Listing Css Start =============*/
.entertainment-listing {
  padding-top: 70px;
  background-color: transparent;
  background-image: none;
  position: relative;
}
@media screen and (max-width: 991px) {
  .entertainment-listing {
    padding-top: 65px;
  }
}
@media screen and (max-width: 575px) {
  .entertainment-listing {
    padding-top: 54px;
  }
}
.entertainment-listing .entertainmentgallery {
  margin-top: -204px;
}
@media screen and (max-width: 1366px) {
  .entertainment-listing .entertainmentgallery {
    margin-top: -175px;
  }
}
@media screen and (max-width: 1280px) {
  .entertainment-listing .entertainmentgallery {
    margin-top: -135px;
  }
}
@media screen and (max-width: 1024px) {
  .entertainment-listing .entertainmentgallery {
    margin-top: -108px;
  }
}
@media screen and (max-width: 991px) {
  .entertainment-listing .entertainmentgallery {
    margin-top: -88px;
  }
}
@media screen and (max-width: 767px) {
  .entertainment-listing .entertainmentgallery {
    margin-top: -60px;
  }
}
@media screen and (max-width: 575px) {
  .entertainment-listing .entertainmentgallery {
    margin-top: -30px;
  }
}
.entertainment-listing .entertainmentgallery .listing {
  background: #FEF3F0 0% 0% no-repeat padding-box;
  border-radius: 40px;
  padding: 24px 60px;
  position: relative;
}
@media screen and (max-width: 991px) {
  .entertainment-listing .entertainmentgallery .listing {
    padding: 24px 40px;
  }
}
@media screen and (max-width: 767px) {
  .entertainment-listing .entertainmentgallery .listing {
    border-radius: 30px;
    padding: 20px;
  }
}
@media screen and (max-width: 575px) {
  .entertainment-listing .entertainmentgallery .listing {
    border-radius: 20px;
    padding: 15px;
  }
}
.entertainment-listing .entertainmentgallery .listing .plyicon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  margin: auto;
  height: 50px;
  width: 50px;
}
.entertainment-listing .entertainmentgallery .listing .plyicon img {
  max-width: 100%;
}
@media screen and (max-width: 575px) {
  .entertainment-listing .entertainmentgallery .listing .plyicon {
    height: 40px;
    width: 40px;
  }
}
.entertainment-listing .entertainmentgallery .listing .videoimg {
  position: relative;
}
.entertainment-listing .entertainmentgallery .listing .videoimg:after {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  left: 0;
  border-radius: 24px;
}
.entertainment-listing .entertainmentgallery .listing .swiper-slide {
  width: auto;
}
.entertainment-listing .entertainmentgallery .listing .swiper-slide video {
  border-radius: 24px;
  position: absolute;
  left: 0;
}
.entertainment-listing .entertainmentgallery .listing #lightbox {
  display: none;
}
.entertainment-listing .entertainmentgallery .listing .slider-arrow {
  justify-content: space-between;
  margin: 0 15px;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
}
@media screen and (max-width: 991px) {
  .entertainment-listing .entertainmentgallery .listing .slider-arrow {
    margin: 0 6px;
  }
}
@media screen and (max-width: 767px) {
  .entertainment-listing .entertainmentgallery .listing .slider-arrow {
    margin: 0 4px;
  }
}
.entertainment-listing .entertainmentgallery .listing .fancy-prev, .entertainment-listing .entertainmentgallery .listing .fancy-next {
  position: relative;
  z-index: 11;
  top: -8px;
}
.entertainment-listing .entertainmentgallery .listing .fancy-prev::after, .entertainment-listing .entertainmentgallery .listing .fancy-next::after {
  content: "";
  position: absolute;
  background: #fff;
  width: 49px;
  height: 96px;
  z-index: -1;
}
@media screen and (max-width: 991px) {
  .entertainment-listing .entertainmentgallery .listing .fancy-prev::after, .entertainment-listing .entertainmentgallery .listing .fancy-next::after {
    width: 35px;
    height: 60px;
  }
}
@media screen and (max-width: 767px) {
  .entertainment-listing .entertainmentgallery .listing .fancy-prev::after, .entertainment-listing .entertainmentgallery .listing .fancy-next::after {
    width: 25px;
    height: 48px;
  }
}
.entertainment-listing .entertainmentgallery .listing .fancy-prev:after {
  right: -14px;
  border-radius: 0px 50px 50px 0px;
}
@media screen and (max-width: 991px) {
  .entertainment-listing .entertainmentgallery .listing .fancy-prev:after {
    right: -9px;
  }
}
@media screen and (max-width: 767px) {
  .entertainment-listing .entertainmentgallery .listing .fancy-prev:after {
    right: -4px;
  }
}
.entertainment-listing .entertainmentgallery .listing .fancy-next:after {
  left: -14px;
  border-radius: 50px 0px 0px 50px;
}
@media screen and (max-width: 991px) {
  .entertainment-listing .entertainmentgallery .listing .fancy-next:after {
    left: -9px;
  }
}
@media screen and (max-width: 767px) {
  .entertainment-listing .entertainmentgallery .listing .fancy-next:after {
    left: -4px;
  }
}
.entertainment-listing .hero-banner {
  height: calc(100vh - 150px);
}
@media screen and (max-width: 1280px) {
  .entertainment-listing .hero-banner {
    height: calc(100vh - 190px);
  }
}
@media screen and (max-width: 1199px) {
  .entertainment-listing .hero-banner {
    height: 100%;
  }
}
.entertainment-listing .hero-banner picture {
  width: 100%;
  height: 100%;
}
.entertainment-listing .hero-banner picture img {
  height: 100%;
  width: 100%;
  border-radius: 0 0 80px 80px;
}
@media screen and (max-width: 1280px) {
  .entertainment-listing .hero-banner picture img {
    border-radius: 0 0 60px 60px;
  }
}
@media screen and (max-width: 1199px) {
  .entertainment-listing .hero-banner picture img {
    border-radius: 0 0 30px 30px;
  }
}
@media screen and (max-width: 767px) {
  .entertainment-listing .hero-banner picture img {
    border-radius: 0 0 20px 20px;
  }
}

.fancybox-toolbar {
  opacity: 1;
  visibility: visible;
}

.trampo-cards .cards-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 991px) {
  .trampo-cards .cards-header {
    flex-wrap: wrap;
    gap: 23px;
  }
}
@media screen and (max-width: 767px) {
  .trampo-cards .cards-header {
    justify-content: end;
  }
}
@media screen and (max-width: 575px) {
  .trampo-cards .cards-header {
    flex-wrap: wrap;
  }
}
.trampo-cards .cards-header .terms {
  display: flex;
  justify-content: space-between;
  gap: 18px;
}
@media screen and (max-width: 991px) {
  .trampo-cards .cards-header .terms {
    justify-content: end;
    width: 100%;
  }
}
@media screen and (max-width: 575px) {
  .trampo-cards .cards-header .terms {
    flex-wrap: wrap;
    gap: 0;
  }
}
.trampo-cards .cards-header .terms .tearm-condition {
  position: relative;
}
@media screen and (max-width: 575px) {
  .trampo-cards .cards-header .terms .tearm-condition {
    width: 100%;
  }
}
.trampo-cards .cards-header .terms .tearm-condition .terms-and-conditions {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 24px rgba(67, 87, 99, 0.1568627451);
  border-radius: 24px;
  padding: 8px 17px;
  cursor: pointer;
  margin-bottom: 10px;
}
@media screen and (max-width: 991px) {
  .trampo-cards .cards-header .terms .tearm-condition .terms-and-conditions {
    white-space: nowrap;
  }
}
@media screen and (max-width: 575px) {
  .trampo-cards .cards-header .terms .tearm-condition .terms-and-conditions {
    white-space: inherit;
  }
}
.trampo-cards .cards-header .terms .tearm-condition .terms-and-conditions picture {
  width: 24px;
  height: 24px;
}
.trampo-cards .cards-header .terms .tearm-condition .terms-and-conditions picture img {
  width: 24px;
  height: 24px;
}
.trampo-cards .cards-header .terms .tearm-condition:hover .termsconditionslist {
  display: block;
}
.trampo-cards .cards-header .terms .tearm-condition span {
  font-size: 16px;
  line-height: 134%;
  font-weight: 600;
  display: inline-block;
  color: #000;
  font-family: "Source Sans 3", sans-serif;
  text-transform: uppercase;
}
.trampo-cards .cards-header .terms .tearm-condition .termsconditionslist {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 24px rgba(67, 87, 99, 0.1568627451);
  border-radius: 24px;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  width: 409px;
  padding: 16px 20px;
  z-index: 99;
  right: 0;
  position: absolute;
  display: none;
}
@media screen and (max-width: 575px) {
  .trampo-cards .cards-header .terms .tearm-condition .termsconditionslist {
    width: 100%;
    z-index: 99;
  }
}
.trampo-cards .cards-header .terms .tearm-condition .termsconditionslist .termsconditionsitem {
  width: 100%;
  font-size: 16px;
  color: #000;
  line-height: 120%;
  font-family: "Source Sans 3", sans-serif;
  position: relative;
  padding-left: 24px;
  padding-bottom: 7px;
}
.trampo-cards .cards-header .terms .tearm-condition .termsconditionslist .termsconditionsitem:after {
  position: absolute;
  width: 10px;
  height: 10px;
  content: "";
  background-color: #000;
  border-radius: 50px;
  left: 0;
  top: 4px;
}
.trampo-cards .cards-header .terms .tearm-condition .reedemlist {
  gap: 0;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 400;
  text-transform: capitalize;
  width: 100%;
  margin-bottom: 8px;
  min-width: 409px;
}
@media screen and (max-width: 575px) {
  .trampo-cards .cards-header .terms .tearm-condition .reedemlist {
    min-width: 299px;
  }
}
.trampo-cards .cards-header .terms .tearm-condition .reedemlist h3 {
  font-size: 18px;
  line-height: 139%;
  color: rgba(0, 0, 0, 0.7);
  font-family: "Source Sans 3", sans-serif;
  display: block;
  margin-bottom: 12px;
  font-weight: 700;
}
.trampo-cards .cards-header .terms .tearm-condition .reedemlist p {
  margin-bottom: 8px;
  display: block;
}
.trampo-cards .cards-header .terms .tearm-condition .reedemlist p:nth-child(3) {
  margin-bottom: 0;
}
.trampo-cards .cards-header .terms .tearm-condition .reedemlist ol {
  list-style-type: decimal-leading-zero;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding-left: 21px;
  margin-bottom: 0;
}
.trampo-cards .cards-header .terms .tearm-condition .reedemlist ol li {
  width: 100%;
}

#myVideo {
  padding: 0px;
  border-radius: 30px;
  border: 5px solid #FFFFFF;
}
@media screen and (max-width: 767px) {
  #myVideo {
    width: 95%;
    height: auto;
    background: transparent;
    border: 3px solid #FFFFFF;
  }
}

.trampo-cards .entertainmentcards {
  display: flex;
  justify-content: space-between;
  gap: 32px;
  align-items: flex-start;
  position: relative;
  z-index: 9;
}
@media screen and (max-width: 767px) {
  .trampo-cards .entertainmentcards {
    gap: 30px;
    flex-wrap: wrap;
  }
}
.trampo-cards .entertainmentcards .cardleft {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 24px rgba(67, 87, 99, 0.1568627451);
  border-radius: 24px;
  width: calc(100% - 834px);
  padding: 26px 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: -webkit-sticky;
  position: sticky;
  top: 85px;
}
@media screen and (max-width: 1199px) {
  .trampo-cards .entertainmentcards .cardleft {
    width: calc(40% - 10px);
    border-radius: 20px;
    padding: 19px 16px;
  }
}
@media screen and (max-width: 767px) {
  .trampo-cards .entertainmentcards .cardleft {
    width: 100%;
    position: static;
  }
}
.trampo-cards .entertainmentcards .cardleft .trampo-logo img {
  width: 151px;
  height: 53px;
}
.trampo-cards .entertainmentcards .cardleft span {
  display: block;
  color: #000;
  font-size: 16px;
  line-height: 120%;
  font-family: "Source Sans 3", sans-serif;
  margin-top: 14px;
  margin-bottom: 6px;
}
.trampo-cards .entertainmentcards .cardleft .locationlist {
  background: rgba(242, 107, 61, 0.0784313725);
  border-radius: 16px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.trampo-cards .entertainmentcards .cardleft .locationlist .locationitem {
  color: #000;
  font-size: 16px;
  line-height: 134%;
  font-family: "Source Sans 3", sans-serif;
  display: flex;
  gap: 8px;
  margin-top: 0;
  padding: 16px;
  font-weight: 500;
  cursor: pointer;
}
.trampo-cards .entertainmentcards .cardleft .locationlist .locationitem picture {
  width: 24px;
  height: 24px;
}
.trampo-cards .entertainmentcards .cardleft .locationlist .locationitem.active, .trampo-cards .entertainmentcards .cardleft .locationlist .locationitem:hover {
  background: rgba(242, 107, 61, 0.1607843137);
  border-radius: 16px;
}
.trampo-cards .entertainmentcards .cardleft .locationlist .locationitem p {
  width: 100%;
}
.trampo-cards .entertainmentcards .cardleft .locationlist span {
  margin-top: 0;
  margin-bottom: 0;
}
.trampo-cards .entertainmentcards .cardleft .locationlist.timecol {
  padding: 16px;
  gap: 12px;
}
.trampo-cards .entertainmentcards .cardleft .locationlist.timecol .locationitem {
  padding: 0;
  cursor: auto;
}
.trampo-cards .entertainmentcards .cardleft .locationlist.timecol .locationitem:hover {
  background-color: transparent;
}
.trampo-cards .entertainmentcards .cardright {
  width: calc(100% - 406px);
}
@media screen and (max-width: 1199px) {
  .trampo-cards .entertainmentcards .cardright {
    width: calc(60% - 10px);
  }
}
@media screen and (max-width: 767px) {
  .trampo-cards .entertainmentcards .cardright {
    width: 100%;
  }
}
.trampo-cards .entertainmentcards .cardright .trampo-cards-item {
  display: flex;
  gap: 30px 10px;
  flex-wrap: wrap;
}
@media screen and (max-width: 375px) {
  .trampo-cards .entertainmentcards .cardright .trampo-cards-item {
    gap: 24px 10px;
  }
}
.trampo-cards .entertainmentcards .cardright .trampo-cards-item .trampo-cards-list {
  width: calc(33.33% - 10px);
}
@media screen and (max-width: 1199px) {
  .trampo-cards .entertainmentcards .cardright .trampo-cards-item .trampo-cards-list {
    width: calc(50% - 5px);
  }
}
@media screen and (max-width: 767px) {
  .trampo-cards .entertainmentcards .cardright .trampo-cards-item .trampo-cards-list {
    width: calc(33.33% - 10px);
  }
}
@media screen and (max-width: 575px) {
  .trampo-cards .entertainmentcards .cardright .trampo-cards-item .trampo-cards-list {
    width: calc(50% - 5px);
  }
}
@media screen and (max-width: 375px) {
  .trampo-cards .entertainmentcards .cardright .trampo-cards-item .trampo-cards-list {
    width: 100%;
  }
}
.trampo-cards .entertainmentcards .cardright .trampo-cards-item .trampo-cards-list a.thumbnail {
  color: #000;
  font-size: 16px;
  line-height: 134%;
  font-family: "Source Sans 3", sans-serif;
  display: block;
  padding-bottom: 80%;
  overflow: hidden;
  position: relative;
  border-radius: 24px;
}
.trampo-cards .entertainmentcards .cardright .trampo-cards-item .trampo-cards-list a.thumbnail picture,
.trampo-cards .entertainmentcards .cardright .trampo-cards-item .trampo-cards-list a.thumbnail img {
  width: 100%;
  display: block;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  width: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  transition: all 0.3s ease;
}
.trampo-cards .entertainmentcards .cardright .trampo-cards-item .trampo-cards-list a.thumbnail:hover img {
  transform: scale(1.1);
}
.trampo-cards .entertainmentcards .cardright .trampo-cards-item .trampo-cards-list .trampo-cards-deails {
  margin-top: 18px;
}
.trampo-cards .entertainmentcards .cardright .trampo-cards-item .trampo-cards-list .trampo-cards-deails a {
  color: #000;
  font-size: 16px;
  font-family: "Source Sans 3", sans-serif;
  line-height: 120%;
}
@media screen and (max-width: 991px) {
  .trampo-cards .entertainmentcards .cardright .trampo-cards-item .trampo-cards-list .trampo-cards-deails {
    margin-top: 10px;
  }
}
.trampo-cards .entertainmentcards .cardright .trampo-cards-item .trampo-cards-list .trampo-cards-deails .pricecol {
  display: flex;
  gap: 12px;
  margin-top: 8px;
  margin-bottom: 18px;
}
@media screen and (max-width: 1199px) {
  .trampo-cards .entertainmentcards .cardright .trampo-cards-item .trampo-cards-list .trampo-cards-deails .pricecol {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 991px) {
  .trampo-cards .entertainmentcards .cardright .trampo-cards-item .trampo-cards-list .trampo-cards-deails .pricecol {
    flex-wrap: wrap;
    margin-bottom: 8px;
  }
}
.trampo-cards .entertainmentcards .cardright .trampo-cards-item .trampo-cards-list .trampo-cards-deails .pricecol strong {
  font-size: 20px;
  line-height: 140%;
  color: #000;
  font-weight: 700;
  font-family: "Source Sans 3", sans-serif;
}
@media screen and (max-width: 991px) {
  .trampo-cards .entertainmentcards .cardright .trampo-cards-item .trampo-cards-list .trampo-cards-deails .pricecol strong {
    font-size: 16px;
  }
}
.trampo-cards .entertainmentcards .cardright .trampo-cards-item .trampo-cards-list .trampo-cards-deails .pricecol span {
  font-size: 20px;
  line-height: 140%;
  color: #000;
  font-weight: 600;
  font-family: "Source Sans 3", sans-serif;
  text-decoration: line-through;
}
@media screen and (max-width: 991px) {
  .trampo-cards .entertainmentcards .cardright .trampo-cards-item .trampo-cards-list .trampo-cards-deails .pricecol span {
    font-size: 16px;
  }
}
.trampo-cards .entertainmentcards .cardright .trampo-cards-item .trampo-cards-list .trampo-cards-deails .btn-wrap a {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  border: 1px solid #000;
  padding: 15px 22px;
}
.trampo-cards .entertainmentcards .cardright .trampo-cards-item .trampo-cards-list .trampo-cards-deails .btn-wrap a:hover {
  border: 1px solid #9B32E0;
}
@media screen and (max-width: 767px) {
  .trampo-cards .entertainmentcards .cardright .trampo-cards-item .trampo-cards-list .trampo-cards-deails .btn-wrap a {
    padding: 10px;
  }
}
.trampo-cards .entertainmentcards .cardright .trampo-cards-item .trampo-cards-list .trampo-cards-deails .btn-wrap .add-m-none {
  font-size: 14px;
  font-weight: 600;
}

/*=============== Entertainment-Listing Css End ===================*/
/*============ Entertainment Detail Css Start ================*/
.entertainment-detail {
  padding-top: 112px;
  padding-bottom: 80px;
  min-height: calc(100vh - 248px);
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .entertainment-detail {
    min-height: auto;
    padding-top: 86px;
    padding-bottom: 50px;
  }
}
.entertainment-detail .details {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  position: relative;
  z-index: 9;
  align-items: self-start;
}
@media screen and (max-width: 767px) {
  .entertainment-detail .details {
    flex-wrap: wrap;
  }
}
.entertainment-detail .details .mycart {
  width: calc(100% - 295px);
}
@media screen and (max-width: 991px) {
  .entertainment-detail .details .mycart {
    width: calc(65% - 10px);
  }
}
@media screen and (max-width: 767px) {
  .entertainment-detail .details .mycart {
    width: 100%;
  }
}
.entertainment-detail .details .mycart .section-header {
  padding-bottom: 20px;
}
.entertainment-detail .details .mycart .clearcard-btn .clearbtn {
  background: #FFFFFF;
  box-shadow: 0px 2px 24px rgba(67, 87, 99, 0.1568627451);
  border-radius: 24px;
  border: none;
  padding: 9px 23px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #000;
  font-weight: 600;
  line-height: 134%;
  font-family: "Source Sans 3", sans-serif;
  border: 1px solid #FFFFFF;
  outline: none;
  transition: all 0.3s ease;
  position: relative;
}
.entertainment-detail .details .mycart .clearcard-btn .clearbtn img {
  transition: all 0.3s ease;
  width: 24px;
  height: 24px;
}
.entertainment-detail .details .mycart .clearcard-btn .clearbtn:hover {
  background-color: #000;
  color: #FFFFFF;
}
.entertainment-detail .details .mycart .clearcard-btn .clearbtn:hover img {
  filter: invert(1);
}
.entertainment-detail .details .mycart .cart-table {
  background: #FFFFFF;
  box-shadow: 0px 2px 24px rgba(67, 87, 99, 0.1568627451);
  border-radius: 24px;
  opacity: 1;
  padding: 20px 20px 24px;
  overflow-x: inherit !important;
}
@media screen and (max-width: 1280px) {
  .entertainment-detail .details .mycart .cart-table {
    overflow-x: auto !important;
  }
}
.entertainment-detail .details .mycart .cart-table table {
  width: 903px;
  margin-bottom: 0;
}
@media screen and (max-width: 991px) {
  .entertainment-detail .details .mycart .cart-table table {
    width: 650px;
  }
}
.entertainment-detail .details .mycart .cart-table table input.form-check-input {
  border: 1px solid #000;
  border-radius: 6px;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  cursor: pointer;
}
.entertainment-detail .details .mycart .cart-table table input.form-check-input:checked {
  background-color: #000;
  opacity: 1;
}
.entertainment-detail .details .mycart .cart-table table input.form-check-input:focus {
  box-shadow: none;
}
.entertainment-detail .details .mycart .cart-table table input.form-check-input:checked[type=checkbox] {
  background-image: url(../images/righticon.svg);
  background-size: 12px;
  cursor: pointer;
}
.entertainment-detail .details .mycart .cart-table table tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.entertainment-detail .details .mycart .cart-table table thead tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.entertainment-detail .details .mycart .cart-table table thead tr th {
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  line-height: 120%;
  font-weight: 600;
  font-family: "Source Sans 3", sans-serif;
  padding: 0 0 20px 0;
}
.entertainment-detail .details .mycart .cart-table table tbody td {
  padding: 14px 0 14px 0;
  vertical-align: middle;
}
.entertainment-detail .details .mycart .cart-table table tbody tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.entertainment-detail .details .mycart .cart-table table tbody tr:last-child {
  border-bottom: 0;
}
.entertainment-detail .details .mycart .cart-table table tbody tr:last-child td {
  padding-bottom: 0;
}
.entertainment-detail .details .mycart .cart-table table tbody .tableimg {
  width: 74px;
  height: 74px;
  border-radius: 14px;
  object-fit: cover;
  min-width: 74px;
  min-height: 74px;
}
.entertainment-detail .details .mycart .cart-table table tbody .productimg {
  align-items: center;
  display: flex;
  gap: 16px;
}
.entertainment-detail .details .mycart .cart-table table tbody .productimg span {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 600;
  line-height: 120%;
  font-family: "Source Sans 3", sans-serif;
  cursor: pointer;
}
.entertainment-detail .details .mycart .cart-table table tbody .productimg span strong, .entertainment-detail .details .mycart .cart-table table tbody .productimg span a {
  display: block;
  font-size: 18px;
  color: #000;
  font-weight: 600;
  font-family: "Source Sans 3", sans-serif;
  line-height: 120%;
  margin-bottom: 2px;
}
.entertainment-detail .details .mycart .cart-table table tbody .productbtn {
  background: #FFFFFF;
  box-shadow: 0px 4px 0px #D4D4D4;
  border: 1px solid #D4D4D4;
  border-radius: 28px;
  opacity: 1;
  padding: 9px 12px;
  display: inline-flex;
  justify-content: space-between;
  max-width: 143px;
  height: 42px;
  width: 100%;
}
.entertainment-detail .details .mycart .cart-table table tbody .productbtn span {
  color: #000;
  font-size: 16px;
  display: inline-block;
  font-weight: 600;
  font-family: "Source Sans 3", sans-serif;
  cursor: pointer;
}
.entertainment-detail .details .mycart .cart-table table tbody strong {
  display: block;
  font-size: 18px;
  color: #000;
  font-weight: 700;
  font-family: "Source Sans 3", sans-serif;
  line-height: 120%;
  margin-bottom: 2px;
}
.entertainment-detail .details .subtotal {
  background: #FFFFFF;
  box-shadow: 0px 2px 24px rgba(67, 87, 99, 0.1568627451);
  border-radius: 24px;
  padding: 20px 16px;
  width: calc(100% - 925px);
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
}
@media screen and (max-width: 1199px) {
  .entertainment-detail .details .subtotal {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 991px) {
  .entertainment-detail .details .subtotal {
    width: calc(35% - 10px);
  }
}
@media screen and (max-width: 767px) {
  .entertainment-detail .details .subtotal {
    width: 100%;
    position: static;
  }
}
.entertainment-detail .details .subtotal .subtotallist {
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.entertainment-detail .details .subtotal .subtotallist .subtotalitem {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.entertainment-detail .details .subtotal .subtotallist .subtotalitem span {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 600;
  font-family: "Source Sans 3", sans-serif;
  line-height: 120%;
}
.entertainment-detail .details .subtotal .subtotallist .subtotalitem strong {
  font-size: 18px;
  color: #000;
  font-weight: 700;
  line-height: 140%;
  font-family: "Source Sans 3", sans-serif;
}
.entertainment-detail .details .subtotal .subtotallist .subtotalitem strong.discount {
  color: rgba(0, 0, 0, 0.5);
}
.entertainment-detail .details .subtotal .grand-total {
  border-top: 1px dashed rgba(0, 0, 0, 0.1);
  padding-top: 20px;
}
.entertainment-detail .details .subtotal .grand-total li {
  display: flex;
  justify-content: space-between;
}
.entertainment-detail .details .subtotal .grand-total li span {
  font-size: 16px;
  color: #000;
  font-weight: 600;
  font-family: "Source Sans 3", sans-serif;
  line-height: 120%;
}
.entertainment-detail .details .subtotal .grand-total li strong {
  font-size: 18px;
  color: #000;
  font-weight: 700;
  line-height: 140%;
  font-family: "Source Sans 3", sans-serif;
}
.entertainment-detail .details .subtotal .grand-total button {
  background-color: #000;
  color: #FFFFFF;
  letter-spacing: 0.56px;
  font-size: 14px;
  font-weight: 600;
  font-family: "Source Sans 3", sans-serif;
  border: 1px solid #000;
  width: 100%;
  padding: 9px 0;
  border-radius: 34px;
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 20px;
  outline: none;
  transition: all 0.3s ease;
  position: relative;
  border: 1px solid #000;
  box-shadow: 0px 0px 0px #000;
}
.entertainment-detail .details .subtotal .grand-total button:hover {
  box-shadow: 0px 4px 0px #9B32E0;
  background-color: #FFFFFF;
  color: #000;
  border-color: #9B32E0;
}
.entertainment-detail .details .subtotal .grand-total button:hover img {
  transition: all 0.3s ease;
  filter: invert(1);
}
.entertainment-detail .details .subtotal .grand-total button span img {
  width: 16px;
  height: 16px;
}

/*============ Entertainment Detail Css Ebd ===============*/
/*==============Terms And Conditions Css Start ==============*/
.terms-privacy {
  border-radius: 0px 0px 80px 80px;
  padding-top: 72px;
}
@media screen and (max-width: 1199px) {
  .terms-privacy {
    border-radius: 0px 0px 30px 30px;
  }
}
.terms-privacy .bannerheading {
  display: flex;
  align-items: center;
  padding: 33px 0 43px 0;
  justify-content: space-between;
}
@media screen and (max-width: 575px) {
  .terms-privacy .bannerheading {
    flex-wrap: wrap;
    gap: 25px;
  }
}
.terms-privacy .bannerheading .title {
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  line-height: 20px;
  font-family: "Source Sans 3", sans-serif;
  max-width: 628px;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .terms-privacy .bannerheading .title {
    max-width: 450px;
  }
}
.terms-privacy .bannerheading .title h1 {
  font-size: 62px;
  line-height: 78px;
  font-weight: 900;
  font-family: "Source Sans 3", sans-serif;
  margin-bottom: 13px;
}
@media screen and (max-width: 1199px) {
  .terms-privacy .bannerheading .title h1 {
    font-size: 50px;
  }
}
@media screen and (max-width: 991px) {
  .terms-privacy .bannerheading .title h1 {
    font-size: 40px;
  }
}
@media screen and (max-width: 767px) {
  .terms-privacy .bannerheading .title h1 {
    font-size: 33px;
    line-height: 36px;
  }
}
.terms-privacy .bannerheading .headingimg {
  max-width: 150px;
  width: 100%;
}
@media screen and (max-width: 575px) {
  .terms-privacy .bannerheading .headingimg {
    margin: 0 auto;
  }
}
.terms-privacy .bannerheading .headingimg img {
  max-width: 150px;
  width: 100%;
}
.terms-privacy.privacy-policy {
  background-color: #CDFFCB;
}
.terms-privacy.terms-and-conditions {
  background: #C8E5FE;
}

.accordion-section {
  min-height: calc(100vh - 584px);
  padding-top: 50px;
  padding-bottom: 70px;
  height: 100%;
}
.accordion-section .accordion {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.accordion-section .accordion .accordion-item {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 10px rgba(67, 87, 99, 0.1019607843);
  border-radius: 15px;
  border-bottom: 0;
  width: 100%;
}
.accordion-section .accordion .accordion-item .accordion-button {
  background-color: transparent;
  letter-spacing: 0px;
  color: #000;
  border: none;
  font-size: 20px;
  line-height: 134%;
  font-weight: 700;
  font-family: "Source Sans 3", sans-serif;
  padding: 30px 60px 30px 20px;
}
@media screen and (max-width: 991px) {
  .accordion-section .accordion .accordion-item .accordion-button {
    padding: 24px 55px 24px 18px;
  }
}
@media screen and (max-width: 767px) {
  .accordion-section .accordion .accordion-item .accordion-button {
    font-size: 18px;
    padding: 20px;
  }
}
@media screen and (max-width: 575px) {
  .accordion-section .accordion .accordion-item .accordion-button {
    font-size: 16px;
    padding: 17px 50px 17px 11px;
  }
}
.accordion-section .accordion .accordion-item .accordion-button:focus {
  border-color: transparent;
  box-shadow: none;
}
.accordion-section .accordion .accordion-item .accordion-button:focus-visible {
  outline: none;
}
.accordion-section .accordion .accordion-item .accordion-button:after {
  background-color: rgba(114, 165, 216, 0.1);
  border: 0.5px solid rgba(0, 64, 129, 0.1);
  border-radius: 68px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: 50% 50%;
  background-image: url(../images/up-arrow.svg);
  background-size: 10px;
  transform: rotate(-180deg);
  position: absolute;
  right: 20px;
}
@media screen and (max-width: 991px) {
  .accordion-section .accordion .accordion-item .accordion-button:after {
    right: 18px;
  }
}
@media screen and (max-width: 575px) {
  .accordion-section .accordion .accordion-item .accordion-button:after {
    right: 11px;
  }
}
.accordion-section .accordion .accordion-item .accordion-button:not(.collapsed)::after {
  transform: rotate(0deg);
}
.accordion-section .accordion .accordion-item .accordion-button:not(.collapsed) {
  box-shadow: none;
}
.accordion-section .accordion .accordion-item .accordion-header:focus-visible {
  outline: none;
}
.accordion-section .accordion .accordion-item .accordion-collapse:focus-visible {
  outline: none;
}
.accordion-section .accordion .accordion-body {
  padding-top: 0;
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  line-height: 134%;
  font-family: "Source Sans 3", sans-serif;
  display: block;
  padding-bottom: 30px;
}
.accordion-section .accordion .accordion-body p {
  margin-bottom: 12px;
}
.accordion-section .accordion .accordion-body p:last-child {
  margin-bottom: 0;
}
.accordion-section .accordion .accordion-body:focus-visible {
  outline: none;
}

/*==============Terms And Conditions Css End ==============*/
/* ============  Digital-Card Page Css Start ==============*/
.digital-card-banner-sec {
  padding-top: 72px;
  background: #fff;
}
@media screen and (max-width: 991px) {
  .digital-card-banner-sec {
    padding-top: 64px;
  }
}
@media screen and (max-width: 767px) {
  .digital-card-banner-sec {
    padding-top: 54px;
  }
}
@media screen and (min-width: 1180px) {
  .digital-card-banner-sec .swiper-wrapper {
    height: calc(100vh - 160px);
  }
}
.digital-card-banner-sec .swiper-wrapper .swiper-slide::before {
  content: none;
}
.digital-card-banner-sec .swiper-wrapper .swiper-slide picture {
  height: 100%;
  width: 100%;
}
.digital-card-banner-sec .swiper-wrapper .swiper-slide picture img {
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 1440px) {
  .digital-card-banner-sec .swiper-wrapper .swiper-slide picture img {
    object-fit: cover;
  }
}
@media screen and (max-width: 1080px) {
  .digital-card-banner-sec .swiper-wrapper .swiper-slide picture img {
    object-fit: inherit;
  }
}
.digital-card-banner-sec .bottom-pagination {
  top: 40%;
  left: inherit;
  right: 0;
  z-index: 44;
}
@media screen and (max-width: 767px) {
  .digital-card-banner-sec .bottom-pagination {
    right: -30px;
  }
}
@media screen and (max-width: 576px) {
  .digital-card-banner-sec .bottom-pagination {
    text-align: center;
    right: 0;
    left: 0;
    top: inherit;
  }
}
.digital-card-banner-sec .swiper-pagination {
  transform: rotate(270deg);
}
@media screen and (max-width: 576px) {
  .digital-card-banner-sec .swiper-pagination {
    transform: rotate(0deg);
  }
}
.digital-card-banner-sec .digital-slider-text {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
@media screen and (max-width: 1380px) {
  .digital-card-banner-sec .digital-slider-text {
    left: 20px;
  }
}
@media screen and (max-width: 1380px) {
  .digital-card-banner-sec .digital-slider-text {
    left: 8px;
  }
}
@media screen and (max-width: 340px) {
  .digital-card-banner-sec .digital-slider-text {
    left: 0px;
  }
}
.digital-card-banner-sec .digital-slider-text .dig-slider-text-inner {
  max-width: 470px;
  text-align: left;
}
.digital-card-banner-sec .digital-slider-text .dig-slider-text-inner .dig-text {
  color: #FFFFFF;
  font-family: "Source Sans 3", sans-serif;
  font-size: 54px;
  font-weight: 700;
  line-height: 60px;
  margin: 30px 0;
}
@media screen and (max-width: 1400px) {
  .digital-card-banner-sec .digital-slider-text .dig-slider-text-inner .dig-text {
    font-size: 46px;
    line-height: 52px;
  }
}
@media screen and (max-width: 1180px) {
  .digital-card-banner-sec .digital-slider-text .dig-slider-text-inner .dig-text {
    font-size: 36px;
    line-height: 44px;
    margin: 24px 0;
  }
}
@media screen and (max-width: 991px) {
  .digital-card-banner-sec .digital-slider-text .dig-slider-text-inner .dig-text {
    font-size: 32px;
    line-height: 40px;
    margin: 20px 0;
  }
}
@media screen and (max-width: 767px) {
  .digital-card-banner-sec .digital-slider-text .dig-slider-text-inner .dig-text {
    font-size: 28px;
    line-height: 34px;
    margin: 20px 0;
    max-width: 280px;
  }
}
@media screen and (max-width: 467px) {
  .digital-card-banner-sec .digital-slider-text .dig-slider-text-inner .dig-text {
    font-size: 24px;
    line-height: 30px;
    margin: 18px 0 14px;
    max-width: 280px;
  }
}
@media screen and (max-width: 360px) {
  .digital-card-banner-sec .digital-slider-text .dig-slider-text-inner .dig-text {
    font-size: 22px;
    max-width: 99%;
    margin: 10px 0 8px;
  }
}
.digital-card-banner-sec .digital-slider-text .dig-slider-text-inner .dig-btn {
  position: relative;
  color: #FFEC8B;
  font-family: "Source Sans 3", sans-serif;
  font-size: 16px;
  display: inline-block;
}
@media screen and (max-width: 1080px) {
  .digital-card-banner-sec .digital-slider-text .dig-slider-text-inner .dig-btn {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .digital-card-banner-sec .digital-slider-text .dig-slider-text-inner .dig-btn {
    font-size: 14px;
  }
}
@media screen and (max-width: 467px) {
  .digital-card-banner-sec .digital-slider-text .dig-slider-text-inner .dig-btn {
    font-size: 12px;
  }
}
@media screen and (max-width: 467px) {
  .digital-card-banner-sec .digital-slider-text .dig-slider-text-inner .dig-btn {
    font-size: 10px;
  }
}
.digital-card-banner-sec .digital-slider-text .dig-slider-text-inner .dig-btn:before {
  content: "";
  position: absolute;
  top: -8px;
  left: 0;
  width: 120px;
  height: 38px;
  background: #FFEC8B;
  clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px), 0 0, 2px 2px, 2px calc(100% - 14px - 0.83px), 14.83px calc(100% - 2px), calc(100% - 2px) calc(100% - 2px), calc(100% - 2px) 14.83px, calc(100% - 14px - 0.83px) 2px, 2px 2px);
}
@media screen and (max-width: 1080px) {
  .digital-card-banner-sec .digital-slider-text .dig-slider-text-inner .dig-btn:before {
    top: -7px;
    width: 106px;
    height: 35px;
  }
}
@media screen and (max-width: 767px) {
  .digital-card-banner-sec .digital-slider-text .dig-slider-text-inner .dig-btn:before {
    top: -7px;
    width: 106px;
    height: 35px;
  }
}
@media screen and (max-width: 467px) {
  .digital-card-banner-sec .digital-slider-text .dig-slider-text-inner .dig-btn:before {
    top: -6px;
    width: 98px;
    height: 33px;
  }
}
@media screen and (max-width: 467px) {
  .digital-card-banner-sec .digital-slider-text .dig-slider-text-inner .dig-btn:before {
    top: -4px;
    width: 87px;
    height: 30px;
  }
}
.digital-card-banner-sec .digital-slider-text .dig-slider-text-inner .dig-btn span {
  padding-left: 12px;
}
@media screen and (max-width: 467px) {
  .digital-card-banner-sec .digital-slider-text .dig-slider-text-inner .dig-btn span {
    padding-left: 14px;
  }
}
.digital-card-banner-sec .digital-slider-text .dig-slider-text-inner .btn-primary {
  color: #FFEC8B;
  font-family: "Source Sans 3", sans-serif;
  font-size: 24px;
  font-weight: 500;
  background: #1A1A1A;
  border: 1px solid #FFEC8B;
  border-radius: 36px;
  box-shadow: 0px 2px 0px #FFEC8B;
  padding: 10px 20px;
  min-width: 170px;
  text-align: center;
}
@media screen and (max-width: 1180px) {
  .digital-card-banner-sec .digital-slider-text .dig-slider-text-inner .btn-primary {
    font-size: 20px;
  }
}
@media screen and (max-width: 991px) {
  .digital-card-banner-sec .digital-slider-text .dig-slider-text-inner .btn-primary {
    font-size: 16px;
    min-width: 130px;
    padding: 8px 18px;
  }
}
@media screen and (max-width: 767px) {
  .digital-card-banner-sec .digital-slider-text .dig-slider-text-inner .btn-primary {
    padding: 8px 16px;
    font-size: 16px;
    min-width: auto;
  }
}
@media screen and (max-width: 467px) {
  .digital-card-banner-sec .digital-slider-text .dig-slider-text-inner .btn-primary {
    padding: 4px 12px;
    font-size: 14px;
    line-height: 20px;
  }
}
.digital-card-banner-sec .digital-slider-text .dig-slider-text-inner .btn-primary:hover {
  box-shadow: 0px 6px 0px #FFEC8B;
}

.card-brand-slider .card-brand-slid-wrapper {
  position: relative;
}
@media screen and (max-width: 1400px) {
  .card-brand-slider .card-brand-slid-wrapper {
    margin: 0 90px;
  }
}
@media screen and (max-width: 767px) {
  .card-brand-slider .card-brand-slid-wrapper {
    margin: 0 30px;
  }
}
@media screen and (max-width: 467px) {
  .card-brand-slider .card-brand-slid-wrapper {
    margin: 0 20px;
  }
}
.card-brand-slider .card-brand-slid-wrapper .brand-shap {
  position: absolute;
  top: -19px;
  z-index: 5;
  width: 100%;
}
@media screen and (max-width: 1400px) {
  .card-brand-slider .card-brand-slid-wrapper .brand-shap {
    top: -13px;
  }
}
@media screen and (max-width: 1260px) {
  .card-brand-slider .card-brand-slid-wrapper .brand-shap {
    top: -11px;
  }
}
@media screen and (max-width: 1160px) {
  .card-brand-slider .card-brand-slid-wrapper .brand-shap {
    top: -9px;
  }
}
@media screen and (max-width: 1040px) {
  .card-brand-slider .card-brand-slid-wrapper .brand-shap {
    top: -12px;
  }
}
@media screen and (max-width: 767px) {
  .card-brand-slider .card-brand-slid-wrapper .brand-shap {
    display: none;
  }
}
.card-brand-slider .card-brand-slid-wrapper .brand-shap img {
  width: 100%;
}
.card-brand-slider .card-brand-slid-inner {
  position: relative;
  margin: 0 80px;
  padding: 0 50px;
  margin-top: -20px;
  background: #fff;
  z-index: 66;
}
@media screen and (max-width: 1080px) {
  .card-brand-slider .card-brand-slid-inner {
    margin-top: -12px;
    padding: 0 34px;
  }
}
@media screen and (max-width: 991px) {
  .card-brand-slider .card-brand-slid-inner {
    margin: 0 50px;
    margin-top: -7px;
    padding: 0 28px;
  }
}
@media screen and (max-width: 767px) {
  .card-brand-slider .card-brand-slid-inner {
    margin: 20px 10px 0;
  }
}
@media screen and (max-width: 467px) {
  .card-brand-slider .card-brand-slid-inner {
    margin: 22px 10px 0;
  }
}
.card-brand-slider .card-brand-slid-inner .brand-slider {
  padding: 0 2px;
}
.card-brand-slider .card-brand-slid-inner .swiper-slide {
  justify-content: space-between !important;
}
.card-brand-slider .card-brand-slid-inner .swiper-slide picture {
  background: transparent conic-gradient(from 90deg at 50% 50%, #0094EF 0%, #CA00C3 18.4%, #E51D45 41.41%, #D4CD1D 62.76%, #25E859 87.86%, #016FCF 100%) 0% 0% no-repeat padding-box;
  border-radius: 50%;
  overflow: hidden;
  padding: 1px;
}
.card-brand-slider .card-brand-slid-inner .swiper-button-next, .card-brand-slider .card-brand-slid-inner .swiper-button-prev {
  width: 40px;
  height: 40px;
  background: #EDF2F2;
  border-radius: 50%;
}
@media screen and (max-width: 991px) {
  .card-brand-slider .card-brand-slid-inner .swiper-button-next, .card-brand-slider .card-brand-slid-inner .swiper-button-prev {
    width: 30px;
    height: 30px;
  }
}
.card-brand-slider .card-brand-slid-inner .swiper-button-next:after, .card-brand-slider .card-brand-slid-inner .swiper-button-prev:after {
  font-size: 14px;
  font-weight: bold;
  color: #000;
}
@media screen and (max-width: 991px) {
  .card-brand-slider .card-brand-slid-inner .swiper-button-next:after, .card-brand-slider .card-brand-slid-inner .swiper-button-prev:after {
    font-size: 11px;
  }
}
.card-brand-slider .card-brand-slid-inner .swiper-button-next {
  right: -15px;
}
.card-brand-slider .card-brand-slid-inner .swiper-button-prev {
  left: -15px;
}
.card-brand-slider .card-brand-slid-inner .brand-shap {
  position: absolute;
  top: -37px;
  left: 0;
  width: 100%;
  z-index: 44;
}

.gaming-cards-sec {
  margin: 60px 0;
}
@media screen and (max-width: 991px) {
  .gaming-cards-sec {
    margin: 30px 0;
  }
}
@media screen and (max-width: 467px) {
  .gaming-cards-sec {
    margin: 20px 0;
  }
}
.gaming-cards-sec .gaming-cards-inner {
  background: #EFEFEF 0% 0% no-repeat padding-box;
  border-radius: 40px;
  padding: 60px;
}
@media screen and (max-width: 767px) {
  .gaming-cards-sec .gaming-cards-inner {
    padding: 30px;
  }
}
@media screen and (max-width: 467px) {
  .gaming-cards-sec .gaming-cards-inner {
    border-radius: 20px;
    padding: 24px;
  }
}
@media screen and (max-width: 340px) {
  .gaming-cards-sec .gaming-cards-inner {
    padding: 20px;
  }
}
.gaming-cards-sec .gaming-cards-inner .gam-cards-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 360px) {
  .gaming-cards-sec .gaming-cards-inner .gam-cards-header {
    gap: 12px;
    flex-direction: column;
  }
}
.gaming-cards-sec .gaming-cards-inner .gam-cards-header h2 {
  display: flex;
  gap: 16px;
  align-items: center;
  font-family: "Source Sans 3", sans-serif;
  color: #000;
  font-size: 32px;
  font-weight: 700;
  background: transparent linear-gradient(90deg, #C8DBE8 0%, rgba(200, 219, 232, 0) 100%) 0% 0% no-repeat padding-box;
  border-radius: 100px 0px 0px 100px;
}
@media screen and (max-width: 991px) {
  .gaming-cards-sec .gaming-cards-inner .gam-cards-header h2 {
    gap: 12px;
    font-size: 26px;
  }
}
@media screen and (max-width: 467px) {
  .gaming-cards-sec .gaming-cards-inner .gam-cards-header h2 {
    gap: 10px;
    font-size: 20px;
    width: 100%;
  }
}
@media screen and (max-width: 360px) {
  .gaming-cards-sec .gaming-cards-inner .gam-cards-header .view-all-wrap {
    width: 100%;
  }
}
.gaming-cards-sec .gaming-cards-inner .gam-cards-header .view-all-wrap .btn-primary {
  white-space: nowrap;
  background: transparent;
  text-transform: uppercase;
}
@media screen and (max-width: 360px) {
  .gaming-cards-sec .gaming-cards-inner .gam-cards-header .view-all-wrap .btn-primary {
    width: 100%;
  }
}
.gaming-cards-sec .gaming-cards-inner .gam-cards-top-wrap {
  display: flex;
  gap: 24px;
  align-items: center;
  flex-wrap: wrap;
  margin: 40px 0;
}
@media screen and (max-width: 991px) {
  .gaming-cards-sec .gaming-cards-inner .gam-cards-top-wrap {
    margin: 30px 0;
  }
}
@media screen and (max-width: 360px) {
  .gaming-cards-sec .gaming-cards-inner .gam-cards-top-wrap {
    margin: 24px 0;
  }
}
.gaming-cards-sec .gaming-cards-inner .gam-cards-top-wrap .gam-cards-top-box {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  width: calc(50% - 12px);
}
@media screen and (max-width: 991px) {
  .gaming-cards-sec .gaming-cards-inner .gam-cards-top-wrap .gam-cards-top-box {
    height: 150px;
  }
}
@media screen and (max-width: 680px) {
  .gaming-cards-sec .gaming-cards-inner .gam-cards-top-wrap .gam-cards-top-box {
    width: 100%;
  }
}
.gaming-cards-sec .gaming-cards-inner .gam-cards-top-wrap .gam-cards-top-box:hover img {
  transform: scale(1.1);
}
.gaming-cards-sec .gaming-cards-inner .gam-cards-top-wrap .gam-cards-top-box .thumbnail {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 38%;
  border-radius: 24px;
}
@media screen and (max-width: 991px) {
  .gaming-cards-sec .gaming-cards-inner .gam-cards-top-wrap .gam-cards-top-box .thumbnail {
    padding-bottom: 50%;
  }
}
@media screen and (max-width: 767px) {
  .gaming-cards-sec .gaming-cards-inner .gam-cards-top-wrap .gam-cards-top-box .thumbnail {
    padding-bottom: 60%;
  }
}
.gaming-cards-sec .gaming-cards-inner .gam-cards-top-wrap .gam-cards-top-box .thumbnail picture, .gaming-cards-sec .gaming-cards-inner .gam-cards-top-wrap .gam-cards-top-box .thumbnail img {
  display: block;
  height: 100%;
  max-height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  position: absolute;
  border-radius: 24px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  transition: all 0.3s ease;
}
.gaming-cards-sec .gaming-cards-inner .gam-cards-top-wrap .gam-cards-top-box .gam-cards-top-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 35px;
}
@media screen and (max-width: 767px) {
  .gaming-cards-sec .gaming-cards-inner .gam-cards-top-wrap .gam-cards-top-box .gam-cards-top-content {
    left: 25px;
  }
}
.gaming-cards-sec .gaming-cards-inner .gam-cards-top-wrap .gam-cards-top-box .gam-cards-top-content:hover img {
  transform: scale(1.1);
}
.gaming-cards-sec .gaming-cards-inner .gam-cards-top-wrap .gam-cards-top-box .gam-cards-top-content h3 {
  font-family: "Source Sans 3", sans-serif;
  color: #FFFFFF;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}
@media screen and (max-width: 991px) {
  .gaming-cards-sec .gaming-cards-inner .gam-cards-top-wrap .gam-cards-top-box .gam-cards-top-content h3 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media screen and (max-width: 767px) {
  .gaming-cards-sec .gaming-cards-inner .gam-cards-top-wrap .gam-cards-top-box .gam-cards-top-content h3 {
    font-size: 20px;
    line-height: 24px;
  }
}
.gaming-cards-sec .gaming-cards-inner .gam-cards-top-wrap .gam-cards-top-box .gam-cards-top-content h5 {
  display: flex;
  gap: 8px;
  font-family: "Source Sans 3", sans-serif;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  line-height: 30px;
}
@media screen and (max-width: 991px) {
  .gaming-cards-sec .gaming-cards-inner .gam-cards-top-wrap .gam-cards-top-box .gam-cards-top-content h5 {
    gap: 5px;
  }
}
.gaming-cards-sec .gaming-cards-inner .gam-cards-top-wrap .gam-cards-top-box .gam-cards-top-content h5 span {
  text-decoration: line-through;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
}
.gaming-cards-sec .gaming-cards-inner .gam-cards-top-wrap .gam-cards-top-box .gam-cards-top-content .btn-primary {
  color: #FFFFFF;
  font-size: 14px;
  background: #1A1A1A;
  box-shadow: 0px 2px 0px #FFEC8B;
  border: 1px solid #FFEC8B;
  padding: 6px 20px;
  margin-top: 20px;
}
.gaming-cards-sec .gaming-cards-inner .gam-cards-top-wrap .gam-cards-top-box .gam-cards-top-content .btn-primary:hover {
  box-shadow: 0px 4px 0px #FFEC8B;
}
@media screen and (max-width: 991px) {
  .gaming-cards-sec .gaming-cards-inner .gam-cards-top-wrap .gam-cards-top-box .gam-cards-top-content .btn-primary {
    margin-top: 10px;
  }
}
@media screen and (max-width: 467px) {
  .gaming-cards-sec .gaming-cards-inner .list-boxwrap .list-box {
    width: 100%;
    flex: 100%;
  }
}
.gaming-cards-sec .gaming-cards-inner .list-boxwrap .list-box .box-price span {
  font-weight: 600;
  font-size: 16px;
  text-decoration: line-through;
}

.gift-cards-sec .gift-cards-wrap {
  display: flex;
  gap: 24px;
  align-items: center;
  flex-wrap: wrap;
}
.gift-cards-sec .gift-cards-wrap .gift-cards-box {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  width: calc(50% - 12px);
}
.gift-cards-sec .gift-cards-wrap .gift-cards-box:hover img {
  transform: scale(1.1);
}
.gift-cards-sec .gift-cards-wrap .gift-cards-box .thumbnail {
  padding-bottom: 53%;
}
.gift-cards-sec .gift-cards-wrap .gift-cards-box .thumbnail picture, .gift-cards-sec .gift-cards-wrap .gift-cards-box .thumbnail img {
  display: block;
  height: 100%;
  max-height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  position: absolute;
  border-radius: 16px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  transition: all 0.3s ease;
}
@media screen and (max-width: 660px) {
  .gift-cards-sec .gift-cards-wrap .gift-cards-box {
    width: 100%;
  }
}
.gift-cards-sec .gift-cards-wrap .gift-counter {
  background: #000;
  border: 1px solid #FFEC8B;
  border-radius: 23px;
  padding: 10px 12px;
  display: inline-flex;
  align-items: center;
  position: absolute;
  bottom: 12px;
  z-index: 2;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: fit-content;
}
@media screen and (max-width: 467px) {
  .gift-cards-sec .gift-cards-wrap .gift-counter {
    padding: 7px 12px;
  }
}
.gift-cards-sec .gift-cards-wrap .gift-counter span {
  font-family: "Poppins", sans-serif;
  color: #FFFFFF;
  font-size: 22px;
  font-weight: 400;
  white-space: nowrap;
}
@media screen and (max-width: 991px) {
  .gift-cards-sec .gift-cards-wrap .gift-counter span {
    font-size: 18px;
  }
}
@media screen and (max-width: 467px) {
  .gift-cards-sec .gift-cards-wrap .gift-counter span {
    font-size: 16px;
  }
}
.gift-cards-sec .gift-cards-wrap .gift-counter .dotcoma {
  margin: 0 6px;
  font-weight: 700;
}

/* ============  Digital-Card Page Css End ==============*/
/* ============  Profile settings page ==============*/
.common-form hr {
  border: 1px solid #000;
  margin: 24px 0;
  opacity: 0.1 !important;
  background-color: #000;
}
@media only screen and (max-width: 991px) {
  .common-form hr {
    margin: 20px 0;
  }
}
.common-form .alert-danger {
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
  color: #FF1D48;
  background-color: transparent;
  margin-top: 5px;
  margin-bottom: 0px;
}
.common-form .form-group .message {
  font-size: 12px;
  line-height: 120%;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 12px;
}
.common-form .form-group.common-select {
  z-index: auto;
  animation-fill-mode: none;
}
.common-form .form-group.common-select.gender-select {
  z-index: auto;
  animation-fill-mode: none;
}
.common-form .form-group.common-select.governerate-select {
  z-index: auto;
  animation-fill-mode: none;
}
.common-form .form-group.common-select.area-select {
  z-index: auto;
  animation-fill-mode: none;
}
.common-form input::-webkit-outer-spin-button,
.common-form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.common-form input[type=number] {
  -moz-appearance: textfield;
}
.common-form .form-control:focus {
  border-color: #000;
  background: #FFFFFF !important;
}
.common-form .b-date {
  position: relative;
}
.common-form .b-date picture {
  position: absolute;
  top: 11px;
  right: 15px;
}
@media only screen and (max-width: 1199px) {
  .common-form .b-date picture {
    right: 10px;
  }
}
.common-form .dropdown {
  width: 100% !important;
}
.common-form .dropdown .dropdown-toggle {
  background: rgba(114, 165, 216, 0.1) !important;
  border: 0.5px solid rgba(0, 64, 129, 0.1) !important;
  padding: 10px 16px;
  font-size: 16px;
  line-height: 125%;
  font-weight: 400;
  font-family: "Source Sans 3", sans-serif;
  color: #000;
  border-radius: 8px;
  text-transform: capitalize;
}
.common-form .dropdown .dropdown-toggle:focus {
  outline: none !important;
  outline-offset: 0;
  background: #FFFFFF !important;
  border-color: #000 !important;
}
.common-form .dropdown .dropdown-toggle:active {
  box-shadow: none;
}
.common-form .dropdown .dropdown-toggle::after {
  width: 8px;
  position: absolute;
  height: 8px;
  border: solid #101010;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  top: 12px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  right: 20px;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 1199px) {
  .common-form .dropdown .dropdown-toggle::after {
    top: 13px;
    right: 10px;
  }
}
.common-form .dropdown .dropdown-toggle.show::after {
  transform: rotate(225deg) translateY(-50%);
  -webkit-transform: rotate(225deg) translateY(-50%);
  transform-origin: 7px 5px;
}
.common-form .dropdown .dropdown-menu {
  background: #FFFFFF;
  box-shadow: 0px 2px 24px rgba(67, 87, 99, 0.1568627451);
  border: none;
  border-radius: 10px;
  padding: 10px;
}
.common-form .dropdown .dropdown-menu .inner {
  border-radius: 10px;
}
.common-form .dropdown .dropdown-menu .inner .dropdown-menu {
  padding: 0px;
  background-color: #FFFFFF !important;
  font-size: 14px;
  line-height: 134%;
}
.common-form .dropdown .dropdown-menu .inner .dropdown-menu li {
  margin-bottom: 1px;
}
.common-form .dropdown .dropdown-menu .inner .dropdown-menu li:last-child {
  margin-bottom: 0px;
}
.common-form .dropdown .dropdown-menu .inner .dropdown-menu li .dropdown-item {
  background-color: #FFFFFF !important;
  border-radius: 10px;
  padding: 10px 16px;
}
.common-form .dropdown .dropdown-menu .inner .dropdown-menu li .dropdown-item:hover, .common-form .dropdown .dropdown-menu .inner .dropdown-menu li .dropdown-item.active {
  color: #000;
  background-color: #EDF2F2 !important;
  border-radius: 10px;
}
.common-form label {
  font-size: 16px;
  line-height: 120%;
  font-weight: 700;
  font-family: "Source Sans 3", sans-serif;
  margin-bottom: 8px;
  color: #000;
}
@media only screen and (max-width: 767px) {
  .common-form label {
    font-size: 14px;
  }
}
.common-form input {
  background: rgba(114, 165, 216, 0.1);
  border: 0.5px solid rgba(0, 64, 129, 0.1);
  padding: 11px 16px;
  font-size: 16px;
  line-height: 120%;
  font-weight: 400;
  font-family: "Source Sans 3", sans-serif;
  color: #000;
  border-radius: 8px;
}
.common-form input:focus {
  box-shadow: none;
}
@media only screen and (max-width: 1199px) {
  .common-form input {
    font-size: 14px;
    padding: 11px 10px;
  }
}
.common-form .choose-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.common-form .choose-list .form-group {
  position: relative;
  min-width: 106px;
}
@media only screen and (max-width: 1199px) {
  .common-form .choose-list .form-group {
    min-width: 95px;
  }
}
.common-form .choose-list .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
}
.common-form .choose-list .form-group input:checked + label::after {
  content: "";
  display: block;
  background-image: url(../images/right-icon.svg);
  position: absolute;
  top: 16px;
  left: 18px;
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 1199px) {
  .common-form .choose-list .form-group input:checked + label::after {
    left: 15px;
  }
}
.common-form .choose-list .form-group input:checked + label::before {
  background-color: #0094EF;
  border: 1px solid #0094EF;
}
.common-form .choose-list .form-group label {
  font-size: 16px;
  line-height: 120%;
  font-weight: 400;
  font-family: "Source Sans 3", sans-serif;
  margin-bottom: 0px;
  padding: 10px 13px;
  background: rgba(114, 165, 216, 0.1) !important;
  border: 0.5px solid rgba(0, 64, 129, 0.1) !important;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-radius: 21px;
}
@media only screen and (max-width: 1199px) {
  .common-form .choose-list .form-group label {
    font-size: 14px;
    padding: 10px 10px;
  }
}
.common-form .choose-list .form-group label::before {
  content: "";
  background-color: #FFFFFF;
  border: 1px solid #000;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  height: 20px;
  width: 20px;
  min-width: 20px;
  margin-right: 8px;
}

.icon-location {
  position: relative;
}
.icon-location .location {
  position: absolute;
  top: 5px;
  right: 5px;
}
.icon-location .location svg {
  height: 15px;
  width: 15px;
}
@media only screen and (max-width: 1199px) {
  .icon-location .location {
    top: 4px;
  }
}

.location {
  position: absolute;
  right: 10px;
  top: 10px;
  height: 32px;
  width: 32px;
  background: rgba(114, 165, 216, 0.1) !important;
  border: 0.5px solid rgba(0, 64, 129, 0.1) !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.location svg {
  height: 15px;
  width: 15px;
}

.profile-settings-section {
  padding: 112px 0px 80px;
}
@media only screen and (max-width: 1280px) {
  .profile-settings-section {
    padding: 112px 0px 70px;
  }
}
@media only screen and (max-width: 1199px) {
  .profile-settings-section {
    padding: 100px 0px 60px;
  }
}
@media only screen and (max-width: 991px) {
  .profile-settings-section {
    padding: 90px 0px 50px;
  }
}
@media only screen and (max-width: 767px) {
  .profile-settings-section {
    padding: 90px 0px 40px;
  }
}
@media only screen and (max-width: 575px) {
  .profile-settings-section {
    padding: 80px 0px 40px;
  }
}
.profile-settings-section .profile-detaills {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  position: relative;
  z-index: 99;
}
@media only screen and (max-width: 1199px) {
  .profile-settings-section .profile-detaills {
    gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .profile-settings-section .profile-detaills {
    flex-wrap: wrap;
    gap: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .profile-settings-section .profile-detaills {
    gap: 30px;
  }
}
.profile-settings-section .profile-detaills .profile-left {
  max-width: 284px;
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0px 2px 24px rgba(67, 87, 99, 0.157);
  border-radius: 24px;
  padding-bottom: 38px;
  position: sticky;
  top: 80px;
}
@media only screen and (max-width: 1199px) {
  .profile-settings-section .profile-detaills .profile-left {
    padding-bottom: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .profile-settings-section .profile-detaills .profile-left {
    max-width: 100%;
    position: static;
    padding-bottom: 20px;
    border-radius: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .profile-settings-section .profile-detaills .profile-left {
    border-radius: 10px;
  }
}
.profile-settings-section .profile-detaills .profile-left .profile-name {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 14px 18px;
  position: relative;
}
.profile-settings-section .profile-detaills .profile-left .profile-name .profile-pic {
  height: 74px;
  width: 74px;
  left: 50%;
  z-index: 1001;
}
.profile-settings-section .profile-detaills .profile-left .profile-name .profile-pic .hidden {
  display: none;
  visibility: hidden;
}
.profile-settings-section .profile-detaills .profile-left .profile-name .profile-pic img {
  border-radius: 50%;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.profile-settings-section .profile-detaills .profile-left .profile-name .pro-name {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  font-family: "Source Sans 3", sans-serif;
  color: #000;
}
.profile-settings-section .profile-detaills .profile-left .profile-name .pro-name span {
  font-size: 14px;
  font-weight: 400;
  color: #6F9DF1;
}
.profile-settings-section .profile-detaills .profile-left .profile-name::before {
  content: "";
  position: absolute;
  height: 1px;
  width: auto;
  left: 15px;
  right: 15px;
  background-color: rgba(112, 112, 112, 0.1);
  bottom: 0;
}
.profile-settings-section .profile-detaills .profile-left .profile-list {
  display: flex;
  flex-direction: column;
  padding: 14px 0px 0px;
}
.profile-settings-section .profile-detaills .profile-left .profile-list .pro-link {
  width: 100%;
  padding: 0px 14px;
  margin: 14px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 14px;
  line-height: 134%;
  color: #000;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 767px) {
  .profile-settings-section .profile-detaills .profile-left .profile-list .pro-link {
    padding: 0px 10px;
    margin: 10px 0px;
  }
}
.profile-settings-section .profile-detaills .profile-left .profile-list .pro-link span {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 400;
}
.profile-settings-section .profile-detaills .profile-left .profile-list .pro-link p {
  display: flex;
  gap: 4px;
  line-height: 18px;
}
.profile-settings-section .profile-detaills .profile-left .profile-list .pro-link p span {
  font-size: 12px;
  font-weight: 400;
}
.profile-settings-section .profile-detaills .profile-left .profile-list .pro-link p.w-points {
  font-weight: 700;
  color: #6F9DF1;
}
.profile-settings-section .profile-detaills .profile-left .profile-list .pro-link p.i-points {
  font-weight: 700;
  color: #E1B400;
}
.profile-settings-section .profile-detaills .profile-left .profile-list .pro-link p.n-points {
  font-size: 11px;
  color: #FFFFFF;
  height: 17px;
  width: 17px;
  background-color: #FF1D48;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ff1d48;
  font-size: 11px;
  line-height: 25px;
}
.profile-settings-section .profile-detaills .profile-left .profile-list .pro-link.active {
  padding: 12px 14px;
  background: rgba(114, 165, 216, 0.1);
  border: 0.5px solid rgba(0, 64, 129, 0.1);
  border-radius: 8px;
  margin: 1px 0px;
  font-weight: 700;
  color: #000;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .profile-settings-section .profile-detaills .profile-left .profile-list .pro-link.active {
    padding: 10px 12px;
  }
}
.profile-settings-section .profile-detaills .profile-left .profile-list .pro-link.active::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background-color: #007AFF;
  height: 100%;
  width: 7px;
  border-radius: 8px 0px 0px 8px;
}
.profile-settings-section .profile-detaills .profile-left .profile-list .pro-link.active span {
  font-weight: 600;
}
.profile-settings-section .profile-detaills .profile-left .profile-list .pro-link.active:hover {
  color: #000;
}
.profile-settings-section .profile-detaills .profile-left .profile-list .pro-link:first-child {
  margin-top: 0;
}
.profile-settings-section .profile-detaills .profile-left .profile-list .pro-link:last-child {
  margin-bottom: 0;
}
.profile-settings-section .profile-detaills .profile-left .profile-list .pro-link:hover {
  color: #9B32E0;
}
.profile-settings-section .profile-detaills .profile-right {
  width: calc(100% - 314px);
}
@media only screen and (max-width: 1199px) {
  .profile-settings-section .profile-detaills .profile-right {
    width: calc(100% - 304px);
  }
}
@media only screen and (max-width: 767px) {
  .profile-settings-section .profile-detaills .profile-right {
    width: 100%;
  }
}
.profile-settings-section .profile-detaills .profile-right .main-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 18px;
}
@media only screen and (max-width: 767px) {
  .profile-settings-section .profile-detaills .profile-right .main-title {
    margin-bottom: 15px;
  }
}
.profile-settings-section .profile-detaills .profile-right .main-title h2 {
  font-size: 26px;
  font-weight: 700;
  font-family: "Source Sans 3", sans-serif;
  line-height: 134%;
}
@media only screen and (max-width: 1199px) {
  .profile-settings-section .profile-detaills .profile-right .main-title h2 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .profile-settings-section .profile-detaills .profile-right .main-title h2 {
    font-size: 22px;
  }
}
.profile-settings-section .profile-detaills .profile-right .main-title .save-buttons {
  display: flex;
  gap: 10px;
}
.profile-settings-section .profile-detaills .profile-right .main-title .save-buttons .btn.btn-dark {
  padding: 7px 15px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.profile-settings-section .profile-detaills .profile-right .main-title .save-buttons .btn.btn-light {
  padding: 10px 15px;
}
@media only screen and (max-width: 767px) {
  .profile-settings-section .profile-detaills .profile-right .main-title .save-buttons .btn.btn-light {
    padding: 8px 12px;
  }
}
.profile-settings-section .profile-detaills .profile-right .pro-details {
  background: #FFFFFF;
  box-shadow: 0px 2px 24px rgba(67, 87, 99, 0.1568627451);
  border-radius: 24px;
  padding: 30px;
}
@media only screen and (max-width: 1199px) {
  .profile-settings-section .profile-detaills .profile-right .pro-details {
    padding: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .profile-settings-section .profile-detaills .profile-right .pro-details {
    border-radius: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .profile-settings-section .profile-detaills .profile-right .pro-details {
    border-radius: 10px;
  }
}
.profile-settings-section .profile-detaills .profile-right .pro-details .form-profile {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
}
@media only screen and (max-width: 1199px) {
  .profile-settings-section .profile-detaills .profile-right .pro-details .form-profile {
    gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .profile-settings-section .profile-detaills .profile-right .pro-details .form-profile {
    gap: 12px;
  }
}
.profile-settings-section .profile-detaills .profile-right .pro-details .form-profile .form-group {
  width: calc(33.33% - 20px);
}
@media only screen and (max-width: 1199px) {
  .profile-settings-section .profile-detaills .profile-right .pro-details .form-profile .form-group {
    width: calc(33.33% - 14px);
  }
}
@media only screen and (max-width: 991px) {
  .profile-settings-section .profile-detaills .profile-right .pro-details .form-profile .form-group {
    width: calc(50% - 10px);
  }
}
@media only screen and (max-width: 575px) {
  .profile-settings-section .profile-detaills .profile-right .pro-details .form-profile .form-group {
    width: 100%;
  }
}
.profile-settings-section .profile-detaills .profile-right .pro-details .addresses-list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
@media only screen and (max-width: 1199px) {
  .profile-settings-section .profile-detaills .profile-right .pro-details .addresses-list {
    gap: 20px;
  }
}
.profile-settings-section .profile-detaills .profile-right .pro-details .addresses-list .address-box {
  background: rgba(114, 165, 216, 0.1019607843) !important;
  border: 0.5px solid rgba(0, 64, 129, 0.1) !important;
  border-radius: 8px;
  padding: 16px 16px 12px;
  width: calc(50% - 15px);
  font-size: 16px;
  line-height: 134%;
  font-weight: 500;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .profile-settings-section .profile-detaills .profile-right .pro-details .addresses-list .address-box {
    padding: 12px 12px 12px;
    width: calc(50% - 10px);
  }
}
@media only screen and (max-width: 991px) {
  .profile-settings-section .profile-detaills .profile-right .pro-details .addresses-list .address-box {
    width: 100%;
    font-size: 14px;
  }
}
.profile-settings-section .profile-detaills .profile-right .pro-details .addresses-list .address-box h4 {
  font-size: 16px;
  font-weight: 600;
  font-family: "Source Sans 3", sans-serif;
  line-height: 120%;
  margin-bottom: 14px;
}
.profile-settings-section .profile-detaills .profile-right .pro-details .addresses-list .address-box p {
  max-width: 330px;
}
.profile-settings-section .profile-detaills .profile-right .pro-details .addresses-list .address-box a {
  font-size: 16px;
  line-height: 134%;
  font-weight: 500;
  position: relative;
  color: #000;
}
.profile-settings-section .profile-detaills .profile-right .pro-details .addresses-list .address-box hr {
  border: 0.5px solid #000;
  margin: 12px 0;
  opacity: 0.1;
}
.profile-settings-section .profile-detaills .profile-right .pro-details .addresses-list .address-box .add-select {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.profile-settings-section .profile-detaills .profile-right .pro-details .addresses-list .address-box .add-select .form-group {
  position: relative;
}
.profile-settings-section .profile-detaills .profile-right .pro-details .addresses-list .address-box .add-select input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto 0;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.profile-settings-section .profile-detaills .profile-right .pro-details .addresses-list .address-box .add-select input:checked + label::after {
  content: "";
  display: block;
  background-image: url(../images/right-icon.svg);
  position: absolute;
  top: 5px;
  left: 5px;
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
}
.profile-settings-section .profile-detaills .profile-right .pro-details .addresses-list .address-box .add-select input:checked + label::before {
  background-color: #0094EF;
  border: 1px solid #0094EF;
}
.profile-settings-section .profile-detaills .profile-right .pro-details .addresses-list .address-box .add-select label {
  font-size: 16px;
  line-height: 120%;
  font-weight: 400;
  font-family: "Source Sans 3", sans-serif;
  margin-bottom: 0px;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.profile-settings-section .profile-detaills .profile-right .pro-details .addresses-list .address-box .add-select label::before {
  content: "";
  background-color: #FFFFFF;
  border: 1px solid #000;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  height: 20px;
  width: 20px;
  margin-right: 8px;
}
.profile-settings-section .profile-detaills .profile-right .pro-details .addresses-list .address-box .add-select .btn.btn-light {
  padding: 7px 15px;
}
@media only screen and (max-width: 1199px) {
  .profile-settings-section .profile-detaills .profile-right .pro-details .addresses-list .address-box .add-select .btn.btn-light {
    padding: 7px 10px;
  }
}
.profile-settings-section .profile-detaills .profile-right .pro-details .addresses-list .address-box .add-select .btn.btn-light:hover {
  background-color: #FFFFFF;
  color: #000;
}
.profile-settings-section .profile-detaills .profile-right .pro-details .addresses-list .address-box .add-select .btn.btn-light svg {
  height: 17px;
  width: 17px;
}
.profile-settings-section .profile-detaills .profile-right .game-list ul {
  display: flex;
  gap: 10px;
}
.profile-settings-section .profile-detaills .profile-right .btn.btn-light {
  padding: 10px 33px 10px 15px;
  display: flex;
  align-items: center;
}
.profile-settings-section .profile-detaills .profile-right .btn.btn-light svg {
  height: 14px;
  width: 14px;
  margin-right: 8px;
}
@media only screen and (max-width: 1199px) {
  .profile-settings-section .profile-detaills .profile-right .btn.btn-light svg {
    margin-right: 5px;
  }
}
@media only screen and (max-width: 1199px) {
  .profile-settings-section .profile-detaills .profile-right .btn.btn-light {
    padding: 10px 25px 10px 10px;
  }
}
.profile-settings-section .profile-detaills .profile-right .form-profile .form-group .password {
  position: relative;
}
.profile-settings-section .profile-detaills .profile-right .form-profile .form-group .password .toggle-password {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.profile-settings-section .profile-detaills .profile-right .form-profile .form-group .password .toggle-password img {
  height: 24px;
  width: 24px;
}
@media only screen and (max-width: 767px) {
  .profile-settings-section .profile-detaills .profile-right .form-profile .form-group .password .toggle-password img {
    height: 20px;
    width: 20px;
  }
}
.profile-settings-section .profile-detaills .profile-right .wallet-refill {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1199px) {
  .profile-settings-section .profile-detaills .profile-right .wallet-refill {
    gap: 20px;
    margin-bottom: 20px;
  }
}
.profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg {
  background: transparent linear-gradient(180deg, #BEE6FF 0%, #F3FAFF 100%);
  border-radius: 24px;
}
@media only screen and (max-width: 767px) {
  .profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg {
    border-radius: 15px;
  }
}
@media only screen and (max-width: 480px) {
  .profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg {
    border-radius: 10px;
  }
}
.profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg.w-refill {
  padding: 24px 30px 30px;
  width: calc(42% - 27px);
  font-size: 14px;
  line-height: 18px;
  color: #000;
  font-weight: 400;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media only screen and (max-width: 1199px) {
  .profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg.w-refill {
    padding: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg.w-refill {
    width: 100%;
  }
}
.profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg.w-refill h3 {
  font-size: 18px;
  line-height: 23px;
  font-weight: 700;
  margin-bottom: 4px;
}
.profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg.w-refill p {
  margin-bottom: 18px;
}
@media only screen and (max-width: 1199px) {
  .profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg.w-refill p {
    margin-bottom: 10px;
  }
}
.profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg.w-refill .refill-input {
  position: relative;
  margin-bottom: 18px;
}
.profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg.w-refill .refill-input input {
  padding: 11px 40px 11px 16px;
  background-color: #FFFFFF;
  border-radius: 8px;
  border: transparent;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}
.profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg.w-refill .refill-input input:focus {
  box-shadow: none;
}
.profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg.w-refill .refill-input label {
  position: absolute;
  top: 15px;
  right: 10px;
  font-size: 12px;
  line-height: 15px;
}
.profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg.w-refill .wallet-btn {
  display: flex;
  gap: 8px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1199px) {
  .profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg.w-refill .wallet-btn {
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
}
.profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg.w-refill .wallet-btn .btn-sky-blue {
  flex: 1;
  background: #FFFFFF;
  border-radius: 22px;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #000;
}
@media only screen and (max-width: 1280px) {
  .profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg.w-refill .wallet-btn .btn-sky-blue {
    padding: 10px 10px;
  }
}
@media only screen and (max-width: 1199px) {
  .profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg.w-refill .wallet-btn .btn-sky-blue {
    border-radius: 20px;
    padding: 8px 10px;
  }
}
.profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg.w-refill .wallet-btn .btn-sky-blue span {
  color: rgba(0, 0, 0, 0.5);
  font-weight: 500;
  margin-left: 8px;
}
@media only screen and (max-width: 1199px) {
  .profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg.w-refill .wallet-btn .btn-sky-blue span {
    text-align: center;
    display: block;
    margin-left: 0px;
  }
}
@media only screen and (max-width: 991px) {
  .profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg.w-refill .wallet-btn .btn-sky-blue span {
    display: inline;
    margin-left: 8px;
  }
}
@media only screen and (max-width: 479px) {
  .profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg.w-refill .wallet-btn .btn-sky-blue span {
    margin-left: 0px;
  }
}
.profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg.w-refill .wallet-btn .btn-sky-blue.active {
  color: #FFFFFF;
  background: #0094EF;
}
.profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg.w-refill .wallet-btn .btn-sky-blue.active span {
  color: rgba(255, 255, 255, 0.5);
}
.profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg.w-refill .btn.btn-dark {
  width: 100%;
  line-height: 129%;
  padding: 11px 15px;
}
@media only screen and (max-width: 1199px) {
  .profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg.w-refill .btn.btn-dark {
    padding: 11px 10px;
  }
}
.profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg.w-balance {
  padding: 30px;
  width: calc(58% - 3px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
@media only screen and (max-width: 1280px) {
  .profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg.w-balance {
    padding: 20px;
    gap: 0px;
  }
}
@media only screen and (max-width: 991px) {
  .profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg.w-balance {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg.w-balance {
    flex-wrap: wrap;
    gap: 25px;
  }
}
.profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg.w-balance h2 {
  font-size: 42px;
  line-height: 124%;
  font-weight: 700;
  color: #000;
  margin-bottom: 8px;
}
@media only screen and (max-width: 1280px) {
  .profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg.w-balance h2 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg.w-balance h2 {
    font-size: 38px;
  }
}
@media only screen and (max-width: 991px) {
  .profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg.w-balance h2 {
    font-size: 36px;
    margin-bottom: 5px;
  }
}
.profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg.w-balance h3 {
  font-size: 20px;
  line-height: 120%;
  color: #000;
  font-weight: 400;
  margin-bottom: 0px;
}
@media only screen and (max-width: 1280px) {
  .profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg.w-balance h3 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 480px) {
  .profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg.w-balance .wallet-balance {
    width: 100%;
    text-align: center;
  }
}
@media only screen and (max-width: 480px) {
  .profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg.w-balance .wallet-img {
    width: 100%;
    text-align: center;
  }
}
.profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg.w-balance .wallet-img picture {
  display: block;
}
.profile-settings-section .profile-detaills .profile-right .wallet-refill .w-bg.w-balance .wallet-img picture img {
  height: 100%;
  width: 100%;
}
.profile-settings-section .profile-detaills .profile-right .wallet-refill.i-points .w-bg {
  background: transparent linear-gradient(180deg, #FFECBE 0%, #FFF9EB 100%);
}
.profile-settings-section .profile-detaills .profile-right .wallet-refill.i-points .w-bg.w-refill h2 {
  font-size: 42px;
  line-height: 124%;
  font-weight: 700;
  color: #000;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1280px) {
  .profile-settings-section .profile-detaills .profile-right .wallet-refill.i-points .w-bg.w-refill h2 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .profile-settings-section .profile-detaills .profile-right .wallet-refill.i-points .w-bg.w-refill h2 {
    font-size: 38px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .profile-settings-section .profile-detaills .profile-right .wallet-refill.i-points .w-bg.w-refill h2 {
    font-size: 36px;
    margin-bottom: 10px;
  }
}
.profile-settings-section .profile-detaills .profile-right .wallet-refill.i-points .w-bg.w-refill h2 span {
  font-size: 20px;
  line-height: 120%;
  color: #000;
  font-weight: 400;
  margin-bottom: 0px;
}
@media only screen and (max-width: 1280px) {
  .profile-settings-section .profile-detaills .profile-right .wallet-refill.i-points .w-bg.w-refill h2 span {
    font-size: 18px;
  }
}
.profile-settings-section .profile-detaills .profile-right .wallet-transactions-list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1199px) {
  .profile-settings-section .profile-detaills .profile-right .wallet-transactions-list {
    gap: 20px;
    margin-bottom: 30px;
  }
}
.profile-settings-section .profile-detaills .profile-right .wallet-transactions-list li {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 24px rgba(67, 87, 99, 0.1568627451);
  border-radius: 24px;
  padding: 24px 30px;
  width: calc(50% - 15px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  font-size: 14px;
  line-height: 18px;
}
@media only screen and (max-width: 1199px) {
  .profile-settings-section .profile-detaills .profile-right .wallet-transactions-list li {
    width: calc(50% - 10px);
    padding: 20px 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .profile-settings-section .profile-detaills .profile-right .wallet-transactions-list li {
    width: 100%;
    border-radius: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .profile-settings-section .profile-detaills .profile-right .wallet-transactions-list li {
    border-radius: 10px;
  }
}
.profile-settings-section .profile-detaills .profile-right .wallet-transactions-list li h5 {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 10px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .profile-settings-section .profile-detaills .profile-right .wallet-transactions-list li h5 {
    font-size: 14px;
  }
}
.profile-settings-section .profile-detaills .profile-right .wallet-transactions-list li h5.earned span, .profile-settings-section .profile-detaills .profile-right .wallet-transactions-list li h5.recharge span {
  font-weight: 600;
  color: #028807;
}
.profile-settings-section .profile-detaills .profile-right .wallet-transactions-list li h5.redeemed span, .profile-settings-section .profile-detaills .profile-right .wallet-transactions-list li h5.used span {
  font-weight: 600;
  color: #D94D67;
}
.profile-settings-section .profile-detaills .profile-right .notifications-list-view {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1199px) {
  .profile-settings-section .profile-detaills .profile-right .notifications-list-view {
    margin-bottom: 30px;
  }
}
.profile-settings-section .profile-detaills .profile-right .notifications-list-view .n-list {
  position: relative;
  background: #FFFFFF;
  box-shadow: 0px 2px 10px rgba(67, 87, 99, 0.102);
  border-radius: 18px;
  padding: 16px 60px 16px 16px;
  font-size: 14px;
  line-height: 134%;
  font-weight: 400;
  margin-bottom: 16px;
  color: #000;
}
@media only screen and (max-width: 575px) {
  .profile-settings-section .profile-detaills .profile-right .notifications-list-view .n-list {
    padding: 16px 50px 16px 16px;
    border-radius: 10px;
  }
}
.profile-settings-section .profile-detaills .profile-right .notifications-list-view .n-list .title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 6px;
}
.profile-settings-section .profile-detaills .profile-right .notifications-list-view .n-list p {
  margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
  .profile-settings-section .profile-detaills .profile-right .notifications-list-view .n-list p {
    margin-bottom: 10px;
  }
}
.profile-settings-section .profile-detaills .profile-right .notifications-list-view .n-list span {
  font-size: 12px;
  line-height: 15px;
  color: rgba(0, 0, 0, 0.6);
}
.profile-settings-section .profile-detaills .profile-right .notifications-list-view .n-list::before {
  position: absolute;
  content: "";
  left: 0;
  top: 20px;
  bottom: 20px;
  height: auto;
  width: 2px;
  background-color: #0094EF;
  box-shadow: 0px 2px 10px rgba(67, 87, 99, 0.1019607843);
  border-radius: 0px 16px 16px 0px;
}
.profile-settings-section .profile-detaills .profile-right .notifications-list-view .n-list.view {
  border: none;
}
.profile-settings-section .profile-detaills .profile-right .notifications-list-view .n-list.pendding {
  border: 1px solid rgba(0, 148, 239, 0.5019607843);
}
.profile-settings-section .profile-detaills .profile-right .notifications-list-view .n-list.pendding::before {
  background-color: #0094EF;
}
.profile-settings-section .profile-detaills .profile-right .notifications-list-view .n-list.pendding .click-link:hover {
  background-color: #0094EF;
}
.profile-settings-section .profile-detaills .profile-right .notifications-list-view .n-list.system {
  border-color: rgba(255, 29, 72, 0.4509803922);
}
.profile-settings-section .profile-detaills .profile-right .notifications-list-view .n-list.system::before {
  background-color: #FF1D48;
}
.profile-settings-section .profile-detaills .profile-right .notifications-list-view .n-list.system .click-link:hover {
  background-color: #FF1D48;
}
.profile-settings-section .profile-detaills .profile-right .notifications-list-view .n-list .click-link {
  position: absolute;
  right: 14px;
  bottom: 20px;
  height: 36px;
  width: 36px;
  background: rgba(114, 165, 216, 0.1);
  border: 0.5px solid rgba(0, 64, 129, 0.1);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .profile-settings-section .profile-detaills .profile-right .notifications-list-view .n-list .click-link {
    right: 10px;
    bottom: 15px;
    height: 30px;
    width: 30px;
  }
}
.profile-settings-section .profile-detaills .profile-right .notifications-list-view .n-list .click-link svg {
  height: 12px;
  width: 9px;
  transition: none;
}
.profile-settings-section .profile-detaills .profile-right .notifications-list-view .n-list .click-link:hover {
  background-color: #0094EF;
}
.profile-settings-section .profile-detaills .profile-right .notifications-list-view .n-list .click-link:hover svg {
  fill: #fff;
}
.profile-settings-section .profile-detaills .profile-right .view-more .btn {
  font-size: 16px;
  line-height: 125%;
  font-weight: 600;
  margin: 0 auto;
  padding: 10px 56px;
}
@media only screen and (max-width: 991px) {
  .profile-settings-section .profile-detaills .profile-right .view-more .btn {
    font-size: 14px;
    line-height: 120%;
    padding: 10px 45px;
  }
}

.add-address-modal .modal-dialog {
  max-width: 926px;
}
.add-address-modal .modal-dialog .modal-content {
  padding: 30px;
  border-radius: 24px;
  border: 0px;
}
@media only screen and (max-width: 1199px) {
  .add-address-modal .modal-dialog .modal-content {
    margin: 0 auto;
    width: 98%;
    padding: 20px;
  }
}
.add-address-modal .modal-dialog .modal-content hr {
  border: 0.5px solid #000;
  margin: 12px 0;
  opacity: 0.1;
}
.add-address-modal .modal-dialog .modal-content .modal-header {
  padding: 0px 0px 10px;
  border-bottom: 0px;
}
@media only screen and (max-width: 767px) {
  .add-address-modal .modal-dialog .modal-content .modal-header {
    padding: 0px 0px 0px;
  }
}
.add-address-modal .modal-dialog .modal-content .modal-header .modal-title {
  font-size: 20px;
  line-height: 134%;
  font-weight: 700;
  font-family: "Source Sans 3", sans-serif;
  color: #000;
}
.add-address-modal .modal-dialog .modal-content .modal-header .btn-close {
  padding: 0px;
  opacity: 1;
  background: none;
  height: 24px;
  width: 24px;
}
.add-address-modal .modal-dialog .modal-content .modal-header .btn-close:focus {
  box-shadow: none;
}
.add-address-modal .modal-dialog .modal-content .modal-body {
  padding: 0px;
}
.add-address-modal .modal-dialog .modal-content .modal-body .common-form .form-profile,
.add-address-modal .modal-dialog .modal-content .modal-body .common-form .location-address {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
@media only screen and (max-width: 991px) {
  .add-address-modal .modal-dialog .modal-content .modal-body .common-form .form-profile,
  .add-address-modal .modal-dialog .modal-content .modal-body .common-form .location-address {
    gap: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .add-address-modal .modal-dialog .modal-content .modal-body .common-form .form-profile,
  .add-address-modal .modal-dialog .modal-content .modal-body .common-form .location-address {
    gap: 15px;
  }
}
.add-address-modal .modal-dialog .modal-content .modal-body .common-form .form-profile .form-group,
.add-address-modal .modal-dialog .modal-content .modal-body .common-form .location-address .form-group {
  width: calc(33.33% - 20px);
}
@media only screen and (max-width: 991px) {
  .add-address-modal .modal-dialog .modal-content .modal-body .common-form .form-profile .form-group,
  .add-address-modal .modal-dialog .modal-content .modal-body .common-form .location-address .form-group {
    width: calc(33.33% - 14px);
  }
}
@media only screen and (max-width: 767px) {
  .add-address-modal .modal-dialog .modal-content .modal-body .common-form .form-profile .form-group,
  .add-address-modal .modal-dialog .modal-content .modal-body .common-form .location-address .form-group {
    width: calc(50% - 10px);
  }
}
@media only screen and (max-width: 575px) {
  .add-address-modal .modal-dialog .modal-content .modal-body .common-form .form-profile .form-group,
  .add-address-modal .modal-dialog .modal-content .modal-body .common-form .location-address .form-group {
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .add-address-modal .modal-dialog .modal-content .modal-body .common-form .form-profile .choose-list .form-group,
  .add-address-modal .modal-dialog .modal-content .modal-body .common-form .location-address .choose-list .form-group {
    width: calc(33.33% - 14px);
  }
}
.add-address-modal .modal-dialog .modal-content .modal-footer {
  border-top: 0px;
  padding: 0px;
  margin-top: 30px;
}
.add-address-modal .modal-dialog .modal-content .modal-footer .btn-dark {
  max-width: 268px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  gap: 8px;
  line-height: 24px;
  padding: 7px 16px;
}
.add-address-modal.welcome-modal .modal-dialog {
  max-width: 531px;
}
@media only screen and (max-width: 1199px) {
  .add-address-modal.welcome-modal .modal-dialog .modal-content {
    width: 100%;
  }
}
@media only screen and (max-width: 575px) {
  .add-address-modal.welcome-modal .modal-dialog .modal-content {
    border-radius: 10px;
  }
}
.add-address-modal.welcome-modal .modal-dialog .modal-header {
  margin-bottom: 14px;
  align-items: flex-start;
}
.add-address-modal.welcome-modal .modal-dialog .modal-header .modal-logo {
  display: flex;
  gap: 10px;
}
.add-address-modal.welcome-modal .modal-dialog .modal-header .modal-logo .title {
  font-family: "Poppins", sans-serif;
}
.add-address-modal.welcome-modal .modal-dialog .modal-header .modal-logo .title h2 {
  font-size: 26px;
  font-weight: 700;
  line-height: 24px;
  color: #0094EF;
}
.add-address-modal.welcome-modal .modal-dialog .modal-header .modal-logo .title h3 {
  font-size: 16px;
  line-height: 150%;
  font-weight: 600;
}
.add-address-modal.welcome-modal .modal-dialog .modal-body {
  font-size: 16px;
  line-height: 134%;
  color: #000;
  font-weight: 400;
}
@media only screen and (max-width: 575px) {
  .add-address-modal.welcome-modal .modal-dialog .modal-body {
    font-size: 16px;
  }
}
.add-address-modal.welcome-modal .modal-dialog .modal-body p {
  margin-bottom: 15px;
}
.add-address-modal.welcome-modal .modal-dialog .modal-body p strong {
  font-weight: 600;
}
.add-address-modal.welcome-modal .modal-dialog .modal-body p:last-child {
  margin-bottom: 0px;
}
.add-address-modal.welcome-modal .modal-dialog .modal-body h4 {
  font-size: 16px;
  line-height: 134%;
  font-weight: 600;
  color: #0094EF;
  margin-bottom: 8px;
}

.logout-modal .modal-dialog {
  max-width: 391px;
  animation: opt-animation3 1s;
  -moz-animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@keyframes opt-animation3 {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.logout-modal .modal-dialog .modal-content {
  background-color: #FFFFFF;
  border-radius: 24px;
  padding: 40px 24px 35px;
}
.logout-modal .modal-dialog .modal-content .modal-body {
  padding: 0;
  text-align: center;
}
.logout-modal .modal-dialog .modal-content .modal-body .accout-img {
  height: 80px;
  width: 80px;
  margin: 0 auto 18px;
}
.logout-modal .modal-dialog .modal-content .modal-body .accout-img img {
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 575px) {
  .logout-modal .modal-dialog .modal-content .modal-body .accout-img {
    height: 70px;
    width: 70px;
    margin: 0 auto 12px;
  }
}
.logout-modal .modal-dialog .modal-content .modal-body h3 {
  font-size: 18px;
  line-height: 140%;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  margin-bottom: 24px;
}
@media only screen and (max-width: 575px) {
  .logout-modal .modal-dialog .modal-content .modal-body h3 {
    font-size: 16px;
    margin-bottom: 18px;
  }
}
.logout-modal .modal-dialog .modal-content .modal-footer {
  padding: 0;
  border-top: 0px;
  justify-content: space-between;
  gap: 16px;
}
@media only screen and (max-width: 575px) {
  .logout-modal .modal-dialog .modal-content .modal-footer {
    gap: 10px;
  }
}
.logout-modal .modal-dialog .modal-content .modal-footer .btn-primary {
  width: calc(50% - 8px);
  margin: 0px;
  border-color: #000;
  font-size: 16px;
  line-height: 20px;
}
@media only screen and (max-width: 575px) {
  .logout-modal .modal-dialog .modal-content .modal-footer .btn-primary {
    width: calc(50% - 5px);
    font-size: 14px;
    padding: 10px 14px;
  }
}
.logout-modal .modal-dialog .modal-content .modal-footer .btn-primary:hover, .logout-modal .modal-dialog .modal-content .modal-footer .btn-primary:focus, .logout-modal .modal-dialog .modal-content .modal-footer .btn-primary:active {
  box-shadow: 0px 6px 0px #000;
  background-color: #FFFFFF;
  color: #000;
  border-color: #000;
}
.logout-modal .modal-dialog .modal-content .modal-footer .btn-primary:nth-child(2) {
  color: #FF1D48;
}

/*============== Search Result Page Css  ================*/
.search-result {
  padding-top: 110px;
  padding-bottom: 80px;
}
@media screen and (max-width: 991px) {
  .search-result {
    padding-top: 90px;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 767px) {
  .search-result {
    padding-top: 70px;
    padding-bottom: 40px;
  }
}
.search-result .search-heading {
  display: flex;
  justify-content: space-between;
  padding-top: 17px;
}
@media screen and (max-width: 767px) {
  .search-result .search-heading {
    flex-wrap: wrap;
    gap: 10px;
    padding-top: 10px;
  }
}
.search-result .search-heading .title h2 {
  color: #000;
  font-size: 32px;
  line-height: 140%;
  font-weight: 900;
  font-family: "Source Sans 3", sans-serif;
}
@media screen and (max-width: 991px) {
  .search-result .search-heading .title h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 575px) {
  .search-result .search-heading .title h2 {
    font-size: 25px;
  }
}
.search-result .search-heading .title h2 span {
  color: #0094EF;
}
.search-result .search-heading .price-col {
  display: flex;
  gap: 10px;
}
@media screen and (max-width: 480px) {
  .search-result .search-heading .price-col {
    flex-wrap: wrap;
    gap: 8px;
  }
}
.search-result .search-heading .price-col .dropdown.bootstrap-select {
  width: 100%;
  max-width: 224px;
}
.search-result .search-heading .price-col .sort-price,
.search-result .search-heading .price-col .price-range {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50px;
  display: flex;
  align-items: center;
  padding: 8px 14px;
  position: relative;
  gap: 10px;
  transition: all 0.3s ease;
}
.search-result .search-heading .price-col .sort-price:hover,
.search-result .search-heading .price-col .price-range:hover {
  background-color: #000;
  border: 1px solid #000;
  background-image: url(../images/price-range-white.svg);
  background-repeat: no-repeat;
  background-position: 20px 13px;
}
@media screen and (max-width: 575px) {
  .search-result .search-heading .price-col .sort-price:hover,
  .search-result .search-heading .price-col .price-range:hover {
    background-position: 11px 12px;
  }
}
.search-result .search-heading .price-col .sort-price:hover svg,
.search-result .search-heading .price-col .price-range:hover svg {
  opacity: 0;
}
.search-result .search-heading .price-col .sort-price:hover .price-list,
.search-result .search-heading .price-col .price-range:hover .price-list {
  display: block;
}
.search-result .search-heading .price-col .sort-price:hover span,
.search-result .search-heading .price-col .price-range:hover span {
  color: #FFFFFF;
  transition: all 0.3s ease;
}
.search-result .search-heading .price-col .sort-price:hover .sortby,
.search-result .search-heading .price-col .price-range:hover .sortby {
  color: rgba(255, 255, 255, 0.6);
}
.search-result .search-heading .price-col .sort-price.clicked,
.search-result .search-heading .price-col .price-range.clicked {
  background-color: #000;
  border: 1px solid #000;
  background-image: url(../images/price-range-white.svg);
  background-repeat: no-repeat;
  background-position: 20px 13px;
}
@media screen and (max-width: 575px) {
  .search-result .search-heading .price-col .sort-price.clicked,
  .search-result .search-heading .price-col .price-range.clicked {
    background-position: 11px 12px;
  }
}
.search-result .search-heading .price-col .sort-price.clicked .pricerangelsider,
.search-result .search-heading .price-col .price-range.clicked .pricerangelsider {
  display: block;
}
.search-result .search-heading .price-col .sort-price.clicked span,
.search-result .search-heading .price-col .price-range.clicked span {
  color: #FFFFFF;
}
.search-result .search-heading .price-col .sort-price span,
.search-result .search-heading .price-col .price-range span {
  color: #000;
  font-size: 14px;
  font-weight: 600;
  font-family: "Source Sans 3", sans-serif;
  letter-spacing: 0.07px;
  display: inline-block;
  padding-left: 25px;
  transition: all 0.3s ease;
}
@media screen and (max-width: 575px) {
  .search-result .search-heading .price-col .sort-price span,
  .search-result .search-heading .price-col .price-range span {
    font-size: 13px;
  }
}
.search-result .search-heading .price-col .sort-price .sortby,
.search-result .search-heading .price-col .price-range .sortby {
  color: rgba(0, 0, 0, 0.6);
}
.search-result .search-heading .price-col .price-range {
  padding: 5px 20px;
  background-image: url(../images/price-range-back.svg);
  background-repeat: no-repeat;
  background-position: 20px 13px;
  transition: all 0.3s ease;
  cursor: pointer;
}
@media screen and (max-width: 575px) {
  .search-result .search-heading .price-col .price-range {
    padding: 8px 9px;
    background-position: 11px 12px;
  }
}
.search-result .search-heading .price-col .sort-priclist {
  position: absolute;
  top: 39px;
  z-index: 9999;
  width: 100%;
  left: 0;
}
.search-result .search-heading .price-col .sort-priclist .price-list {
  background: #FFFFFF;
  box-shadow: 0px 2px 24px rgba(67, 87, 99, 0.1568627451);
  border-radius: 16px;
  width: 100%;
  display: none;
  padding: 1px 0;
  margin-top: 15px;
}
.search-result .search-heading .price-col .sort-priclist .price-list .price-item {
  margin: 0 10px;
}
.search-result .search-heading .price-col .sort-priclist .price-list .price-item:first-child {
  margin-top: 14px;
}
.search-result .search-heading .price-col .sort-priclist .price-list .price-item:last-child {
  margin-bottom: 14px;
}
.search-result .search-heading .price-col .sort-priclist .price-list .price-item a {
  color: #000;
  font-size: 14px;
  font-family: "Source Sans 3", sans-serif;
  display: block;
  padding: 10px 26px;
}
@media screen and (max-width: 991px) {
  .search-result .search-heading .price-col .sort-priclist .price-list .price-item a {
    padding: 5px 13px;
  }
}
.search-result .search-heading .price-col .sort-priclist .price-list .price-item a:hover {
  background: #EDF2F2;
  border-radius: 10px;
}
.search-result .search-heading .price-col .common-select {
  z-index: 99;
}
.search-result .search-heading .price-col .common-select .filter-option-inner-inner {
  padding-left: 31px;
  min-width: 230px;
  width: 100%;
  font-size: 14px;
  color: #000;
  text-transform: capitalize;
  transition: all 0.3s ease;
}
.search-result .search-heading .price-col .common-select .dropdown .dropdown-toggle {
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 21px;
  transition: all 0.3s ease;
}
@media screen and (max-width: 575px) {
  .search-result .search-heading .price-col .common-select .dropdown .dropdown-toggle {
    padding: 11px 12px;
    letter-spacing: normal;
  }
}
.search-result .search-heading .price-col .common-select .dropdown .dropdown-toggle:focus {
  outline: none !important;
  outline-offset: 0;
  border-color: rgba(17, 17, 17, 0.1) !important;
}
.search-result .search-heading .price-col .common-select .dropdown .dropdown-toggle:active {
  box-shadow: none;
}
.search-result .search-heading .price-col .common-select .dropdown .dropdown-toggle.show {
  background-color: #000;
}
.search-result .search-heading .price-col .common-select .dropdown .dropdown-toggle.show .filter-option-inner-inner {
  color: #FFFFFF;
}
.search-result .search-heading .price-col .common-select .dropdown .dropdown-toggle.show:after {
  background-image: url(../images/sort-white.svg);
}
.search-result .search-heading .price-col .common-select .dropdown .dropdown-toggle::after {
  width: 20px;
  position: absolute;
  height: 20px;
  display: inline-block;
  top: 10px;
  background-image: url(../images/Sortb.svg);
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  margin-left: 0;
}
.search-result .search-heading .price-col .common-select .dropdown .dropdown-toggle:hover:after {
  background-image: url(../images/sort-white.svg);
}
.search-result .search-heading .price-col .common-select .dropdown .dropdown-toggle:hover .filter-option-inner-inner {
  color: #FFFFFF;
}
.search-result .search-heading .price-col .common-select .dropdown .dropdown-menu {
  background: #FFFFFF;
  box-shadow: 0px 2px 24px rgba(67, 87, 99, 0.1568627451);
  border-radius: 16px;
  border: none;
  padding: 10px;
  top: 10px !important;
}
.search-result .search-heading .price-col .common-select .dropdown .dropdown-menu .inner {
  border-radius: 10px;
}
.search-result .search-heading .price-col .common-select .dropdown .dropdown-menu .inner .dropdown-menu {
  padding: 0px;
  background-color: #FFFFFF !important;
  font-size: 14px;
  line-height: 134%;
}
.search-result .search-heading .price-col .common-select .dropdown .dropdown-menu .inner .dropdown-menu li {
  margin-bottom: 1px;
}
.search-result .search-heading .price-col .common-select .dropdown .dropdown-menu .inner .dropdown-menu li:last-child {
  margin-bottom: 0px;
}
.search-result .search-heading .price-col .common-select .dropdown .dropdown-menu .inner .dropdown-menu li .dropdown-item {
  background-color: #FFFFFF !important;
  border-radius: 10px;
  padding: 10px 16px;
}
.search-result .search-heading .price-col .common-select .dropdown .dropdown-menu .inner .dropdown-menu li .dropdown-item:hover, .search-result .search-heading .price-col .common-select .dropdown .dropdown-menu .inner .dropdown-menu li .dropdown-item.active {
  color: #000;
  background-color: #EDF2F2 !important;
  border-radius: 10px;
}
.search-result .search-heading .pricerangelsider {
  position: absolute;
  top: 39px;
  z-index: 999999999;
  min-width: 378px;
  right: 0;
  width: 100%;
  display: none;
}
@media screen and (max-width: 767px) {
  .search-result .search-heading .pricerangelsider {
    left: 0;
  }
}
@media screen and (max-width: 575px) {
  .search-result .search-heading .pricerangelsider {
    min-width: 292px;
    left: 0;
  }
}
.search-result .search-heading .pricerangelsider .rageminmaxslide {
  padding: 20px 16px 16px;
  background: #FFFFFF;
  box-shadow: 0px 2px 24px rgba(67, 87, 99, 0.1568627451);
  border-radius: 16px;
  display: block;
  margin-top: 15px;
}
.search-result .search-heading .pricerangelsider .rangeheading {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.search-result .search-heading .pricerangelsider .rangeheading h3 {
  font-size: 18px;
  font-weight: 700;
  font-family: "Source Sans 3", sans-serif;
  color: #000;
}
.search-result .search-heading .pricerangelsider .rangeheading span {
  line-height: 11px;
  padding-left: 0;
}
.search-result .search-heading .pricerangelsider .rangeheading .resetbtn {
  background: #EDF2F2;
  color: #000;
  font-size: 14px;
  letter-spacing: 0.07px;
  display: inline-flex;
  font-family: "Source Sans 3", sans-serif;
  padding: 4px 0px;
  align-items: center;
  gap: 6px;
  border-radius: 50px;
  max-width: 74px;
  width: 100%;
  justify-content: center;
  border: none;
}
.search-result .search-heading .pricerangelsider .pritile {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.search-result .search-heading .pricerangelsider .pritile h4 {
  color: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 400;
  margin-bottom: 6px;
}
.search-result .search-heading .pricerangelsider .pritile strong {
  font-size: 20px;
  font-family: "Source Sans 3", sans-serif;
  color: #000;
  line-height: 140%;
}
.search-result .result-found {
  position: relative;
  text-align: center;
  padding: 41px 0;
}
@media screen and (max-width: 767px) {
  .search-result .result-found {
    padding: 20px 0;
  }
}
.search-result .result-found:after {
  background: transparent linear-gradient(90deg, #FFEC8B 0%, #00D9B9 54%, #0094EF 100%) 0% 0% no-repeat padding-box;
  opacity: 0.2;
  position: absolute;
  width: 100%;
  height: 1px;
  content: "";
  bottom: 50px;
  left: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .search-result .result-found:after {
    bottom: 33px;
  }
}
.search-result .result-found span {
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  font-family: "Source Sans 3", sans-serif;
  display: inline-block;
  margin: 0 auto;
  background: #fff;
  padding: 0 14px;
}
.search-result .gamelist {
  display: flex;
  gap: 24px 16px;
  flex-wrap: wrap;
}
.search-result .gamelist .gameitem {
  width: calc(25% - 12px);
}
@media screen and (max-width: 1199px) {
  .search-result .gamelist .gameitem {
    width: calc(33.33% - 11px);
  }
}
@media screen and (max-width: 767px) {
  .search-result .gamelist .gameitem {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 420px) {
  .search-result .gamelist .gameitem {
    width: 100%;
  }
}
.search-result .gamelist .gameitem .thumbnail {
  display: block;
  padding-bottom: 72%;
  overflow: hidden;
  position: relative;
  border-radius: 24px;
}
@media screen and (max-width: 767px) {
  .search-result .gamelist .gameitem .thumbnail {
    border-radius: 16px;
  }
}
.search-result .gamelist .gameitem .thumbnail a,
.search-result .gamelist .gameitem .thumbnail picture,
.search-result .gamelist .gameitem .thumbnail img {
  width: 100%;
  display: block;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  object-fit: cover;
  object-position: center center;
  transition: all 0.3s ease;
}
.search-result .gamelist .gameitem .thumbnail:hover img {
  transform: scale(1.1);
}
.search-result .gamelist .gameitem .gamebox {
  padding-top: 20px;
}
@media screen and (max-width: 575px) {
  .search-result .gamelist .gameitem .gamebox {
    padding-top: 16px;
  }
}
.search-result .gamelist .gameitem .gamebox .titlebox {
  display: flex;
  justify-content: space-between;
}
.search-result .gamelist .gameitem .gamebox .titlebox a {
  font-size: 17px;
  font-weight: 600;
  font-family: "Source Sans 3", sans-serif;
  line-height: 140%;
  color: #000;
}
.search-result .gamelist .gameitem .gamebox .titlebox span {
  font-size: 14px;
  line-height: 120%;
  font-family: "Source Sans 3", sans-serif;
  background: #FF1D48;
  color: #FFFFFF;
  border-radius: 11px;
  display: flex;
  align-items: center;
  padding: 0px 8px;
  font-weight: 400;
}
.search-result .gamelist .gameitem .gamebox span {
  font-size: 16px;
  font-weight: 600;
  font-family: "Source Sans 3", sans-serif;
  line-height: 140%;
  color: rgba(0, 0, 0, 0.5);
}
.search-result .gamelist .gameitem .gamebox .pricebox {
  display: flex;
  gap: 10px;
  margin-top: 12px;
  margin-bottom: 20px;
}
@media screen and (max-width: 575px) {
  .search-result .gamelist .gameitem .gamebox .pricebox {
    margin-top: 5px;
    margin-bottom: 9px;
  }
}
.search-result .gamelist .gameitem .gamebox .pricebox strong {
  font-size: 20px;
  line-height: 140%;
  color: #000;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .search-result .gamelist .gameitem .gamebox .pricebox strong {
    font-size: 18px;
  }
}
@media screen and (max-width: 480px) {
  .search-result .gamelist .gameitem .gamebox .pricebox strong {
    font-size: 16px;
  }
}
.search-result .gamelist .gameitem .gamebox .pricebox span {
  font-size: 20px;
  line-height: 140%;
  color: rgba(0, 0, 0, 0.6);
  text-decoration: line-through;
}
@media screen and (max-width: 767px) {
  .search-result .gamelist .gameitem .gamebox .pricebox span {
    font-size: 18px;
  }
}
@media screen and (max-width: 480px) {
  .search-result .gamelist .gameitem .gamebox .pricebox span {
    font-size: 16px;
  }
}
.search-result .gamelist .gameitem .gamebox .btn-wrap {
  display: flex;
  gap: 8px;
}
@media screen and (max-width: 767px) {
  .search-result .gamelist .gameitem .gamebox .btn-wrap {
    flex-wrap: wrap;
  }
}
.search-result .gamelist .gameitem .gamebox .btn-wrap .view-m-none,
.search-result .gamelist .gameitem .gamebox .btn-wrap .add-m-none {
  font-size: 14px;
  letter-spacing: 0.56px;
  color: #000;
  pointer-events: none;
}
.search-result .gamelist .gameitem .gamebox .btn-wrap a {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #000;
}
@media screen and (max-width: 991px) {
  .search-result .gamelist .gameitem .gamebox .btn-wrap a {
    padding: 8px 12px;
    gap: 4px;
  }
}
@media screen and (max-width: 575px) {
  .search-result .gamelist .gameitem .gamebox .btn-wrap a {
    padding: 8px 11px;
  }
}
@media screen and (max-width: 480px) {
  .search-result .gamelist .gameitem .gamebox .btn-wrap a {
    width: 100%;
    justify-content: center;
    gap: 6px;
  }
}
@media screen and (max-width: 420px) {
  .search-result .gamelist .gameitem .gamebox .btn-wrap a {
    width: auto;
  }
}
.search-result .gamelist .gameitem .gamebox .btn-wrap a:hover {
  border: 1px solid #9B32E0;
}

/*===========  Range Slider Css ================*/
.range-slide {
  position: relative;
  margin: 24px 0 22px 0;
  height: 4px;
  width: 100%;
}
.range-slide .slide {
  position: absolute;
  top: 0;
  height: 4px;
  background: rgba(0, 0, 0, 0.1);
  left: 8px;
  right: 8px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
.range-slide .line {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0;
  height: 4px;
  background-color: #0094EF;
}
.range-slide .thumb {
  position: absolute;
  z-index: 2;
  text-align: left;
  border: 2px solid #FFFFFF;
  background-color: #0094EF;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  outline: none;
  top: -8px;
  height: 18px;
  width: 18px;
  margin-left: -9px;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.161);
  padding-left: 0 !important;
  transition: none !important;
}
.range-slide input {
  -webkit-appearance: none;
  appearance: none;
  -moz--appearance: none;
  position: absolute;
  pointer-events: none;
  z-index: 99;
  height: 3px;
  top: 0;
  width: 100%;
  opacity: 0;
  margin: 0;
  background-color: transparent;
}
.range-slide input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  pointer-events: all;
  cursor: pointer;
  width: 18px;
  height: 18px;
}

@supports (-moz-appearance: none) {
  input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    pointer-events: unset;
  }
}
.display {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
}
.display span {
  font-size: 16px;
  line-height: 21px;
  font-weight: 600;
}
.display .mincol {
  background: #EDF2F2;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  border-radius: 15px;
  padding: 10px 10px 12px;
  color: #000;
  font-size: 20px;
  font-weight: 700;
  max-width: 142px;
  width: 100%;
}
@media screen and (max-width: 575px) {
  .display .mincol {
    padding: 10px;
    font-size: 16px;
  }
}
.display .mincol .mintitle {
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 400;
}
.display .boderline {
  background: #000;
  width: 20px;
  height: 1px;
}

/*================ help center start =============== */
.helpcenter-wapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
}
.helpcenter-wapper .help-center-section {
  background: #FFFFFF;
  box-shadow: 0px 2px 10px rgba(67, 87, 99, 0.1019607843);
  border-radius: 30px;
  display: flex;
  max-width: 822px;
  margin: 0 auto;
  justify-content: space-between;
  padding: 10px 10px 10px 20px;
  gap: 62px;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .helpcenter-wapper .help-center-section {
    gap: 20px;
    padding: 20px;
    justify-content: center;
  }
}
@media screen and (max-width: 575px) {
  .helpcenter-wapper .help-center-section {
    flex-wrap: wrap;
  }
}
.helpcenter-wapper .help-center-section .tell-us {
  width: 100%;
  max-width: 410px;
}
.helpcenter-wapper .help-center-section .tell-us h3 {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  font-family: "Source Sans 3", sans-serif;
}
.helpcenter-wapper .help-center-section .tell-us span {
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  font-family: "Source Sans 3", sans-serif;
  line-height: 120%;
  display: inline-block;
  padding: 10px 0 20px 0;
}
.helpcenter-wapper .help-center-section .tell-us .infolist {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.helpcenter-wapper .help-center-section .tell-us .infolist .infoitem {
  background: #FFFFFF;
  border: 1px solid rgba(0, 64, 129, 0.1019607843);
  border-radius: 20px;
  width: calc(50% - 5px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
}
@media screen and (max-width: 991px) {
  .helpcenter-wapper .help-center-section .tell-us .infolist .infoitem {
    padding: 9px 7px;
    gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  .helpcenter-wapper .help-center-section .tell-us .infolist .infoitem {
    width: 100%;
    justify-content: start;
    gap: 20px;
  }
}
.helpcenter-wapper .help-center-section .tell-us .infolist .infoitem picture img {
  width: 50px;
  height: 36px;
  object-fit: contain;
}
.helpcenter-wapper .help-center-section .tell-us .infolist .infoitem a {
  max-width: 102px;
  width: 100%;
}
.helpcenter-wapper .help-center-section .tell-us .infolist .infoitem a span {
  background: rgba(114, 165, 216, 0.1);
  border: 0.5px solid rgba(0, 64, 129, 0.1);
  border-radius: 21px;
  font-size: 16px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 600;
  font-family: "Source Sans 3", sans-serif;
  display: inline-flex;
  align-items: center;
  padding: 11px 0px;
  justify-content: center;
  max-width: 102px;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .helpcenter-wapper .help-center-section .tell-us .infolist .infoitem a span {
    font-size: 15px;
  }
}
.helpcenter-wapper .help-center-section .tell-us .infolist .infoitem:last-child {
  width: 100%;
  justify-content: start;
  gap: 19px;
}
.helpcenter-wapper .help-center-section .tell-us .infolist .infoitem:last-child a {
  max-width: inherit;
  background: rgba(114, 165, 216, 0.1) 0% 0% no-repeat padding-box;
  border: 0.5px solid rgba(0, 64, 129, 0.1);
  border-radius: 21px;
  color: #0094EF;
  font-size: 16px;
  font-family: "Source Sans 3", sans-serif;
}
@media screen and (max-width: 767px) {
  .helpcenter-wapper .help-center-section .tell-us .infolist .infoitem:last-child a {
    padding: 6px 10px 12px 20px;
  }
}
.helpcenter-wapper .help-center-section .tell-us .infolist .infoitem:last-child a span {
  background-color: transparent;
  border-right: 1px solid rgba(0, 0, 0, 0.1215686275);
  border-radius: 0;
  border-left: 0;
  border-bottom: 0;
  border-top: 0;
  margin-right: 20px;
  display: inline-block;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .helpcenter-wapper .help-center-section .tell-us .infolist .infoitem:last-child a span {
    border-right: 0px;
    margin-right: 0px;
    padding-bottom: 6px;
    display: block;
    text-align: left;
  }
}
.helpcenter-wapper .help-center-section .tellusimg {
  max-width: 305px;
  width: 100%;
  background-color: #F6DFDF;
  padding: 40px 34px;
  border-radius: 21px;
}
.helpcenter-wapper .help-center-section .tellusimg .thumbnail {
  display: block;
  padding-bottom: 95%;
  overflow: hidden;
  position: relative;
  border-radius: 21px;
}
.helpcenter-wapper .help-center-section .tellusimg .thumbnail picture,
.helpcenter-wapper .help-center-section .tellusimg .thumbnail img {
  width: 100%;
  display: block;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  border-radius: 24px;
  object-fit: cover;
  object-position: center center;
  transition: all 0.3s ease;
  border-radius: 21px;
}

/*================= Help-center ===============*/
/*============ Accessories Listing Page ==========*/
.accessories-search {
  padding-bottom: 0;
}
.accessories-search .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.accessories-search .title .filter-mobile {
  background-color: transparent;
  border: 1px solid #000;
  border-radius: 50px;
  padding: 8px 15px;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
  color: #000;
  display: none;
  align-items: center;
  gap: 10px;
  position: relative;
}
.accessories-search .title .filter-mobile::before {
  content: "";
  background-image: url(../images/filter.svg);
  border: none;
  width: 16px;
  height: 16px;
  left: 0px;
  position: relative;
  margin: 0;
}
.accessories-search .title .filter-mobile:hover {
  background-color: #000;
  color: #FFFFFF;
}
.accessories-search .title .filter-mobile:hover::before {
  filter: invert(1);
}
.accessories-search .title .filter-mobile picture {
  height: 18px;
  width: 18px;
}
.accessories-search .title .filter-mobile picture img {
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .accessories-search .title .filter-mobile {
    display: inline-flex;
  }
}

.accessories-listing {
  position: relative;
  padding-bottom: 80px;
}
@media screen and (max-width: 1280px) {
  .accessories-listing {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 991px) {
  .accessories-listing {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 575px) {
  .accessories-listing {
    padding-top: 75px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 575px) {
  .accessories-listing.onelist {
    padding-top: 0px;
  }
}
.accessories-listing .search-heading {
  padding-top: 20px;
}
@media screen and (max-width: 575px) {
  .accessories-listing .search-heading {
    padding-top: 0px;
  }
}
.accessories-listing .productlist {
  background: #F2F2F2;
  margin-top: 20px;
  box-shadow: 0px 2px 16px rgba(67, 87, 99, 0.0784313725);
  position: sticky;
  position: -webkit-sticky;
  top: 66px;
  z-index: 9;
}
@media screen and (max-width: 991px) {
  .accessories-listing .productlist {
    top: 64px;
  }
}
@media screen and (max-width: 575px) {
  .accessories-listing .productlist {
    top: 53px;
  }
}
.accessories-listing .productlist .list {
  display: flex;
  gap: 10px;
  overflow: auto;
  padding: 8px 0;
}
@media (max-width: 1280px) {
  .accessories-listing .productlist .list {
    padding: 8px 12px;
    margin: 0 -12px;
  }
}
@media (min-width: 992px) {
  .accessories-listing .productlist .list::-webkit-scrollbar {
    height: 4px;
  }
  .accessories-listing .productlist .list::-webkit-scrollbar-thumb {
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: rgba(0, 0, 0, 0.5);
  }
}
.accessories-listing .productlist .list .item {
  font-size: 16px;
  font-family: "Source Sans 3", sans-serif;
  color: #000;
  font-weight: 600;
  padding: 10px 23px;
  border: 1px solid #000;
  border-radius: 34px;
  background: #FFFFFF;
  white-space: nowrap;
  cursor: pointer;
  text-align: center;
  transition: all 0.3s ease;
}
@media screen and (max-width: 1366px) {
  .accessories-listing .productlist .list .item {
    padding: 7px 18px;
  }
}
@media screen and (max-width: 991px) {
  .accessories-listing .productlist .list .item {
    padding: 9px 20px;
  }
}
@media screen and (max-width: 767px) {
  .accessories-listing .productlist .list .item {
    padding: 7px 16px;
  }
}
.accessories-listing .productlist .list .item:hover {
  background: #FFFFFF;
  border-color: #FF1D48;
  box-shadow: 0 3px 0px #FF1D48;
}
.accessories-listing .synthetic-leather {
  padding: 40px 0;
}
@media screen and (max-width: 767px) {
  .accessories-listing .synthetic-leather {
    padding: 25px 0;
  }
}
.accessories-listing .synthetic-leather .product-title {
  color: #000;
  font-size: 32px;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 900;
  margin-bottom: 24px;
}
@media screen and (max-width: 1199px) {
  .accessories-listing .synthetic-leather .product-title {
    font-size: 30px;
  }
}
@media screen and (max-width: 991px) {
  .accessories-listing .synthetic-leather .product-title {
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  .accessories-listing .synthetic-leather .product-title {
    font-size: 26px;
  }
}
.accessories-listing .synthetic-leather .product-title.map-icon {
  display: flex;
  align-items: center;
  gap: 14px;
}
@media screen and (max-width: 767px) {
  .accessories-listing .synthetic-leather .product-title.map-icon {
    gap: 12px;
  }
}
.accessories-listing .synthetic-leather .product-title.map-icon picture {
  width: 40px;
  height: 40px;
  display: inline-block;
  border-radius: 50px;
  vertical-align: middle;
}
@media screen and (max-width: 991px) {
  .accessories-listing .synthetic-leather .product-title.map-icon picture {
    width: 36px;
    height: 36px;
  }
}
@media screen and (max-width: 767px) {
  .accessories-listing .synthetic-leather .product-title.map-icon picture {
    width: 32px;
    height: 32px;
  }
}
.accessories-listing .synthetic-leather .product-title.map-icon picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 50px;
}
.accessories-listing .viewmorebtn {
  text-align: center;
  margin-top: 40px;
}
@media screen and (max-width: 991px) {
  .accessories-listing .viewmorebtn {
    margin-top: 10px;
  }
}
.accessories-listing .viewmorebtn .gallery-btn {
  padding: 8px 53px;
  margin: 0 auto;
  border: 1px solid #000;
}
.accessories-listing .viewmorebtn .gallery-btn:hover {
  border: 1px solid #9B32E0;
}
.accessories-listing .gamelist {
  display: flex;
  gap: 24px 16px;
  flex-wrap: wrap;
}
.accessories-listing .gamelist .gameitem {
  width: calc(25% - 12px);
}
@media screen and (max-width: 1199px) {
  .accessories-listing .gamelist .gameitem {
    width: calc(33.33% - 11px);
  }
}
@media screen and (max-width: 767px) {
  .accessories-listing .gamelist .gameitem {
    width: calc(50% - 8px);
  }
}
@media screen and (max-width: 360px) {
  .accessories-listing .gamelist .gameitem {
    width: 100%;
  }
}
.accessories-listing .gamelist .gameitem .thumbnail {
  display: block;
  padding-bottom: 72%;
  overflow: hidden;
  position: relative;
  border-radius: 24px;
}
@media screen and (max-width: 767px) {
  .accessories-listing .gamelist .gameitem .thumbnail {
    border-radius: 16px;
  }
}
@media screen and (max-width: 575px) {
  .accessories-listing .gamelist .gameitem .thumbnail {
    border-radius: 10px;
  }
}
.accessories-listing .gamelist .gameitem .thumbnail a,
.accessories-listing .gamelist .gameitem .thumbnail picture,
.accessories-listing .gamelist .gameitem .thumbnail img {
  width: 100%;
  display: block;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  object-fit: cover;
  object-position: center center;
  transition: all 0.3s ease;
}
.accessories-listing .gamelist .gameitem .thumbnail:hover img {
  transform: scale(1.1);
}
.accessories-listing .gamelist .gameitem .gamebox {
  padding-top: 20px;
}
@media screen and (max-width: 575px) {
  .accessories-listing .gamelist .gameitem .gamebox {
    padding-top: 16px;
  }
}
.accessories-listing .gamelist .gameitem .gamebox .titlebox {
  display: flex;
  justify-content: space-between;
}
.accessories-listing .gamelist .gameitem .gamebox .titlebox a {
  font-size: 17px;
  font-weight: 600;
  font-family: "Source Sans 3", sans-serif;
  line-height: 140%;
  color: #000;
}
.accessories-listing .gamelist .gameitem .gamebox .titlebox span {
  font-size: 14px;
  line-height: 120%;
  font-family: "Source Sans 3", sans-serif;
  background: #FF1D48;
  color: #FFFFFF;
  border-radius: 11px;
  display: flex;
  align-items: center;
  padding: 0px 8px;
  font-weight: 400;
}
.accessories-listing .gamelist .gameitem .gamebox span {
  font-size: 16px;
  font-weight: 600;
  font-family: "Source Sans 3", sans-serif;
  line-height: 140%;
  color: rgba(0, 0, 0, 0.5);
}
.accessories-listing .gamelist .gameitem .gamebox .pricebox {
  display: flex;
  gap: 10px;
  margin-top: 12px;
  margin-bottom: 20px;
}
@media screen and (max-width: 575px) {
  .accessories-listing .gamelist .gameitem .gamebox .pricebox {
    margin-top: 5px;
    margin-bottom: 9px;
  }
}
.accessories-listing .gamelist .gameitem .gamebox .pricebox strong {
  font-size: 20px;
  line-height: 140%;
  color: #000;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .accessories-listing .gamelist .gameitem .gamebox .pricebox strong {
    font-size: 18px;
  }
}
@media screen and (max-width: 480px) {
  .accessories-listing .gamelist .gameitem .gamebox .pricebox strong {
    font-size: 16px;
  }
}
.accessories-listing .gamelist .gameitem .gamebox .pricebox span {
  font-size: 20px;
  line-height: 140%;
  color: rgba(0, 0, 0, 0.6);
  text-decoration: line-through;
}
@media screen and (max-width: 767px) {
  .accessories-listing .gamelist .gameitem .gamebox .pricebox span {
    font-size: 18px;
  }
}
@media screen and (max-width: 480px) {
  .accessories-listing .gamelist .gameitem .gamebox .pricebox span {
    font-size: 16px;
  }
}
.accessories-listing .gamelist .gameitem .gamebox .btn-wrap {
  display: flex;
  gap: 8px;
}
@media screen and (max-width: 767px) {
  .accessories-listing .gamelist .gameitem .gamebox .btn-wrap {
    flex-wrap: wrap;
  }
}
.accessories-listing .gamelist .gameitem .gamebox .btn-wrap .view-m-none,
.accessories-listing .gamelist .gameitem .gamebox .btn-wrap .add-m-none {
  font-size: 14px;
  letter-spacing: 0.56px;
  color: #000;
  pointer-events: none;
}
@media screen and (max-width: 991px) {
  .accessories-listing .gamelist .gameitem .gamebox .btn-wrap .cart-btn {
    height: 38px;
    width: 38px;
    min-width: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .accessories-listing .gamelist .gameitem .gamebox .btn-wrap .cart-btn picture {
    height: 16px;
    width: 16px;
    min-width: 16px;
  }
  .accessories-listing .gamelist .gameitem .gamebox .btn-wrap .cart-btn picture img {
    height: 100%;
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .accessories-listing .gamelist .gameitem .gamebox .btn-wrap .cart-btn .add-m-none {
    display: none;
  }
}
.accessories-listing .gamelist .gameitem .gamebox .btn-wrap .cart-btn.view-btn {
  width: auto;
}
.accessories-listing .gamelist .gameitem .gamebox .btn-wrap a {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #000;
}
@media screen and (max-width: 991px) {
  .accessories-listing .gamelist .gameitem .gamebox .btn-wrap a {
    padding: 8px 12px;
    gap: 4px;
  }
}
@media screen and (max-width: 575px) {
  .accessories-listing .gamelist .gameitem .gamebox .btn-wrap a {
    padding: 8px 11px;
  }
}
@media screen and (max-width: 480px) {
  .accessories-listing .gamelist .gameitem .gamebox .btn-wrap a {
    width: 100%;
    justify-content: center;
    gap: 6px;
  }
}
@media screen and (max-width: 420px) {
  .accessories-listing .gamelist .gameitem .gamebox .btn-wrap a {
    width: auto;
  }
}
.accessories-listing .gamelist .gameitem .gamebox .btn-wrap a:hover {
  border: 1px solid #9B32E0;
}
.accessories-listing .accessories-product-list {
  display: flex;
  align-items: flex-start;
  gap: 48px;
  padding-top: 30px;
}
@media screen and (max-width: 1280px) {
  .accessories-listing .accessories-product-list {
    gap: 38px;
  }
}
@media screen and (max-width: 1150px) {
  .accessories-listing .accessories-product-list {
    padding-top: 20px;
    gap: 30px;
  }
}
@media screen and (max-width: 767px) {
  .accessories-listing .accessories-product-list {
    flex-wrap: wrap;
  }
}
.accessories-listing .accessories-product-list h4 {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: #000;
  letter-spacing: 0.56px;
  text-transform: uppercase;
  padding-bottom: 18px;
}
.accessories-listing .accessories-product-list .accessories-filter {
  max-width: 300px;
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0px 2px 24px rgba(67, 87, 99, 0.1568627451);
  border-radius: 24px;
  padding: 24px 12px;
  position: sticky;
  top: 80px;
  transition: all 0.7s;
}
@media screen and (max-width: 991px) {
  .accessories-listing .accessories-product-list .accessories-filter {
    border-radius: 18px;
    padding: 18px;
  }
}
@media screen and (max-width: 767px) {
  .accessories-listing .accessories-product-list .accessories-filter {
    max-width: 100%;
    visibility: hidden;
    position: fixed;
    top: 100%;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 999;
    height: 100vh;
    max-height: 100vh;
    overflow-y: auto;
    border-radius: 0;
  }
}
.accessories-listing .accessories-product-list .accessories-filter.show {
  visibility: visible;
}
@media screen and (max-width: 767px) {
  .accessories-listing .accessories-product-list .accessories-filter.show {
    top: 0px;
  }
}
.accessories-listing .accessories-product-list .accessories-filter hr {
  margin: 24px 0px;
  border: 0.5px solid #000;
  opacity: 0.1 !important;
  background-color: #000;
}
@media screen and (max-width: 991px) {
  .accessories-listing .accessories-product-list .accessories-filter hr {
    margin: 18px 0px;
  }
}
.accessories-listing .accessories-product-list .accessories-filter .filter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 24px;
  padding: 0px 12px;
}
@media screen and (max-width: 991px) {
  .accessories-listing .accessories-product-list .accessories-filter .filter {
    gap: 18px;
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 767px) {
  .accessories-listing .accessories-product-list .accessories-filter .filter .filter-btn {
    display: flex;
    align-items: center;
    gap: 10px;
  }
}
.accessories-listing .accessories-product-list .accessories-filter .filter .filter-btn .ftl-close {
  display: none;
}
@media screen and (max-width: 767px) {
  .accessories-listing .accessories-product-list .accessories-filter .filter .filter-btn .ftl-close {
    display: block;
  }
}
.accessories-listing .accessories-product-list .accessories-filter .filter h3 {
  font-size: 20px;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 700;
  line-height: 125%;
  color: #000;
}
.accessories-listing .accessories-product-list .accessories-filter .filter a,
.accessories-listing .accessories-product-list .accessories-filter .filter button {
  font-size: 14px;
  line-height: 18px;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 400;
  color: #000;
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  gap: 5px;
}
.accessories-listing .accessories-product-list .accessories-filter .filter-sidebar {
  max-height: calc(100vh - 192px);
  padding: 0px 12px 0 12px;
  overflow-y: auto;
}
@media screen and (max-width: 767px) {
  .accessories-listing .accessories-product-list .accessories-filter .filter-sidebar {
    max-height: calc(100vh - 120px);
  }
}
.accessories-listing .accessories-product-list .accessories-filter .filter-sidebar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #FFFFFF;
}
.accessories-listing .accessories-product-list .accessories-filter .filter-sidebar::-webkit-scrollbar {
  width: 6px;
  background-color: #FFFFFF;
}
.accessories-listing .accessories-product-list .accessories-filter .filter-sidebar::-webkit-scrollbar-thumb {
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.5);
}
.accessories-listing .accessories-product-list .accessories-filter .filter-sidebar .common-form {
  overflow: hidden;
}
.accessories-listing .accessories-product-list .accessories-filter .filter-list .accordion .accordion-item {
  border: none;
}
.accessories-listing .accessories-product-list .accessories-filter .filter-list .accordion .accordion-item .accordion-header {
  padding-bottom: 0;
}
.accessories-listing .accessories-product-list .accessories-filter .filter-list .accordion .accordion-item .accordion-header .accordion-button {
  background-color: #FFFFFF;
  padding: 0px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: #000;
  letter-spacing: 0.56px;
  text-transform: uppercase;
}
.accessories-listing .accessories-product-list .accessories-filter .filter-list .accordion .accordion-item .accordion-header .accordion-button::after {
  background-image: url(../images/plus-icon.svg);
  background-size: 16px;
  background-position: center;
}
.accessories-listing .accessories-product-list .accessories-filter .filter-list .accordion .accordion-item .accordion-header .accordion-button:focus {
  border-color: transparent;
  box-shadow: none;
}
.accessories-listing .accessories-product-list .accessories-filter .filter-list .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  box-shadow: none;
}
.accessories-listing .accessories-product-list .accessories-filter .filter-list .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  background-image: url(../images/minus-icon.svg);
  transform: none;
}
.accessories-listing .accessories-product-list .accessories-filter .filter-list .accordion .accordion-item .accordion-body {
  padding: 0px;
  padding-top: 18px;
}
.accessories-listing .accessories-product-list .accessories-filter .filter-list .accordion .accordion-item .accordion-body .togglebtn {
  font-size: 14px;
  line-height: 18px;
  color: #000;
  border: none;
  background-color: transparent;
  border-bottom: 1px solid #00D129;
  transition: all 0.5s ease;
}
.accessories-listing .accessories-product-list .accessories-filter .choose-list {
  gap: 12px;
  margin-bottom: 12px;
}
.accessories-listing .accessories-product-list .accessories-filter .choose-list .form-group {
  min-width: 100%;
}
.accessories-listing .accessories-product-list .accessories-filter .choose-list .form-group label {
  font-size: 16px;
  line-height: 120%;
  font-weight: 400;
  font-family: "Source Sans 3", sans-serif;
  margin-bottom: 0px;
  padding: 0;
  background: transparent !important;
  border: 0 !important;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
  cursor: pointer;
  border-radius: 21px;
}
.accessories-listing .accessories-product-list .accessories-filter .choose-list .form-group label span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.accessories-listing .accessories-product-list .accessories-filter .choose-list .form-group label::before {
  border-radius: 4px;
  margin-right: 0px;
  margin-left: 10px;
  border-color: rgba(0, 0, 0, 0.3);
}
.accessories-listing .accessories-product-list .accessories-filter .choose-list .form-group input:checked + label::before {
  border-color: #0094EF;
}
.accessories-listing .accessories-product-list .accessories-filter .choose-list .form-group input:checked + label::after {
  top: 6px;
  right: 5px;
  left: auto;
}
.accessories-listing .accessories-product-list .accessories-filter .choose-list.shortby {
  margin-bottom: 0px;
}
.accessories-listing .accessories-product-list .accessories-filter .choose-list.shortby .form-group label::before {
  border-radius: 50%;
}
.accessories-listing .accessories-product-list .accessories-filter .price-range {
  overflow: hidden;
}
.accessories-listing .accessories-product-list .accessories-filter .price-range h4 {
  padding-bottom: 0;
}
.accessories-listing .accessories-product-list .accessories-filter .price-range .display .mincol {
  font-size: 16px;
  line-height: 20px;
  padding: 10px 8px 12px;
  font-weight: 700;
  color: #000;
  border-radius: 8px;
}
.accessories-listing .accessories-product-list .accessories-filter .price-range .display .mincol .mintitle {
  color: #000;
  font-size: 12px;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 991px) {
  .accessories-listing .accessories-product-list .accessories-filter .price-range .display .mincol {
    padding: 8px;
    font-size: 14px;
  }
}
.accessories-listing .accessories-product-list .accessories-products {
  max-width: calc(100% - 300px);
}
@media screen and (max-width: 767px) {
  .accessories-listing .accessories-product-list .accessories-products {
    max-width: 100%;
  }
}
.accessories-listing .accessories-product-list .accessories-products .gamelist .gameitem {
  width: calc(33.33% - 11px);
}
@media screen and (max-width: 991px) {
  .accessories-listing .accessories-product-list .accessories-products .gamelist .gameitem {
    width: calc(50% - 8px);
  }
}
@media screen and (max-width: 360px) {
  .accessories-listing .accessories-product-list .accessories-products .gamelist .gameitem {
    width: 100%;
  }
}
@media screen and (max-width: 1199px) {
  .accessories-listing .accessories-product-list .accessories-products .gamelist .gameitem .gamebox .btn-wrap .btn-primary {
    padding: 10px 16px;
  }
  .accessories-listing .accessories-product-list .accessories-products .gamelist .gameitem .gamebox .btn-wrap .btn-primary.cart-btn {
    height: 42px;
    width: 42px;
    min-width: 42px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .accessories-listing .accessories-product-list .accessories-products .gamelist .gameitem .gamebox .btn-wrap .btn-primary.cart-btn .add-m-none {
    display: none;
  }
  .accessories-listing .accessories-product-list .accessories-products .gamelist .gameitem .gamebox .btn-wrap .btn-primary.cart-btn.view-btn {
    width: auto;
  }
}
.accessories-listing .accessories-product-list .accessories-products .synthetic-leather {
  padding-top: 0px;
}

/* =============== Inbox section ================ */
.inboxs-section {
  padding: 112px 0px 80px;
}
@media only screen and (max-width: 1280px) {
  .inboxs-section {
    padding: 112px 0px 70px;
  }
}
@media only screen and (max-width: 1199px) {
  .inboxs-section {
    padding: 100px 0px 60px;
  }
}
@media only screen and (max-width: 991px) {
  .inboxs-section {
    padding: 90px 0px 50px;
  }
}
@media only screen and (max-width: 767px) {
  .inboxs-section {
    padding: 90px 0px 40px;
  }
}

/* ============ Header  ============ */
.pushNavIsOpen .body-append {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 0;
  top: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  z-index: 1111;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
.pushNavIsOpen .body-append {
  height: 100%;
  opacity: 1;
}

.burger {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  line-height: 115%;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
  cursor: pointer;
}
.burger svg {
  height: 30px;
  width: 30px;
}
@media only screen and (max-width: 991px) {
  .burger.desktop-burger {
    display: none;
  }
}
.burger.mobile-d-menu {
  display: none;
}
@media only screen and (max-width: 991px) {
  .burger.mobile-d-menu {
    display: block;
  }
}

@media screen and (max-width: 575px) {
  .sidebar-menu-section .menus .pushNav {
    width: 88%;
    left: -88%;
  }
}
@media screen and (min-width: 576px) {
  .sidebar-menu-section .menus .pushNav {
    width: 350px;
    left: -350px;
  }
}
.sidebar-menu-section .menus ul.pushNav {
  padding: 0;
  margin: 0;
  list-style-type: none;
  overflow-x: hidden;
  overflow-y: auto;
}
.sidebar-menu-section .menus ul.pushNav::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #FFFFFF;
}
.sidebar-menu-section .menus ul.pushNav::-webkit-scrollbar {
  width: 6px;
  background-color: #FFFFFF;
}
.sidebar-menu-section .menus ul.pushNav::-webkit-scrollbar-thumb {
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.5);
}
.sidebar-menu-section .menus .pushNav {
  height: -webkit-fill-available;
  position: fixed;
  top: 0;
  z-index: 100;
  background: #FFFFFF;
  transition: ease-in-out 0.5s;
  color: #000;
  z-index: 11111;
  height: 100vh;
}
.sidebar-menu-section .menus .pushNav li {
  padding: 15px 10px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 991px) {
  .sidebar-menu-section .menus .pushNav li {
    padding: 12px 12px;
  }
}
.sidebar-menu-section .menus .pushNav a {
  color: #FFFFFF;
  text-decoration: none;
}
.sidebar-menu-section .menus .pushNav .logo {
  background-color: #FFFFFF;
  position: relative;
  padding: 22px 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 10px;
}
@media screen and (max-width: 991px) {
  .sidebar-menu-section .menus .pushNav .logo {
    padding: 18px 0px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 575px) {
  .sidebar-menu-section .menus .pushNav .logo {
    padding: 16px 0px;
  }
}
.sidebar-menu-section .menus .pushNav .logo .logo-img {
  padding: 0px;
  background-color: #FFFFFF;
  width: 100%;
  max-width: 132px;
}
@media screen and (max-width: 991px) {
  .sidebar-menu-section .menus .pushNav .logo .logo-img {
    max-width: 110px;
  }
}
.sidebar-menu-section .menus .pushNav .logo .logo-img img {
  height: 100%;
  width: 100%;
}
.sidebar-menu-section .menus .pushNav .logo .logo-img:hover {
  background: #FFFFFF;
}
.sidebar-menu-section .menus .pushNav .logo .closeLevel {
  padding: 0px;
  width: fit-content;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 26px;
  right: 6px;
  gap: 10px;
  justify-content: flex-start;
  color: #FFFFFF !important;
}
.sidebar-menu-section .menus .pushNav .logo .closeLevel svg {
  height: 20px;
  width: 20px;
}
.sidebar-menu-section .menus .pushNav .logo .closeLevel:hover {
  background: transparent;
}
@media screen and (max-width: 991px) {
  .sidebar-menu-section .menus .pushNav .logo .closeLevel {
    top: 20px;
    right: 0px;
  }
}
@media screen and (max-width: 575px) {
  .sidebar-menu-section .menus .pushNav .logo .closeLevel {
    top: 18px;
  }
}
.sidebar-menu-section .menus .pushNav .nav-points {
  display: none;
}
@media screen and (max-width: 991px) {
  .sidebar-menu-section .menus .pushNav .nav-points {
    padding: 0px;
    display: block;
  }
}
@media (max-width: 991px) {
  .sidebar-menu-section .menus .pushNav .nav-points .nav-mobile-tab {
    display: flex;
    column-gap: 16px;
    margin-bottom: 30px;
  }
}
.sidebar-menu-section .menus .pushNav .nav-points .nav-mobile-tab .nmb-item {
  width: calc(50% - 8px);
  background-color: #FFFFFF;
  border-radius: 16px;
  padding: 16px 18px;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.22);
  color: #212529;
  font-size: 16px;
  font-weight: 400;
  font-family: "Source Sans 3", sans-serif;
  line-height: normal;
  border-bottom: none;
}
@media screen and (max-width: 991px) {
  .sidebar-menu-section .menus .pushNav .nav-points .nav-mobile-tab .nmb-item {
    padding: 14px 14px;
  }
}
.sidebar-menu-section .menus .pushNav .nav-points .nav-mobile-tab .nmb-item a {
  color: #616161;
  font-size: 16px;
  font-weight: 700;
  font-family: "Source Sans 3", sans-serif;
  line-height: normal;
  display: block;
  padding-bottom: 8px;
  border-bottom: 1px solid #ffe8e8;
  margin-bottom: 8px;
}
.sidebar-menu-section .menus .pushNav .nav-points .nav-mobile-tab .nmb-item span {
  color: #212529;
  font-size: 16px;
  font-weight: 400;
  font-family: "Source Sans 3", sans-serif;
  line-height: normal;
}
.sidebar-menu-section .menus .pushNav .nav-points .nav-mobile-tab .nmb-item span.wallet-price {
  color: #6F9DF1;
  font-weight: 700;
}
.sidebar-menu-section .menus .pushNav .nav-points .nav-mobile-tab .nmb-item span.card-points {
  color: #E1B400;
  font-weight: 700;
}
.sidebar-menu-section .menus .pushNav .nav-accounts {
  display: none;
}
@media screen and (max-width: 991px) {
  .sidebar-menu-section .menus .pushNav .nav-accounts {
    padding: 0px;
    display: block;
    margin: 30px 0px;
    border-bottom: none;
  }
}
.sidebar-menu-section .menus .pushNav .nav-accounts .digitalmenu {
  display: flex;
  gap: 30px;
}
@media (max-width: 1199px) {
  .sidebar-menu-section .menus .pushNav .nav-accounts .digitalmenu {
    gap: 20px;
  }
}
@media (max-width: 1024px) {
  .sidebar-menu-section .menus .pushNav .nav-accounts .digitalmenu {
    gap: 15px;
  }
}
@media screen and (max-width: 991px) {
  .sidebar-menu-section .menus .pushNav .nav-accounts .digitalmenu {
    background: #FFFFFF;
    border-top: 1px solid #dadde1;
    border-radius: 16px;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.22);
    flex-direction: column;
    gap: 0px;
  }
}
.sidebar-menu-section .menus .pushNav .nav-accounts .digitalmenu .menulist .sub-menu {
  display: none;
  border-radius: 0;
  padding: 15px 8px 0;
}
.sidebar-menu-section .menus .pushNav .nav-accounts .digitalmenu .menulist .sub-menu li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 8px;
  margin-bottom: 8px;
  padding: 0px;
  border-bottom: none;
}
.sidebar-menu-section .menus .pushNav .nav-accounts .digitalmenu .menulist .sub-menu li:last-child {
  margin-bottom: 0;
}
.sidebar-menu-section .menus .pushNav .nav-accounts .digitalmenu .menulist .sub-menu li .ma-item {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  font-family: "Source Sans 3", sans-serif;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between !important;
  column-gap: 8px;
}
@media screen and (max-width: 991px) {
  .sidebar-menu-section .menus .pushNav .nav-accounts .digitalmenu .menulist .sub-menu li .ma-item img {
    max-width: 18px;
  }
}
.sidebar-menu-section .menus .pushNav .nav-accounts .digitalmenu .menulist .sub-menu li .badg {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  border-radius: 20px;
  background-color: #FF1D48;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sidebar-menu-section .menus .pushNav .nav-accounts .digitalmenu .m-language {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 18px;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  font-family: "Source Sans 3", sans-serif;
  transition: all 0.3s ease;
  border-bottom: none;
}
.sidebar-menu-section .menus .pushNav .nav-accounts .digitalmenu .language-switch {
  display: block;
}
@media screen and (max-width: 991px) {
  .sidebar-menu-section .menus .pushNav .nav-accounts .digitalmenu .menulist {
    width: 100%;
    border-bottom: 1px solid #ffe8e8;
    padding: 16px 18px;
  }
}
.sidebar-menu-section .menus .pushNav .nav-accounts .digitalmenu .menulist:last-child {
  border-bottom-color: transparent;
}
.sidebar-menu-section .menus .pushNav .nav-accounts .digitalmenu .menulist .nav-link {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  font-family: "Source Sans 3", sans-serif;
  padding: 0;
  transition: all 0.3s ease;
  line-height: 42px;
}
@media (max-width: 991px) {
  .sidebar-menu-section .menus .pushNav .nav-accounts .digitalmenu .menulist .nav-link {
    line-height: 1.2;
  }
}
.sidebar-menu-section .menus .pushNav .nav-accounts .digitalmenu .menulist .nav-link:hover {
  color: #9B32E0;
}
@media screen and (max-width: 991px) {
  .sidebar-menu-section .menus .pushNav .nav-accounts .digitalmenu .menulist .nav-link {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.sidebar-menu-section .menus .pushNav .nav-accounts .digitalmenu .menulist .lge-text {
  color: #212529;
  font-size: 16px;
  font-weight: 700;
  font-family: "Source Sans 3", sans-serif;
  line-height: normal;
}
.sidebar-menu-section .menus .pushNav .nav-accounts .digitalmenu .menulist .icon-pluse {
  position: relative;
  margin-left: 6px;
  display: inline-block;
}
@media (max-width: 991px) {
  .sidebar-menu-section .menus .pushNav .nav-accounts .digitalmenu .menulist .icon-pluse {
    width: 19px;
    height: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.sidebar-menu-section .menus .pushNav .nav-accounts .digitalmenu .menulist .icon-pluse:before, .sidebar-menu-section .menus .pushNav .nav-accounts .digitalmenu .menulist .icon-pluse:after {
  background: #000;
  position: absolute;
  width: 2px;
  height: 15px;
  content: "";
  transition: all 0.15s linear;
  right: 0;
  left: 0;
  margin: auto;
}
@media (min-width: 992px) {
  .sidebar-menu-section .menus .pushNav .nav-accounts .digitalmenu .menulist .icon-pluse:before, .sidebar-menu-section .menus .pushNav .nav-accounts .digitalmenu .menulist .icon-pluse:after {
    display: none;
  }
}
.sidebar-menu-section .menus .pushNav .nav-accounts .digitalmenu .menulist .icon-pluse:before {
  transform: rotate(180deg);
}
.sidebar-menu-section .menus .pushNav .nav-accounts .digitalmenu .menulist .icon-pluse:after {
  transform: rotate(90deg);
}
@media (max-width: 991px) {
  .sidebar-menu-section .menus .pushNav .nav-accounts .digitalmenu .menulist .icon-pluse img {
    display: none;
  }
}
.sidebar-menu-section .menus .pushNav .nav-accounts .digitalmenu .menulist .active .icon-pluse:before {
  transform: rotate(90deg);
}
.sidebar-menu-section .menus .js-topPushNav.isOpen, .sidebar-menu-section .menus .pushNav_level.isOpen {
  left: 0;
  padding: 0 15px;
}
.sidebar-menu-section .menus .pushNav_level {
  top: 73px;
  padding-top: 15px;
}
.sidebar-menu-section .menus .pushNav_level .menu-title {
  padding: 15px 12px;
  font-size: 18px;
  line-height: 120%;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 700;
}
@media (max-width: 991px) {
  .sidebar-menu-section .menus .pushNav_level .menu-title {
    padding: 12px 12px;
    padding-left: 45px;
  }
}
.sidebar-menu-section .menus .pushNav_level .menu-title svg {
  transform: rotate(180deg);
}
.sidebar-menu-section .menus .pushNav_level .menu-title a {
  font-size: 18px;
  font-weight: 700;
  padding: 0px;
}
@media (max-width: 991px) {
  .sidebar-menu-section .menus .pushNav_level .menu-title .back {
    position: absolute;
    left: 24px;
    top: 12px;
    bottom: 0;
    right: 0;
  }
}
.sidebar-menu-section .menus .pushNav_level.navenode1 > .menu-title a {
  width: 100%;
}
@media (min-width: 992px) {
  .sidebar-menu-section .menus .pushNav_level.navenode1 > .menu-title .back {
    display: none;
  }
}
.sidebar-menu-section .menus .pushNav_level.submenu .menu-link,
.sidebar-menu-section .menus .pushNav_level .submenu .menu-link {
  padding-left: 18px;
}
.sidebar-menu-section .menus .pushNav_level.submenu .menu-link a,
.sidebar-menu-section .menus .pushNav_level .submenu .menu-link a {
  padding-left: 18px;
  position: relative;
}
.sidebar-menu-section .menus .pushNav_level.submenu .menu-link a::before,
.sidebar-menu-section .menus .pushNav_level .submenu .menu-link a::before {
  content: "";
  height: 8px;
  width: 8px;
  position: absolute;
  left: 0px;
  background-color: #FF1D48;
  border-radius: 50%;
}
.sidebar-menu-section .menus .closeLevel, .sidebar-menu-section .menus .openLevel {
  cursor: pointer;
}
.sidebar-menu-section .menus .js-closeLevel .r-arrow,
.sidebar-menu-section .menus .js-openLevel .r-arrow {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  box-sizing: border-box;
}
.sidebar-menu-section .menus .js-closeLevel .r-arrow::before,
.sidebar-menu-section .menus .js-openLevel .r-arrow::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 10px;
  height: 10px;
  border: none;
  max-width: 20px;
  max-height: 20px;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  transform: rotate(-45deg);
  margin: auto;
  bottom: 0;
  right: 0;
  box-sizing: border-box;
  padding: 0;
  display: inline-block;
}
.sidebar-menu-section .menus .js-closeLevel .r-arrow.back,
.sidebar-menu-section .menus .js-openLevel .r-arrow.back {
  transform: rotate(180deg);
}
.sidebar-menu-section .menus .openLevel, .sidebar-menu-section .menus .closeLevel, .sidebar-menu-section .menus .pushNav a {
  display: block;
  transition: background 0.4s ease-in-out;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
  line-height: 120%;
}
.sidebar-menu-section .menus .openLevel svg, .sidebar-menu-section .menus .closeLevel svg, .sidebar-menu-section .menus .pushNav a svg {
  height: 16px;
  width: 16px;
}
.sidebar-menu-section .menus .openLevel a {
  padding: 0px;
  display: block;
  width: calc(100% - 40px);
}
@media (max-width: 991px) {
  .sidebar-menu-section .menus .openLevel a {
    width: calc(100% - 50px);
  }
}
.sidebar-menu-section .menus .openLevel a .navlink-img {
  margin-right: 10px;
}
@media (max-width: 991px) {
  .sidebar-menu-section .menus .openLevel a .navlink-img {
    margin-right: 5px;
  }
}
.sidebar-menu-section .menus .hdg {
  padding: 15px;
  color: black;
  justify-content: flex-start;
  gap: 8px;
  margin-bottom: 5px;
}

/*=========== Accessories page CSS Start  ==============*/
.accessories-listing-banner-sec {
  background: #eee;
  margin-bottom: 70px;
}
@media screen and (max-width: 1200px) {
  .accessories-listing-banner-sec {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .accessories-listing-banner-sec {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .accessories-listing-banner-sec .bottom-pagination {
    right: 0;
  }
}
@media screen and (min-width: 1180px) {
  .accessories-listing-banner-sec .swiper-wrapper {
    height: calc(100vh - 170px);
  }
}
.accessories-listing-banner-sec .swiper-wrapper .swiper-slide {
  position: relative;
}
.accessories-listing-banner-sec .swiper-wrapper .swiper-slide picture {
  height: 100%;
  width: 100%;
}
.accessories-listing-banner-sec .swiper-wrapper .swiper-slide picture img {
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 1440px) {
  .accessories-listing-banner-sec .swiper-wrapper .swiper-slide picture img {
    object-fit: cover;
  }
}
@media screen and (max-width: 1080px) {
  .accessories-listing-banner-sec .swiper-wrapper .swiper-slide picture img {
    object-fit: inherit;
  }
}
.accessories-listing-banner-sec .swiper-wrapper .swiper-slide .digital-slider-text {
  width: 100%;
  left: 0px;
}
.accessories-listing-banner-sec .swiper-wrapper .swiper-slide .digital-slider-text .dig-text {
  margin: 0px 0 30px;
}
@media screen and (max-width: 767px) {
  .accessories-listing-banner-sec .swiper-wrapper .swiper-slide .digital-slider-text .dig-text {
    margin: 0px 0 16px;
  }
}
.accessories-listing-banner-sec .swiper-wrapper .swiper-slide .slide-gaming-text {
  font-family: "Source Sans 3", sans-serif;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  z-index: 4;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5px;
  width: 95%;
  margin: 0 auto;
  text-align: center;
  border-radius: 13px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 13px;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  padding: 6px;
}
.accessories-listing-banner-sec .vendor-slider picture {
  width: 100%;
}
.accessories-listing-banner-sec .vendor-slider picture img {
  width: 100%;
}
.accessories-listing-banner-sec .top-card-section .swiper-wrapper {
  height: auto;
}

.access-vend-brand-sec .vend-brand-innner {
  max-width: 600px;
  margin: -39px auto;
  background: #eee;
  position: relative;
  z-index: 44;
  border-radius: 60px;
  padding: 14px 0;
}
@media screen and (max-width: 767px) {
  .access-vend-brand-sec .vend-brand-innner {
    margin: 0px auto;
    padding: 14px 0 0;
  }
}
.access-vend-brand-sec .vend-brand-innner::after {
  content: "";
  position: absolute;
  left: -25px;
  top: 0px;
  background-image: url(../images/ShapeLeft.svg);
  background-repeat: no-repeat;
  width: 90px;
  height: 42px;
}
@media screen and (max-width: 767px) {
  .access-vend-brand-sec .vend-brand-innner::after {
    display: none;
  }
}
.access-vend-brand-sec .vend-brand-innner::before {
  content: "";
  position: absolute;
  right: -25px;
  top: 0px;
  background-image: url(../images/ShapeLeft.svg);
  background-repeat: no-repeat;
  width: 90px;
  height: 42px;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
@media screen and (max-width: 767px) {
  .access-vend-brand-sec .vend-brand-innner::before {
    display: none;
  }
}
.access-vend-brand-sec .vend-brand-innner .vend-brand-boxes {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 480px) {
  .access-vend-brand-sec .vend-brand-innner .vend-brand-boxes {
    gap: 15px;
    justify-content: space-between;
    flex-wrap: nowrap;
    text-wrap: nowrap;
    overflow: auto;
    margin: 0 -12px;
    padding: 0 12px;
  }
}
.access-vend-brand-sec .vend-brand-innner .vend-brand-boxes .vend-brand-box {
  text-align: center;
  width: calc(33.33% - 20px);
  transition: all 0.3s ease;
}
@media screen and (max-width: 480px) {
  .access-vend-brand-sec .vend-brand-innner .vend-brand-boxes .vend-brand-box {
    width: auto;
  }
}
.access-vend-brand-sec .vend-brand-innner .vend-brand-boxes .vend-brand-box:hover .thumbnail picture img {
  transform: scale(1.1);
}
.access-vend-brand-sec .vend-brand-innner .vend-brand-boxes .vend-brand-box:hover span {
  background: #000;
  color: #FFFFFF;
  transition: all 0.3s ease;
}
.access-vend-brand-sec .vend-brand-innner .vend-brand-boxes .vend-brand-box .thumbnail {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 53%;
  border-radius: 50%;
  width: 94px;
  height: 94px;
  margin: 0 auto;
  background: transparent conic-gradient(from 90deg at 50% 50%, #0094EF 0%, #CA00C3 18.4%, #E51D45 41.41%, #D4CD1D 62.76%, #25E859 87.86%, #016FCF 100%) 0% 0% no-repeat padding-box;
}
@media screen and (max-width: 600px) {
  .access-vend-brand-sec .vend-brand-innner .vend-brand-boxes .vend-brand-box .thumbnail {
    padding-bottom: 30%;
    width: 74px;
    height: 74px;
  }
}
.access-vend-brand-sec .vend-brand-innner .vend-brand-boxes .vend-brand-box .thumbnail picture, .access-vend-brand-sec .vend-brand-innner .vend-brand-boxes .vend-brand-box .thumbnail img {
  display: block;
  height: 100%;
  max-height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  position: absolute;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  transition: all 0.3s ease;
  border-radius: 50%;
  padding: 1px;
}
.access-vend-brand-sec .vend-brand-innner .vend-brand-boxes .vend-brand-box span {
  position: relative;
  bottom: 15px;
  white-space: nowrap;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px rgba(67, 87, 99, 0.1568627451);
  border-radius: 20px;
  display: inline-block;
  font-family: "Source Sans 3", sans-serif;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0px;
  line-height: 24px;
  transition: all 0.3s ease;
  padding: 8px 12px;
}
@media screen and (max-width: 767px) {
  .access-vend-brand-sec .vend-brand-innner .vend-brand-boxes .vend-brand-box span {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .access-vend-brand-sec .vend-brand-innner .vend-brand-boxes .vend-brand-box span {
    padding: 5px 8px;
  }
}

.popular-items-sec {
  margin-bottom: 70px;
}
@media screen and (max-width: 1200px) {
  .popular-items-sec {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .popular-items-sec {
    margin-bottom: 30px;
  }
}

.popular-items-sec .list-boxwrap .list-box .box-price span {
  font-weight: 600;
  font-size: 16px;
  text-decoration: line-through;
}
@media screen and (max-width: 480px) {
  .popular-items-sec .list-boxwrap .list-box .box-price span {
    font-size: 14px;
  }
}

.popular-items-sec.new-popular-item .entertainment-area-slider .area-img a {
  width: 100%;
}
.popular-items-sec.new-popular-item .entertainment-area-slider .area-img a picture {
  border-radius: 24px;
  overflow: hidden;
  transition: all 0.3s ease;
  width: 100%;
}
.popular-items-sec.new-popular-item .entertainment-area-slider .area-img a picture img {
  transition: all 0.3s ease;
  width: 100%;
}
.popular-items-sec.new-popular-item .entertainment-area-slider .area-img a picture:hover img {
  transform: scale(1.2);
  transition: all 0.3s ease;
}
.popular-items-sec.new-popular-item .box-bottom {
  margin-top: 17px;
}
.popular-items-sec.new-popular-item .box-bottom .box-title {
  font-family: "Source Sans 3", sans-serif;
  color: #000;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0px;
  margin-bottom: 2px;
}
.popular-items-sec.new-popular-item .box-bottom .box-category {
  display: block;
  font-family: "Source Sans 3", sans-serif;
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0px;
  line-height: 24px;
}
.popular-items-sec.new-popular-item .box-bottom .box-price {
  font-family: "Source Sans 3", sans-serif;
  color: #000;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 24px;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .popular-items-sec.new-popular-item .box-bottom .box-price {
    font-size: 16px;
    margin-top: 0;
  }
}
@media screen and (max-width: 480px) {
  .popular-items-sec.new-popular-item .box-bottom .box-price {
    font-size: 14px;
  }
}
.popular-items-sec.new-popular-item .box-bottom .box-price span {
  font-weight: 600;
  font-size: 16px;
  text-decoration: line-through;
}
@media screen and (max-width: 480px) {
  .popular-items-sec.new-popular-item .box-bottom .box-price span {
    font-size: 14px;
  }
}
.popular-items-sec.new-popular-item .box-bottom .btn-wrap {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: 18px;
  padding-bottom: 4px;
}
@media screen and (max-width: 767px) {
  .popular-items-sec.new-popular-item .box-bottom .btn-wrap {
    margin-top: 12px;
  }
}
.popular-items-sec.new-popular-item .box-bottom .btn-wrap .btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-color: #000;
  font-size: 14px;
  line-height: 120%;
  padding: 16px 21px;
}
@media screen and (max-width: 1200px) {
  .popular-items-sec.new-popular-item .box-bottom .btn-wrap .btn-primary {
    padding: 14px 14px;
  }
}
@media screen and (max-width: 667px) {
  .popular-items-sec.new-popular-item .box-bottom .btn-wrap .btn-primary .add-m-none {
    display: none;
  }
}
@media screen and (max-width: 467px) {
  .popular-items-sec.new-popular-item .box-bottom .btn-wrap .btn-primary {
    padding: 10px 16px;
  }
  .popular-items-sec.new-popular-item .box-bottom .btn-wrap .btn-primary img {
    min-width: 16px;
  }
}
.popular-items-sec.new-popular-item .box-bottom .btn-wrap .btn-primary:hover, .popular-items-sec.new-popular-item .box-bottom .btn-wrap .btn-primary:active, .popular-items-sec.new-popular-item .box-bottom .btn-wrap .btn-primary:focus {
  border-color: #9B32E0;
}
@media screen and (max-width: 667px) {
  .popular-items-sec.new-popular-item .box-bottom .btn-wrap .cart-btn {
    border-radius: 100%;
    max-width: 50px;
    width: 50px;
    padding: 0;
    max-height: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (max-width: 467px) {
  .popular-items-sec.new-popular-item .box-bottom .btn-wrap .cart-btn {
    max-width: 38px;
    width: 38px;
    padding: 0;
    max-height: 38px;
    height: 38px;
  }
}

.vendor-gift-card .gift-cards-box .gift-text-wrap {
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  max-width: 270px;
}
@media screen and (max-width: 991px) {
  .vendor-gift-card .gift-cards-box .gift-text-wrap {
    max-width: 100%;
    padding-right: 20px;
  }
}
.vendor-gift-card .gift-cards-box .gift-text-wrap .gift-text {
  font-family: "Source Sans 3", sans-serif;
  font-size: 32px;
  color: #FFFFFF;
  font-weight: 700;
  line-height: 42px;
  margin-bottom: 16px;
}
@media screen and (max-width: 1180px) {
  .vendor-gift-card .gift-cards-box .gift-text-wrap .gift-text {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 767px) {
  .vendor-gift-card .gift-cards-box .gift-text-wrap .gift-text {
    font-size: 26px;
    line-height: 28px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 467px) {
  .vendor-gift-card .gift-cards-box .gift-text-wrap .gift-text {
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 10px;
  }
}
.vendor-gift-card .gift-cards-box .gift-text-wrap .btn-primary {
  color: #FFEC8B;
  font-family: "Source Sans 3", sans-serif;
  font-size: 18px;
  font-weight: 600;
  background: #1A1A1A;
  border: 1px solid #FFEC8B;
  border-radius: 36px;
  box-shadow: 0px 2px 0px #FFEC8B;
  padding: 8px 26px;
}
@media screen and (max-width: 1180px) {
  .vendor-gift-card .gift-cards-box .gift-text-wrap .btn-primary {
    font-size: 16px;
    padding: 6px 16px;
  }
}
@media screen and (max-width: 767px) {
  .vendor-gift-card .gift-cards-box .gift-text-wrap .btn-primary {
    padding: 8px 16px;
    font-size: 16px;
  }
}
@media screen and (max-width: 360px) {
  .vendor-gift-card .gift-cards-box .gift-text-wrap .btn-primary {
    padding: 4px 12px;
    font-size: 14px;
    line-height: 20px;
  }
}
.vendor-gift-card .gift-cards-box .gift-text-wrap .btn-primary:hover {
  box-shadow: 0px 6px 0px #FFEC8B;
}
@media screen and (max-width: 991px) {
  .vendor-gift-card .gift-cards-box .gift-counter {
    padding: 6px 10px;
  }
}
@media screen and (max-width: 467px) {
  .vendor-gift-card .gift-cards-box .gift-counter {
    position: relative;
    padding: 5px 10px;
  }
}
@media screen and (max-width: 991px) {
  .vendor-gift-card .gift-cards-box .gift-counter span {
    font-size: 16px;
  }
}
@media screen and (max-width: 467px) {
  .vendor-gift-card .gift-cards-box .gift-counter span {
    font-size: 14px;
  }
}

/*============ Category modal css Start ============*/
.CategoryModal .modal-content {
  background: #FFFFFF;
  border-radius: 24px;
  max-width: 448px;
  padding: 0 24px;
}
.CategoryModal .modal-content .modal-header {
  padding: 16px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.CategoryModal .modal-content .modal-header .modal-title {
  font-family: "Source Sans 3", sans-serif;
  color: #000;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 24px;
  margin: 0;
}
.CategoryModal .modal-content .modal-header .close {
  background: transparent;
  border: 0;
  outline: 0;
  box-shadow: inherit;
  font-size: 32px;
}
.CategoryModal .modal-content .modal-body {
  padding: 24px 0;
}
.CategoryModal .modal-content .modal-body .cat-modalBoxWrap {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.CategoryModal .modal-content .modal-body .cat-modalBoxWrap .cat-modalBox {
  width: calc(50% - 12px);
}
.CategoryModal .modal-content .modal-body .cat-modalBoxWrap .cat-modalBox .thumbnail {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 72%;
  border-radius: 16px;
}
.CategoryModal .modal-content .modal-body .cat-modalBoxWrap .cat-modalBox .thumbnail picture, .CategoryModal .modal-content .modal-body .cat-modalBoxWrap .cat-modalBox .thumbnail img {
  display: block;
  height: 100%;
  max-height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  position: absolute;
  border-radius: 16px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  transition: all 0.3s ease;
}
.CategoryModal .modal-content .modal-body .cat-modalBoxWrap .cat-modalBox h5 {
  font-family: "Source Sans 3", sans-serif;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0px;
  line-height: 24px;
  margin: 12px 0;
  text-align: center;
}

/*============  Category modal css End ============ */
/*================Trampo Extreme - Jumping Package ======================*/
.trampo-extreme-jumping {
  padding-top: 112px;
  padding-bottom: 80px;
}
@media screen and (max-width: 991px) {
  .trampo-extreme-jumping {
    padding-top: 95px;
    padding-bottom: 75px;
  }
}
@media screen and (max-width: 767px) {
  .trampo-extreme-jumping {
    padding-top: 90px;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 575px) {
  .trampo-extreme-jumping {
    padding-top: 80px;
    padding-bottom: 40px;
  }
}
.trampo-extreme-jumping .product-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 37px;
}
@media screen and (max-width: 991px) {
  .trampo-extreme-jumping .product-heading {
    flex-wrap: wrap;
    justify-content: end;
    gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  .trampo-extreme-jumping .product-heading {
    margin-bottom: 24px;
    justify-content: center;
  }
}
.trampo-extreme-jumping .product-heading .productbtnlist {
  display: flex;
  gap: 18px;
}
@media screen and (max-width: 767px) {
  .trampo-extreme-jumping .product-heading .productbtnlist {
    gap: 9px;
  }
}
.trampo-extreme-jumping .product-heading .productbtnlist .productbtnitem a {
  display: flex;
  gap: 8px;
  padding: 10px 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 24px;
}
@media screen and (max-width: 575px) {
  .trampo-extreme-jumping .product-heading .productbtnlist .productbtnitem a {
    padding: 10px 15px;
  }
}
@media screen and (max-width: 359px) {
  .trampo-extreme-jumping .product-heading .productbtnlist .productbtnitem a {
    padding: 10px 8px;
  }
}
.trampo-extreme-jumping .product-heading .productbtnlist .productbtnitem a:hover {
  box-shadow: 0px 4px 0px #9B32E0;
  background-color: #FFFFFF;
  border-color: #9B32E0;
}
.trampo-extreme-jumping .product-heading .productbtnlist .productbtnitem a picture {
  width: 22px;
  height: 22px;
}
.trampo-extreme-jumping .product-heading .productbtnlist .productbtnitem a picture img {
  width: 22px;
  height: 22px;
}
.trampo-extreme-jumping .product-heading .productbtnlist .productbtnitem a span {
  color: #000;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  font-family: "Source Sans 3", sans-serif;
  cursor: pointer;
}
.trampo-extreme-jumping .product-details {
  display: flex;
  gap: 40px;
  align-items: flex-start;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .trampo-extreme-jumping .product-details {
    gap: 30px;
  }
}
@media screen and (max-width: 767px) {
  .trampo-extreme-jumping .product-details {
    flex-wrap: wrap;
  }
}
.trampo-extreme-jumping .product-details .thumbnail {
  display: block;
  position: sticky;
  top: 80px;
  width: calc(100% - 778px);
  max-width: 400px;
}
@media screen and (max-width: 1199px) {
  .trampo-extreme-jumping .product-details .thumbnail {
    width: calc(45% - 15px);
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .trampo-extreme-jumping .product-details .thumbnail {
    width: 100%;
    position: relative;
    top: 0;
  }
}
.trampo-extreme-jumping .product-details .thumbnail .swiper.thumbnail-slide {
  overflow: hidden;
  border-radius: 24px;
  margin-bottom: 15px;
  position: relative;
  z-index: 1;
}
.trampo-extreme-jumping .product-details .thumbnail .swiper.thumbnail-slide:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-radius: 24px;
  z-index: 2;
}
@media (max-width: 991px) {
  .trampo-extreme-jumping .product-details .thumbnail .swiper.thumbnail-slide:before {
    border-radius: 20px;
  }
}
@media (max-width: 767px) {
  .trampo-extreme-jumping .product-details .thumbnail .swiper.thumbnail-slide:before {
    border-radius: 18px;
  }
}
@media (max-width: 479px) {
  .trampo-extreme-jumping .product-details .thumbnail .swiper.thumbnail-slide:before {
    border-radius: 12px;
  }
}
@media (max-width: 991px) {
  .trampo-extreme-jumping .product-details .thumbnail .swiper.thumbnail-slide {
    border-radius: 20px;
  }
}
@media (max-width: 767px) {
  .trampo-extreme-jumping .product-details .thumbnail .swiper.thumbnail-slide {
    border-radius: 18px;
  }
}
@media (max-width: 479px) {
  .trampo-extreme-jumping .product-details .thumbnail .swiper.thumbnail-slide {
    border-radius: 12px;
  }
}
.trampo-extreme-jumping .product-details .thumbnail .swiper.thumbnail-slide .swiper-wrapper .swiper-slide {
  overflow: hidden;
  border-radius: 22px;
  position: relative;
  padding-bottom: 104.6%;
  background-color: #ccc;
}
@media (max-width: 991px) {
  .trampo-extreme-jumping .product-details .thumbnail .swiper.thumbnail-slide .swiper-wrapper .swiper-slide {
    border-radius: 18px;
  }
}
@media (max-width: 767px) {
  .trampo-extreme-jumping .product-details .thumbnail .swiper.thumbnail-slide .swiper-wrapper .swiper-slide {
    border-radius: 16px;
  }
}
@media (max-width: 479px) {
  .trampo-extreme-jumping .product-details .thumbnail .swiper.thumbnail-slide .swiper-wrapper .swiper-slide {
    border-radius: 10px;
  }
}
.trampo-extreme-jumping .product-details .thumbnail .swiper.thumbnail-slide .swiper-wrapper .swiper-slide picture {
  display: block;
}
.trampo-extreme-jumping .product-details .thumbnail .swiper.thumbnail-slide .swiper-wrapper .swiper-slide img {
  display: block;
  width: auto;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  object-fit: cover;
  object-position: center center;
  transition: all 0.3s ease;
}
.trampo-extreme-jumping .product-details .thumbnail .swiper.thumbnailSwiper-slide .swiper-wrapper .swiper-slide {
  overflow: hidden;
  border-radius: 14px;
  position: relative;
  padding-bottom: 24%;
  background-color: #ccc;
  filter: brightness(40%);
  cursor: pointer;
  transition: all 0.3s ease;
}
.trampo-extreme-jumping .product-details .thumbnail .swiper.thumbnailSwiper-slide .swiper-wrapper .swiper-slide:hover, .trampo-extreme-jumping .product-details .thumbnail .swiper.thumbnailSwiper-slide .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
  filter: brightness(100%);
}
@media (max-width: 1200px) {
  .trampo-extreme-jumping .product-details .thumbnail .swiper.thumbnailSwiper-slide .swiper-wrapper .swiper-slide {
    padding-bottom: 33%;
  }
}
@media (max-width: 479px) {
  .trampo-extreme-jumping .product-details .thumbnail .swiper.thumbnailSwiper-slide .swiper-wrapper .swiper-slide {
    border-radius: 10px;
  }
}
.trampo-extreme-jumping .product-details .thumbnail .swiper.thumbnailSwiper-slide .swiper-wrapper .swiper-slide picture {
  display: block;
}
.trampo-extreme-jumping .product-details .thumbnail .swiper.thumbnailSwiper-slide .swiper-wrapper .swiper-slide img {
  display: block;
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  object-fit: cover;
  object-position: center center;
  transition: all 0.3s ease;
}
.trampo-extreme-jumping .product-details .thumbnail .swiper-button-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto 0;
}
.trampo-extreme-jumping .product-details .thumbnail .swiper-button-wrap .swiper-button-prev,
.trampo-extreme-jumping .product-details .thumbnail .swiper-button-wrap .swiper-button-next {
  width: 35px;
  height: 35px;
  opacity: 0.7;
}
.trampo-extreme-jumping .product-details .thumbnail .swiper-button-wrap .swiper-button-prev:hover,
.trampo-extreme-jumping .product-details .thumbnail .swiper-button-wrap .swiper-button-next:hover {
  opacity: 1;
}
.trampo-extreme-jumping .product-details .thumbnail .swiper-button-wrap .swiper-button-prev:hover svg path,
.trampo-extreme-jumping .product-details .thumbnail .swiper-button-wrap .swiper-button-next:hover svg path {
  fill: #9B32E0;
}
.trampo-extreme-jumping .product-details .thumbnail .swiper-button-wrap .swiper-button-prev::after,
.trampo-extreme-jumping .product-details .thumbnail .swiper-button-wrap .swiper-button-next::after {
  display: none;
}
@media (max-width: 479px) {
  .trampo-extreme-jumping .product-details .thumbnail .swiper-button-wrap .swiper-button-prev,
  .trampo-extreme-jumping .product-details .thumbnail .swiper-button-wrap .swiper-button-next {
    width: 30px;
    height: 30px;
  }
}
.trampo-extreme-jumping .product-details .thumbnail .swiper-button-wrap .swiper-button-prev svg,
.trampo-extreme-jumping .product-details .thumbnail .swiper-button-wrap .swiper-button-next svg {
  width: 100%;
  height: 100%;
}
.trampo-extreme-jumping .product-details .trampo-details {
  color: #000;
  width: calc(100% - 400px);
  font-size: 14px;
  line-height: 140%;
  font-weight: 500;
  padding-top: 8px;
}
@media screen and (max-width: 1199px) {
  .trampo-extreme-jumping .product-details .trampo-details {
    width: calc(55% - 15px);
  }
}
@media screen and (max-width: 767px) {
  .trampo-extreme-jumping .product-details .trampo-details {
    width: 100%;
  }
}
.trampo-extreme-jumping .product-details .trampo-details .offercol {
  font-size: 16px;
  font-weight: 600;
  background: #FF1D48;
  border-radius: 18px;
  color: #FFFFFF;
  display: inline-block;
  padding: 7px 21px;
  margin-bottom: 24px;
}
.trampo-extreme-jumping .product-details .trampo-details h3 {
  font-size: 26px;
  color: #000;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 10px;
}
.trampo-extreme-jumping .product-details .trampo-details h4 {
  font-size: 16px;
  color: #000;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 10px;
}
.trampo-extreme-jumping .product-details .trampo-details p {
  margin-bottom: 14px;
}
.trampo-extreme-jumping .product-details .trampo-details .clickbtnlist {
  margin-bottom: 24px;
}
.trampo-extreme-jumping .product-details .trampo-details .clickbtnlist .clickbtnitem {
  position: relative;
  padding-left: 17px;
  padding-bottom: 5px;
}
.trampo-extreme-jumping .product-details .trampo-details .clickbtnlist .clickbtnitem::after {
  width: 8px;
  height: 8px;
  background-color: #FF1D48;
  content: "";
  border-radius: 50px;
  left: 0;
  position: absolute;
  top: 5px;
}
.trampo-extreme-jumping .product-details .trampo-details .clickbtnlist .clickbtnitem a {
  color: #0094EF;
  text-decoration: underline;
}
.trampo-extreme-jumping .product-details .trampo-details .clickbtnlist .clickbtnitem a:hover {
  color: #9B32E0;
}
.trampo-extreme-jumping .product-details .trampo-details .detail-content {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
}
.trampo-extreme-jumping .product-details .trampo-details .detail-content strong {
  font-size: 26px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .trampo-extreme-jumping .product-details .trampo-details .detail-content strong {
    font-size: 20px;
  }
}
.trampo-extreme-jumping .product-details .trampo-details .detail-content span {
  font-size: 20px;
  text-decoration: line-through;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .trampo-extreme-jumping .product-details .trampo-details .detail-content span {
    font-size: 16px;
  }
}
.trampo-extreme-jumping .product-details .trampo-details .detail-content small {
  color: #FF1D48;
  font-size: 14px;
}
.trampo-extreme-jumping .product-details .trampo-details .productbtn {
  background: #FFFFFF;
  box-shadow: 0px 4px 0px #D4D4D4;
  border: 1px solid #D4D4D4;
  border-radius: 28px;
  opacity: 1;
  padding: 9px 12px;
  display: inline-flex;
  justify-content: space-between;
  max-width: 151px;
  height: 42px;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .trampo-extreme-jumping .product-details .trampo-details .productbtn {
    max-width: 122px;
  }
}
.trampo-extreme-jumping .product-details .trampo-details .productbtn span {
  color: #000;
  font-size: 16px;
  display: inline-block;
  font-weight: 600;
  font-family: "Source Sans 3", sans-serif;
  cursor: pointer;
}
.trampo-extreme-jumping .product-details .trampo-details .btn-wrap {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}
.trampo-extreme-jumping .product-details .trampo-details .btn-wrap .btn-primary {
  border: 1px solid #000;
  font-size: 14px;
  display: flex;
  gap: 8px;
  width: calc(22% - 19px);
  justify-content: center;
}
@media screen and (max-width: 1199px) {
  .trampo-extreme-jumping .product-details .trampo-details .btn-wrap .btn-primary {
    width: auto;
  }
}
@media screen and (max-width: 575px) {
  .trampo-extreme-jumping .product-details .trampo-details .btn-wrap .btn-primary {
    padding: 12px 12px;
  }
}
@media screen and (max-width: 991px) {
  .trampo-extreme-jumping .product-details .trampo-details .btn-wrap .btn-primary.cart-btn {
    height: 42px;
    width: 42px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .trampo-extreme-jumping .product-details .trampo-details .btn-wrap .btn-primary.cart-btn picture {
    height: 16px;
    width: 16px;
    min-width: 16px;
  }
  .trampo-extreme-jumping .product-details .trampo-details .btn-wrap .btn-primary.cart-btn picture img {
    height: 100%;
    width: 100%;
  }
  .trampo-extreme-jumping .product-details .trampo-details .btn-wrap .btn-primary.cart-btn .add-m-none {
    display: none;
  }
}
.trampo-extreme-jumping .product-details .trampo-details .btn-wrap .btn-primary:hover {
  border: 1px solid #9B32E0;
}
.trampo-extreme-jumping .product-details .trampo-details .tab-section {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  border-radius: 24px;
  padding: 15px 25px;
  margin-top: 40px;
}
@media screen and (max-width: 991px) {
  .trampo-extreme-jumping .product-details .trampo-details .tab-section {
    padding: 15px 10px;
  }
}
.trampo-extreme-jumping .product-details .trampo-details .tab-section .tab-content {
  margin-top: 23px;
}
.trampo-extreme-jumping .product-details .trampo-details .tab-section .nav {
  justify-content: space-between;
  border-bottom: 1px solid rgba(112, 112, 112, 0.1);
}
.trampo-extreme-jumping .product-details .trampo-details .tab-section .nav .nav-item {
  width: 50%;
  border-right: 1px solid rgba(112, 112, 112, 0.1);
}
.trampo-extreme-jumping .product-details .trampo-details .tab-section .nav .nav-item:last-child {
  border-right: 0;
}
@media screen and (max-width: 991px) {
  .trampo-extreme-jumping .product-details .trampo-details .tab-section .nav .nav-item:last-child {
    padding-left: 0px;
  }
}
.trampo-extreme-jumping .product-details .trampo-details .tab-section .nav .nav-item .nav-link {
  padding: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
  position: relative;
  padding-bottom: 15px;
}
@media screen and (max-width: 480px) {
  .trampo-extreme-jumping .product-details .trampo-details .tab-section .nav .nav-item .nav-link {
    min-height: 54px;
  }
}
.trampo-extreme-jumping .product-details .trampo-details .tab-section .nav .nav-item .nav-link svg {
  width: 24px;
  min-width: 24px;
}
@media screen and (max-width: 480px) {
  .trampo-extreme-jumping .product-details .trampo-details .tab-section .nav .nav-item .nav-link svg {
    padding-left: 10px;
  }
}
.trampo-extreme-jumping .product-details .trampo-details .tab-section .nav .nav-item .nav-link.active:after {
  background: #0094EF;
  height: 2px;
  width: 100%;
  content: "";
  position: absolute;
  bottom: 0px;
}
.trampo-extreme-jumping .product-details .trampo-details .tab-section .nav .nav-item .nav-link.active span {
  color: #0094EF;
}
.trampo-extreme-jumping .product-details .trampo-details .tab-section .nav .nav-item .nav-link.active .ellipse {
  fill: #0094EF;
}
.trampo-extreme-jumping .product-details .trampo-details .tab-section .nav .nav-item .nav-link span {
  letter-spacing: 0.56px;
  color: #000;
  font-size: 14px;
  font-weight: 600;
  max-width: 165px;
  width: 100%;
}
.trampo-extreme-jumping .product-details .trampo-details .combo {
  margin-top: 40px;
}
.trampo-extreme-jumping .product-details .trampo-details .combo h3 {
  margin-bottom: 24px;
}
.trampo-extreme-jumping .product-details .trampo-details .combo .combolist {
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 1199px) {
  .trampo-extreme-jumping .product-details .trampo-details .combo .combolist {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 991px) {
  .trampo-extreme-jumping .product-details .trampo-details .combo .combolist {
    gap: 16px;
  }
}
@media screen and (max-width: 991px) {
  .trampo-extreme-jumping .product-details .trampo-details .combo .combolist.items-bundles {
    gap: 11px;
  }
}
@media screen and (max-width: 479px) {
  .trampo-extreme-jumping .product-details .trampo-details .combo .combolist.items-bundles {
    justify-content: center;
  }
}
.trampo-extreme-jumping .product-details .trampo-details .combo .combolist.items-bundles .comboitem {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .trampo-extreme-jumping .product-details .trampo-details .combo .combolist.items-bundles .comboitem {
    width: calc(33.33% - 7.5px);
  }
}
@media screen and (max-width: 479px) {
  .trampo-extreme-jumping .product-details .trampo-details .combo .combolist.items-bundles .comboitem {
    width: calc(50% - 7.5px);
  }
}
.trampo-extreme-jumping .product-details .trampo-details .combo .combolist.items-bundles .comboitem .combotitle {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin-top: 8px;
}
.trampo-extreme-jumping .product-details .trampo-details .combo .combolist.items-bundles .comboitem span {
  max-width: 100%;
}
@media screen and (max-width: 991px) {
  .trampo-extreme-jumping .product-details .trampo-details .combo .combolist {
    flex-wrap: wrap;
  }
}
.trampo-extreme-jumping .product-details .trampo-details .combo .combolist .comboitem {
  display: flex;
  align-items: center;
  background: #FFFFFF;
  box-shadow: 0px 2px 10px rgba(67, 87, 99, 0.1019607843);
  border-radius: 20px;
  padding: 10px;
  gap: 10px;
  width: calc(33.33% - 10px);
}
@media screen and (max-width: 1199px) {
  .trampo-extreme-jumping .product-details .trampo-details .combo .combolist .comboitem {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 991px) {
  .trampo-extreme-jumping .product-details .trampo-details .combo .combolist .comboitem {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .trampo-extreme-jumping .product-details .trampo-details .combo .combolist .comboitem {
    width: calc(33.33% - 11px);
  }
}
@media screen and (max-width: 575px) {
  .trampo-extreme-jumping .product-details .trampo-details .combo .combolist .comboitem {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 390px) {
  .trampo-extreme-jumping .product-details .trampo-details .combo .combolist .comboitem {
    gap: 20px;
    flex-wrap: nowrap;
    width: 100%;
  }
}
.trampo-extreme-jumping .product-details .trampo-details .combo .combolist .comboitem span {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  border-radius: 12px;
  max-width: 95px;
  width: 100%;
  display: block;
}
@media screen and (max-width: 991px) {
  .trampo-extreme-jumping .product-details .trampo-details .combo .combolist .comboitem span {
    max-width: 85px;
  }
}
.trampo-extreme-jumping .product-details .trampo-details .combo .combolist .comboitem span picture {
  display: block;
}
.trampo-extreme-jumping .product-details .trampo-details .combo .combolist .comboitem span img {
  width: 100%;
  border-radius: 12px;
}
.trampo-extreme-jumping .product-details .trampo-details .combo .combolist .comboitem .comborate {
  font-size: 16px;
  line-height: 120%;
  color: #000;
}
@media screen and (max-width: 991px) {
  .trampo-extreme-jumping .product-details .trampo-details .combo .combolist .comboitem .comborate {
    max-width: 100%;
    flex: 0 0 100%;
    text-align: center;
  }
}
@media screen and (max-width: 390px) {
  .trampo-extreme-jumping .product-details .trampo-details .combo .combolist .comboitem .comborate {
    max-width: 70%;
    flex: 0 0 70%;
    text-align: left;
  }
}
.trampo-extreme-jumping .product-details .trampo-details .combo .combolist .comboitem .comborate p {
  margin-bottom: 6px;
}
.trampo-extreme-jumping .product-details .trampo-details .combo .combolist .comboitem .comborate strong {
  font-weight: 700;
  font-size: 16px;
  color: #000;
  margin-bottom: 15px;
  display: inline-block;
}
.trampo-extreme-jumping .product-details .trampo-details .combo .combolist .comboitem .comborate span {
  text-decoration: line-through;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  border: none;
  display: inline;
}
.trampo-extreme-jumping .product-details .trampo-details .combo .combolist .comboitem .comborate .addbtn {
  display: inline-flex;
  background: #FFFFFF;
  box-shadow: 0px 4px 0px #D4D4D4;
  border: 1px solid #D4D4D4;
  border-radius: 28px;
  width: 100%;
  padding: 6px 15px;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  color: #000;
}
@media screen and (max-width: 390px) {
  .trampo-extreme-jumping .product-details .trampo-details .combo .combolist .comboitem .comborate .addbtn {
    max-width: 130px;
  }
}
.trampo-extreme-jumping .product-details .trampo-details .combo .combolist .comboitem .comborate .addnumber {
  display: inline-flex;
  background: #FFFFFF;
  box-shadow: 0px 4px 0px #D4D4D4;
  border: 1px solid #D4D4D4;
  border-radius: 28px;
  width: 100%;
  padding: 3px 15px;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 390px) {
  .trampo-extreme-jumping .product-details .trampo-details .combo .combolist .comboitem .comborate .addnumber {
    max-width: 130px;
  }
}
.trampo-extreme-jumping .product-details .trampo-details .combo .combolist .comboitem .comborate .addnumber .textcol {
  width: 15px;
  border: none;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}
.trampo-extreme-jumping .product-details .trampo-details .combo .combolist .comboitem .comborate .addnumber .textcol:focus-visible {
  outline: none;
}
.trampo-extreme-jumping .product-details .trampo-details .combo .combolist .comboitem .comborate .addnumber .minus,
.trampo-extreme-jumping .product-details .trampo-details .combo .combolist .comboitem .comborate .addnumber .plus {
  max-width: inherit;
  width: auto;
  padding: 0;
  cursor: pointer;
  font-size: 20px;
  line-height: 140%;
  text-decoration: none;
}
.trampo-extreme-jumping .product-details .trampo-details .combo .combolist .comboitem .comborate .addnumber .minus:focus-visible,
.trampo-extreme-jumping .product-details .trampo-details .combo .combolist .comboitem .comborate .addnumber .plus:focus-visible {
  outline: none;
}

.related-items .area-img {
  padding-bottom: 71.82%;
  border-radius: 24px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .related-items .area-img {
    border-radius: 20px;
  }
}
@media (max-width: 767px) {
  .related-items .area-img {
    border-radius: 16px;
  }
}
@media (max-width: 479px) {
  .related-items .area-img {
    border-radius: 12px;
  }
}
.related-items .area-img a {
  display: block;
  width: 100%;
  height: 100%;
}
.related-items .area-img a picture {
  display: block;
}
.related-items .area-img a img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.3s linear;
}
.related-items .area-img.img-hover:hover img {
  transform: scale(1.1);
}
@media only screen and (max-width: 1280px) {
  .related-items .swiper-container {
    margin: 0 -12px;
    padding: 0 12px;
  }
}
.related-items .swiper-wrapper {
  margin-bottom: 10px;
}
.related-items .gamebox {
  padding-top: 20px;
}
@media screen and (max-width: 575px) {
  .related-items .gamebox {
    padding-top: 16px;
  }
}
.related-items .gamebox .titlebox {
  display: flex;
  justify-content: space-between;
}
.related-items .gamebox .titlebox a {
  font-size: 17px;
  font-weight: 600;
  font-family: "Source Sans 3", sans-serif;
  line-height: 140%;
  color: #000;
}
.related-items .gamebox .titlebox span {
  font-size: 14px;
  line-height: 120%;
  font-family: "Source Sans 3", sans-serif;
  background: #FF1D48;
  color: #FFFFFF;
  border-radius: 11px;
  display: flex;
  align-items: center;
  padding: 0px 8px;
  font-weight: 400;
}
.related-items .gamebox span {
  font-size: 16px;
  font-weight: 600;
  font-family: "Source Sans 3", sans-serif;
  line-height: 140%;
  color: rgba(0, 0, 0, 0.5);
}
.related-items .gamebox .pricebox {
  display: flex;
  gap: 10px;
  margin-top: 12px;
  margin-bottom: 20px;
}
@media screen and (max-width: 575px) {
  .related-items .gamebox .pricebox {
    margin-top: 5px;
    margin-bottom: 9px;
  }
}
.related-items .gamebox .pricebox strong {
  font-size: 20px;
  line-height: 140%;
  color: #000;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .related-items .gamebox .pricebox strong {
    font-size: 18px;
  }
}
@media screen and (max-width: 480px) {
  .related-items .gamebox .pricebox strong {
    font-size: 16px;
  }
}
.related-items .gamebox .pricebox span {
  font-size: 20px;
  line-height: 140%;
  color: rgba(0, 0, 0, 0.6);
  text-decoration: line-through;
}
.related-items .gamebox .btn-wrap {
  display: flex;
  gap: 8px;
}
@media screen and (max-width: 767px) {
  .related-items .gamebox .btn-wrap {
    flex-wrap: wrap;
  }
}
.related-items .gamebox .btn-wrap .view-m-none,
.related-items .gamebox .btn-wrap .add-m-none {
  font-size: 14px;
  letter-spacing: 0.56px;
  color: #000;
  pointer-events: none;
}
.related-items .gamebox .btn-wrap a {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #000;
}
@media screen and (max-width: 1199px) {
  .related-items .gamebox .btn-wrap a {
    padding: 9px 14px;
  }
}
@media screen and (max-width: 991px) {
  .related-items .gamebox .btn-wrap a {
    padding: 7px 7px;
    gap: 4px;
  }
}
@media screen and (max-width: 767px) {
  .related-items .gamebox .btn-wrap a {
    padding: 7px 14px;
  }
}
.related-items .gamebox .btn-wrap a:hover {
  border: 1px solid #9B32E0;
}

/* ============ Login Page Start ============ */
.login-page-section {
  padding: 72px 0px 0px;
}
@media screen and (max-width: 767px) {
  .login-page-section {
    padding: 56px 0px 0px;
  }
}
.login-page-section .login-slider-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: calc((100% - 1240px) / 2);
  height: calc(100vh - 106px);
}
@media screen and (max-width: 767px) {
  .login-page-section .login-slider-wrap {
    flex-wrap: wrap-reverse;
    height: auto;
  }
}
.login-page-section .login-slider-wrap .login-side {
  flex: 0 0 50%;
  max-width: 50%;
  height: calc(100vh - 150px);
  overflow: auto;
  display: flex;
}
.login-page-section .login-slider-wrap .login-side::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 991px) {
  .login-page-section .login-slider-wrap .login-side {
    flex: 0 0 49%;
    max-width: 49%;
  }
}
@media screen and (max-width: 767px) {
  .login-page-section .login-slider-wrap .login-side {
    flex: 0 0 100%;
    max-width: 100%;
    height: calc(100vh - 106px);
  }
}
@media screen and (max-width: 767px) {
  .login-page-section .login-slider-wrap .login-side {
    height: calc(100vh - 109px);
  }
}
.login-page-section .login-slider-wrap .login-slider {
  flex: 0 0 50%;
  max-width: 50%;
  height: calc(100vh - 106px);
  position: fixed;
  top: 72px;
  right: 0;
}
.login-page-section .login-slider-wrap .login-slider picture {
  height: calc(100vh - 106px);
}
.login-page-section .login-slider-wrap .login-slider picture img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
@media screen and (max-width: 991px) {
  .login-page-section .login-slider-wrap .login-slider {
    flex: 0 0 49%;
    max-width: 49%;
  }
}
@media screen and (max-width: 767px) {
  .login-page-section .login-slider-wrap .login-slider {
    height: auto;
    position: unset;
    flex: 0 0 100%;
    max-width: 100%;
    display: none;
  }
}

.login-wrap {
  max-width: 404px;
  width: 100%;
  margin: auto;
}
@media screen and (max-width: 991px) {
  .login-wrap {
    width: 100%;
  }
}
.login-wrap h2 {
  font-size: 32px;
  line-height: 40px;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 700;
  color: #000;
  margin-bottom: 21px;
  text-align: center;
}
@media screen and (max-width: 1280px) {
  .login-wrap h2 {
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 991px) {
  .login-wrap h2 {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 575px) {
  .login-wrap h2 {
    font-size: 26px;
    line-height: 34px;
  }
}
.login-wrap .common-form .form-group {
  margin-bottom: 12px;
}
.login-wrap .common-form .form-group .input-icon {
  position: relative;
}
.login-wrap .common-form .form-group .input-icon input {
  padding: 15px 14px 15px 46px;
}
@media screen and (max-width: 767px) {
  .login-wrap .common-form .form-group .input-icon input {
    padding: 12px 12px 12px 46px;
  }
}
.login-wrap .common-form .form-group .input-icon .icon {
  position: absolute;
  left: 14px;
  top: 14px;
}
@media screen and (max-width: 767px) {
  .login-wrap .common-form .form-group .input-icon .icon {
    left: 10px;
    top: 10px;
  }
}
.login-wrap .common-form .form-group .input-icon .toggle-password {
  cursor: pointer;
  position: absolute;
  right: 14px;
  top: 12px;
}
@media screen and (max-width: 767px) {
  .login-wrap .common-form .form-group .input-icon .toggle-password {
    right: 10px;
    top: 10px;
  }
}
.login-wrap .common-form .choose-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
.login-wrap .common-form .choose-list .form-group {
  margin-bottom: 0px;
}
.login-wrap .common-form .choose-list .form-group label {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  font-family: "Source Sans 3", sans-serif;
  margin-bottom: 0px;
  padding: 0;
  background: transparent !important;
  border: none !important;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.login-wrap .common-form .choose-list .form-group label::before {
  content: "";
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  display: inline-block;
  position: relative;
  height: 20px;
  width: 20px;
  margin-right: 8px;
}
@media screen and (max-width: 575px) {
  .login-wrap .common-form .choose-list .form-group label::before {
    height: 16px;
    width: 16px;
    margin-right: 6px;
  }
}
.login-wrap .common-form .choose-list .form-group input {
  cursor: pointer;
}
.login-wrap .common-form .choose-list .form-group input:checked + label::after {
  content: "";
  display: block;
  background-image: none;
  border-bottom: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  position: absolute;
  top: 4px;
  left: 8px;
  width: 5px;
  height: 10px;
  background-repeat: no-repeat;
  transform: rotate(45deg);
}
@media screen and (max-width: 575px) {
  .login-wrap .common-form .choose-list .form-group input:checked + label::after {
    top: 3px;
    left: 6px;
    width: 5px;
    height: 10px;
  }
}
.login-wrap .common-form .choose-list .form-group input:checked + label::before {
  background-color: #000;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.login-wrap .common-form .links {
  font-size: 14px;
  line-height: 18px;
  color: #000;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .login-wrap .common-form .links {
    font-size: 12px;
  }
}
.login-wrap .common-form .links::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #00D129;
  transition: width 0.3s;
  position: absolute;
  bottom: -2px;
}
.login-wrap .common-form .links:hover::before {
  width: 0%;
  animation: border_anim 0.5s linear forwards;
}
@keyframes border_anim {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
.login-wrap .common-form .common-btn {
  margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
  .login-wrap .common-form .common-btn {
    margin-bottom: 12px;
  }
}
.login-wrap .common-form .common-btn .btn-primary {
  border: 1px solid #000;
  box-shadow: 0px 0px 0px #000;
  width: 100%;
  font-size: 16px;
  line-height: 120%;
}
.login-wrap .common-form .common-btn .btn-primary:hover, .login-wrap .common-form .common-btn .btn-primary:focus, .login-wrap .common-form .common-btn .btn-primary:active {
  box-shadow: 0px 4px 0px #000;
  color: #000;
  border-color: #000;
}
@media only screen and (max-width: 767px) {
  .login-wrap .common-form .common-btn .btn-primary {
    padding: 10px 20px;
  }
}
.login-wrap .common-form .common-link {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 17px;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
}
@media only screen and (max-width: 991px) {
  .login-wrap .common-form .common-link {
    font-size: 12px;
  }
}
.login-wrap .common-form .common-link span {
  opacity: 0.6;
}
.login-wrap .common-form .common-link.terms-con-privacy {
  gap: 5px;
}
.login-wrap .common-form .continue-with {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.56px;
  color: #000000;
  opacity: 0.61;
  position: relative;
  width: 100%;
  margin-bottom: 16px;
}
@media only screen and (max-width: 991px) {
  .login-wrap .common-form .continue-with {
    font-size: 12px;
    line-height: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .login-wrap .common-form .continue-with {
    margin-bottom: 12px;
  }
}
.login-wrap .common-form .continue-with p {
  margin: 0 auto;
  position: relative;
  width: fit-content;
  padding: 0px 10px;
  background-color: #FFFFFF;
}
.login-wrap .common-form .continue-with:before {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  top: 50%;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.login-wrap .common-form .social-btn {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .login-wrap .common-form .social-btn {
    gap: 8px;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 359px) {
  .login-wrap .common-form .social-btn {
    flex-wrap: wrap;
  }
}
.login-wrap .common-form .social-btn .btn {
  flex: 1;
}
.login-wrap .common-form .social-btn .btn.btn-primary {
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  box-shadow: 0px 0px 0px #000;
  width: 100%;
  font-size: 14px;
  line-height: 134%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
@media only screen and (max-width: 991px) {
  .login-wrap .common-form .social-btn .btn.btn-primary {
    padding: 10px 12px;
  }
}
.login-wrap .common-form .social-btn .btn.btn-primary:hover, .login-wrap .common-form .social-btn .btn.btn-primary:focus, .login-wrap .common-form .social-btn .btn.btn-primary:active {
  box-shadow: 0px 4px 0px #000;
  color: #000;
  border-color: #000;
}
.login-wrap .common-form .social-btn .btn.btn-primary.facebook:hover, .login-wrap .common-form .social-btn .btn.btn-primary.facebook:focus, .login-wrap .common-form .social-btn .btn.btn-primary.facebook:active {
  box-shadow: 0px 4px 0px #0094EF;
  border-color: #0094EF;
}
.login-wrap .common-form .social-btn .btn.btn-primary.google:hover, .login-wrap .common-form .social-btn .btn.btn-primary.google:focus, .login-wrap .common-form .social-btn .btn.btn-primary.google:active {
  box-shadow: 0px 4px 0px #FBBC05;
  border-color: #FBBC05;
}
.login-wrap .common-form .social-btn .btn picture img {
  min-width: 20px;
}
@media only screen and (max-width: 359px) {
  .login-wrap .common-form .social-btn .btn {
    width: 100%;
  }
}

/*  ============ Register Page Start ============*/
.register-page-section {
  padding: 95px 0 0px;
  min-height: calc(100vh - 34px);
  overflow: auto;
  display: flex;
}
@media screen and (max-width: 1199px) {
  .register-page-section {
    padding: 80px 0 0px;
  }
}
@media screen and (max-width: 575px) {
  .register-page-section {
    padding: 70px 0 0px;
    height: calc(100vh - 53px);
  }
}
.register-page-section::-webkit-scrollbar {
  display: none;
}
.register-page-section .container {
  display: flex;
  margin: auto;
  height: 100%;
}
.register-page-section .container .login-wrap .common-form .register-name {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.register-page-section .container .login-wrap .common-form .register-name .form-group {
  width: calc(50% - 6px);
}
@media screen and (max-width: 767px) {
  .register-page-section .container .login-wrap .common-form .register-name .form-group {
    width: 100%;
  }
}
.register-page-section .container .login-wrap .common-form .common-btn {
  margin-top: 30px;
}
@media screen and (max-width: 991px) {
  .register-page-section .container .login-wrap .common-form .common-btn {
    margin-top: 20px;
  }
}
.register-page-section .container .login-wrap .common-form .register-phone {
  display: flex;
  gap: 12px;
}
.register-page-section .container .login-wrap .common-form .register-phone .common-select {
  width: 92px;
}
.register-page-section .container .login-wrap .common-form .register-phone .common-select .dropdown-toggle {
  padding: 15px 16px;
  max-width: 92px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .register-page-section .container .login-wrap .common-form .register-phone .common-select .dropdown-toggle {
    font-size: 14px;
    padding: 12px 12px;
    max-width: 85px;
    width: 100%;
  }
}
.register-page-section .container .login-wrap .common-form .register-phone .common-select .dropdown-toggle::after {
  right: 16px;
  border-width: 0 1.5px 1.5px 0;
  top: 18px;
}
@media screen and (max-width: 767px) {
  .register-page-section .container .login-wrap .common-form .register-phone .common-select .dropdown-toggle::after {
    right: 12px;
    border-width: 0 1.5px 1.5px 0;
    top: 14px;
  }
}
.register-page-section .container .login-wrap .common-form .register-phone .phone-no {
  width: calc(100% - 104px);
}

/*  ============ Forgot Password Start ============*/
.forgot-pass {
  height: calc(100vh - 34px);
}
.forgot-pass .container {
  position: relative;
}
.forgot-pass .container .forgot-pass-inner-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.forgot-pass .container #succcess-msg {
  position: absolute;
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .forgot-pass .container #succcess-msg {
    position: relative;
    margin-bottom: 14px;
  }
}
.forgot-pass .container #succcess-msg .alert {
  font-size: 14px;
  line-height: 18px;
  padding-right: 40px;
  cursor: pointer;
}
.forgot-pass .container #succcess-msg .alert picture {
  margin-left: 28px;
}
.forgot-pass .container #succcess-msg .alert .close-icon {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
}
.forgot-pass .container #succcess-msg .alert-success {
  width: fit-content;
  margin: 0 auto;
}
.forgot-pass .login-wrap {
  font-size: 14px;
  line-height: 18px;
}
.forgot-pass .login-wrap h2 {
  margin-bottom: 7px;
}
.forgot-pass .login-wrap p {
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 991px) {
  .forgot-pass .login-wrap p {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 575px) {
  .forgot-pass .login-wrap p {
    margin-bottom: 15px;
  }
}

/*============ footer Two Start ============ */
.footer-two-section {
  background-color: #000000;
  padding: 8px;
}
.footer-two-section .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 767px) {
  .footer-two-section .container {
    font-size: 12px;
    line-height: 16px;
  }
}
@media screen and (max-width: 575px) {
  .footer-two-section .container {
    flex-wrap: wrap-reverse;
    gap: 5px;
  }
}
@media screen and (max-width: 575px) {
  .footer-two-section .container span {
    text-align: center;
    width: 100%;
  }
}
.footer-two-section .container .footer-links {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .footer-two-section .container .footer-links {
    gap: 15px;
  }
}
@media screen and (max-width: 575px) {
  .footer-two-section .container .footer-links {
    width: 100%;
    justify-content: center;
  }
}
@media screen and (max-width: 359px) {
  .footer-two-section .container .footer-links {
    gap: 10px;
  }
}
.footer-two-section .container .footer-links .links {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 767px) {
  .footer-two-section .animated {
    visibility: visible;
  }
}

/*============= Inbox Page ============*/
.inbox-card {
  width: calc(33% - 6px);
  border-radius: 20px;
  padding: 20px;
}
@media (max-width: 1199px) {
  .inbox-card {
    width: calc(50% - 6px);
  }
}
@media (max-width: 767px) {
  .inbox-card {
    width: 100%;
    padding: 15px;
  }
}
.inbox-card .box-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 11px;
  gap: 10px;
}
.inbox-card .box-header .addonheader {
  display: flex;
  gap: 8px;
}
.inbox-card .box-header .addonheader picture {
  padding-bottom: 20%;
  overflow: hidden;
  position: relative;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  border-radius: 5px;
}
@media (max-width: 479px) {
  .inbox-card .box-header .addonheader picture {
    width: 35px;
    height: 35px;
    min-width: 35px;
    min-height: 35px;
  }
}
.inbox-card .box-header .addonheader picture img {
  width: 100%;
  display: block;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  object-fit: cover;
  object-position: center center;
  transition: all 0.3s ease;
  border-radius: 5px;
}
.inbox-card .box-header .digital-btn {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 479px) {
  .inbox-card .box-header .digital-btn {
    margin-left: auto;
  }
}
.inbox-card .box-header .digital-btn .card-btn {
  background: #FFFFFF;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inbox-card .box-header .digital-btn .card-btn svg {
  height: 17px;
}
@media (max-width: 479px) {
  .inbox-card .box-header .digital-btn .card-btn {
    width: 35px;
    height: 35px;
    padding: 10px;
  }
}
.inbox-card .box-header .addonbox {
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  background: #FFFFFF;
  padding: 5px 5px 5px 14px;
  border-radius: 23px;
  gap: 5px;
}
.inbox-card .box-header .addonbox span {
  color: #0094EF;
}
.inbox-card .box-header .addonbox strong {
  font-weight: 600;
  padding-left: 2px;
  padding-right: 10px;
  color: #000;
}
.inbox-card .box-header .addonbox picture {
  padding-bottom: 20%;
  overflow: hidden;
  position: relative;
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  border-radius: 50px;
}
@media (max-width: 479px) {
  .inbox-card .box-header .addonbox picture {
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
  }
}
.inbox-card .box-header .addonbox picture img {
  width: 100%;
  display: block;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  object-fit: cover;
  object-position: center center;
  transition: all 0.3s ease;
  border-radius: 50px;
}
.inbox-card .digital-content h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #000;
}
.inbox-card .digital-content .inputcopy {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 20px;
  background-color: #0094EF;
  padding: 5px 5px 5px 10px;
  gap: 7px;
  min-height: 40px;
}
.inbox-card .digital-content .inputcopy .copy-icon {
  background: rgba(255, 255, 255, 0.4);
  width: 30px;
  min-width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  cursor: pointer;
  outline: none;
  border: none;
}
.inbox-card .digital-content .inputcopy .copy-icon:hover {
  background-color: #FFFFFF;
}
.inbox-card .digital-content .inputcopy .copy-icon:hover path {
  fill: #0094EF;
}
.inbox-card .digital-content .inputcopy .order-status {
  color: rgba(0, 0, 0, 0.6);
  font-family: "Source Sans 3", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  display: flex;
  align-items: center;
  gap: 7px;
}
.inbox-card .digital-content .inputcopy .order-status span {
  display: none;
}
.inbox-card .digital-content .inputcopy input {
  background-color: transparent;
  border: 0;
  width: 100%;
  color: #FFFFFF;
  font-size: 14px;
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 4px;
}
.inbox-card .digital-content .inputcopy input::placeholder {
  color: #FFFFFF;
}
.inbox-card .digital-content .inputcopy input:focus-visible {
  outline: none;
}
.inbox-card .digital-content .inputcopy.copy-text {
  background: #FFFFFF;
}
.inbox-card .digital-content .inputcopy.copy-text input {
  color: #000000;
}
.inbox-card .digital-content .inputcopy.copy-text .order-status span {
  display: block;
}
.inbox-card .digital-content .inputcopy.copy-text .order-status .copy-icon svg path {
  fill: rgba(0, 0, 0, 0.6);
}
.inbox-card .digital-content .id-time {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
  justify-content: space-between;
  margin-top: 24px;
}
@media (max-width: 767px) {
  .inbox-card .digital-content .id-time {
    margin-top: 15px;
  }
}
.inbox-card .digital-content .id-time .idnumber {
  font-size: 14px;
  font-weight: 600;
}
.inbox-card .digital-content .id-time .idnumber span {
  color: rgba(0, 0, 0, 0.7019607843);
}
.inbox-card .digital-content .id-time .timecol {
  font-size: 14px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.7);
}
.inbox-card.digital-box {
  background: transparent linear-gradient(62deg, #FDFBF4 0%, #EBEEDD 33%, #99DDE3 100%) 0% 0% no-repeat padding-box;
}
.inbox-card.entertainment-box {
  background-image: linear-gradient(62deg, #FEF9F5 0%, #FFEFDA 33%, #FFE6DC 100%), url(../images/rectangle-bg.webp);
}
.inbox-card.accessories-box {
  background: transparent linear-gradient(62deg, #D9E8FB 0%, #CCF8F3 33%, #FFE0E6 100%) 0% 0% no-repeat padding-box;
}
.inbox-card.accessories-box .box-header .addonheader picture {
  width: 52px;
  height: 40px;
}
.inbox-card.accessories-box .digital-content .deliveredinput {
  background-color: #FFFFFF;
  color: #000;
  padding: 5px 14px 5px 14px;
}
.inbox-card.accessories-box .digital-content .deliveredinput input {
  color: #000;
  text-align: center;
}
.inbox-card.accessories-box .digital-content .deliveredinput input::placeholder {
  color: #000;
}
.inbox-card.accessories-box .digital-content .deliveredinput .order-status {
  display: none;
}

.inbox-section {
  padding-top: 112px;
  padding-bottom: 80px;
}
@media (max-width: 1199px) {
  .inbox-section {
    padding-top: 95px;
    padding-bottom: 60px;
  }
}
@media (max-width: 991px) {
  .inbox-section {
    padding-bottom: 45px;
  }
}
@media (max-width: 576px) {
  .inbox-section {
    padding-top: 80px;
    padding-bottom: 40px;
  }
}
@media (max-width: 576px) {
  .inbox-section .section-header {
    gap: 15px;
    flex-wrap: wrap;
  }
}
.inbox-section .maillink {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  justify-content: end;
}
.inbox-section .maillink a {
  font-size: 18px;
  color: #00D9B9;
  background: #FFFFFF;
  border: 0.5px solid #00D9B9;
  border-radius: 21px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 17px 5px 5px;
}
@media (max-width: 575px) {
  .inbox-section .maillink a {
    font-size: 16px;
  }
}
.inbox-section .maillink picture {
  width: 32px;
  height: 32px;
  background-color: #00D9B9;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px;
}
.inbox-section .maillink .dropdown {
  width: auto !important;
}
.inbox-section .maillink .dropdown .dropdown-toggle {
  width: auto;
  padding: 11px 18px;
}
.inbox-section .maillink .dropdown .dropdown-toggle:after {
  background-image: url(../images/filter.svg);
  border: none;
  width: 16px;
  height: 16px;
  left: 18px;
  position: absolute;
  margin: 0;
  transition: all 0.3s ease;
}
.inbox-section .maillink .dropdown .dropdown-toggle.show {
  background-color: #000;
  color: #FFFFFF;
}
.inbox-section .maillink .dropdown .dropdown-toggle.show:after {
  filter: invert(1);
}
.inbox-section .maillink .dropdown .dropdown-toggle.show .filter-option {
  color: #FFFFFF;
}
.inbox-section .maillink .dropdown .dropdown-toggle .filter-option {
  padding-left: 25px;
  font-size: 14px;
  color: #000;
  text-transform: capitalize;
  letter-spacing: 0.07px;
  font-weight: 600;
  transition: all 0.3s ease;
}
.inbox-section .maillink .dropdown .dropdown-toggle:hover:after {
  filter: invert(1);
}
.inbox-section .maillink .dropdown .dropdown-toggle:hover .filter-option {
  color: #FFFFFF;
}
.inbox-section .maillink .dropdown .dropdown-toggle:focus {
  outline: 0 !important;
  outline-offset: 0;
}
.inbox-section .maillink .dropdown .dropdown-menu {
  border: none;
  background: #FFFFFF;
  box-shadow: 0px 2px 24px rgba(67, 87, 99, 0.1568627451);
  border-radius: 24px;
  padding: 0;
  max-width: 199px;
  width: 100%;
  min-width: 199px;
  transform: translate3d(0px, 45px, 0px) !important;
  right: 0 !important;
  left: auto !important;
  z-index: 1;
}
.inbox-section .maillink .dropdown .dropdown-menu .dropdown-item {
  color: #000;
  font-family: "Source Sans 3", sans-serif;
  font-size: 14px;
  font-weight: 400;
  background: #E9E9E9;
  border: 1px solid #E9E9E9;
  border-radius: 10px;
  padding: 12px 15px;
  margin-bottom: 6px;
}
.inbox-section .maillink .dropdown .dropdown-menu .dropdown-item.digital-card {
  background: transparent linear-gradient(62deg, #FDFBF4 0%, #EBEEDD 33%, #99DDE3 100%) 0% 0% no-repeat padding-box;
  border: none;
}
.inbox-section .maillink .dropdown .dropdown-menu .dropdown-item.entertainment-card {
  background: transparent linear-gradient(62deg, #FEF9F5 0%, #FFEFDA 33%, #FFE6DC 100%) 0% 0% no-repeat padding-box;
  border: none;
}
.inbox-section .maillink .dropdown .dropdown-menu .dropdown-item.accessories-card {
  background: transparent linear-gradient(62deg, #D9E8FB 0%, #CCF8F3 33%, #FFE0E6 100%) 0% 0% no-repeat padding-box;
  border: none;
}
.inbox-section .maillink .dropdown .dropdown-menu.inner {
  padding: 17px 16px;
  transform: none !important;
}
.inbox-section .maillink .dropdown .dropdown-menu.inner li .dropdown-item::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  right: 11px;
  background-color: #FFFFFF;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 18px;
}
.inbox-section .maillink .dropdown .dropdown-menu.inner .selected .check-mark {
  position: absolute;
  display: inline-block;
  right: 11px;
  top: 14px;
  background: #0094EF;
  width: 20px;
  height: 20px;
  border-radius: 50px;
}
.inbox-section .maillink .dropdown .dropdown-menu.inner .selected .check-mark::after {
  content: "";
  display: block;
  background-image: url(../images/right-icon.svg);
  position: absolute;
  top: 6px;
  left: 5px;
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  border: none;
}
.inbox-section .maillink .dropdown li:last-child .dropdown-item {
  margin-bottom: 0;
}
.inbox-section .gameinbox {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}
@media (max-width: 1199px) {
  .inbox-section .gameinbox {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .inbox-section .gameinbox {
    row-gap: 20px;
  }
}

/*================== Bar code popup ==================*/
.modal.barcode-popup .modal-dialog {
  max-width: 1087px;
  width: calc(100% - 30px);
  margin: 0 auto;
  animation: opt-animation3 1s;
  -moz-animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@keyframes opt-animation3 {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.modal.barcode-popup .modal-dialog .modal-content {
  border-radius: 24px;
  padding: 24px;
  max-height: calc(100vh - 116px);
  overflow-y: auto;
}
.modal.barcode-popup .modal-dialog .modal-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #FFFFFF;
}
.modal.barcode-popup .modal-dialog .modal-content::-webkit-scrollbar {
  width: 6px;
  background-color: #FFFFFF;
}
.modal.barcode-popup .modal-dialog .modal-content::-webkit-scrollbar-thumb {
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 991px) {
  .modal.barcode-popup .modal-dialog .modal-content {
    max-height: calc(100vh - 60px);
    padding: 18px;
  }
}
@media (max-width: 767px) {
  .modal.barcode-popup .modal-dialog .modal-content {
    border-radius: 12px;
  }
}
@media (max-width: 479px) {
  .modal.barcode-popup .modal-dialog .modal-content {
    padding: 15px;
  }
}
.modal.barcode-popup .modal-dialog .modal-content h3 {
  font-size: 20px;
  font-weight: 700;
  color: #000;
}
.modal.barcode-popup .modal-dialog .modal-content .modal-header {
  padding: 0 0 10px 0;
}
.modal.barcode-popup .modal-dialog .modal-content .modal-header .closeicon {
  background: transparent;
  border: none;
}
.modal.barcode-popup .modal-dialog .modal-content .modal-body {
  padding: 24px 0 0 0;
}
@media (max-width: 991px) {
  .modal.barcode-popup .modal-dialog .modal-content .modal-body {
    padding-top: 18px;
  }
}
.modal.barcode-popup .modal-dialog .modal-content .modal-body .barcode-text .coupon-info-wrap {
  display: none;
}
.modal.barcode-popup .modal-dialog .modal-content .modal-body .barcode-text h3 {
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .modal.barcode-popup .modal-dialog .modal-content .modal-body .barcode-text h3 {
    margin-bottom: 12px;
  }
}
.modal.barcode-popup.coupon-valid .modal-dialog .modal-content .modal-body .barcode-section .barcodeimgcol .giftcolbarcod .barcodegift-btn {
  display: none;
}
.modal.barcode-popup.coupon-valid .modal-dialog .modal-content .modal-body .barcode-section .barcode-text .coupon-info-wrap {
  display: flex;
}
.modal.barcode-popup.coupon-valid .modal-dialog .modal-content .modal-body .barcode-section .barcode-text .tabcol .tab-content-col .tab-thumbnail {
  padding-bottom: 24.5%;
}
.modal.giftmodal-popup .modal-dialog {
  max-width: 452px;
  width: calc(100% - 30px);
  margin: 0 auto;
  animation: opt-animation3 1s;
  -moz-animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@keyframes opt-animation3 {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.modal.giftmodal-popup .modal-dialog .modal-content {
  border-radius: 24px;
  padding: 24px;
  max-height: calc(100vh - 116px);
  overflow-y: auto;
}
.modal.giftmodal-popup .modal-dialog .modal-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #FFFFFF;
}
.modal.giftmodal-popup .modal-dialog .modal-content::-webkit-scrollbar {
  width: 6px;
  background-color: #FFFFFF;
}
.modal.giftmodal-popup .modal-dialog .modal-content::-webkit-scrollbar-thumb {
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 991px) {
  .modal.giftmodal-popup .modal-dialog .modal-content {
    max-height: calc(100vh - 60px);
    padding: 18px;
  }
}
@media (max-width: 767px) {
  .modal.giftmodal-popup .modal-dialog .modal-content {
    border-radius: 12px;
  }
}
@media (max-width: 479px) {
  .modal.giftmodal-popup .modal-dialog .modal-content {
    padding: 15px;
  }
}
.modal.giftmodal-popup .modal-dialog .modal-content h3 {
  font-size: 20px;
  font-weight: 700;
  color: #000;
}
.modal.giftmodal-popup .modal-dialog .modal-content .modal-header {
  padding: 0 0 10px 0;
}
.modal.giftmodal-popup .modal-dialog .modal-content .modal-header .closeicon {
  background: transparent;
  border: none;
}
.modal.giftmodal-popup .modal-dialog .modal-content .modal-body {
  padding: 24px 0 0 0;
}
@media (max-width: 991px) {
  .modal.giftmodal-popup .modal-dialog .modal-content .modal-body {
    padding-top: 18px;
    padding-bottom: 10px;
  }
}
.modal.giftmodal-popup .modal-dialog .modal-content .modal-body .inbox-card {
  width: 100%;
}
.modal.giftmodal-popup .modal-dialog .modal-content .modal-body .send-gift-card {
  margin-top: 16px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .modal.giftmodal-popup .modal-dialog .modal-content .modal-body .send-gift-card {
    margin-bottom: 20px;
  }
}
.modal.giftmodal-popup .modal-dialog .modal-content .modal-body .send-gift-card label {
  display: block;
  margin-bottom: 10px;
  color: #000;
  font-family: "Source Sans 3", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.modal.giftmodal-popup .modal-dialog .modal-content .modal-body .send-gift-card .email-filed {
  display: block;
  position: relative;
  margin-bottom: 10px;
}
.modal.giftmodal-popup .modal-dialog .modal-content .modal-body .send-gift-card .email-filed .form-control {
  width: 100%;
  outline: none;
  border: 1px solid rgba(0, 64, 129, 0.1019607843);
  border-radius: 8px;
  color: rgba(0, 0, 0, 0.5);
  font-family: "Source Sans 3", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  padding: 15px 14px 15px 45px;
  background: rgba(0, 64, 129, 0.1019607843);
}
.modal.giftmodal-popup .modal-dialog .modal-content .modal-body .send-gift-card .email-filed .form-control:focus {
  box-shadow: none;
  border: 1px solid #000;
  background: #FFFFFF;
}
.modal.giftmodal-popup .modal-dialog .modal-content .modal-body .send-gift-card .email-filed::before {
  content: "";
  width: 22px;
  height: 22px;
  background: url(../images/icon-mail.svg) center no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 14px;
  bottom: 0;
  margin: auto 0;
}
.modal.giftmodal-popup .modal-dialog .modal-content .modal-body .send-gift-card small {
  color: #00D9B9;
  font-family: "Source Sans 3", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  padding: 4px 9px;
  border: 1px solid #00D9B9;
  background-color: rgba(0, 217, 185, 0.1019607843);
  border-radius: 21px;
}
.modal.giftmodal-popup .modal-dialog .modal-content .modal-body .send-gift-btn {
  width: 100%;
  color: #000;
  font-family: "Source Sans 3", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  text-transform: uppercase;
  padding: 15px;
  background-color: #FFFFFF;
  border: 1px solid #000;
  border-radius: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 0px #000;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .modal.giftmodal-popup .modal-dialog .modal-content .modal-body .send-gift-btn {
    padding: 10px;
  }
}
.modal.giftmodal-popup .modal-dialog .modal-content .modal-body .send-gift-btn:hover {
  box-shadow: 0px 4px 0px #9B32E0;
  background-color: #FFFFFF;
  color: #000;
  border-color: #9B32E0;
}

/* *================== barcode-section ==================*/
.barcode-section {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 991px) {
  .barcode-section {
    gap: 16px;
  }
}
.barcode-section .barcodeimgcol {
  width: calc(28.65% - 12px);
}
@media (max-width: 991px) {
  .barcode-section .barcodeimgcol {
    width: calc(28.65% - 8px);
  }
}
@media (max-width: 767px) {
  .barcode-section .barcodeimgcol {
    width: 100%;
  }
}
.barcode-section .barcodeimgcol .barcodeimg {
  background: #FFFFFF;
  box-shadow: 0px 2px 10px rgba(67, 87, 99, 0.1019607843);
  border-radius: 16px;
  padding: 20px 23px;
  text-align: center;
}
@media (max-width: 991px) {
  .barcode-section .barcodeimgcol .barcodeimg {
    padding: 15px;
  }
}
@media (max-width: 767px) {
  .barcode-section .barcodeimgcol .barcodeimg {
    max-width: 200px;
    margin: 0 auto;
  }
}
.barcode-section .barcodeimgcol .barcodeimg span {
  font-size: 16px;
  color: #000;
  font-weight: 600;
  display: block;
  margin-bottom: 18px;
}
@media (max-width: 991px) {
  .barcode-section .barcodeimgcol .barcodeimg span {
    margin-bottom: 10px;
  }
}
.barcode-section .barcodeimgcol h4 {
  font-size: 16px;
  font-weight: 700;
  margin: 16px 0 10px 0;
}
.barcode-section .barcodeimgcol .inputcopy {
  display: flex;
  border-radius: 20px;
  background-color: #0094EF;
  padding: 5px 5px 5px 10px;
  flex-grow: 1;
  min-height: 40px;
}
.barcode-section .barcodeimgcol .inputcopy input {
  padding-left: 4px;
}
.barcode-section .barcodeimgcol .inputcopy .copy-icon {
  background: rgba(255, 255, 255, 0.4);
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  cursor: pointer;
  border: none;
  outline: none;
}
.barcode-section .barcodeimgcol .inputcopy .copy-icon:hover {
  background-color: #FFFFFF;
}
.barcode-section .barcodeimgcol .inputcopy .copy-icon:hover path {
  fill: #0094EF;
}
.barcode-section .barcodeimgcol .inputcopy input {
  background-color: transparent;
  border: 0;
  width: 100%;
  color: #FFFFFF;
  font-size: 14px;
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.barcode-section .barcodeimgcol .inputcopy input::placeholder {
  color: #FFFFFF;
}
.barcode-section .barcodeimgcol .inputcopy input:focus-visible {
  outline: none;
}
.barcode-section .barcodeimgcol .inputcopy.deliveredinput {
  background-color: #FFFFFF;
  color: #000;
  border-radius: 20px;
  padding: 5px 14px 5px 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.barcode-section .barcodeimgcol .inputcopy.deliveredinput input {
  color: #000;
}
.barcode-section .barcodeimgcol .inputcopy.deliveredinput input::placeholder {
  color: #000;
}
.barcode-section .barcodeimgcol .inputcopy.deliveredinput .copy-icon {
  color: rgba(0, 0, 0, 0.6);
  padding-right: 35px;
}
.barcode-section .barcodeimgcol .giftcolbarcod {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 991px) {
  .barcode-section .barcodeimgcol .giftcolbarcod {
    flex-wrap: wrap;
  }
}
.barcode-section .barcodeimgcol .giftcolbarcod .barcodegift-btn {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  outline: none;
  border: none;
  background-color: #EDF2F2;
}
.barcode-section .barcodeimgcol .giftcolbarcod .barcodegift-btn svg {
  width: 16px;
  height: fit-content;
}
.barcode-section .barcodeimgcol .qr-id-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}
.barcode-section .barcodeimgcol .qr-id-list li {
  color: rgba(0, 0, 0, 0.7);
  font-family: "Source Sans 3", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}
.barcode-section .barcodeimgcol .qr-id-list li strong {
  color: #000;
  display: inline-block;
  margin-right: 3px;
}
.barcode-section .barcode-text {
  width: calc(71.35% - 12px);
}
@media screen and (max-width: 991px) {
  .barcode-section .barcode-text {
    width: calc(71.35% - 12px);
  }
}
@media screen and (max-width: 767px) {
  .barcode-section .barcode-text {
    width: 100%;
  }
}
.barcode-section .barcode-text .coupon-info-wrap {
  display: flex;
  align-items: center;
  gap: 16px;
  border-radius: 14px;
  background-color: #EDF2F2;
  margin-bottom: 24px;
}
@media (max-width: 479px) {
  .barcode-section .barcode-text .coupon-info-wrap {
    gap: 10px;
  }
}
.barcode-section .barcode-text .coupon-info-wrap img {
  max-width: 120px;
  width: 100%;
  height: fit-content;
  border-radius: 14px;
  object-fit: cover;
  object-position: center;
  overflow: hidden;
}
@media (max-width: 479px) {
  .barcode-section .barcode-text .coupon-info-wrap img {
    max-width: 100px;
  }
}
.barcode-section .barcode-text .coupon-info-wrap .ciw-data {
  padding: 7px;
}
.barcode-section .barcode-text .coupon-info-wrap .ciw-data h4 {
  color: #000;
  font-family: "Source Sans 3", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 5px;
}
.barcode-section .barcode-text .coupon-info-wrap .ciw-data span {
  color: #000;
  font-family: "Source Sans 3", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}
.barcode-section .barcode-text .coupon-info-wrap .ciw-data span strong {
  font-weight: 600;
}
.barcode-section .barcode-text .tabcol {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.barcode-section .barcode-text .tabcol .tab-content-col {
  width: calc(50% - 8px);
}
@media (max-width: 479px) {
  .barcode-section .barcode-text .tabcol .tab-content-col {
    width: 100%;
  }
}
.barcode-section .barcode-text .tabcol .tab-content-col .tab-thumbnail {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 42.5%;
  border-radius: 14px;
  background-color: #EDF2F2;
  border: none;
}
@media (max-width: 767px) {
  .barcode-section .barcode-text .tabcol .tab-content-col .tab-thumbnail {
    border-radius: 8px;
  }
}
.barcode-section .barcode-text .tabcol .tab-content-col .tab-thumbnail picture,
.barcode-section .barcode-text .tabcol .tab-content-col .tab-thumbnail img {
  display: block;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  border-radius: 14px;
  object-fit: cover;
  object-position: center center;
  transition: all 0.3s ease;
  border: none;
  margin: auto;
}
.barcode-section .barcode-text .tabcol .tab-content-col .xboxtabtext {
  letter-spacing: 0.11px;
  color: #000;
  font-size: 14px;
  display: flex;
  gap: 10px;
  margin-top: 16px;
}
.barcode-section .barcode-text .tabcol .tab-content-col .xboxtabtext span {
  background: #0094EF;
  border: 1px solid #BEE6FF;
  color: #FFFFFF;
  width: 33px;
  height: 33px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  font-size: 14px;
  line-height: 120%;
}
.barcode-section .barcode-text .tabcol .tab-content-col .xboxtabtext p {
  width: 100%;
  margin-bottom: 0 !important;
}

/*================== Inbox Css End ===================*/
/*================ Right To Left Direction  ==========*/
body.rtl-direction {
  direction: rtl;
}
body.rtl-direction .header .navbar .menu .rightmenu {
  margin-left: inherit;
  margin-right: auto;
}
body.rtl-direction .header .navbar .menu .rightmenu .searchcol input {
  padding: 10px 35px 10px 10px;
}
body.rtl-direction .header .navbar .menu .rightmenu .searchcol .search_btn {
  left: inherit;
  right: 14px;
}
body.rtl-direction .header .navbar .menu .rightmenu .searchcol .recent-search-wrap {
  right: inherit;
  left: 0;
}
@media only screen and (max-width: 767px) {
  body.rtl-direction .header .navbar .menu .rightmenu .searchcol .recent-search-wrap {
    left: -90px;
  }
}
@media only screen and (max-width: 575px) {
  body.rtl-direction .header .navbar .menu .rightmenu .searchcol .recent-search-wrap {
    left: 0px;
  }
}
body.rtl-direction .header .navbar .menu .rightmenu .searchcol .recent-search-wrap .recent-search-dropdow .rsd-body .rsd-option-list .rsd-option-item {
  padding-left: 0;
  padding-right: 30px;
}
body.rtl-direction .header .navbar .menu .rightmenu .searchcol .recent-search-wrap .recent-search-dropdow .rsd-body .rsd-option-list .rsd-option-item::before {
  left: inherit;
  right: 0;
  transform: rotate(75deg);
}
body.rtl-direction .header .navbar .menu .rightmenu .searchcol .close-search-bar {
  right: inherit;
  left: 6px;
}
body.rtl-direction .header .navbar .menu .rightmenu .user-dropdown .dropdown-toggle {
  padding-right: 0px;
  padding-left: 12px;
}
body.rtl-direction .header .navbar .menu .rightmenu .user-dropdown .dropdown-toggle::after {
  right: inherit;
  left: 0;
}
body.rtl-direction .header .navbar .menu .rightmenu .user-dropdown .dropdown-menu.show {
  transform: translate(0px, 51px) !important;
}
@media only screen and (max-width: 991px) {
  body.rtl-direction .header .navbar .menu .rightmenu .user-dropdown .dropdown-menu.show {
    transform: translate(0px, 47px) !important;
  }
}
@media only screen and (max-width: 575px) {
  body.rtl-direction .header .navbar .menu .rightmenu .user-dropdown .dropdown-menu.show {
    transform: translate(0px, 38px) !important;
  }
}
body.rtl-direction .header .navbar .menu .menuitem .sub-menu .sbamenu-navbar li a {
  padding: 4px 15px 4px 0px;
}
body.rtl-direction .header .navbar .menu .menuitem .sub-menu .sbamenu-navbar li::after {
  left: inherit;
  right: 0;
}
body.rtl-direction .header .navbar .menu .menuitem .sub-menu .menutype .nav-link::before {
  right: inherit;
  left: 0;
}
body.rtl-direction .header .navbar .menu .menuitem .digitalmenu .menulist .icon-pluse {
  margin-left: 0;
  margin-right: 6px;
}
body.rtl-direction .header .navbar .menu .navbar-collapse.new-menu {
  padding-left: 0;
  padding-right: 50px;
}
body.rtl-direction .header .country-dropdown .dropdown .dropdown-menu {
  right: inherit;
  left: 0;
}
body.rtl-direction .sidebar-menu-section .menus .pushNav {
  left: inherit;
  right: -350px;
}
body.rtl-direction .sidebar-menu-section .menus .pushNav.js-topPushNav.isOpen, body.rtl-direction .sidebar-menu-section .menus .pushNav.pushNav_level.isOpen {
  right: 0;
}
body.rtl-direction .sidebar-menu-section .menus .pushNav .logo .closeLevel {
  right: inherit;
  left: 6px;
}
body.rtl-direction .sidebar-menu-section .menus .js-openLevel .r-arrow::before, body.rtl-direction .sidebar-menu-section .menus .js-closeLevel .r-arrow::before {
  border: none;
  border-left: 2px solid #333;
  border-top: 2px solid #333;
}
body.rtl-direction .sidebar-menu-section .menus .pushNav_level.submenu .menu-link,
body.rtl-direction .sidebar-menu-section .menus .pushNav_level .submenu .menu-link {
  padding-left: 0;
  padding-right: 18px;
}
body.rtl-direction .sidebar-menu-section .menus .pushNav_level.submenu .menu-link a,
body.rtl-direction .sidebar-menu-section .menus .pushNav_level .submenu .menu-link a {
  padding-left: 0px;
  padding-right: 18px;
}
body.rtl-direction .sidebar-menu-section .menus .pushNav_level.submenu .menu-link a::before,
body.rtl-direction .sidebar-menu-section .menus .pushNav_level .submenu .menu-link a::before {
  left: inherit;
  right: 0;
}
@media (max-width: 991px) {
  body.rtl-direction .sidebar-menu-section .menus .pushNav_level .menu-title {
    padding-right: 45px;
    padding-left: 12px;
  }
  body.rtl-direction .sidebar-menu-section .menus .pushNav_level .menu-title .back {
    right: 24px;
    top: 12px;
    left: 0;
  }
}
body.rtl-direction .sidebar-menu-section .menus .openLevel a .navlink-img {
  margin-left: 5px;
  margin-right: 0px;
}
@media screen and (max-width: 575px) {
  body.rtl-direction .sidebar-menu-section .menus .pushNav {
    width: 88%;
    right: -88%;
  }
}
@media screen and (min-width: 576px) {
  body.rtl-direction .sidebar-menu-section .menus .pushNav {
    width: 350px;
    right: -350px;
  }
}
body.rtl-direction .mobile-serch .mb-search-icon {
  left: inherit;
  transform: translateY(-50%) rotate(70deg);
  right: 24px;
}
body.rtl-direction .mobile-serch .close-search-bar {
  right: inherit;
  left: 24px;
}
body.rtl-direction .hero-banner .swiper-slide .available-link {
  margin-left: 0;
  margin-right: auto;
}
body.rtl-direction .hero-banner .swiper-slide .available-link .btn-primary picture {
  transform: matrix(-1, 0, 0, 1, 0, 0) rotate(0deg);
}
body.rtl-direction .hero-banner .swiper-slide .available-link .btn-primary:hover picture {
  transform: matrix(-1, 0, 0, 1, 0, 0) rotate(45deg);
}
body.rtl-direction .slider-arrow {
  flex-direction: row-reverse;
}
body.rtl-direction .slider-arrow.arrowandbutton {
  padding-right: 0;
  padding-left: 142px;
}
@media screen and (max-width: 767px) {
  body.rtl-direction .slider-arrow.arrowandbutton {
    padding-left: 120px;
  }
}
@media screen and (max-width: 480px) {
  body.rtl-direction .slider-arrow.arrowandbutton {
    padding-left: 0;
  }
}
body.rtl-direction .card-box .content-wrap .add-view-wrap .cart-wrap::before {
  right: inherit;
  left: -3px;
}
body.rtl-direction .back-to-top {
  right: inherit;
  left: 32px;
}
body.rtl-direction .common-tabs .view-all-wrap {
  margin-right: auto;
  margin-left: 12px;
  padding-right: 0;
}
body.rtl-direction .card-box .content-wrap .add-view-wrap {
  padding: 16px 28px 12px 20px;
}
body.rtl-direction .card-box .content-wrap .add-view-wrap div:last-child {
  padding-left: 0;
  padding-right: 22px;
}
body.rtl-direction .footer .footertext h4 {
  text-align: right;
}
body.rtl-direction .language-switch > span.on {
  left: inherit;
  right: 0;
  color: #000;
}
body.rtl-direction .language-switch > span.off {
  right: inherit;
  left: 0;
  color: #FFFFFF;
}
body.rtl-direction .language-switch input.check-toggle-round-flat:checked ~ .off {
  color: #000;
}
body.rtl-direction .language-switch input.check-toggle-round-flat:checked ~ .on {
  color: #FFFFFF;
}
body.rtl-direction .preview-wrapper {
  right: inherit;
  left: -400px;
}
body.rtl-direction .preview-wrapper .preview-conditions .conditions-list li {
  padding-left: 0;
  padding-right: 18px;
}
body.rtl-direction .preview-wrapper .preview-conditions .conditions-list li::before {
  left: inherit;
  right: 0;
}
body.rtl-direction .preview-wrapper .preview-detail .preview-price .line-through {
  margin-right: 8px;
}
body.rtl-direction .preview-wrapper .preview-detail .preview-price .discounts {
  margin-right: 12px;
}
body.rtl-direction.show-view-panel .preview-wrapper {
  right: inherit;
  left: 0;
}
body.rtl-direction .entertainment-wrapper .view-all-wrap {
  right: inherit;
  left: 0;
}
@media screen and (max-width: 480px) {
  body.rtl-direction .entertainment-wrapper .view-all-wrap {
    right: 0;
  }
}
body.rtl-direction .entertainment-wrapper .entertainment-area-slider .area-content .video-btn {
  right: inherit;
  left: 11px;
}
body.rtl-direction .entertainment-wrapper .entertainment-area-slider .area-img::after {
  right: inherit;
  left: 0;
}
body.rtl-direction .gaming-cards-sec .gaming-cards-inner .gam-cards-header h2 {
  background: transparent linear-gradient(-90deg, #C8DBE8 0%, rgba(200, 219, 232, 0) 100%) 0% 0% no-repeat padding-box;
  border-radius: 0 100px 100px 0;
}
body.rtl-direction .trampo-cards .cards-header .terms .tearm-condition .termsconditionslist .termsconditionsitem {
  padding-left: 0;
  padding-right: 24px;
}
body.rtl-direction .trampo-cards .cards-header .terms .tearm-condition .termsconditionslist .termsconditionsitem::after {
  left: inherit;
  right: 0;
}
body.rtl-direction .trampo-cards .cards-header .terms .tearm-condition .reedemlist ol {
  padding-left: 0;
  padding-right: 21px;
}
body.rtl-direction .digital-card-banner-sec .bottom-pagination {
  top: 40%;
  left: 0;
  right: inherit;
  z-index: 44;
}
@media screen and (max-width: 576px) {
  body.rtl-direction .digital-card-banner-sec .bottom-pagination {
    text-align: center;
    right: 0;
    left: 0;
    top: inherit;
  }
}
@media screen and (max-width: 575px) {
  body.rtl-direction .digital-card-banner-sec .bottom-pagination .swiper-pagination {
    transform-origin: 37px 30px;
    transform: rotate(270deg);
  }
}
@media screen and (max-width: 576px) {
  body.rtl-direction .digital-card-banner-sec .bottom-pagination .swiper-pagination {
    transform: rotate(0deg);
  }
}
@media screen and (max-width: 1280px) {
  body.rtl-direction .digital-card-banner-sec .digital-slider-text {
    right: 15px;
    left: inherit;
  }
}
body.rtl-direction .digital-card-banner-sec .digital-slider-text .dig-slider-text-inner {
  text-align: right;
}
body.rtl-direction .digital-card-banner-sec .digital-slider-text .dig-slider-text-inner .dig-btn::before {
  left: -15px;
}
body.rtl-direction .digital-card-banner-sec .digital-slider-text .dig-slider-text-inner .dig-btn span {
  padding-right: 15px;
  padding-left: 0;
}
body.rtl-direction .entertainment-top .entertainment-text {
  text-align: right;
}
body.rtl-direction .entertainment-detail .details .mycart .cart-table table input.form-check-input {
  margin-right: 0px;
  margin-left: 12px;
  cursor: pointer;
}
body.rtl-direction .profile-settings-section .profile-detaills .profile-left .profile-list .pro-link.active::before {
  left: inherit;
  right: 0;
  border-radius: 0px 8px 8px 0px;
}
body.rtl-direction .profile-settings-section .profile-detaills .profile-right .form-profile .form-group .password .toggle-password {
  cursor: pointer;
  right: inherit;
  left: 10px;
}
body.rtl-direction .profile-settings-section .profile-detaills .profile-right .notifications-list-view .n-list {
  padding: 16px 16px 16px 60px;
}
@media screen and (max-width: 991px) {
  body.rtl-direction .profile-settings-section .profile-detaills .profile-right .notifications-list-view .n-list {
    padding: 16px 16px 16px 50px;
  }
}
body.rtl-direction .profile-settings-section .profile-detaills .profile-right .notifications-list-view .n-list::before {
  left: inherit;
  right: 0;
}
body.rtl-direction .profile-settings-section .profile-detaills .profile-right .notifications-list-view .n-list .click-link {
  right: inherit;
  left: 14px;
  transform: rotate(180deg);
}
@media screen and (max-width: 991px) {
  body.rtl-direction .profile-settings-section .profile-detaills .profile-right .notifications-list-view .n-list .click-link {
    left: 10px;
  }
}
body.rtl-direction .profile-settings-section .profile-detaills .profile-right .btn.btn-light {
  padding: 10px 15px 10px 25px;
}
@media screen and (max-width: 1199px) {
  body.rtl-direction .profile-settings-section .profile-detaills .profile-right .btn.btn-light {
    padding: 10px 10px 10px 25px;
  }
}
body.rtl-direction .profile-settings-section .profile-detaills .profile-right .btn.btn-light svg {
  margin-right: inherit;
  margin-left: 8px;
}
body.rtl-direction .profile-settings-section .profile-detaills .profile-right .view-more .btn.btn-light {
  padding: 10px 56px;
}
@media screen and (max-width: 991px) {
  body.rtl-direction .profile-settings-section .profile-detaills .profile-right .view-more .btn.btn-light {
    padding: 10px 45px;
  }
}
body.rtl-direction .profile-settings-section .profile-detaills .profile-right .pro-details .addresses-list .address-box .add-select label::before {
  margin-right: 0;
  margin-left: 8px;
}
body.rtl-direction .profile-settings-section .profile-detaills .profile-right .pro-details .addresses-list .address-box .add-select label::after {
  left: inherit;
  right: 5px;
}
body.rtl-direction .location {
  right: inherit;
  left: 10px;
}
body.rtl-direction .common-form .b-date picture {
  right: inherit;
  left: 15px;
}
@media screen and (max-width: 1199px) {
  body.rtl-direction .common-form .b-date picture {
    left: 10px;
  }
}
body.rtl-direction .common-form .choose-list .form-group label::before {
  margin-right: 0;
  margin-left: 8px;
}
body.rtl-direction .common-form .choose-list .form-group input:checked + label::after {
  left: inherit;
  right: 18px;
}
@media screen and (max-width: 1199px) {
  body.rtl-direction .common-form .choose-list .form-group input:checked + label::after {
    right: 15px;
  }
}
body.rtl-direction .common-form .dropdown .dropdown-toggle .filter-option {
  text-align: right;
}
body.rtl-direction .common-form .dropdown .dropdown-toggle::after {
  right: inherit;
  left: 20px;
}
@media screen and (max-width: 1199px) {
  body.rtl-direction .common-form .dropdown .dropdown-toggle::after {
    left: 10px;
  }
}
body.rtl-direction .common-form .dropdown .dropdown-menu .inner .dropdown-menu li .dropdown-item {
  text-align: right;
}
body.rtl-direction .accordion-section .accordion .accordion-item .accordion-button {
  padding: 30px 20px 30px 6%;
  text-align: right;
}
@media screen and (max-width: 991px) {
  body.rtl-direction .accordion-section .accordion .accordion-item .accordion-button {
    padding: 24px 18px 24px 55px;
  }
}
@media screen and (max-width: 575px) {
  body.rtl-direction .accordion-section .accordion .accordion-item .accordion-button {
    font-size: 16px;
    padding: 17px 11px 17px 55px;
  }
}
body.rtl-direction .accordion-section .accordion .accordion-item .accordion-button::after {
  margin-left: 0;
  margin-right: auto;
  right: auto;
  left: 20px;
}
@media screen and (max-width: 991px) {
  body.rtl-direction .accordion-section .accordion .accordion-item .accordion-button::after {
    left: 18px;
  }
}
@media screen and (max-width: 575px) {
  body.rtl-direction .accordion-section .accordion .accordion-item .accordion-button::after {
    left: 11px;
  }
}
@media screen and (max-width: 767px) {
  body.rtl-direction .helpcenter-wapper .help-center-section .tell-us .infolist .infoitem:last-child a {
    padding: 6px 20px 12px 10px;
  }
}
body.rtl-direction .helpcenter-wapper .help-center-section .tell-us .infolist .infoitem:last-child a span {
  margin-right: 0px;
  margin-left: 20px;
  border-right: none;
  border-left: 1px solid rgba(0, 0, 0, 0.1215686275);
}
@media screen and (max-width: 767px) {
  body.rtl-direction .helpcenter-wapper .help-center-section .tell-us .infolist .infoitem:last-child a span {
    border: none;
    margin: 0;
    text-align: right;
  }
}
body.rtl-direction .breadcrumb-nav .breadcrumb .breadcrumb-item::before {
  right: inherit;
  left: -19px;
  transform: rotate(176deg);
}
body.rtl-direction .search-result .search-heading .price-col .common-select .filter-option-inner-inner {
  padding-left: 0px;
  padding-right: 31px;
  text-align: right;
}
body.rtl-direction .search-result .search-heading .price-col .price-range span {
  padding-left: 0;
  padding-right: 30px;
}
body.rtl-direction .trampo-extreme-jumping .product-details .trampo-details .clickbtnlist .clickbtnitem {
  padding-left: 0;
  padding-right: 17px;
}
body.rtl-direction .trampo-extreme-jumping .product-details .trampo-details .clickbtnlist .clickbtnitem::after {
  left: inherit;
  right: 0;
}
body.rtl-direction .login-page-section .login-slider-wrap .login-slider {
  right: inherit;
  left: 0;
}
body.rtl-direction .login-wrap .common-form .form-group input:checked + label::before {
  margin-right: 0px;
  margin-left: 6px;
}
body.rtl-direction .login-wrap .common-form .form-group input:checked + label::after {
  right: 8px;
}
body.rtl-direction .login-wrap .common-form .form-group .input-icon .toggle-password {
  cursor: pointer;
  right: inherit;
  left: 14px;
}
body.rtl-direction .login-wrap .common-form .form-group .input-icon input {
  padding: 15px 46px 15px 15px;
}
body.rtl-direction .login-wrap .common-form .form-group .input-icon .icon {
  left: inherit;
  right: 14px;
}
body.rtl-direction .register-page-section .container .login-wrap .common-form .register-phone .common-select .dropdown-toggle {
  padding: 15px 32px 15px 15px;
}
@media screen and (max-width: 767px) {
  body.rtl-direction .register-page-section .container .login-wrap .common-form .register-phone .common-select .dropdown-toggle {
    padding: 12px 26px 12px 12px;
  }
}
body.rtl-direction .forgot-pass .container #succcess-msg .alert {
  padding-right: 0px;
  padding-left: 40px;
}
body.rtl-direction .forgot-pass .container #succcess-msg .alert .close-icon {
  left: 6px;
  right: inherit;
}
body.rtl-direction .forgot-pass .container #succcess-msg .alert .bi.flex-shrink-0 {
  margin-left: 8px;
}
body.rtl-direction .forgot-pass .container #succcess-msg .alert picture {
  margin-left: 0;
  margin-right: 20px;
}
body.rtl-direction .section-header .maillink a {
  padding: 5px 5px 5px 17px;
}
body.rtl-direction .inbox-card .box-header .digital-btn {
  margin-right: auto;
  margin-left: 0;
}
body.rtl-direction .inbox-card .box-header .addonbox span {
  padding-right: 4px;
}
body.rtl-direction .inbox-card .box-header .addonbox span strong {
  padding-left: 5px;
  padding-right: 5px;
}
body.rtl-direction .inbox-card .digital-content .inputcopy {
  padding-left: 5px;
  padding-right: 14px;
}
body.rtl-direction .inbox-card .digital-content .inputcopy.deliveredinput {
  padding-left: 14px;
}
body.rtl-direction .inbox-section .maillink .dropdown .dropdown-menu {
  transform: translate3d(104px, 45px, 0px) !important;
}
body.rtl-direction .inbox-section .maillink .dropdown .dropdown-menu.inner {
  transform: none !important;
}
body.rtl-direction .inbox-section .maillink .dropdown .dropdown-menu.inner li .dropdown-item .bs-ok-default:after {
  margin-left: 0;
  margin-right: 7px;
}
body.rtl-direction .modal.giftmodal-popup .modal-dialog .modal-content .modal-body .send-gift-card .email-filed::before {
  right: 14px;
  left: auto;
}
body.rtl-direction .modal.giftmodal-popup .modal-dialog .modal-content .modal-body .send-gift-card .email-filed .form-control {
  padding: 15px 45px 15px 14px;
}
body.rtl-direction .search-heading .price-col .price-range {
  background-position: 100px 13px;
}
@media screen and (max-width: 575px) {
  body.rtl-direction .search-heading .price-col .price-range {
    background-position: 85px 11px;
  }
}
body.rtl-direction .search-heading .price-col .price-range:hover {
  background-position: 100px 13px;
}
@media screen and (max-width: 575px) {
  body.rtl-direction .search-heading .price-col .price-range:hover {
    background-position: 85px 11px;
  }
}
body.rtl-direction .search-heading .price-col .price-range.clicked {
  background-position: 100px 13px;
}
@media screen and (max-width: 575px) {
  body.rtl-direction .search-heading .price-col .price-range.clicked {
    background-position: 85px 11px;
  }
}
body.rtl-direction .search-heading .price-col .price-range .rangeheading span {
  padding-left: 0;
  padding-right: 0;
}
body.rtl-direction .range-slide .slide {
  direction: rtl;
}
body.rtl-direction .range-slide .thumb {
  padding-right: 0 !important;
}
body.rtl-direction input[type=range] {
  direction: ltr;
}
body.rtl-direction .display {
  flex-direction: row-reverse;
}
body.rtl-direction .add-address-modal .btn-close {
  margin: 0 !important;
}
@media screen and (max-width: 991px) {
  body.rtl-direction .dig-btn span {
    padding-right: 12px;
  }
  body.rtl-direction .dig-btn:before {
    right: 0;
  }
}
body.rtl-direction .accessories-product-list .filter-list .accordion .accordion-item .accordion-header .accordion-button::after {
  margin-right: auto;
  margin-left: 0px;
}
body.rtl-direction .accessories-product-list .choose-list .form-group label::before {
  margin-right: 10px !important;
  margin-left: 0px !important;
}
body.rtl-direction .accessories-product-list .choose-list .form-group input:checked + label::after {
  top: 6px;
  left: 5px !important;
  right: auto !important;
}
body.rtl-direction .accessories-product-list .choose-list.shortby {
  margin-bottom: 0px;
}
body.rtl-direction .accessories-product-list .choose-list.shortby .form-group label::before {
  border-radius: 50%;
}
body.rtl-direction .accessories-product-list .price-range h4 {
  padding-bottom: 0;
}
body.rtl-direction .accessories-product-list .price-range .display .mincol {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #000;
  border-radius: 8px;
}
body.rtl-direction .accessories-product-list .price-range .display .mincol .mintitle {
  color: #000;
  font-size: 12px;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 400;
}
body.rtl-direction .accessories-products {
  max-width: calc(100% - 300px);
}
body.rtl-direction .accessories-products .gamelist .gameitem {
  width: calc(33.33% - 11px);
}
body.rtl-direction .accessories-products .synthetic-leather {
  padding-top: 0px;
}
body.rtl-direction .trampo-extreme-jumping .product-details .trampo-details .combo .combolist .comboitem .comborate {
  text-align: right;
}
@media screen and (max-width: 991px) {
  body.rtl-direction .trampo-extreme-jumping .product-details .trampo-details .combo .combolist .comboitem .comborate {
    text-align: center;
  }
}
@media screen and (max-width: 390px) {
  body.rtl-direction .trampo-extreme-jumping .product-details .trampo-details .combo .combolist .comboitem .comborate {
    text-align: right;
  }
}
body.rtl-direction .trampo-extreme-jumping .product-details .tab-section .nav .nav-item {
  border-right: none;
  border-left: 1px solid rgba(112, 112, 112, 0.1);
}
body.rtl-direction .trampo-extreme-jumping .product-details .tab-section .nav .nav-item .nav-link svg {
  padding-left: 0;
  padding-right: 10px;
  margin-right: 10px;
}
body.rtl-direction .entertainment-popup .closeicon {
  right: inherit;
  left: -22px;
}
@media screen and (max-width: 767px) {
  body.rtl-direction .entertainment-popup .closeicon {
    left: -16px;
  }
}

.modal-backdrop {
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  background-color: rgba(0, 0, 0, 0.7);
}
.modal-backdrop.show {
  opacity: 1;
}

/*# sourceMappingURL=style.css.map */