/* =================================
   Template Information:
================================= */
/* Template Name: PerediOn - Sports Prediction HTML Template
   Author Name: Autworks
   Author Account URL: https://themeforest.net/user/autworks
   Date: 7th August 2023
   Version: 2.0
================================= */
/* =================================
   Index of CSS Sections:
================================= */
/* 1. Breakpoints
   2. Variables
   3. Global Styles
   4. Normalize
   5. Animation
   6. Shapes
   7. Glitch Effects
   8. Header Styles
   9. Banner Styles
   10. Get-Live Section Styles
   11. About Section Styles
   12. Playing Bet Styles
   13. Bet Slip Styles
   14. Sports Schedule Styles
   15. Call-to-Action Styles
   16. Working Process Styles
   17. Feature Styles
   18. Testimonial Styles
   19. Footer Styles
   20. Mobile Navigation Styles
   21. Affiliate Percentage Styles
   22. Promotion Styles
   23. Match Details Styles
   24. Authority Section Styles
   25. Newsletter Styles
   26. Blog Styles
   27. Blog Details Styles
   28. FAQ Section Styles
   29. Contact Styles
   30. Sign-In Styles
   31. Sign-Up Styles
   32. Error Page Styles
   33. Bettor Ranking Styles
================================= */
/*==========================================
    typography
===========================================*/
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Satisfy&display=swap");
html {
  scroll-behavior: smooth;
}
html ::-webkit-scrollbar {
  width: 8px;
}
html ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
}
html ::-webkit-scrollbar-thumb {
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
}
html ::-webkit-scrollbar-thumb:hover {
  background: #4D8E53;
}

a {
  display: inline-block;
  transition: 0.3s;
}

span {
  display: inline-block;
}

body.modal-open {
  padding-right: 0px !important;
}

@media (min-width: 1400px) {
  .container {
    max-width: 1272px;
  }
}
@media (min-width: 1200px) {
  .custom-gutter {
    margin-left: -15px;
    margin-right: -15px;
  }
  .custom-gutter [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.section-title {
  margin-bottom: 70px;
  text-align: center;
}
@media (max-width: 1399.98px) {
  .section-title {
    margin-bottom: 50px;
  }
}
@media (max-width: 479.98px) {
  .section-title {
    margin-bottom: 30px;
  }
}
.section-title h3.sub-title {
  display: table;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 12px;
  margin-top: -8px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1399.98px) {
  .section-title h3.sub-title {
    margin-bottom: 13px;
  }
}
@media (max-width: 1199.98px) {
  .section-title h3.sub-title {
    margin-bottom: 7px;
    font-size: 18px;
    line-height: 28px;
    margin-top: -7px;
  }
}
@media (max-width: 991.98px) {
  .section-title h3.sub-title {
    margin-bottom: 9px;
    font-size: 16px;
    line-height: 26px;
    margin-top: -8px;
  }
}
@media (max-width: 767.98px) {
  .section-title h3.sub-title {
    margin-bottom: 10px;
  }
}
@media (max-width: 575.98px) {
  .section-title h3.sub-title {
    margin-bottom: 5px;
  }
}
.section-title h2.title {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #0D1A34 -11.44%, #CDA134 123.42%);
  font-weight: 700;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: 0.03em;
  position: relative;
  padding-bottom: 45px;
  margin-bottom: 0;
}
.section-title h2.title:after {
  content: "";
  height: 27px;
  width: 153px;
  background: url("../img/icon/section-title.png") left center no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1399.98px) {
  .section-title h2.title:after {
    height: 24px;
    width: 133px;
  }
}
@media (max-width: 991.98px) {
  .section-title h2.title:after {
    height: 21px;
    width: 120px;
  }
}
@media (max-width: 1399.98px) {
  .section-title h2.title {
    font-size: 45px;
    line-height: 55px;
    padding-bottom: 41px;
  }
}
@media (max-width: 1199.98px) {
  .section-title h2.title {
    font-size: 40px;
    line-height: 50px;
    padding-bottom: 37px;
  }
}
@media (max-width: 991.98px) {
  .section-title h2.title {
    font-size: 36px;
    line-height: 46px;
    padding-bottom: 36px;
  }
}
@media (max-width: 767.98px) {
  .section-title h2.title {
    font-size: 34px;
    line-height: 44px;
  }
}
@media (max-width: 575.98px) {
  .section-title h2.title {
    font-size: 30px;
    line-height: 40px;
    padding-bottom: 32px;
  }
}
@media (max-width: 479.98px) {
  .section-title h2.title {
    font-size: 28px;
    line-height: 38px;
  }
}
.section-title.if-lines-break {
  text-align: left;
  margin-bottom: 60px;
}
@media (max-width: 1399.98px) {
  .section-title.if-lines-break {
    margin-bottom: 40px;
  }
}
@media (max-width: 575.98px) {
  .section-title.if-lines-break {
    margin-bottom: 30px;
  }
}
.section-title.if-lines-break h3.sub-title {
  margin-bottom: 10px;
  transform: none;
  left: 0;
}
@media (max-width: 1199.98px) {
  .section-title.if-lines-break h3.sub-title {
    margin-bottom: 6px;
  }
}
@media (max-width: 991.98px) {
  .section-title.if-lines-break h3.sub-title {
    margin-bottom: 7px;
  }
}
@media (max-width: 575.98px) {
  .section-title.if-lines-break h3.sub-title {
    margin-bottom: 4px;
  }
}
@media (max-width: 479.98px) {
  .section-title.if-lines-break h3.sub-title {
    margin-bottom: 5px;
  }
}
.section-title.if-lines-break h2.title {
  font-size: 46px;
  line-height: 60px;
  padding-bottom: 43px;
}
@media (max-width: 1399.98px) {
  .section-title.if-lines-break h2.title {
    font-size: 40px;
    line-height: 54px;
    padding-bottom: 40px;
  }
}
@media (max-width: 1199.98px) {
  .section-title.if-lines-break h2.title {
    font-size: 36px;
    line-height: 50px;
    padding-bottom: 36px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .section-title.if-lines-break h2.title br {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .section-title.if-lines-break h2.title {
    font-size: 34px;
    line-height: 48px;
    padding-bottom: 34px;
  }
}
@media (max-width: 767.98px) {
  .section-title.if-lines-break h2.title {
    font-size: 32px;
    line-height: 46px;
  }
}
@media (max-width: 575.98px) {
  .section-title.if-lines-break h2.title {
    font-size: 28px;
    line-height: 40px;
    padding-bottom: 31px;
  }
}
@media (max-width: 479.98px) {
  .section-title.if-lines-break h2.title {
    font-size: 26px;
    line-height: 36px;
    padding-bottom: 32px;
  }
}
.section-title.if-lines-break h2.title:after {
  left: 0;
  transform: none;
}
.section-title.title-white h3.sub-title {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
}
.section-title.title-white h2.title {
  background: unset;
  -webkit-text-fill-color: unset;
  -webkit-background-clip: unset;
  color: #fff;
}
.section-title.title-white h2.title:after {
  background: url("../img/icon/section-title-2.png") left center no-repeat;
  background-size: contain;
  opacity: 0.7;
}

.back-to-top-btn a {
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  border: none;
  display: inline-block;
  line-height: 40px;
  text-align: center;
  width: 40px;
  height: 40px;
  font-size: 15px;
  border-radius: 5px;
  outline: none;
  cursor: pointer;
  position: fixed;
  z-index: 2;
  overflow: hidden;
  bottom: 100%;
  right: 30px;
  transition: 0.6s;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #fff;
}
@media (max-width: 575.98px) {
  .back-to-top-btn a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 13px;
  }
}
.back-to-top-btn a.active {
  bottom: 27px;
}
@media (max-width: 1199.98px) {
  .back-to-top-btn a.active.foot-on-bottom {
    bottom: 125px;
  }
}
@media (max-width: 991.98px) {
  .back-to-top-btn a.active.foot-on-bottom {
    bottom: 30px;
  }
}
@media (max-width: 575.98px) {
  .back-to-top-btn a.active.foot-on-bottom {
    bottom: 144px;
    right: 50%;
    transform: translateX(50%);
  }
}
@media (max-width: 479.98px) {
  .back-to-top-btn a.active.foot-on-bottom {
    opacity: 0;
    visibility: hidden;
    display: none;
  }
}
.back-to-top-btn a:hover:after {
  opacity: 0;
}
.back-to-top-btn a:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(144.14deg, #0D1A34 -11.44%, #CDA134 123.42%);
  z-index: -1;
  transition: all 0.3s ease-in;
}

.footer .footer-bottom .back-to-top-btn a.active {
  opacity: 0;
  visibility: hidden;
}

@media (max-width: 479.98px) {
  .footer .footer-bottom .back-to-top-btn a.active.foot-on-bottom {
    opacity: 0;
    visibility: hidden;
  }
  .footer .footer-bottom .back-to-top-btn a.active.foot-on-bottom.active-plus {
    opacity: 1;
    visibility: visible;
    bottom: auto;
    top: -17.5px;
    position: absolute;
    display: block;
  }
}
.preloader {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 999;
  background: #fff;
  display: flex;
  align-content: center;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.preloader .icon img {
  /*width: 40px;*/
  /*margin-right: 15px;*/
}
@media (max-width: 767.98px) {
  .preloader .icon img {
    width: 100px;
    margin-right: 10px;
  }
}
@media (max-width: 575.98px) {
  .preloader .icon img {
    width: 100px;
  }
}
.preloader .icon img:last-child {
  margin-right: 0;
}
.preloader .text {
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #0d1a34 -11.44%, #b77b1e 123.42%);
  text-align: center;
  letter-spacing: 6.7px;
  border-top: 1px dashed rgba(63, 60, 106, 0.5);
  border-bottom: 1px dashed rgba(63, 60, 106, 0.5);
  opacity: 0.5;
  padding: 4px 0;
  margin-top: 20px;
}
@media (max-width: 767.98px) {
  .preloader .text {
    margin-top: 15px;
    font-size: 12px;
    letter-spacing: 5.7px;
  }
}
@media (max-width: 575.98px) {
  .preloader .text {
    margin-top: 10px;
    font-size: 11.5px;
    letter-spacing: 4.7px;
  }
}

a.prd-btn-1, button.prd-btn-1 {
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 50px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  height: 50px;
  display: inline-flex;
  align-items: center;
  padding: 0 30px;
  position: relative;
  z-index: 2;
  border-radius: 50px;
  outline: none;
  border: none;
}
a.prd-btn-1.medium, button.prd-btn-1.medium {
  line-height: 45px;
  height: 45px;
  font-size: 15px;
}
@media (max-width: 767.98px) {
  a.prd-btn-1.medium, button.prd-btn-1.medium {
    line-height: 40px;
    height: 40px;
  }
}
@media (max-width: 479.98px) {
  a.prd-btn-1.medium, button.prd-btn-1.medium {
    font-size: 14px;
  }
}
@media (max-width: 1199.98px) {
  a.prd-btn-1, button.prd-btn-1 {
    line-height: 45px;
    height: 45px;
  }
}
@media (max-width: 767.98px) {
  a.prd-btn-1, button.prd-btn-1 {
    line-height: 40px;
    height: 40px;
    font-size: 15px;
    padding: 0 25px;
  }
}
@media (max-width: 479.98px) {
  a.prd-btn-1, button.prd-btn-1 {
    font-size: 14px;
  }
}
a.prd-btn-1:after, button.prd-btn-1:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(135.89deg, #c3902a -5.11%, #0d1b35 97.89%);
  z-index: -1;
  border-radius: 50px;
  opacity: 0;
  transition: all 0.3s ease-in;
}
a.prd-btn-1:hover:after, button.prd-btn-1:hover:after {
  opacity: 1;
}
a.prd-btn-1 i, button.prd-btn-1 i {
  margin-left: 10px;
}
@media (max-width: 479.98px) {
  a.prd-btn-1 i, button.prd-btn-1 i {
    margin-left: 5px;
  }
}

a.prd-btn-2 {
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 50px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  height: 50px;
  display: inline-flex;
  align-items: center;
  padding: 0 30px;
  position: relative;
  z-index: 2;
  border-radius: 50px;
}
@media (max-width: 1199.98px) {
  a.prd-btn-2 {
    line-height: 45px;
    height: 45px;
  }
}
@media (max-width: 767.98px) {
  a.prd-btn-2 {
    line-height: 40px;
    height: 40px;
    font-size: 15px;
    padding: 0 25px;
  }
}
@media (max-width: 479.98px) {
  a.prd-btn-2 {
    font-size: 14px;
  }
}
a.prd-btn-2:after {
  position: absolute;
  content: "";
  left: 1px;
  top: 1px;
  bottom: 1px;
  right: 1px;
  background: #0f182c;
  z-index: -2;
  border-radius: 50px;
  transition: all 0.3s ease-in;
  opacity: 1;
}
a.prd-btn-2:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(135.89deg, #0d1b35 -5.11%, #c3902a 97.89%);
  z-index: -1;
  border-radius: 50px;
  transition: all 0.3s ease-in;
  opacity: 0;
}
a.prd-btn-2:hover:before {
  opacity: 1;
}
a.prd-btn-2:hover:after {
  opacity: 0;
}
a.prd-btn-2 i {
  margin-left: 10px;
}
@media (max-width: 479.98px) {
  a.prd-btn-2 i {
    margin-left: 5px;
  }
}

a.prd-btn-3 {
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 46px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  height: 50px;
  display: inline-flex;
  align-items: center;
  padding: 0 30px;
  position: relative;
  z-index: 2;
  border-radius: 50px;
}
@media (max-width: 1199.98px) {
  a.prd-btn-3 {
    line-height: 45px;
    height: 45px;
  }
}
@media (max-width: 767.98px) {
  a.prd-btn-3 {
    line-height: 40px;
    height: 40px;
    font-size: 15px;
    padding: 0 25px;
  }
}
@media (max-width: 479.98px) {
  a.prd-btn-3 {
    font-size: 14px;
  }
}
a.prd-btn-3:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  z-index: -2;
  border-radius: 50px;
  transition: all 0.3s ease-in;
  opacity: 0;
}
a.prd-btn-3:before {
  position: absolute;
  content: "";
  left: 2px;
  top: 2px;
  bottom: 2px;
  right: 2px;
  /*background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);*/
  z-index: -1;
  border-radius: 50px;
  transition: all 0.3s ease-in;
  opacity: 0;
}
/*a.prd-btn-3:hover {*/
/*  border: 1px solid transparent;*/
/*  padding: 0 31px;*/
/*}*/
a.prd-btn-3:hover:before {
  opacity: 1;
}
a.prd-btn-3:hover:after {
  opacity: 1;
}
a.prd-btn-3 i {
  margin-left: 10px;
}
@media (max-width: 479.98px) {
  a.prd-btn-3 i {
    margin-left: 5px;
  }
}

a.prd-btn-4 {
    background: #ffffff;
    border: 2px solid #af6d17;
    color: #0b0e1a;
    font-weight: 600;
    font-size: 16px;
    line-height: 46px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    height: 50px;
    display: inline-flex
;
    align-items: center;
    padding: 0 30px;
    position: relative;
    z-index: 2;
    border-radius: 50px;
    
}
@media (max-width: 1199.98px) {
  a.prd-btn-4 {
    line-height: 45px;
    height: 45px;
  }
}
@media (max-width: 767.98px) {
  a.prd-btn-4 {
    line-height: 40px;
    height: 40px;
    font-size: 15px;
    padding: 0 25px;
  }
}
@media (max-width: 479.98px) {
  a.prd-btn-4 {
    font-size: 14px;
  }
}
a.prd-btn-4:before {
  position: absolute;
  content: "";
  left: -1px;
  top: -1px;
  bottom: -1px;
  right: -1px;
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  z-index: -1;
  border-radius: 50px;
  transition: all 0.3s ease-in;
  opacity: 0;
}
a.prd-btn-4:hover {
  color: #fff;
}
a.prd-btn-4:hover:before {
  opacity: 1;
}
a.prd-btn-4:hover:after {
  opacity: 1;
}
a.prd-btn-4 i {
  margin-left: 10px;
}
@media (max-width: 479.98px) {
  a.prd-btn-4 i {
    margin-left: 5px;
  }
}

.global-shape {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 240px;
}
@media (max-width: 1399.98px) {
  .global-shape {
    height: 180px;
  }
}
@media (max-width: 1199.98px) {
  .global-shape {
    height: 150px;
  }
}
@media (max-width: 991.98px) {
  .global-shape {
    height: 120px;
  }
}
@media (max-width: 767.98px) {
  .global-shape {
    height: 90px;
  }
}
@media (max-width: 575.98px) {
  .global-shape {
    height: 70px;
  }
}
@media (max-width: 479.98px) {
  .global-shape {
    height: 60px;
  }
}
.global-shape img {
  width: auto;
  height: 100%;
  max-width: none;
  opacity: 0.8;
}
.global-shape.style-2 {
  top: 0;
  transform: matrix(1, 0, 0, -1, 0, 0);
}
.global-shape.style-3 {
  bottom: 0;
  left: 0;
  transform: matrix(-1, 0, 0, 1, 0, 0);
  width: -moz-fit-content;
  width: fit-content;
}
.global-shape.style-4 {
  top: 0;
  left: 0;
  right: unset;
  bottom: unset;
  transform: matrix(-1, 0, 0, -1, 0, 0);
  z-index: 5;
}

/*==========================================
    normalize
==========================================*/
html {
  font-family: "Asap", sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-x: hidden;
}

body {
  font-family: "Asap", sans-serif;
  font-size: 16px;
  margin: 0;
  color: #3f3c57;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.3;
  font-family: "Asap", sans-serif;
}

p {
  line-height: 1.6;
  font-family: "Asap", sans-serif;
}

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

a,
a:hover,
a:focus,
a:active {
  text-decoration: none;
  outline: none;
}

a i {
  padding: 2px 2px;
}
i.fa-light.fa-turn-up {
    padding: 10px;
}
img {
  max-width: 100%;
}

/*input and button type focus outline disable*/
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=number]:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
select:focus {
  outline: none;
  box-shadow: none;
  border: 1px solid #ddd;
}

/**
 * 5.0 - Alignments
 */
.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto 1.75em;
}

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

[data-aos=new-animation] {
  opacity: 0;
  transition-property: transform, opacity;
}
[data-aos=new-animation].aos-animate {
  opacity: 1;
}

[data-aos=prd-left] {
  left: -50px;
  opacity: 0;
  transition-property: left, opacity;
}
[data-aos=prd-left].aos-animate {
  left: 0;
  opacity: 1;
}

.about .part-img img.main-img[data-aos^=zoom][data-aos^=zoom].aos-animate {
  transform: translateY(-50%) translateZ(0) scale(1);
}
@media (max-width: 1199.98px) {
  .about .part-img img.main-img[data-aos^=zoom][data-aos^=zoom].aos-animate {
    transform: translateY(0) translateY(0) scale(1) !important;
  }
}

.about .part-img img.main-img[data-aos=zoom-in-right] {
  transform: translate3d(-40px, 0, 0) scale(1) translateY(calc(-35% - 30px));
}
@media (max-width: 1199.98px) {
  .about .part-img img.main-img[data-aos=zoom-in-right] {
    transform: translateY(30px) translateX(-30px) scale(1) !important;
  }
}

.feature .part-left .part-img img.main-img[data-aos=zoom-in-right].aos-animate {
  transform: translate3d(0, 0, 0) scale(1) !important;
}

.feature .part-left .part-img img.main-img[data-aos=zoom-in-right] {
  transform: translate3d(-40px, 50px, 0) scale(0.9) !important;
}

.about.affiliate-about .part-img img.main-img[data-aos^=zoom][data-aos^=zoom].aos-animate {
  transform: translateY(0) translateZ(0) scale(1);
}

.about.affiliate-about .part-img img.main-img[data-aos=zoom-in-right] {
  transform: translate3d(-40px, 0, 0) scale(1) translateY(calc(0% - 0px));
}

[data-aos=fade-up] {
  transform: translate3d(0, 30px, 0);
}

[data-aos=fade-left] {
  transform: translate3d(30px, 0, 0);
}

[data-aos=fade-right] {
  transform: translate3d(-30px, 0, 0);
}

@keyframes opacity-to-hover {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes auto-opacity-magic-1 {
  0% {
    opacity: 0.1;
  }
  35% {
    opacity: 0.5;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0.1;
  }
}
@keyframes auto-opacity-magic-2 {
  0% {
    opacity: 5;
  }
  35% {
    opacity: 1;
  }
  70% {
    opacity: 0.1;
  }
  100% {
    opacity: 0.5;
  }
}
@keyframes auto-opacity-magic-3 {
  0% {
    opacity: 1;
  }
  35% {
    opacity: 0.1;
  }
  70% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ex-ray {
  0% {
    margin-right: -30px;
    filter: blur(10px) invert(0);
    mix-blend-mode: difference;
    opacity: 1;
  }
  50% {
    margin-right: -20px;
    filter: blur(10px) invert(0);
    mix-blend-mode: difference;
    opacity: 0.5;
  }
  100% {
    margin-right: -30px;
    filter: blur(10px) invert(0);
    mix-blend-mode: difference;
    opacity: 1;
  }
}
@keyframes ex-ray-2 {
  0% {
    margin-left: -30px;
    filter: blur(10px) invert(0);
    mix-blend-mode: difference;
    opacity: 1;
  }
  50% {
    margin-left: -20px;
    filter: blur(10px) invert(0);
    mix-blend-mode: difference;
    opacity: 0.5;
  }
  100% {
    margin-left: -30px;
    filter: blur(10px) invert(0);
    mix-blend-mode: difference;
    opacity: 1;
  }
}
@keyframes element-rotating {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes ball-kicking {
  0% {
    right: 50px;
    top: 50px;
  }
  25% {
    top: -300px;
    right: -400px;
  }
  50% {
    top: -600px;
    right: -200px;
  }
  75% {
    top: 100px;
    right: 100px;
  }
  100% {
    right: 50px;
    top: 50px;
  }
}
@keyframes ball-kicking_down_xxl {
  0% {
    right: 200px;
    top: 40px;
  }
  25% {
    right: -150px;
    top: -200px;
  }
  50% {
    right: 0;
    top: -400px;
  }
  100% {
    right: 200px;
    top: 40px;
  }
}
@keyframes bet-slip-counting-badge {
  0% {
    left: 4px;
  }
  50% {
    left: 0px;
  }
  100% {
    left: 4px;
  }
}
.shape-1 {
  width: 652px;
  height: 652px;
  background: #0D1A34;
  filter: blur(100px) opacity(50%);
}
@media (max-width: 991.98px) {
  .shape-1 {
    width: 452px;
    height: 452px;
  }
}
@media (max-width: 767.98px) {
  .shape-1 {
    width: 300px;
    height: 300px;
  }
}
.shape-1.banner-shape {
  position: absolute;
  bottom: -34px;
  left: -125px;
  z-index: -2;
  border-radius: 50%;
}

.shape-2 {
  width: 464px;
  height: 464px;
  filter: blur(100px) opacity(25%);
  background: #CDA134;
}
@media (max-width: 991.98px) {
  .shape-2 {
    width: 364px;
    height: 364px;
  }
}
@media (max-width: 767.98px) {
  .shape-2 {
    width: 200px;
    height: 200px;
  }
}
.shape-2.banner-shape {
  position: absolute;
  top: -52px;
  right: -100px;
  z-index: -2;
  border-radius: 50%;
}

.glitch--style-1 {
  --gap-horizontal: 20px;
  --gap-vertical: 2px;
  --time-anim: 2.25s;
  --blend-mode-1: none;
  --blend-mode-2: none;
  --blend-mode-3: none;
  --blend-mode-4: none;
  --blend-mode-5: none;
  --blend-color-1: transparent;
  --blend-color-2: transparent;
  --blend-color-3: transparent;
  --blend-color-4: transparent;
  --blend-color-5: transparent;
}

.grid__item {
  margin: 0 0 40vh;
  position: relative;
}

.glitch {
  position: relative;
  width: 458px;
  max-width: 458px;
  height: 536px;
  overflow: hidden;
  margin: 0 auto;
}

.glitch.activate {
  cursor: pointer;
}

.glitch__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-color: var(--blend-color-1);
  background-size: contain;
  transform: translate3d(0, 0, 0);
  background-blend-mode: var(--blend-mode-1);
}

.glitch__img:nth-child(n+2) {
  opacity: 0;
}

.glitch.activate .glitch__img:nth-child(n+2) {
  opacity: 1;
}

.glitch.activate .glitch__img:nth-child(2) {
  transform: translate3d(var(--gap-horizontal), 0, 0);
  animation: glitch-anim-1-horizontal var(--time-anim) infinite linear alternate;
}

.glitch.activate > .glitch__img:nth-child(3) {
  transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0);
  animation: glitch-anim-2-horizontal var(--time-anim) infinite linear alternate;
}

.glitch.activate > .glitch__img:nth-child(4) {
  transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1, -1, 1);
  animation: glitch-anim-3-horizontal var(--time-anim) infinite linear alternate;
}

.glitch.activate > .glitch__img:nth-child(5) {
  animation: glitch-anim-flash 0.5s steps(1, end) infinite;
}

@keyframes glitch-anim-1-horizontal {
  0% {
    -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
    clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
  }
  10% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
    clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
  }
  20% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
    clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
  }
  30% {
    -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
    clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
  }
  40% {
    -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
    clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
  }
  50% {
    -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
    clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
  }
  60% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
    clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
  }
  70% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
    clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
  }
  80% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
    clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
  }
  90% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
    clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
  }
  100% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
    clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
  }
}
@keyframes glitch-anim-2-horizontal {
  0% {
    -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
    clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
  }
  15% {
    -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
    clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
  }
  22% {
    -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
    clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
  }
  31% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
    clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
  }
  45% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
    clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
  }
  51% {
    -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
    clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
  }
  63% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
    clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
  }
  76% {
    -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
    clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
  }
  81% {
    -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
    clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
  }
  94% {
    -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
    clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
  }
  100% {
    -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
    clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
  }
}
@keyframes glitch-anim-3-horizontal {
  0% {
    -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
    clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
  }
  5% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
    clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
  }
  10% {
    -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
    clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
  }
  25% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
    clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
  }
  27% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
    clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
  }
  30% {
    -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
    clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
  }
  33% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
    clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
  }
  37% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
    clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
  }
  40% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
    clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
  }
  45% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
    clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
  }
  50% {
    -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
    clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
  }
  53% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
    clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
  }
  57% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
    clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
  }
  60% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
    clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
  }
  65% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
    clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
  }
  70% {
    -webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
    clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
  }
  73% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
    clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
  }
  80% {
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
    clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
  }
  100% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
    clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
  }
}
/* Vertical */
@keyframes glitch-anim-1-vertical {
  0% {
    -webkit-clip-path: polygon(2% 0, 5% 0, 5% 100%, 2% 100%);
    clip-path: polygon(2% 0, 5% 0, 5% 100%, 2% 100%);
  }
  10% {
    -webkit-clip-path: polygon(15% 0, 15% 0, 15% 100%, 15% 100%);
    clip-path: polygon(15% 0, 15% 0, 15% 100%, 15% 100%);
  }
  20% {
    -webkit-clip-path: polygon(10% 0, 20% 0, 20% 100%, 10% 100%);
    clip-path: polygon(10% 0, 20% 0, 20% 100%, 10% 100%);
  }
  30% {
    -webkit-clip-path: polygon(1% 0, 2% 0, 2% 100%, 1% 100%);
    clip-path: polygon(1% 0, 2% 0, 2% 100%, 1% 100%);
  }
  40% {
    -webkit-clip-path: polygon(33% 0, 33% 0, 33% 100%, 33% 100%);
    clip-path: polygon(33% 0, 33% 0, 33% 100%, 33% 100%);
  }
  50% {
    -webkit-clip-path: polygon(44% 0, 44% 0, 44% 100%, 44% 100%);
    clip-path: polygon(44% 0, 44% 0, 44% 100%, 44% 100%);
  }
  60% {
    -webkit-clip-path: polygon(50% 0, 20% 0, 20% 100%, 50% 100%);
    clip-path: polygon(50% 0, 20% 0, 20% 100%, 50% 100%);
  }
  70% {
    -webkit-clip-path: polygon(70% 0, 70% 0, 70% 100% 70%, 70% 100%);
    clip-path: polygon(70% 0, 70% 0, 70% 100% 70%, 70% 100%);
  }
  80% {
    -webkit-clip-path: polygon(80% 0, 80% 0, 80% 100% 80%, 80% 100%);
    clip-path: polygon(80% 0, 80% 0, 80% 100% 80%, 80% 100%);
  }
  90% {
    -webkit-clip-path: polygon(50% 0, 55% 0, 55% 100%, 50% 100%);
    clip-path: polygon(50% 0, 55% 0, 55% 100%, 50% 100%);
  }
  100% {
    -webkit-clip-path: polygon(70% 0, 80% 0, 80% 100%, 70% 100%);
    clip-path: polygon(70% 0, 80% 0, 80% 100%, 70% 100%);
  }
}
@keyframes glitch-anim-2-vertical {
  0% {
    -webkit-clip-path: polygon(25% 0, 30% 0, 30% 100%, 25% 100%);
    clip-path: polygon(25% 0, 30% 0, 30% 100%, 25% 100%);
  }
  15% {
    -webkit-clip-path: polygon(3% 0, 3% 0, 3% 100%, 3% 100%);
    clip-path: polygon(3% 0, 3% 0, 3% 100%, 3% 100%);
  }
  22% {
    -webkit-clip-path: polygon(5% 0, 20% 0, 20% 100%, 5% 100%);
    clip-path: polygon(5% 0, 20% 0, 20% 100%, 5% 100%);
  }
  31% {
    -webkit-clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%);
    clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%);
  }
  45% {
    -webkit-clip-path: polygon(40% 0, 40% 0, 40% 100%, 40% 100%);
    clip-path: polygon(40% 0, 40% 0, 40% 100%, 40% 100%);
  }
  51% {
    -webkit-clip-path: polygon(52% 0, 59% 0, 59% 100%, 52% 100%);
    clip-path: polygon(52% 0, 59% 0, 59% 100%, 52% 100%);
  }
  63% {
    -webkit-clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%);
    clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%);
  }
  76% {
    -webkit-clip-path: polygon(75% 0, 75% 0, 75% 100%, 75% 100%);
    clip-path: polygon(75% 0, 75% 0, 75% 100%, 75% 100%);
  }
  81% {
    -webkit-clip-path: polygon(65% 0, 40% 0, 40% 100%, 65% 100%);
    clip-path: polygon(65% 0, 40% 0, 40% 100%, 65% 100%);
  }
  94% {
    -webkit-clip-path: polygon(45% 0, 50% 0, 50% 100%, 45% 100%);
    clip-path: polygon(45% 0, 50% 0, 50% 100%, 45% 100%);
  }
  100% {
    -webkit-clip-path: polygon(14% 0, 33% 0, 33% 100%, 14% 100%);
    clip-path: polygon(14% 0, 33% 0, 33% 100%, 14% 100%);
  }
}
@keyframes glitch-anim-3-vertical {
  0% {
    -webkit-clip-path: polygon(1% 0, 3% 0, 3% 100%, 1% 100%);
    clip-path: polygon(1% 0, 3% 0, 3% 100%, 1% 100%);
  }
  5% {
    -webkit-clip-path: polygon(10% 0, 9% 0, 9% 100%, 10% 100%);
    clip-path: polygon(10% 0, 9% 0, 9% 100%, 10% 100%);
  }
  10% {
    -webkit-clip-path: polygon(5% 0, 6% 0 6% 100%, 5% 100%);
    clip-path: polygon(5% 0, 6% 0 6% 100%, 5% 100%);
  }
  25% {
    -webkit-clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%);
    clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%);
  }
  27% {
    -webkit-clip-path: polygon(10% 0, 10% 0, 10% 100%, 10% 100%);
    clip-path: polygon(10% 0, 10% 0, 10% 100%, 10% 100%);
  }
  30% {
    -webkit-clip-path: polygon(30% 0, 25% 0, 25% 100%, 30% 100%);
    clip-path: polygon(30% 0, 25% 0, 25% 100%, 30% 100%);
  }
  33% {
    -webkit-clip-path: polygon(15% 0, 16% 0, 16% 100%, 15% 100%);
    clip-path: polygon(15% 0, 16% 0, 16% 100%, 15% 100%);
  }
  37% {
    -webkit-clip-path: polygon(40% 0, 39% 0, 39% 100%, 40% 100%);
    clip-path: polygon(40% 0, 39% 0, 39% 100%, 40% 100%);
  }
  40% {
    -webkit-clip-path: polygon(20% 0, 21% 0, 21% 100%, 20% 100%);
    clip-path: polygon(20% 0, 21% 0, 21% 100%, 20% 100%);
  }
  45% {
    -webkit-clip-path: polygon(60% 0, 55% 0, 55% 100%, 60% 100%);
    clip-path: polygon(60% 0, 55% 0, 55% 100%, 60% 100%);
  }
  50% {
    -webkit-clip-path: polygon(30% 0, 31% 0, 31% 100%, 30% 100%);
    clip-path: polygon(30% 0, 31% 0, 31% 100%, 30% 100%);
  }
  53% {
    -webkit-clip-path: polygon(70% 0, 69% 0, 69% 100%, 70% 100%);
    clip-path: polygon(70% 0, 69% 0, 69% 100%, 70% 100%);
  }
  57% {
    -webkit-clip-path: polygon(40% 0, 41% 0, 41% 100%, 40% 100%);
    clip-path: polygon(40% 0, 41% 0, 41% 100%, 40% 100%);
  }
  60% {
    -webkit-clip-path: polygon(80% 0, 75% 0, 75% 100%, 80% 100%);
    clip-path: polygon(80% 0, 75% 0, 75% 100%, 80% 100%);
  }
  65% {
    -webkit-clip-path: polygon(50% 0, 51% 0, 51% 100%, 50% 100%);
    clip-path: polygon(50% 0, 51% 0, 51% 100%, 50% 100%);
  }
  70% {
    -webkit-clip-path: polygon(90% 0, 90% 0, 90% 100%, 90% 100%);
    clip-path: polygon(90% 0, 90% 0, 90% 100%, 90% 100%);
  }
  73% {
    -webkit-clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%);
    clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%);
  }
  80% {
    -webkit-clip-path: polygon(100% 0, 99% 0, 99% 100%, 100% 100%);
    clip-path: polygon(100% 0, 99% 0, 99% 100%, 100% 100%);
  }
  100% {
    -webkit-clip-path: polygon(70% 0, 71% 0, 71% 100%, 70% 100%);
    clip-path: polygon(70% 0, 71% 0, 71% 100%, 70% 100%);
  }
}
@keyframes glitch-anim-text {
  0% {
    opacity: 1;
    transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
    clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
  }
  10% {
    -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
    clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
  }
  20% {
    -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
    clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
  }
  35% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
    clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
  }
  50% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
    clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
  }
  60% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
    clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
  }
  70% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
    clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
  }
  80% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
    clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
  }
  90% {
    transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}
/* Flash */
@keyframes glitch-anim-flash {
  0% {
    opacity: 0.2;
    transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0);
  }
  33%, 100% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
  }
}
/*========================================== 
    01. Header 
==========================================*/
.header-fixed {
  position: fixed !important;
  background: #161D35;
  z-index: 60 !important;
}

.header {
  position: absolute;
  z-index: 3;
  width: 100%;
  top: 0;
}
@media (max-width: 991.98px) {
  .header {
    position: relative;
    background: #161D35;
  }
}
.header .top-bar {
  background: #161D35;
  padding: 13px 0;
}
.header .top-bar.topbar-transparent {
  background: #161D35;
}
@media (max-width: 1399.98px) {
  .header .top-bar {
    padding: 8.36px 0 8.4px;
  }
}
.header .top-bar .single-bar {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.header .top-bar .single-bar span {
  display: inline-block;
}
.header .top-bar .single-bar span.part-icon {
  margin-right: 10px;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
}
@media (max-width: 1399.98px) {
  .header .top-bar .single-bar span.part-icon {
    font-size: 15.5px;
  }
}
@media (max-width: 1199.98px) {
  .header .top-bar .single-bar span.part-icon {
    font-size: 15px;
  }
}
@media (max-width: 767.98px) {
  .header .top-bar .single-bar span.part-icon {
    font-size: 14px;
    margin-right: 8px;
  }
}
.header .top-bar .single-bar span.part-text {
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.01em;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  transition: all 0.3s ease-in;
}
.header .top-bar .single-bar span.part-text .timer {
  margin: 0 3px;
}
.header .top-bar .single-bar span.part-text .timer:first-child {
  margin-left: none;
}
.header .top-bar .single-bar span.part-text .timer:last-child {
  margin-right: none;
}
@media (max-width: 1199.98px) {
  .header .top-bar .single-bar span.part-text {
    font-size: 13.5px;
  }
}
@media (max-width: 767.98px) {
  .header .top-bar .single-bar span.part-text {
    font-size: 13px;
  }
}
@media (max-width: 479.98px) {
  .header .top-bar .single-bar span.part-text .user-name {
    display: none;
  }
}
.header .top-bar .single-bar .dashboard-overview {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.header .top-bar .single-bar .dashboard-overview i {
  padding: 0;
}
.header .top-bar .single-bar .dashboard-overview:hover .part-text {
  color: #fff;
}
.header .top-bar .single-bar.dropdown .dropdown-menu {
  background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  border-radius: 0;
  border: none;
}
.header .top-bar .single-bar.dropdown .dropdown-menu li .dropdown-item {
  background: #161D35;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  font-size: 14px;
  margin-bottom: 1px;
  padding: 5px 10px 6px;
}
.header .top-bar .left-side, .header .top-bar .right-side {
  display: flex;
  gap: 30px;
}
@media (max-width: 1199.98px) {
  .header .top-bar .left-side, .header .top-bar .right-side {
    gap: 20px;
  }
}
@media (max-width: 767.98px) {
  .header .top-bar .left-side, .header .top-bar .right-side {
    justify-content: center;
  }
}
@media (max-width: 767.98px) {
  .header .top-bar .left-side {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 5px;
  }
}
.header .top-bar .right-side {
  justify-content: flex-end;
}
@media (max-width: 767.98px) {
  .header .top-bar .right-side {
    justify-content: center;
    padding-top: 5px;
  }
}
.header .top-bar.topbar-2 .left-side {
  padding-left: 28px;
}
@media (max-width: 1399.98px) {
  .header .top-bar.topbar-2 .left-side {
    padding-left: 24px;
  }
}
@media (max-width: 1199.98px) {
  .header .top-bar.topbar-2 .left-side {
    padding-left: 32px;
  }
}
@media (max-width: 991.98px) {
  .header .top-bar.topbar-2 .left-side {
    padding-left: 0;
  }
}
.header .mobile-navbar {
  display: none;
  background: linear-gradient(144.14deg, #161d35 -11.44%, #a68634  123.42%);
  padding: 15px 0;
}
@media (max-width: 767.98px) {
  .header .mobile-navbar {
    padding: 10px 0;
  }
}
.header .mobile-navbar .navbar-toggler {
  outline: none;
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  border: none;
  box-shadow: none;
  border-radius: 0;
  width: 45px;
  height: 45px;
  padding: 0;
  line-height: 0;
  display: flex;
  color: #fff;
  font-size: 22px;
  line-height: 45px;
  justify-content: center;
  align-items: center;
  float: right;
  margin-left: 10px;
  border-radius: 50%;
}
@media (max-width: 767.98px) {
  .header .mobile-navbar .navbar-toggler {
    height: 40px;
    width: 40px;
    font-size: 18px;
  }
}
@media (max-width: 575.98px) {
  .header .mobile-navbar .navbar-toggler {
    height: 35px;
    width: 35px;
  }
}
.header .mobile-navbar .changing-version {
  outline: none;
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  border: none;
  box-shadow: none;
  border-radius: 0;
  width: 45px;
  height: 45px;
  padding: 0;
  line-height: 0;
  display: flex;
  color: #CDA134;
  font-size: 20px;
  line-height: 45px;
  justify-content: center;
  align-items: center;
  float: right;
  margin-left: 10px;
  position: relative;
  z-index: 2;
  border-radius: 50%;
}
.header .mobile-navbar .changing-version:after {
  position: absolute;
  content: "";
  left: 1px;
  top: 1px;
  bottom: 1px;
  right: 1px;
  z-index: -1;
  background: linear-gradient(144.14deg, #161d35 -11.44%, #305B9F 123.42%);
  border-radius: 50%;
}
@media (max-width: 767.98px) {
  .header .mobile-navbar .changing-version {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }
}
@media (max-width: 575.98px) {
  .header .mobile-navbar .changing-version {
    height: 35px;
    width: 35px;
    line-height: 35px;
  }
}
.header .mobile-navbar .mobile-logo {
  height: 40px;
}
@media (max-width: 767.98px) {
  .header .mobile-navbar .mobile-logo {
    height: 35px;
  }
}
@media (max-width: 575.98px) {
  .header .mobile-navbar .mobile-logo {
    height: 30px;
  }
}
.header .mobile-navbar .mobile-logo img {
  width: auto;
  height: 100%;
}
@media (max-width: 991.98px) {
  .header .mobile-navbar {
    display: block;
  }
}
.header .mainmenu {
  background: #413f34;
  position: relative;
}
@media (max-width: 991.98px) {
  .header .mainmenu {
    position: unset;
  }
}
.header .mainmenu:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 1px;
  width: 100%;
  /*background: linear-gradient(90deg, rgb(38, 55, 98) 0%, rgb(48, 91, 160) 50%, rgb(38, 55, 98) 100%);*/
}
.header .mainmenu:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  /*background: linear-gradient(90deg, rgb(38, 55, 98) 0%, rgb(48, 91, 160) 50%, rgb(38, 55, 98) 100%);*/
}
.header .mainmenu .navbar {
  padding: 0;
}
.header .mainmenu .navbar .scalation {
  width: 100%;
}
.header .mainmenu .navbar .scalation .navbar-nav .nav-item .nav-link {
  padding: 22px 0;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  transition: all 0.3s ease-in;
}
.header .mainmenu .navbar .scalation .navbar-nav .nav-item .nav-link:hover, .header .mainmenu .navbar .scalation .navbar-nav .nav-item .nav-link.active {
  color: #CDA134;
}
@media (max-width: 1399.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav .nav-item .nav-link {
    padding: 17px 0px 18px;
    font-size: 15px;
    line-height: 25px;
  }
}
@media (max-width: 1199.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav .nav-item .nav-link {
    font-size: 14px;
    line-height: 24px;
  }
}
@media (max-width: 991.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav .nav-item .nav-link {
    padding: 12px 20px 13px;
    background: #161D35;
  }
}
@media (max-width: 767.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav .nav-item .nav-link {
    padding: 10px 15px 11px;
  }
}
@media (max-width: 575.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav .nav-item .nav-link {
    padding: 8px 15px 9px;
  }
}
.header .mainmenu .navbar .scalation .navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle {
  display: flex;
  gap: 10px;
}
@media (max-width: 991.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle {
    position: relative;
  }
}
.header .mainmenu .navbar .scalation .navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle:after {
  display: inline-block;
  margin-left: 0;
  vertical-align: 0;
  content: "\f078";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: 16px;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  transition: all 0.3s ease-in;
}
@media (max-width: 991.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle:after {
    position: absolute;
    right: 30px;
    content: "+";
  }
}
@media (max-width: 991.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle.show:after {
    content: "\f068";
  }
}
.header .mainmenu .navbar .scalation .navbar-nav .nav-item.dropdown .dropdown-menu {
  background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  border: none;
  margin-top: 10px;
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.25);
  opacity: 0;
  transition: all 0.3s ease-in;
  display: block;
  top: 100%;
  visibility: hidden;
  border-radius: 0;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav .nav-item.dropdown .dropdown-menu {
    max-height: 0;
    margin-top: 0;
    padding: 0;
    background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
    box-shadow: none;
    border-top-width: 0;
    display: grid;
    visibility: visible;
    width: 100% !important;
    transition: all 0.4s ease;
  }
}
.header .mainmenu .navbar .scalation .navbar-nav .nav-item.dropdown .dropdown-menu.custom-dropdown {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 1px;
}
@media (max-width: 991.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav .nav-item.dropdown .dropdown-menu.custom-dropdown {
    grid-template-columns: auto auto auto auto;
  }
}
@media (max-width: 767.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav .nav-item.dropdown .dropdown-menu.custom-dropdown {
    grid-template-columns: auto auto auto;
  }
}
@media (max-width: 479.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav .nav-item.dropdown .dropdown-menu.custom-dropdown {
    grid-template-columns: auto auto;
  }
}
.header .mainmenu .navbar .scalation .navbar-nav .nav-item.dropdown .dropdown-menu.custom-dropdown .dropdown-item {
  margin: 0;
}
.header .mainmenu .navbar .scalation .navbar-nav .nav-item.dropdown .dropdown-menu li a.dropdown-item {
  background: #161D35;
  font-family: "Asap", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: #fff;
  padding: 9px 30px 10px 32px;
  position: relative;
  margin-bottom: 1px;
  transition: all 0.3s ease-in;
  z-index: 2;
}
@media (max-width: 1399.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav .nav-item.dropdown .dropdown-menu li a.dropdown-item {
    font-size: 15px;
    line-height: 25px;
    padding: 7px 30px 8px 32px;
  }
}
@media (max-width: 1199.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav .nav-item.dropdown .dropdown-menu li a.dropdown-item {
    font-size: 14px;
    line-height: 24px;
  }
}
@media (max-width: 991.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav .nav-item.dropdown .dropdown-menu li a.dropdown-item {
    background: rgba(22, 29, 53, 0.6);
  }
}
@media (max-width: 575.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav .nav-item.dropdown .dropdown-menu li a.dropdown-item {
    padding: 7px 20px 8px 22px;
  }
}
.header .mainmenu .navbar .scalation .navbar-nav .nav-item.dropdown .dropdown-menu li a.dropdown-item:after {
  position: absolute;
  content: "";
  left: 15px;
  top: 50%;
  width: 2px;
  height: 8px;
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  transform: translateY(-50%);
  transition: all 0.3s ease-in;
  opacity: 1;
}
@media (max-width: 575.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav .nav-item.dropdown .dropdown-menu li a.dropdown-item:after {
    left: 10px;
    width: 1px;
  }
}
.header .mainmenu .navbar .scalation .navbar-nav .nav-item.dropdown .dropdown-menu li a.dropdown-item:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  z-index: -1;
  opacity: 0;
  transition: all 0.3s ease-in;
}
.header .mainmenu .navbar .scalation .navbar-nav .nav-item.dropdown .dropdown-menu li a.dropdown-item:hover, .header .mainmenu .navbar .scalation .navbar-nav .nav-item.dropdown .dropdown-menu li a.dropdown-item:active, .header .mainmenu .navbar .scalation .navbar-nav .nav-item.dropdown .dropdown-menu li a.dropdown-item.active {
  color: #fff;
}
.header .mainmenu .navbar .scalation .navbar-nav .nav-item.dropdown .dropdown-menu li a.dropdown-item:hover:after, .header .mainmenu .navbar .scalation .navbar-nav .nav-item.dropdown .dropdown-menu li a.dropdown-item:active:after, .header .mainmenu .navbar .scalation .navbar-nav .nav-item.dropdown .dropdown-menu li a.dropdown-item.active:after {
  background: #fff;
  animation: opacity-to-hover 0.4s cubic-bezier(0.5, 0, 0.5, 1);
}
.header .mainmenu .navbar .scalation .navbar-nav .nav-item.dropdown .dropdown-menu li a.dropdown-item:hover:before, .header .mainmenu .navbar .scalation .navbar-nav .nav-item.dropdown .dropdown-menu li a.dropdown-item:active:before, .header .mainmenu .navbar .scalation .navbar-nav .nav-item.dropdown .dropdown-menu li a.dropdown-item.active:before {
  opacity: 1;
}
.header .mainmenu .navbar .scalation .navbar-nav .nav-item.dropdown .dropdown-menu li .dropdown-divider {
  border-color: #fff;
  opacity: 0.3;
  margin: 0;
}
.header .mainmenu .navbar .scalation .navbar-nav .nav-item.dropdown .dropdown-menu li:last-child a.dropdown-item {
  margin-bottom: 0;
}
.header .mainmenu .navbar .scalation .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
  opacity: 1;
  margin-top: 0;
  visibility: visible;
}
@media (max-width: 991.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav .nav-item.dropdown:hover .dropdown-menu.show {
    max-height: 500px;
    visibility: visible;
    opacity: 1;
    transition: all 0.4s ease;
    border-top: 1px solid rgba(255, 112, 121, 0.2);
  }
}
.header .mainmenu .navbar .scalation .navbar-nav .nav-item.dropdown:hover .nav-link {
  color: #CDA134;
}
.header .mainmenu .navbar .scalation .navbar-nav .nav-item.dropdown:hover .nav-link.dropdown-toggle:after {
  transform: rotate(180deg);
  color: #CDA134;
}
@media (max-width: 991.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav .nav-item.dropdown:hover .nav-link.dropdown-toggle:after {
    transform: none;
    color: #fff;
  }
}
.header .mainmenu .navbar .scalation .navbar-nav .nav-item.version-changing-button {
  display: flex;
  align-items: center;
}
.header .mainmenu .navbar .scalation .navbar-nav .nav-item.version-changing-button button {
  outline: none;
  border: none;
}
@media (max-width: 991.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav .nav-item.version-changing-button {
    display: none;
  }
}
.header .mainmenu .navbar .scalation .navbar-nav .nav-item.version-changing-button .nav-link {
  height: 30px;
  background:linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  font-size: 15px;
  padding: 0;
  padding: 0px 10px;
  line-height: 30px;
  position: relative;
  z-index: 2;
  border-radius: 3px;
}
@media (max-width: 1199.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav .nav-item.version-changing-button .nav-link {
    font-size: 14px;
  }
}
.header .mainmenu .navbar .scalation .navbar-nav .nav-item.version-changing-button .nav-link:after {
  position: absolute;
  content: "";
  left: 1px;
  top: 1px;
  bottom: 1px;
  right: 1px;
  background: linear-gradient(144.14deg, #0D1A34 -11.44%, #305B9F 123.42%);
  z-index: -1;
  border-radius: 3px;
  transition: all 0.3s ease-in;
  opacity: 1;
}
.header .mainmenu .navbar .scalation .navbar-nav .nav-item.version-changing-button .nav-link:hover {
  color: #fff;
}
.header .mainmenu .navbar .scalation .navbar-nav .nav-item.version-changing-button .nav-link:hover:after {
  opacity: 0;
}
.header .mainmenu .navbar .scalation .navbar-nav.nn-left {
  justify-content: flex-end;
  margin-right: -16px;
}
@media (max-width: 991.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav.nn-left {
    margin-right: 0;
    row-gap: 1px;
  }
}
.header .mainmenu .navbar .scalation .navbar-nav.nn-left .nav-item .nav-link {
  margin-left: 35px;
}
@media (max-width: 1199.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav.nn-left .nav-item .nav-link {
    margin-left: 25px;
  }
}
@media (max-width: 991.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav.nn-left .nav-item .nav-link {
    margin-left: 0;
  }
}
.header .mainmenu .navbar .scalation .navbar-nav.nn-left .nav-item:first-child .nav-link {
  margin-left: 0;
}
.header .mainmenu .navbar .scalation .navbar-nav.nn-left.nn-left-2 {
  margin-right: -35px;
}
@media (max-width: 1399.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav.nn-left.nn-left-2 {
    margin-right: -45px;
  }
}
@media (max-width: 1199.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav.nn-left.nn-left-2 {
    margin-right: 0;
  }
}
.header .mainmenu .navbar .scalation .navbar-nav.nn-left.nn-left-2 .nav-item .nav-link {
  margin-left: 30px;
}
@media (max-width: 1399.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav.nn-left.nn-left-2 .nav-item .nav-link {
    margin-left: 25px;
  }
}
@media (max-width: 1199.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav.nn-left.nn-left-2 .nav-item .nav-link {
    margin-left: 20px;
  }
}
@media (max-width: 991.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav.nn-left.nn-left-2 .nav-item .nav-link {
    margin-left: 0;
  }
}
.header .mainmenu .navbar .scalation .navbar-nav.nn-left.nn-left-2 .nav-item:first-child .nav-link {
  margin-left: 0;
}
.header .mainmenu .navbar .scalation .navbar-nav.nn-right {
  margin-left: -17px;
}
@media (max-width: 991.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav.nn-right {
    margin-left: 0;
    row-gap: 1px;
    margin-top: 1px;
  }
}
.header .mainmenu .navbar .scalation .navbar-nav.nn-right .nav-item .nav-link {
  margin-right: 35px;
}
@media (max-width: 1199.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav.nn-right .nav-item .nav-link {
    margin-right: 25px;
  }
}
@media (max-width: 991.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav.nn-right .nav-item .nav-link {
    margin-right: 0;
  }
}
.header .mainmenu .navbar .scalation .navbar-nav.nn-right .nav-item:last-child .nav-link {
  margin-right: 0;
}
.header .mainmenu .navbar .scalation .navbar-nav.nn-right.nn-right-2 {
  margin-left: -36px;
}
@media (max-width: 1399.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav.nn-right.nn-right-2 {
    margin-left: -46px;
  }
}
@media (max-width: 1199.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav.nn-right.nn-right-2 {
    margin-left: 0;
  }
}
.header .mainmenu .navbar .scalation .navbar-nav.nn-right.nn-right-2 .nav-item .nav-link {
  margin-right: 30px;
}
@media (max-width: 1399.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav.nn-right.nn-right-2 .nav-item .nav-link {
    margin-right: 25px;
  }
}
@media (max-width: 1199.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav.nn-right.nn-right-2 .nav-item .nav-link {
    margin-right: 20px;
  }
}
@media (max-width: 991.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav.nn-right.nn-right-2 .nav-item .nav-link {
    margin-right: 0;
  }
}
.header .mainmenu .navbar .scalation .navbar-nav.nn-right.nn-right-2 .nav-item:last-child .nav-link {
  margin-right: 0;
}
.header .mainmenu .navbar .scalation .navbar-nav.nn-right-straight {
  justify-content: right;
}
@media (max-width: 991.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav.nn-right-straight {
    margin-left: 0;
    row-gap: 1px;
    margin-top: 0;
  }
}
.header .mainmenu .navbar .scalation .navbar-nav.nn-right-straight .nav-item .nav-link {
  margin-right: 40px;
}
@media (max-width: 1399.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav.nn-right-straight .nav-item .nav-link {
    margin-right: 30px;
  }
}
@media (max-width: 1199.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav.nn-right-straight .nav-item .nav-link {
    margin-right: 25px;
  }
}
@media (max-width: 991.98px) {
  .header .mainmenu .navbar .scalation .navbar-nav.nn-right-straight .nav-item .nav-link {
    margin-right: 0;
  }
}
.header .mainmenu .navbar .scalation .navbar-nav.nn-right-straight .nav-item:last-child .nav-link {
  margin-right: 0;
}
.header .mainmenu .navbar .scalation .logo {
  position: relative;
}
@media (max-width: 991.98px) {
  .header .mainmenu .navbar .scalation .logo {
    display: none;
  }
}
.header .mainmenu .navbar .scalation .logo a {
  position: absolute;
  width: 120px;
  height: 180px;
  left: 50%;
  transform: translateX(-50%);
  top: -50px;
  background: linear-gradient(135.89deg, #0D1A34 -5.11%, #CDA134 97.89%);
  box-shadow: 0px 19px 116px rgba(40, 40, 40, 0.61);
  border-radius: 0px 0px 100px 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 55;
}
@media (max-width: 1399.98px) {
  .header .mainmenu .navbar .scalation .logo a {
    width: 100px;
    height: 160px;
  }
}
@media (max-width: 1199.98px) {
  .header .mainmenu .navbar .scalation .logo a {
    width: 90px;
    height: 150px;
  }
}
.header .mainmenu .navbar .scalation .logo img {
  width: auto;
  height: 120px;
}
@media (max-width: 1399.98px) {
  .header .mainmenu .navbar .scalation .logo img {
    height: 100px;
  }
}
@media (max-width: 1199.98px) {
  .header .mainmenu .navbar .scalation .logo img {
    height: 90px;
  }
}
.header .mainmenu .navbar .scalation .logo-2 {
  height: calc(100% + 51px);
  width: 100%;
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  margin-top: -51px;
  position: relative;
  z-index: 55;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header .mainmenu .navbar .scalation .logo-2.logo-3 {
  background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
}
@media (max-width: 1399.98px) {
  .header .mainmenu .navbar .scalation .logo-2 {
    margin-top: -41px;
    height: calc(100% + 41px);
  }
}
@media (max-width: 1199.98px) {
  .header .mainmenu .navbar .scalation .logo-2 {
    margin-top: -40px;
    height: calc(100% + 40px);
  }
}
@media (max-width: 991.98px) {
  .header .mainmenu .navbar .scalation .logo-2 {
    display: none;
  }
}
.header .mainmenu .navbar .scalation .logo-2 img {
  height: 55px;
  width: auto;
}
@media (max-width: 1399.98px) {
  .header .mainmenu .navbar .scalation .logo-2 img {
    height: 50px;
  }
}
@media (max-width: 1199.98px) {
  .header .mainmenu .navbar .scalation .logo-2 img {
    height: 30px;
  }
}
.header .mainmenu .navbar .scalation .logo-4 {
  height: calc(100% + 51px);
  width: 290px;
  background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  margin-top: -51px;
  position: relative;
  z-index: 55;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1399.98px) {
  .header .mainmenu .navbar .scalation .logo-4 {
    margin-top: -41px;
    height: calc(100% + 41px);
    width: 240px;
  }
}
@media (max-width: 1199.98px) {
  .header .mainmenu .navbar .scalation .logo-4 {
    margin-top: -40px;
    height: calc(100% + 40px);
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .header .mainmenu .navbar .scalation .logo-4 {
    display: none;
  }
}
.header .mainmenu .navbar .scalation .logo-4 img {
  height: 50px;
  width: auto;
}
@media (max-width: 1399.98px) {
  .header .mainmenu .navbar .scalation .logo-4 img {
    height: 45px;
  }
}
@media (max-width: 1199.98px) {
  .header .mainmenu .navbar .scalation .logo-4 img {
    height: 30px;
  }
}
.header .mainmenu .navbar .scalation .logo-6 {
  height: calc(100% + 51px);
  width: 290px;
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  margin-top: -51px;
  position: relative;
  z-index: 55;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1399.98px) {
  .header .mainmenu .navbar .scalation .logo-6 {
    margin-top: -41px;
    height: calc(100% + 41px);
    width: 240px;
  }
}
@media (max-width: 1199.98px) {
  .header .mainmenu .navbar .scalation .logo-6 {
    margin-top: -40px;
    height: calc(100% + 40px);
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .header .mainmenu .navbar .scalation .logo-6 {
    display: none;
  }
}
.header .mainmenu .navbar .scalation .logo-6 img {
  height: 50px;
  width: auto;
}
@media (max-width: 1399.98px) {
  .header .mainmenu .navbar .scalation .logo-6 img {
    height: 45px;
  }
}
@media (max-width: 1199.98px) {
  .header .mainmenu .navbar .scalation .logo-6 img {
    height: 30px;
  }
}
.header.header-5 .top-bar {
  padding: 18px 0;
  background: transparent;
  position: relative;
}
.header.header-5 .top-bar:after {
  position: absolute;
  content: "";
  left: 50%;
  width: 202px;
  transform: translateX(-50%);
  height: 3px;
  background: #191f33;
  bottom: -2px;
}
@media (max-width: 1399.98px) {
  .header.header-5 .top-bar:after {
    width: 180px;
  }
}
@media (max-width: 1199.98px) {
  .header.header-5 .top-bar:after {
    width: 150px;
    background: #2b233a;
  }
}
@media (max-width: 991.98px) {
  .header.header-5 .top-bar:after {
    display: none;
  }
}
.header.header-5 .mainmenu {
  position: unset;
  background: transparent;
}
@media (max-width: 991.98px) {
  .header.header-5 .mainmenu {
    background: #222A4C;
  }
}
.header.header-5 .mainmenu:after, .header.header-5 .mainmenu:before {
  display: none;
}
.header.header-5 .mainmenu .navbar .scalation .logo.logo-5 {
  top: -21px;
}
.header.header-5.header-6 .mainmenu .container {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
@media (max-width: 991.98px) {
  .header.header-5.header-6 .mainmenu .container {
    border: none;
  }
}
.header.header-4 .top-bar {
  background: #222A4C;
}
.header.header-4 .mainmenu:after {
  background: rgba(255, 255, 255, 0.1);
}

.mainmenu-9 .navbar-nav .nav-item .nav-link {
  background: #161D35;
  padding: 16px 30px 17px;
  color: #fff;
  text-transform: uppercase;
  font-size: 17px;
  font-weight: 500;
  margin-top: 1px;
}
@media (max-width: 1399.98px) {
  .mainmenu-9 .navbar-nav .nav-item .nav-link {
    padding: 13px 20px 13px;
    font-size: 16px;
  }
}
@media (max-width: 1199.98px) {
  .mainmenu-9 .navbar-nav .nav-item .nav-link {
    padding: 10px 20px 10px;
  }
}
@media (max-width: 767.98px) {
  .mainmenu-9 .navbar-nav .nav-item .nav-link {
    font-size: 15px;
    padding: 10px 20px 9px;
  }
}
@media (max-width: 479.98px) {
  .mainmenu-9 .navbar-nav .nav-item .nav-link {
    font-size: 14px;
    font-weight: 400;
  }
}
.mainmenu-9 .navbar-nav .nav-item .nav-link.active {
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
}
.mainmenu-9 .navbar-nav .nav-item .nav-link.dropdown-toggle {
  position: relative;
}
.mainmenu-9 .navbar-nav .nav-item .nav-link.dropdown-toggle:after {
  margin-left: 0;
  vertical-align: 0;
  content: "+";
  font-family: "Font Awesome 6 Regular";
  font-weight: 900;
  border-top: none;
  border-right: none;
  border-bottom: 0;
  border-left: none;
  font-size: 25px;
  opacity: 0.8;
  position: absolute;
  right: 30px;
  margin-left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.4s ease;
}
@media (max-width: 1399.98px) {
  .mainmenu-9 .navbar-nav .nav-item .nav-link.dropdown-toggle:after {
    right: 20px;
  }
}
@media (max-width: 767.98px) {
  .mainmenu-9 .navbar-nav .nav-item .nav-link.dropdown-toggle:after {
    font-size: 23px;
  }
}
.mainmenu-9 .navbar-nav .nav-item .nav-link.dropdown-toggle.show:after {
  transform: translateY(-50%) rotate(45deg);
}
.mainmenu-9 .navbar-nav .nav-item:first-child .nav-link {
  margin-top: 0;
}
.mainmenu-9 .navbar-nav .nav-item.dropdown .dropdown-menu {
  position: relative !important;
  transform: none !important;
  display: block;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  padding: 0;
  border-radius: 0;
  border: none;
  transition: all 0.3s ease;
  background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
}
.mainmenu-9 .navbar-nav .nav-item.dropdown .dropdown-menu.show {
  max-height: 1000px;
  visibility: visible;
  opacity: 1;
}
.mainmenu-9 .navbar-nav .nav-item.dropdown .dropdown-menu li .dropdown-item {
  padding: 15px 30px;
  background: #1E2843;
  color: #fff;
  text-transform: uppercase;
  margin-top: 1px;
  font-size: 16px;
  font-weight: 500;
}
@media (max-width: 1399.98px) {
  .mainmenu-9 .navbar-nav .nav-item.dropdown .dropdown-menu li .dropdown-item {
    padding: 13px 20px;
  }
}
@media (max-width: 1199.98px) {
  .mainmenu-9 .navbar-nav .nav-item.dropdown .dropdown-menu li .dropdown-item {
    padding: 10px 20px;
  }
}
@media (max-width: 767.98px) {
  .mainmenu-9 .navbar-nav .nav-item.dropdown .dropdown-menu li .dropdown-item {
    font-size: 15px;
  }
}
@media (max-width: 479.98px) {
  .mainmenu-9 .navbar-nav .nav-item.dropdown .dropdown-menu li .dropdown-item {
    font-size: 14px;
    font-weight: 400;
  }
}
.mainmenu-9 .navbar-nav .nav-item.dropdown .dropdown-menu li .dropdown-item.active {
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
}
.mainmenu-9 .navbar-nav .nav-item.dropdown .dropdown-menu li:first-child .dropdown-item {
  margin-top: 0;
}

.offcanvas {
  background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  border-right: none;
}
@media (max-width: 1199.98px) {
  .offcanvas {
    width: 300px;
  }
}
@media (max-width: 479.98px) {
  .offcanvas {
    width: 270px;
  }
}
.offcanvas .offcanvas-header {
  padding-top: 30px;
}
@media (max-width: 767.98px) {
  .offcanvas .offcanvas-header {
    padding-bottom: 10px;
  }
}
@media (max-width: 479.98px) {
  .offcanvas .offcanvas-header {
    padding-bottom: 10px;
    padding-top: 25px;
  }
}
.offcanvas .offcanvas-body {
  scroll-behavior: smooth;
}
.offcanvas .offcanvas-body::-webkit-scrollbar {
  display: none;
}
.offcanvas a.offcanvas-logo {
  margin-left: 2px;
}
.offcanvas a.offcanvas-logo img {
  height: 43px;
  width: auto;
  max-width: none;
}
@media (max-width: 1199.98px) {
  .offcanvas a.offcanvas-logo img {
    height: 36px;
  }
}
@media (max-width: 479.98px) {
  .offcanvas a.offcanvas-logo img {
    height: 35px;
  }
}
.offcanvas .btn-offcanvas-reset {
  background: transparent;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.3);
  height: 42px;
  width: 42px;
  border-radius: 50%;
  z-index: 2;
  position: relative;
}
@media (max-width: 479.98px) {
  .offcanvas .btn-offcanvas-reset {
    width: 38px;
    height: 38px;
  }
}
.offcanvas .btn-offcanvas-reset:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  border-radius: 50%;
  z-index: -1;
  transition: all 0.3s ease-in;
  opacity: 0;
}
.offcanvas .btn-offcanvas-reset i {
  color: #fff;
}
.offcanvas .btn-offcanvas-reset:hover {
  border-color: transparent;
}
.offcanvas .btn-offcanvas-reset:hover:after {
  opacity: 1;
}

.banner {
  background: #0D1A34;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.banner .banner-content {
  padding: 300px 0 330px;
  text-align: center;
}
@media (max-width: 1399.98px) {
  .banner .banner-content {
    padding: 250px 0 200px;
  }
}
@media (max-width: 1199.98px) {
  .banner .banner-content {
    padding: 208.25px 0 180px;
  }
}
@media (max-width: 991.98px) {
  .banner .banner-content {
    text-align: left;
    padding: 130px 0px;
  }
}
@media (max-width: 767.98px) {
  .banner .banner-content {
    padding: 60px 0px;
    text-align: center;
  }
}
@media (max-width: 479.98px) {
  .banner .banner-content {
    padding: 50px 0px;
  }
}
.banner .banner-content h3.sub-title {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(108.99deg, #CDA134 -21.01%, #a75f0f 45.45%);
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  display: inline-block;
  margin-top: -7px;
  margin-bottom: 25px;
}
@media (max-width: 1399.98px) {
  .banner .banner-content h3.sub-title {
    letter-spacing: 0.16em;
    margin-bottom: 15px;
  }
}
@media (max-width: 1199.98px) {
  .banner .banner-content h3.sub-title {
    margin-bottom: 17px;
    font-size: 22px;
    line-height: 32px;
  }
}
@media (max-width: 991.98px) {
  .banner .banner-content h3.sub-title {
    margin-bottom: 11px;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.14em;
  }
}
@media (max-width: 767.98px) {
  .banner .banner-content h3.sub-title {
    margin-bottom: 13px;
    font-size: 18px;
    line-height: 28px;
  }
}
@media (max-width: 575.98px) {
  .banner .banner-content h3.sub-title {
    margin-bottom: 14px;
    font-size: 16px;
    line-height: 26px;
  }
}
@media (max-width: 479.98px) {
  .banner .banner-content h3.sub-title {
    margin-bottom: 9px;
    font-size: 14px;
    line-height: 24px;
  }
}
.banner .banner-content h1.title {
  font-weight: 700;
  font-size: 70px;
  line-height: 80px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 35px;
}
@media (max-width: 1399.98px) {
  .banner .banner-content h1.title {
    font-size: 55px;
    line-height: 70px;
    margin-bottom: 24px;
  }
}
@media (max-width: 1199.98px) {
  .banner .banner-content h1.title {
    font-size: 50px;
    line-height: 65px;
    margin-bottom: 25px;
  }
}
@media (max-width: 991.98px) {
  .banner .banner-content h1.title {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 19px;
  }
}
@media (max-width: 767.98px) {
  .banner .banner-content h1.title {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  .banner .banner-content h1.title {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 21px;
    width: 300px;
    display: inline-block;
  }
}
@media (max-width: 479.98px) {
  .banner .banner-content h1.title {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 21px;
  }
}
.banner .banner-content .all-btn {
  display: inline-flex;
  gap: 20px;
}
@media (max-width: 479.98px) {
  .banner .banner-content .all-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
}
.banner .banner-content.banner-content-2 {
  text-align: left;
  padding: 290px 0 170px;
}
@media (max-width: 1399.98px) {
  .banner .banner-content.banner-content-2 {
    padding: 250px 0 150px;
  }
}
@media (max-width: 1199.98px) {
  .banner .banner-content.banner-content-2 {
    padding: 218.25px 0 120px;
  }
}
@media (max-width: 991.98px) {
  .banner .banner-content.banner-content-2 {
    padding: 120px 0 120px;
  }
}
@media (max-width: 767.98px) {
  .banner .banner-content.banner-content-2 {
    padding: 60px 0;
    text-align: center;
  }
}
@media (max-width: 767.98px) {
  .banner .banner-content.banner-content-2 h1.title br {
    display: none;
  }
}
.banner .banner-content.banner-content-2 .all-btn .prd-btn-2:after {
  background: #182441;
}
@media (max-width: 1399.98px) {
  .banner .banner-content.banner-content-2 .all-btn .prd-btn-2:after {
    background: #1b2e52;
  }
}
.banner .banner-content.banner-content-3 {
  text-align: left;
  padding: 310px 0 190px;
}
@media (max-width: 1399.98px) {
  .banner .banner-content.banner-content-3 {
    padding: 260px 0 160px;
  }
}
@media (max-width: 1199.98px) {
  .banner .banner-content.banner-content-3 {
    padding: 218.25px 0 120px;
  }
}
@media (max-width: 991.98px) {
  .banner .banner-content.banner-content-3 {
    padding: 120px 0;
  }
}
@media (max-width: 767.98px) {
  .banner .banner-content.banner-content-3 {
    text-align: center;
    padding: 60px 0;
  }
}
@media (max-width: 1199.98px) {
  .banner .banner-content.banner-content-3 h3.sub-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 991.98px) {
  .banner .banner-content.banner-content-3 h3.sub-title {
    margin-bottom: 18px;
  }
}
@media (max-width: 767.98px) {
  .banner .banner-content.banner-content-3 h3.sub-title {
    margin-bottom: 14px;
  }
}
.banner .banner-content.banner-content-3 h1.title {
  font-size: 58px;
  line-height: 76px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: none;
}
@media (max-width: 1399.98px) {
  .banner .banner-content.banner-content-3 h1.title {
    font-size: 54px;
    line-height: 72px;
  }
}
@media (max-width: 1199.98px) {
  .banner .banner-content.banner-content-3 h1.title {
    font-size: 50px;
    line-height: 64px;
    margin-bottom: 26px;
  }
}
@media (max-width: 991.98px) {
  .banner .banner-content.banner-content-3 h1.title {
    font-size: 40px;
    line-height: 60px;
    margin-bottom: 24px;
  }
}
@media (max-width: 767.98px) {
  .banner .banner-content.banner-content-3 h1.title {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  .banner .banner-content.banner-content-3 h1.title {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 21px;
  }
}
@media (max-width: 479.98px) {
  .banner .banner-content.banner-content-3 h1.title {
    font-size: 24px;
    line-height: 34px;
  }
}
.banner .part-img {
  display: flex;
  width: 100%;
  position: relative;
}
.banner .part-img img.main-img {
  max-width: none;
  height: auto;
}
.banner .part-img img.img-shape {
  max-width: none;
  position: absolute;
  opacity: 0;
}
.banner .part-img.img-1 {
  justify-content: flex-end;
  margin-left: 105px;
}
.banner .part-img.img-1 img.main-img {
  width: 558px;
  filter: drop-shadow(0px 4px 126px rgba(3, 19, 61, 0.5));
  position: relative;
  left: -250px;
  transition: all 0.6s ease-out;
  opacity: 0;
  transform: scale(0.8);
}
@media (max-width: 1399.98px) {
  .banner .part-img.img-1 img.main-img {
    width: 458px;
  }
}
.banner .part-img.img-1 img.img-shape-1 {
  width: 630px;
  transform: rotate(14.51deg);
  right: 528px;
  bottom: 107px;
  z-index: -1;
  transition: all 0.8s ease-out;
  transition-delay: 0.8s;
  opacity: 0;
}
@media (max-width: 1399.98px) {
  .banner .part-img.img-1 img.img-shape-1 {
    width: 530px;
  }
}
.banner .part-img.img-2 {
  justify-content: flex-start;
}
.banner .part-img.img-2 img.main-img {
  width: 360px;
  filter: drop-shadow(0px 4px 126px rgba(51, 100, 175, 0.5));
  position: relative;
  transition: all 0.6s ease-out;
  transition-delay: 0.8s;
  opacity: 0;
  transform: scale(0.8);
  right: -250px;
  bottom: -60px;
}
@media (max-width: 1399.98px) {
  .banner .part-img.img-2 img.main-img {
    width: 280px;
  }
}
@media (max-width: 991.98px) {
  .banner .part-img.img-2 img.main-img {
    width: 210px;
  }
}
.banner .part-img.img-2 img.img-shape-2 {
  width: 648.39px;
  transform: rotate(-20deg);
  left: 369px;
  top: -198px;
  transition: all 0.6s ease-out;
  transition-delay: 1.3s;
  opacity: 0;
  z-index: -1;
}
@media (max-width: 1399.98px) {
  .banner .part-img.img-2 img.img-shape-2 {
    width: 548.39px;
  }
}
@media (max-width: 991.98px) {
  .banner .part-img.img-2 img.img-shape-2 {
    width: 448.39px;
  }
}
.banner .part-img.img-3 {
  justify-content: flex-end;
  margin-right: 15px;
}
.banner .part-img.img-3 img.main-img {
  position: relative;
  bottom: -100px;
  transition: all 0.4s cubic-bezier(0.46, 0.4, 1, 1);
  opacity: 0;
  transform: scale(0.9);
  width: 658px;
}
@media (max-width: 1399.98px) {
  .banner .part-img.img-3 img.main-img {
    width: 558px;
  }
}
@media (max-width: 1199.98px) {
  .banner .part-img.img-3 img.main-img {
    width: 458px;
  }
}
@media (max-width: 991.98px) {
  .banner .part-img.img-3 img.main-img {
    margin-right: -55px;
  }
}
.banner .part-img.img-3 img.img-shape-3 {
  position: absolute;
  width: 976.12px;
  height: auto;
  max-width: none;
  right: 50%;
  transform: translateX(calc(50% - 35px));
  z-index: -1;
  opacity: 0;
  top: -90px;
  transition: all 0.4s cubic-bezier(0.46, 0.4, 1, 1);
  transition-delay: 1s;
}
@media (max-width: 1399.98px) {
  .banner .part-img.img-3 img.img-shape-3 {
    width: 876.12px;
  }
}
@media (max-width: 1199.98px) {
  .banner .part-img.img-3 img.img-shape-3 {
    width: 776.12px;
  }
}
@media (max-width: 991.98px) {
  .banner .part-img.img-3 img.img-shape-3 {
    display: none;
  }
}
.banner .part-img.img-4 {
  margin-top: 120px;
  position: relative;
  margin-left: -30px;
}
@media (max-width: 1399.98px) {
  .banner .part-img.img-4 {
    margin-top: 100px;
    position: relative;
    margin-left: -70px;
  }
}
@media (max-width: 1199.98px) {
  .banner .part-img.img-4 {
    margin-top: 98.25px;
    margin-left: -80px;
  }
}
@media (max-width: 991.98px) {
  .banner .part-img.img-4 {
    margin-top: 0;
  }
}
.banner .part-img.img-4 img.img-shape {
  all: unset;
  position: absolute;
  left: 735px;
  width: auto;
  max-width: none;
  top: -474px;
  height: 588px;
  transform: matrix(-0.87, 0.49, 0.49, 0.87, 0, 0);
  z-index: 2;
  transition: 1s ease-out;
  transition-property: left, top;
  transition-delay: 1.2s;
}
@media (max-width: 1399.98px) {
  .banner .part-img.img-4 img.img-shape {
    height: 488px;
  }
}
@media (max-width: 1199.98px) {
  .banner .part-img.img-4 img.img-shape {
    height: 388px;
  }
}
.banner .part-img.img-4 .all-images {
  position: relative;
  margin: 4px 0 -60px;
}
.banner .part-img.img-4 .all-images img.main-img {
  width: 736px;
  position: relative;
  transform: rotate(-12deg);
  z-index: 5;
  left: 50px;
  opacity: 0;
  transition: 0.8s ease-out;
  transition-property: left, opacity;
  filter: drop-shadow(0px 4px 126px rgba(3, 19, 61, 0.5));
  transition-delay: 0.5;
}
@media (max-width: 1399.98px) {
  .banner .part-img.img-4 .all-images img.main-img {
    width: 636px;
  }
}
@media (max-width: 1199.98px) {
  .banner .part-img.img-4 .all-images img.main-img {
    width: 536px;
  }
}
.banner .part-img.img-4 .all-images img.main-img:nth-child(2), .banner .part-img.img-4 .all-images img.main-img:last-child {
  position: absolute;
  left: 0;
  top: 50%;
  transform: rotate(-12deg) translateY(-50%);
}
.banner .part-img.img-4 .all-images img.main-img:nth-child(2) {
  left: 0;
  width: 718px;
  z-index: 4;
  mix-blend-mode: color;
  filter: drop-shadow(0px 4px 126px rgba(3, 19, 61, 0.5));
  transition: 0.8s ease-out;
  transition-delay: 0.3s;
}
@media (max-width: 1399.98px) {
  .banner .part-img.img-4 .all-images img.main-img:nth-child(2) {
    width: 618px;
  }
}
@media (max-width: 1199.98px) {
  .banner .part-img.img-4 .all-images img.main-img:nth-child(2) {
    width: 518px;
  }
}
.banner .part-img.img-4 .all-images img.main-img:last-child {
  left: 0;
  width: 662px;
  z-index: 3;
  mix-blend-mode: saturation;
  filter: drop-shadow(0px 4px 126px rgba(3, 19, 61, 0.5));
  transition: 0.8s ease-out;
  transition-delay: 0.6s;
}
@media (max-width: 1399.98px) {
  .banner .part-img.img-4 .all-images img.main-img:last-child {
    width: 562px;
  }
}
@media (max-width: 1399.98px) {
  .banner .part-img.img-4 .all-images img.main-img:last-child {
    width: 462px;
  }
}
.banner .part-img.animated.img-1 img.main-img {
  left: -108px;
  opacity: 1;
  transform: scale(1);
}
.banner .part-img.animated.img-1 img.img-shape-1 {
  opacity: 1;
  right: 278px;
  bottom: 57px;
}
@media (max-width: 1399.98px) {
  .banner .part-img.animated.img-1 img.img-shape-1 {
    right: 268px;
  }
}
.banner .part-img.animated.img-2 img.main-img {
  opacity: 1;
  transform: scale(1);
  right: 0;
  bottom: 0;
}
.banner .part-img.animated.img-2 img.img-shape-2 {
  left: 119px;
  top: -98px;
  opacity: 1;
}
@media (max-width: 1399.98px) {
  .banner .part-img.animated.img-2 img.img-shape-2 {
    left: 80px;
    top: -60px;
  }
}
@media (max-width: 991.98px) {
  .banner .part-img.animated.img-2 img.img-shape-2 {
    left: 50px;
    top: -70px;
  }
}
.banner .part-img.animated.img-3 img.main-img {
  bottom: 0;
  opacity: 1;
  transform: scale(1);
}
.banner .part-img.animated.img-3 img.img-shape-3 {
  opacity: 1;
}
.banner .part-img.animated.img-4 img.img-shape {
  left: 335px;
  top: -274px;
}
@media (max-width: 1399.98px) {
  .banner .part-img.animated.img-4 img.img-shape {
    left: 305px;
    top: -204px;
  }
}
@media (max-width: 1199.98px) {
  .banner .part-img.animated.img-4 img.img-shape {
    left: 205px;
    top: -104px;
  }
}
.banner .part-img.animated.img-4 .all-images img.main-img {
  opacity: 1;
}
.banner .part-img.animated.img-4 .all-images img.main-img:first-child {
  left: 0;
}
.banner .part-img.animated.img-4 .all-images img.main-img:nth-child(2) {
  left: 150px;
}
@media (max-width: 1399.98px) {
  .banner .part-img.animated.img-4 .all-images img.main-img:nth-child(2) {
    left: 120px;
  }
}
@media (max-width: 1199.98px) {
  .banner .part-img.animated.img-4 .all-images img.main-img:nth-child(2) {
    left: 100px;
  }
}
.banner .part-img.animated.img-4 .all-images img.main-img:last-child {
  left: 250px;
}
@media (max-width: 1399.98px) {
  .banner .part-img.animated.img-4 .all-images img.main-img:last-child {
    left: 210px;
  }
}
@media (max-width: 1199.98px) {
  .banner .part-img.animated.img-4 .all-images img.main-img:last-child {
    left: 170px;
  }
}
.banner .banner-bottom-img {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  z-index: -1;
  mix-blend-mode: color-dodge;
}
@media (max-width: 1399.98px) {
  .banner .banner-bottom-img {
    height: 320px;
  }
}
@media (max-width: 1199.98px) {
  .banner .banner-bottom-img {
    height: auto;
  }
}
@media (max-width: 991.98px) {
  .banner .banner-bottom-img {
    left: -25%;
    height: 220px;
  }
}
@media (max-width: 767.98px) {
  .banner .banner-bottom-img {
    height: 160px;
    left: 0;
    opacity: 0.6;
  }
}
@media (max-width: 575.98px) {
  .banner .banner-bottom-img {
    display: none;
  }
}
.banner .banner-bottom-img img {
  width: 100%;
}
@media (max-width: 991.98px) {
  .banner .banner-bottom-img img {
    width: 125%;
    max-width: none;
  }
}
@media (max-width: 767.98px) {
  .banner .banner-bottom-img img {
    max-width: 100%;
    width: 100%;
  }
}
.banner.banner-2 {
  overflow: visible;
}
.banner.banner-2 .part-img.img-2 img.main-img {
  margin-bottom: -40px;
  z-index: 5;
  position: relative;
  width: 330px;
}
@media (max-width: 1399.98px) {
  .banner.banner-2 .part-img.img-2 img.main-img {
    width: 280px;
  }
}
@media (max-width: 1199.98px) {
  .banner.banner-2 .part-img.img-2 img.main-img {
    width: 250px;
  }
}
@media (max-width: 991.98px) {
  .banner.banner-2 .part-img.img-2 img.main-img {
    width: 220px;
    margin-bottom: -20px;
  }
}
.banner.banner-2 .part-img.img-2 img.img-shape-2 {
  width: 600px;
}
@media (max-width: 1399.98px) {
  .banner.banner-2 .part-img.img-2 img.img-shape-2 {
    width: 560px;
  }
}
@media (max-width: 1199.98px) {
  .banner.banner-2 .part-img.img-2 img.img-shape-2 {
    width: 500px;
  }
}
@media (max-width: 991.98px) {
  .banner.banner-2 .part-img.img-2 img.img-shape-2 {
    width: 400px;
  }
}
.banner.banner-2 .part-img.animated.img-2 img.img-shape {
  left: 99px;
  top: -88px;
}
@media (max-width: 1399.98px) {
  .banner.banner-2 .part-img.animated.img-2 img.img-shape {
    left: 79px;
    top: -68px;
  }
}
@media (max-width: 1199.98px) {
  .banner.banner-2 .part-img.animated.img-2 img.img-shape {
    left: 69px;
    top: -58px;
  }
}
@media (max-width: 991.98px) {
  .banner.banner-2 .part-img.animated.img-2 img.img-shape {
    left: 49px;
    top: -48px;
  }
}
@media (max-width: 1399.98px) {
  .banner.banner-2 .banner-bottom-img {
    height: -moz-fit-content;
    height: fit-content;
  }
}
@media (max-width: 1399.98px) {
  .banner.banner-2 .shape-1.banner-shape {
    opacity: 0.6;
  }
}
.banner.banner-3:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../img/banner/banner-bg.png") center center no-repeat;
  background-size: cover;
  z-index: -2;
  opacity: 0.15;
}
.banner.banner-3 .banner-content {
  text-align: right;
  padding: 310px 0 190px;
}
@media (max-width: 1399.98px) {
  .banner.banner-3 .banner-content {
    padding: 260px 0 160px;
  }
}
@media (max-width: 1199.98px) {
  .banner.banner-3 .banner-content {
    padding: 218.25px 0 120px;
  }
}
@media (max-width: 991.98px) {
  .banner.banner-3 .banner-content {
    padding: 120px 0;
  }
}
@media (max-width: 767.98px) {
  .banner.banner-3 .banner-content {
    text-align: center;
    padding: 60px 0;
  }
}
@media (max-width: 1199.98px) {
  .banner.banner-3 .banner-content h3.sub-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 991.98px) {
  .banner.banner-3 .banner-content h3.sub-title {
    margin-bottom: 18px;
  }
}
@media (max-width: 767.98px) {
  .banner.banner-3 .banner-content h3.sub-title {
    margin-bottom: 14px;
  }
}
.banner.banner-3 .banner-content h1.title {
  font-size: 58px;
  line-height: 76px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: none;
}
@media (max-width: 1399.98px) {
  .banner.banner-3 .banner-content h1.title {
    font-size: 54px;
    line-height: 72px;
  }
}
@media (max-width: 1199.98px) {
  .banner.banner-3 .banner-content h1.title {
    font-size: 50px;
    line-height: 64px;
    margin-bottom: 26px;
  }
}
@media (max-width: 991.98px) {
  .banner.banner-3 .banner-content h1.title {
    font-size: 40px;
    line-height: 60px;
    margin-bottom: 24px;
  }
}
@media (max-width: 767.98px) {
  .banner.banner-3 .banner-content h1.title {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  .banner.banner-3 .banner-content h1.title {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 21px;
  }
}
@media (max-width: 479.98px) {
  .banner.banner-3 .banner-content h1.title {
    font-size: 24px;
    line-height: 34px;
  }
}

.banner-5 {
  background: #161D35;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.banner-5:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../img/banner/banner-bg-2.jpg") center center no-repeat;
  background-size: cover;
  z-index: -3;
  opacity: 0.15;
  mix-blend-mode: luminosity;
  z-index: -4;
}
.banner-5 .container {
  position: relative;
}
.banner-5 .container:before {
  position: absolute;
  content: "";
  left: -248px;
  top: 60px;
  right: -248px;
  bottom: 60px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 20px;
  z-index: -3;
}
@media (max-width: 1399.98px) {
  .banner-5 .container:before {
    left: -50px;
    right: -50px;
    top: 59.25px;
    bottom: 59.25px;
  }
}
@media (max-width: 1199.98px) {
  .banner-5 .container:before {
    left: -20px;
    right: -20px;
  }
}
@media (max-width: 991.98px) {
  .banner-5 .container:before {
    display: none;
  }
}
.banner-5 .banner-content {
  margin-top: 130px;
}
@media (max-width: 1399.98px) {
  .banner-5 .banner-content {
    margin-top: 119.25px;
  }
}
@media (max-width: 1199.98px) {
  .banner-5 .banner-content {
    margin-top: 117.5px;
  }
}
@media (max-width: 991.98px) {
  .banner-5 .banner-content {
    margin-top: 0;
    padding: 60px 0;
  }
}
@media (max-width: 479.98px) {
  .banner-5 .banner-content {
    text-align: center;
    padding: 50px 0;
  }
}
.banner-5 .banner-content h1.title {
  font-size: 50px;
  line-height: 60px;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  margin: -20px 0 38px;
}
@media (max-width: 1399.98px) {
  .banner-5 .banner-content h1.title {
    font-size: 44px;
    line-height: 54px;
    margin: -18px 0 39px;
  }
}
@media (max-width: 1199.98px) {
  .banner-5 .banner-content h1.title {
    font-size: 39px;
    line-height: 49px;
    margin: -16px 0 29px;
  }
}
@media (max-width: 991.98px) {
  .banner-5 .banner-content h1.title {
    font-size: 34px;
    line-height: 34px;
    margin: -14px 0 25px;
  }
}
@media (max-width: 767.98px) {
  .banner-5 .banner-content h1.title {
    font-size: 28px;
    line-height: 38px;
    margin: -14px 0 21px;
  }
}
@media (max-width: 575.98px) {
  .banner-5 .banner-content h1.title {
    font-size: 25px;
    line-height: 35px;
    margin: -12px 0 21px;
  }
}
@media (max-width: 479.98px) {
  .banner-5 .banner-content h1.title {
    font-size: 22px;
    line-height: 32px;
    margin: -11px 0 22px;
  }
}
.banner-5 .banner-content h1.title span.special {
  font-weight: 700;
  font-size: 95px;
  line-height: 105px;
  letter-spacing: 0.02em;
  display: block;
  margin-bottom: -1px;
}
@media (max-width: 1399.98px) {
  .banner-5 .banner-content h1.title span.special {
    font-size: 84px;
    line-height: 94px;
  }
}
@media (max-width: 1199.98px) {
  .banner-5 .banner-content h1.title span.special {
    font-size: 74px;
    line-height: 84px;
  }
}
@media (max-width: 991.98px) {
  .banner-5 .banner-content h1.title span.special {
    font-size: 64px;
    line-height: 74px;
  }
}
@media (max-width: 767.98px) {
  .banner-5 .banner-content h1.title span.special {
    font-size: 53px;
    line-height: 63px;
  }
}
@media (max-width: 575.98px) {
  .banner-5 .banner-content h1.title span.special {
    font-size: 47px;
    line-height: 57px;
  }
}
@media (max-width: 479.98px) {
  .banner-5 .banner-content h1.title span.special {
    font-size: 42px;
    line-height: 52px;
  }
}
.banner-5 .banner-content .all-btn {
  display: flex;
  gap: 15px;
}
@media (max-width: 479.98px) {
  .banner-5 .banner-content .all-btn {
    justify-content: center;
  }
}
@media (max-width: 479.98px) {
  .banner-5 .banner-content .all-btn .prd-btn-1 {
    width: auto;
  }
}
.banner-5 .banner-content .all-btn a.video-play-btn {
  width: 51px;
}
@media (max-width: 1199.98px) {
  .banner-5 .banner-content .all-btn a.video-play-btn {
    width: 45px;
  }
}
@media (max-width: 767.98px) {
  .banner-5 .banner-content .all-btn a.video-play-btn {
    width: 40px;
  }
}
.banner-5 .banner-content .live-stream-text {
  display: flex;
  gap: 50px;
  position: relative;
  margin-top: -65px;
  padding-top: 159px;
  top: 0;
  left: 280px;
  margin-bottom: 0;
}
@media (max-width: 1399.98px) {
  .banner-5 .banner-content .live-stream-text {
    gap: 40px;
    padding-top: 126.91px;
  }
}
@media (max-width: 1399.98px) {
  .banner-5 .banner-content .live-stream-text {
    gap: 30px;
    padding-top: 108.22px;
    margin-top: -55px;
    left: 260px;
  }
}
@media (max-width: 767.98px) {
  .banner-5 .banner-content .live-stream-text {
    left: 140px;
  }
}
@media (max-width: 575.98px) {
  .banner-5 .banner-content .live-stream-text {
    padding-top: 77.76px;
    gap: 20px;
    left: 120px;
    margin-top: -40px;
  }
}
@media (max-width: 479.98px) {
  .banner-5 .banner-content .live-stream-text {
    padding-top: 0;
    left: 0;
    margin-top: 30px;
    justify-content: center;
  }
}
.banner-5 .banner-content .live-stream-text:before {
  content: "";
  position: absolute;
  top: 0;
  height: 129px;
  width: 402px;
  max-width: none;
  background: url("../img/icon/long-arrow.png") no-repeat 0 0;
  background-size: 402px 129px;
}
@media (max-width: 1399.98px) {
  .banner-5 .banner-content .live-stream-text:before {
    width: 302px;
    height: 96.91px;
    background-size: 302px 96.91px;
  }
}
@media (max-width: 1199.98px) {
  .banner-5 .banner-content .live-stream-text:before {
    width: 250px;
    height: 80.22px;
    background-size: 250px 88.22px;
  }
}
@media (max-width: 767.98px) {
  .banner-5 .banner-content .live-stream-text:before {
    left: 100px;
  }
}
@media (max-width: 575.98px) {
  .banner-5 .banner-content .live-stream-text:before {
    width: 180px;
    height: 57.76px;
    background-size: 180px 57.76px;
  }
}
@media (max-width: 479.98px) {
  .banner-5 .banner-content .live-stream-text:before {
    display: none;
  }
}
.banner-5 .banner-content .live-stream-text .part-icon img {
  width: 155px;
}
@media (max-width: 1399.98px) {
  .banner-5 .banner-content .live-stream-text .part-icon img {
    width: 145px;
  }
}
@media (max-width: 1199.98px) {
  .banner-5 .banner-content .live-stream-text .part-icon img {
    width: 117px;
  }
}
@media (max-width: 575.98px) {
  .banner-5 .banner-content .live-stream-text .part-icon img {
    width: 95px;
  }
}
.banner-5 .banner-content .live-stream-text .part-text h2 {
  font-weight: 400;
  font-size: 46px;
  line-height: 63px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color: #FFC165;
  font-family: "Satisfy", cursive;
  margin: -5px 0 -13px;
}
@media (max-width: 1399.98px) {
  .banner-5 .banner-content .live-stream-text .part-text h2 {
    font-size: 36px;
    line-height: 53px;
    margin: 1px 0 -8px;
  }
}
@media (max-width: 1199.98px) {
  .banner-5 .banner-content .live-stream-text .part-text h2 {
    font-size: 32px;
    line-height: 45px;
  }
}
@media (max-width: 575.98px) {
  .banner-5 .banner-content .live-stream-text .part-text h2 {
    font-size: 24px;
    line-height: 34px;
  }
}
@media (max-width: 479.98px) {
  .banner-5 .banner-content .live-stream-text .part-text h2 {
    text-align: left;
  }
}
.banner-5 .banner-img {
  height: 100%;
}
@media (max-width: 1399.98px) {
  .banner-5 .banner-img {
    height: auto;
  }
}
@media (max-width: 991.98px) {
  .banner-5 .banner-img {
    display: none;
  }
}
.banner-5 .banner-img img {
  width: auto;
  max-width: none;
  height: 100%;
  transition: all 1s ease-out;
  transform: rotate(-60deg);
  opacity: 0;
  position: relative;
  right: -600px;
}
@media (max-width: 1399.98px) {
  .banner-5 .banner-img img {
    width: 630px;
    max-width: none;
    height: auto;
  }
}
@media (max-width: 1199.98px) {
  .banner-5 .banner-img img {
    width: 560px;
  }
}
.banner-5 .banner-img.animated img {
  transform: rotate(0);
  opacity: 1;
  right: 0;
}

.banner-6 {
  background-color: #161D35;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .banner-6 {
    padding-top: 30px;
  }
}
@media (max-width: 767.98px) {
  .banner-6 {
    padding-top: 0;
  }
}
.banner-6:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../img/banner/banner-bg-3.jpg") center center no-repeat;
  background-size: cover;
  z-index: -1;
  opacity: 0.35;
  mix-blend-mode: luminosity;
}
.banner-6 .banner-content {
  padding: 315px 0 230px;
  text-align: center;
}
@media (max-width: 1399.98px) {
  .banner-6 .banner-content {
    padding: 255.25px 0 180px;
  }
}
@media (max-width: 1199.98px) {
  .banner-6 .banner-content {
    padding: 233.5px 0 160px;
  }
}
@media (max-width: 991.98px) {
  .banner-6 .banner-content {
    padding: 0;
  }
}
@media (max-width: 767.98px) {
  .banner-6 .banner-content {
    padding: 60px 0;
  }
}
@media (max-width: 479.98px) {
  .banner-6 .banner-content {
    padding: 50px 0;
  }
}
.banner-6 .banner-content h1.title {
  font-weight: 700;
  font-size: 60px;
  line-height: 75px;
  color: #fff;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  margin-bottom: 36px;
  margin-top: -9px;
}
@media (max-width: 1399.98px) {
  .banner-6 .banner-content h1.title {
    font-size: 55px;
    line-height: 70px;
    margin-bottom: 34px;
    margin-top: -12px;
  }
  .banner-6 .banner-content h1.title br {
    display: none;
  }
}
@media (max-width: 1399.98px) and (max-width: 767.98px) {
  .banner-6 .banner-content h1.title br {
    display: inline-block;
  }
}
@media (max-width: 1199.98px) {
  .banner-6 .banner-content h1.title {
    font-size: 46px;
    line-height: 61px;
    margin-bottom: 26px;
    margin-top: -12px;
  }
}
@media (max-width: 991.98px) {
  .banner-6 .banner-content h1.title {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 29px;
    margin-top: -11px;
  }
}
@media (max-width: 767.98px) {
  .banner-6 .banner-content h1.title {
    margin-top: -8px;
  }
}
@media (max-width: 575.98px) {
  .banner-6 .banner-content h1.title {
    font-size: 34px;
    line-height: 42px;
    margin-bottom: 21px;
  }
}
@media (max-width: 479.98px) {
  .banner-6 .banner-content h1.title {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 16px;
  }
}
.banner-6 .banner-content h1.title span.special {
  display: inline-block;
  position: relative;
  z-index: 2;
  color: #2e3970;
}
.banner-6 .banner-content h1.title span.special:before {
  position: absolute;
  content: "";
  left: -1px;
  top: 12px;
  bottom: 12px;
  right: -1px;
  border-radius: 3px;
  background: #fff;
  z-index: -1;
}
@media (max-width: 991.98px) {
  .banner-6 .banner-content h1.title span.special:before {
    top: 8px;
    bottom: 8px;
  }
}
.banner-6 .banner-content .all-btn {
  display: flex;
  gap: 15px;
  justify-content: center;
}
@media (max-width: 479.98px) {
  .banner-6 .banner-content .all-btn {
    justify-content: center;
  }
}
@media (max-width: 479.98px) {
  .banner-6 .banner-content .all-btn .prd-btn-1 {
    width: auto;
  }
}
.banner-6 .banner-content .all-btn a.video-play-btn {
  width: 51px;
}
@media (max-width: 1199.98px) {
  .banner-6 .banner-content .all-btn a.video-play-btn {
    width: 45px;
  }
}
@media (max-width: 767.98px) {
  .banner-6 .banner-content .all-btn a.video-play-btn {
    width: 40px;
  }
}
.banner-6 .part-img {
  position: relative;
  width: 100%;
}
@media (max-width: 991.98px) {
  .banner-6 .part-img:after, .banner-6 .part-img:before {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .banner-6 .part-img {
    display: none !important;
  }
}
.banner-6 .part-img img.main-img {
  width: auto;
  max-width: none;
  height: auto;
  position: relative;
}
.banner-6 .part-img img.bg-shape-img {
  position: absolute;
  bottom: 0;
  height: auto;
  max-width: none;
}
.banner-6 .part-img.left-side {
  display: flex;
  justify-content: flex-end;
}
.banner-6 .part-img.left-side:after {
  position: absolute;
  content: "";
  right: 250px;
  top: -334px;
  width: 8px;
  height: 800px;
  z-index: 2;
  transform: rotate(141.1deg);
  background: linear-gradient(276deg, #643c70 -11.44%, #305B9F 123.42%);
  opacity: 0;
  transition: opacity 0.6s ease-in;
  transition-delay: 0.6s;
}
@media (max-width: 1399.98px) {
  .banner-6 .part-img.left-side:after {
    top: -388px;
  }
}
@media (max-width: 1199.98px) {
  .banner-6 .part-img.left-side:after {
    top: -438px;
  }
}
.banner-6 .part-img.left-side:before {
  position: absolute;
  content: "";
  right: 500px;
  bottom: -486px;
  width: 8px;
  height: 800px;
  z-index: 2;
  transform: rotate(-129deg);
  background: linear-gradient(276deg, #305B9F -11.44%, #643c70 123.42%);
  opacity: 0;
  transition: opacity 0.6s ease-in;
  transition-delay: 0.6s;
}
@media (max-width: 1199.98px) {
  .banner-6 .part-img.left-side:before {
    right: 460px;
    bottom: -516px;
  }
}
.banner-6 .part-img.left-side img.main-img {
  width: 587px;
  margin-right: -30px;
  z-index: 1;
  opacity: 0;
  transition: opacity 0s 1.2s;
}
@media (max-width: 1399.98px) {
  .banner-6 .part-img.left-side img.main-img {
    width: 517px;
  }
}
@media (max-width: 1199.98px) {
  .banner-6 .part-img.left-side img.main-img {
    width: 437px;
  }
}
@media (max-width: 991.98px) {
  .banner-6 .part-img.left-side img.main-img {
    width: 337px;
    margin-right: -50px;
  }
}
.banner-6 .part-img.left-side img.bg-shape-img {
  right: 500px;
  width: 636px;
  transition: all 0.6s ease-in;
  opacity: 0;
}
@media (max-width: 1199.98px) {
  .banner-6 .part-img.left-side img.bg-shape-img {
    width: 516px;
  }
}
@media (max-width: 991.98px) {
  .banner-6 .part-img.left-side img.bg-shape-img {
    right: -50px;
  }
}
.banner-6 .part-img.left-side.animated:after {
  opacity: 0.5;
}
.banner-6 .part-img.left-side.animated:before {
  opacity: 0.8;
}
.banner-6 .part-img.left-side.animated img.main-img {
  animation: ex-ray 0.01s;
  animation-iteration-count: 40;
  animation-delay: 1s;
  opacity: 1;
}
.banner-6 .part-img.left-side.animated img.bg-shape-img {
  right: 0;
  opacity: 1;
}
.banner-6 .part-img.right-side img.main-img {
  width: 458px;
  z-index: 1;
  position: relative;
  margin-left: -30px;
  opacity: 0;
  transition: opacity 0s 1.2s;
  transition-delay: 2.2s;
}
@media (max-width: 1399.98px) {
  .banner-6 .part-img.right-side img.main-img {
    width: 403px;
  }
}
@media (max-width: 1199.98px) {
  .banner-6 .part-img.right-side img.main-img {
    width: 340px;
  }
}
@media (max-width: 991.98px) {
  .banner-6 .part-img.right-side img.main-img {
    width: 263px;
    margin-left: -50px;
  }
}
.banner-6 .part-img.right-side img.bg-shape-img {
  left: 500px;
  width: 655px;
  opacity: 0;
  transition: all 1s ease-in;
  transition-delay: 0.6s;
}
@media (max-width: 1199.98px) {
  .banner-6 .part-img.right-side img.bg-shape-img {
    width: 535px;
  }
}
@media (max-width: 991.98px) {
  .banner-6 .part-img.right-side img.bg-shape-img {
    left: -50px;
  }
}
.banner-6 .part-img.right-side.animated img.main-img {
  animation: ex-ray-2 0.01s;
  animation-iteration-count: 60;
  animation-delay: 1.6s;
  opacity: 1;
}
.banner-6 .part-img.right-side.animated img.bg-shape-img {
  left: 0;
  opacity: 1;
}

.banner-7 {
  overflow: hidden;
  background: #161D35;
  position: relative;
  z-index: 2;
}
.banner-7:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../img/banner/banner-bg-4.jpg") center center no-repeat;
  background-size: cover;
  z-index: -1;
  opacity: 0.35;
  mix-blend-mode: luminosity;
}
.banner-7 .banner-content {
  text-align: left;
  padding: 260px 0 160px;
}
@media (max-width: 1399.98px) {
  .banner-7 .banner-content {
    padding: 220px 0 140px;
  }
}
@media (max-width: 1199.98px) {
  .banner-7 .banner-content {
    padding: 218.25px 0 120px;
  }
}
@media (max-width: 991.98px) {
  .banner-7 .banner-content {
    padding: 80px 0;
    text-align: center;
  }
}
@media (max-width: 767.98px) {
  .banner-7 .banner-content {
    text-align: center;
    padding: 60px 0;
  }
}
.banner-7 .banner-content h1.title {
  font-size: 80px;
  line-height: 97px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #fff;
  position: relative;
  margin: -20px -30px 30px 0px;
  z-index: 1;
}
@media (max-width: 1399.98px) {
  .banner-7 .banner-content h1.title {
    font-size: 70px;
    line-height: 87px;
    margin-top: -19px;
  }
}
@media (max-width: 1199.98px) {
  .banner-7 .banner-content h1.title {
    font-size: 60px;
    line-height: 77px;
    margin-top: -18px;
    margin-bottom: 33px;
  }
}
@media (max-width: 991.98px) {
  .banner-7 .banner-content h1.title {
    font-size: 50px;
    line-height: 67px;
    margin-top: -15px;
    margin-bottom: 24px;
  }
}
.banner-7 .banner-content h1.title:after {
  position: absolute;
  content: "";
  left: 50%;
  transform: translateX(-50%);
  bottom: -70px;
  width: 673px;
  height: 483px;
  background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  opacity: 0.9;
  filter: blur(148.5px);
  border-radius: 1000px;
  z-index: -1;
}
.banner-7 .banner-content h1.title span.special {
  display: inline-block;
  position: relative;
  z-index: 2;
  color: #fff;
}
.banner-7 .banner-content h1.title span.special:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 21px;
  bottom: 20px;
  right: 3px;
  border-radius: 3px;
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  z-index: -1;
}
@media (max-width: 1399.98px) {
  .banner-7 .banner-content h1.title span.special:before {
    top: 19px;
    bottom: 19px;
  }
}
@media (max-width: 991.98px) {
  .banner-7 .banner-content h1.title span.special:before {
    top: 16px;
    bottom: 16px;
    right: 1px;
  }
}
@media (max-width: 1399.98px) {
  .banner-7 .banner-content h1.title br {
    display: none;
  }
}
.banner-7 .banner-content .all-btn {
  display: inline-flex;
  gap: 20px;
  z-index: 2;
  position: relative;
}
@media (max-width: 991.98px) {
  .banner-7 .banner-content .all-btn {
    justify-content: center;
  }
}
@media (max-width: 479.98px) {
  .banner-7 .banner-content .all-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
}
.banner-7 .part-img {
  position: relative;
}
.banner-7 .part-img img.shape-img {
  height: auto;
  width: 1155px;
  max-width: none;
  mix-blend-mode: lighten;
  margin-left: -313px;
}
@media (max-width: 1399.98px) {
  .banner-7 .part-img img.shape-img {
    width: 999px;
    margin-left: -263px;
  }
}
@media (max-width: 1199.98px) {
  .banner-7 .part-img img.shape-img {
    width: 921px;
  }
}
@media (max-width: 991.98px) {
  .banner-7 .part-img img.shape-img {
    width: 100%;
    margin-left: 0;
  }
}
.banner-7 .part-img img.main-img {
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: none;
  height: auto;
}
.banner-7 .part-img img.main-img.main-img-1 {
  width: 458px;
  z-index: 1;
}
.banner-7 .part-img img.main-img.main-img-2 {
  width: 587px;
  left: 236px;
}
.banner-7 .part-img .glitch {
  position: absolute;
  left: 0;
  bottom: 0;
}
.banner-7 .part-img .glitch.activate .glitch__img {
  mix-blend-mode: color-dodge;
  filter: blur(4px) saturate(1) hue-rotate(36deg);
  opacity: 0.8;
}
.banner-7 .part-img .glitch.img-1 {
  z-index: 1;
  opacity: 0;
  transition: all 0.8s ease-in;
}
.banner-7 .part-img .glitch.img-1 .glitch__img {
  background-image: url("../img/banner/banner-img-11.png");
}
@media (max-width: 1399.98px) {
  .banner-7 .part-img .glitch.img-1 {
    width: 408px;
    max-width: 408px;
    height: 477.48px;
  }
}
@media (max-width: 1199.98px) {
  .banner-7 .part-img .glitch.img-1 {
    width: 358px;
    max-width: 358px;
    height: 418.97px;
  }
}
.banner-7 .part-img .glitch.img-2 {
  width: 587px;
  max-width: 587px;
  height: 609px;
  left: 236px;
  opacity: 0;
  transition: all 0.8s ease-in;
  transition-delay: 1s;
}
@media (max-width: 1399.98px) {
  .banner-7 .part-img .glitch.img-2 {
    width: 537px;
    max-width: 537px;
    height: 557.13px;
    left: 186px;
  }
}
@media (max-width: 1199.98px) {
  .banner-7 .part-img .glitch.img-2 {
    width: 487px;
    max-width: 487px;
    height: 505.25px;
    left: 136px;
  }
}
.banner-7 .part-img .glitch.img-2 .glitch__img {
  background-image: url("../img/banner/banner-img-12.png");
}
.banner-7 .part-img .glitch.animated.img-1 {
  opacity: 1;
}
.banner-7 .part-img .glitch.animated.img-2 {
  opacity: 1;
}

.banner-8 {
  background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.banner-8 .banner-content {
  text-align: left;
  padding: 310px 0 190px;
  position: relative;
  z-index: 2;
}
@media (max-width: 1399.98px) {
  .banner-8 .banner-content {
    padding: 240px 0 140px;
  }
}
@media (max-width: 1199.98px) {
  .banner-8 .banner-content {
    padding: 218.25px 0 120px;
  }
}
@media (max-width: 991.98px) {
  .banner-8 .banner-content {
    padding: 100px 0;
  }
}
@media (max-width: 767.98px) {
  .banner-8 .banner-content {
    text-align: center;
    padding: 60px 0;
  }
}
.banner-8 .banner-content h1.title {
  font-weight: 700;
  font-size: 70px;
  line-height: 80px;
  letter-spacing: 0.02em;
  color: #fff;
  margin: -15px 0 14px 0;
}
@media (max-width: 1399.98px) {
  .banner-8 .banner-content h1.title {
    font-size: 60px;
    line-height: 70px;
    margin: -11px 0 16px 0;
  }
}
@media (max-width: 1199.98px) {
  .banner-8 .banner-content h1.title {
    font-size: 50px;
    line-height: 60px;
    margin: -10px 0 18px 0;
  }
}
@media (max-width: 991.98px) {
  .banner-8 .banner-content h1.title {
    font-size: 44px;
    line-height: 54px;
    margin: -10px 0 22px 0;
  }
}
@media (max-width: 767.98px) {
  .banner-8 .banner-content h1.title {
    font-size: 40px;
    line-height: 50px;
    margin: -9px 0 12px 0;
  }
}
@media (max-width: 575.98px) {
  .banner-8 .banner-content h1.title {
    font-size: 34px;
    line-height: 44px;
  }
}
@media (max-width: 479.98px) {
  .banner-8 .banner-content h1.title {
    font-size: 28px;
    line-height: 38px;
  }
  .banner-8 .banner-content h1.title br {
    display: none;
  }
}
.banner-8 .banner-content p.descr {
  font-weight: 400;
  font-size: 28px;
  line-height: 45px;
  color: rgba(255, 255, 255, 0.8);
  max-width: 750px;
  margin-bottom: 37px;
}
@media (max-width: 1399.98px) {
  .banner-8 .banner-content p.descr {
    font-size: 24px;
    line-height: 40px;
    max-width: 600px;
    margin-bottom: 38px;
  }
}
@media (max-width: 1199.98px) {
  .banner-8 .banner-content p.descr {
    font-size: 20px;
    line-height: 34px;
    max-width: 540px;
    margin-bottom: 30px;
  }
}
@media (max-width: 991.98px) {
  .banner-8 .banner-content p.descr {
    font-size: 18px;
    line-height: 30px;
    max-width: 500px;
    margin-bottom: 31px;
  }
}
@media (max-width: 575.98px) {
  .banner-8 .banner-content p.descr {
    font-size: 16px;
    line-height: 28px;
    max-width: 400px;
    margin-bottom: 22px;
    display: inline-block;
  }
}
@media (max-width: 479.98px) {
  .banner-8 .banner-content p.descr br {
    display: none;
  }
}
.banner-8 .banner-content .all-btn {
  display: flex;
  gap: 15px;
}
@media (max-width: 767.98px) {
  .banner-8 .banner-content .all-btn {
    justify-content: center;
  }
}
@media (max-width: 479.98px) {
  .banner-8 .banner-content .all-btn .prd-btn-1 {
    width: auto;
  }
}
.banner-8 .banner-content .all-btn a.video-play-btn {
  width: 51px;
}
@media (max-width: 1199.98px) {
  .banner-8 .banner-content .all-btn a.video-play-btn {
    width: 45px;
  }
}
@media (max-width: 767.98px) {
  .banner-8 .banner-content .all-btn a.video-play-btn {
    width: 40px;
  }
}
.banner-8 .banner-content .slide-img {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  top: 0;
  right: 0;
  align-items: center;
  height: 100%;
  overflow: hidden;
  z-index: -1;
  transform: skewX(-12deg);
}
@media (max-width: 767.98px) {
  .banner-8 .banner-content .slide-img {
    transform: skewX(0) translateX(50%);
    right: 50%;
  }
}
.banner-8 .banner-content .slide-img:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(98.11deg, #4D233F 0%, #222A4C 0.02%, rgba(48, 91, 159, 0) 550.8%);
}
.banner-8 .banner-content .slide-img:before {
  position: absolute;
  content: "";
  right: 30px;
  width: 5px;
  height: 55%;
  background: #fff;
  bottom: 0;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .banner-8 .banner-content .slide-img:before {
    display: none;
  }
}
.banner-8 .banner-content .slide-img img {
  margin-top: 120px;
  width: 1345px;
  max-width: none;
  transition: all 0.3s ease-in;
  position: absolute;
  top: 0;
  right: -95px;
  opacity: 0;
  transform: skewX(12deg);
}
.banner-8 .banner-content .slide-img img:first-child {
  position: relative;
  opacity: 1;
}
@media (max-width: 1399.98px) {
  .banner-8 .banner-content .slide-img img {
    margin-top: 100px;
  }
}
@media (max-width: 1199.98px) {
  .banner-8 .banner-content .slide-img img {
    margin-top: 98.25px;
  }
}
@media (max-width: 991.98px) {
  .banner-8 .banner-content .slide-img img {
    margin-top: 0;
  }
}
@media (max-width: 767.98px) {
  .banner-8 .banner-content .slide-img img {
    transform: skewX(0);
  }
}
.banner-8 .banner-content .prev-nxt {
  position: absolute;
  z-index: 555;
  left: 82%;
  display: flex;
  overflow: hidden;
  bottom: 150px;
}
@media (max-width: 1399.98px) {
  .banner-8 .banner-content .prev-nxt {
    left: 81.5%;
  }
}
@media (max-width: 1199.98px) {
  .banner-8 .banner-content .prev-nxt {
    left: 78.4%;
    bottom: 120px;
  }
}
@media (max-width: 991.98px) {
  .banner-8 .banner-content .prev-nxt {
    bottom: 100px;
  }
}
@media (max-width: 767.98px) {
  .banner-8 .banner-content .prev-nxt {
    display: none;
  }
}
.banner-8 .banner-content .prev-nxt button {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #FFFFFF;
  border: none;
  height: 60px;
  padding: 0 30px;
  gap: 10px;
  position: relative;
  z-index: 2;
}
.banner-8 .banner-content .prev-nxt button:after {
  position: absolute;
  content: "";
  left: -10px;
  top: 0;
  right: -10px;
  bottom: 0;
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  z-index: -1;
  transform: skewX(-12deg);
}
.banner-8 .banner-content .prev-nxt button.customNextBtn:after {
  left: -6px;
  background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
}
@media (max-width: 1399.98px) {
  .banner-8 .banner-content .prev-nxt button {
    height: 50px;
    padding: 0 25px;
    font-size: 14px;
  }
}
@media (max-width: 991.98px) {
  .banner-8 .banner-content .prev-nxt button {
    height: 45px;
    padding: 0 20px;
  }
}
.banner-8 .banner-content .owl-dots {
  display: none;
}
.banner-8 .slide-next-img {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
  transform: skewX(-12deg);
}
.banner-8 .slide-next-img:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 848px;
  height: 100%;
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  opacity: 0.8;
}
.banner-8 .slide-next-img:before {
  position: absolute;
  content: "";
  left: 30px;
  width: 5px;
  height: 55%;
  background: #fff;
  top: 0;
  z-index: 1;
}
.banner-8 .slide-next-img img {
  width: 848px;
  max-width: none;
  height: auto;
  transition: all 0.3s ease-in;
  position: absolute;
  left: -95px;
  top: 0;
  opacity: 0;
  transform: skewX(12deg);
}
.banner-8 .slide-next-img img:nth-child(2) {
  opacity: 1;
}
@media (max-width: 1399.98px) {
  .banner-8 .slide-next-img img {
    width: 670px;
  }
}
@media (max-width: 1199.98px) {
  .banner-8 .slide-next-img img {
    width: 590px;
  }
}
@media (max-width: 991.98px) {
  .banner-8 .slide-next-img img {
    width: 450px;
  }
}

.banner-9 {
  position: relative;
  z-index: 2;
}
.banner-9:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../img/banner/banner-bg-5.jpg") center center no-repeat;
  background-size: cover;
  z-index: -1;
  opacity: 0.05;
}
.banner-9 .header-9 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 30px 30px 0 0;
}
@media (max-width: 767.98px) {
  .banner-9 .header-9 {
    position: relative;
    padding-right: 0;
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 1px solid #ddd;
  }
}
@media (max-width: 575.98px) {
  .banner-9 .header-9 {
    margin-left: 20px;
    margin-right: 20px;
    width: auto;
  }
}
@media (max-width: 479.98px) {
  .banner-9 .header-9 {
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 15px;
    padding-top: 15px;
  }
}
@media (max-width: 1399.98px) {
  .banner-9 .header-9 .logo a img {
    height: 50px;
    width: auto;
    max-width: none;
  }
}
@media (max-width: 1199.98px) {
  .banner-9 .header-9 .logo a img {
    height: 40px;
  }
}
@media (max-width: 575.98px) {
  .banner-9 .header-9 .logo a img {
    height: 35px;
  }
}
@media (max-width: 479.98px) {
  .banner-9 .header-9 .logo a img {
    height: 30px;
  }
}
.banner-9 .header-9 button.nav-btn {
  background: none;
  border: none;
  padding: 0;
}
@media (max-width: 1399.98px) {
  .banner-9 .header-9 button.nav-btn {
    width: 35px;
  }
}
@media (max-width: 1199.98px) {
  .banner-9 .header-9 button.nav-btn {
    width: 30px;
  }
}
@media (max-width: 479.98px) {
  .banner-9 .header-9 button.nav-btn {
    width: 25px;
  }
}
.banner-9 .banner-content {
  margin-top: 90px;
}
@media (max-width: 1399.98px) {
  .banner-9 .banner-content {
    margin-top: 80px;
  }
}
@media (max-width: 1199.98px) {
  .banner-9 .banner-content {
    margin-top: 70px;
  }
}
@media (max-width: 767.98px) {
  .banner-9 .banner-content {
    margin-top: 0;
    text-align: center;
    padding: 60px 0;
  }
}
.banner-9 .banner-content h3.sub-title {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(108.99deg, #FF5176 -21.01%, #FB7A6B 45.45%);
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  display: inline-block;
  margin-top: -7px;
  margin-bottom: 23px;
}
@media (max-width: 1399.98px) {
  .banner-9 .banner-content h3.sub-title {
    letter-spacing: 0.16em;
    margin-bottom: 17px;
  }
}
@media (max-width: 1199.98px) {
  .banner-9 .banner-content h3.sub-title {
    margin-bottom: 9px;
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 991.98px) {
  .banner-9 .banner-content h3.sub-title {
    margin-bottom: 11px;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.14em;
  }
}
@media (max-width: 767.98px) {
  .banner-9 .banner-content h3.sub-title {
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 28px;
  }
}
@media (max-width: 575.98px) {
  .banner-9 .banner-content h3.sub-title {
    margin-bottom: 14px;
    font-size: 16px;
    line-height: 26px;
  }
}
@media (max-width: 479.98px) {
  .banner-9 .banner-content h3.sub-title {
    margin-bottom: 9px;
    font-size: 14px;
    line-height: 24px;
  }
}
.banner-9 .banner-content h1.title {
  font-weight: 700;
  font-size: 70px;
  line-height: 85px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #413a67;
  margin-bottom: 32px;
}
@media (max-width: 1399.98px) {
  .banner-9 .banner-content h1.title {
    font-size: 55px;
    line-height: 65px;
    margin-bottom: 27px;
  }
}
@media (max-width: 1199.98px) {
  .banner-9 .banner-content h1.title {
    font-size: 50px;
    line-height: 60px;
  }
}
@media (max-width: 991.98px) {
  .banner-9 .banner-content h1.title {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 19px;
  }
}
@media (max-width: 767.98px) {
  .banner-9 .banner-content h1.title {
    font-size: 34px;
    line-height: 44px;
    margin-bottom: 20px;
    max-width: 400px;
    display: inline-block;
  }
  .banner-9 .banner-content h1.title br {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .banner-9 .banner-content h1.title {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 21px;
    width: 300px;
    display: inline-block;
  }
}
@media (max-width: 479.98px) {
  .banner-9 .banner-content h1.title {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 21px;
  }
}
.banner-9 .banner-content h1.title span.special {
  display: inline-block;
  position: relative;
  z-index: 2;
  color: #fff;
}
.banner-9 .banner-content h1.title span.special:before {
  position: absolute;
  content: "";
  left: 2px;
  top: 18px;
  bottom: 18px;
  right: 3px;
  border-radius: 3px;
  background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  z-index: -1;
}
@media (max-width: 1399.98px) {
  .banner-9 .banner-content h1.title span.special:before {
    top: 14px;
    bottom: 13px;
  }
}
@media (max-width: 1199.98px) {
  .banner-9 .banner-content h1.title span.special:before {
    top: 13px;
    bottom: 12px;
  }
}
@media (max-width: 991.98px) {
  .banner-9 .banner-content h1.title span.special:before {
    top: 11px;
    bottom: 11px;
  }
}
@media (max-width: 991.98px) {
  .banner-9 .banner-content h1.title span.special:before {
    top: 10px;
    bottom: 10px;
  }
}
@media (max-width: 575.98px) {
  .banner-9 .banner-content h1.title span.special:before {
    top: 9px;
    bottom: 9px;
  }
}
.banner-9 .banner-content .all-btn {
  display: inline-flex;
  gap: 20px;
}
@media (max-width: 479.98px) {
  .banner-9 .banner-content .all-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
}
.banner-9 .part-img {
  position: relative;
}
@media (max-width: 767.98px) {
  .banner-9 .part-img {
    display: none;
  }
}
.banner-9 .part-img img.bg-img {
  width: 748px;
  max-width: none;
  height: auto;
}
@media (max-width: 1399.98px) {
  .banner-9 .part-img img.bg-img {
    width: 640px;
  }
}
@media (max-width: 1199.98px) {
  .banner-9 .part-img img.bg-img {
    width: 540px;
  }
}
@media (max-width: 991.98px) {
  .banner-9 .part-img img.bg-img {
    width: 440px;
  }
}
.banner-9 .part-img img.main-img {
  position: absolute;
  bottom: 0;
  left: -196.6666666667px;
  width: 590px;
  max-width: none;
  height: auto;
}
@media (max-width: 1399.98px) {
  .banner-9 .part-img img.main-img {
    left: -163.3333333333px;
    width: 490px;
  }
}
@media (max-width: 1199.98px) {
  .banner-9 .part-img img.main-img {
    left: -130px;
    width: 390px;
  }
}
@media (max-width: 991.98px) {
  .banner-9 .part-img img.main-img {
    left: -96.6666666667px;
    width: 290px;
  }
}

.banner-10 {
  overflow: visible;
}
.banner-10 .banner-content {
  padding-bottom: 0;
  position: relative;
  z-index: 3;
}
@media (max-width: 1399.98px) {
  .banner-10 .banner-content {
    padding-top: 200px;
  }
}
@media (max-width: 991.98px) {
  .banner-10 .banner-content {
    padding-top: 0;
    padding: 60px 0;
    text-align: center;
  }
}
.banner-10 .banner-content h1.title {
  text-transform: capitalize;
  letter-spacing: 0.02em;
  margin-bottom: 24px;
  margin-top: -15px;
}
@media (max-width: 1399.98px) {
  .banner-10 .banner-content h1.title {
    margin-bottom: 14px;
  }
}
@media (max-width: 1199.98px) {
  .banner-10 .banner-content h1.title {
    margin-bottom: 15px;
  }
}
@media (max-width: 991.98px) {
  .banner-10 .banner-content h1.title {
    margin-top: -9px;
    margin-bottom: 12px;
  }
}
@media (max-width: 575.98px) {
  .banner-10 .banner-content h1.title {
    width: auto;
    margin-bottom: 13px;
  }
}
@media (max-width: 479.98px) {
  .banner-10 .banner-content h1.title {
    margin-top: -8px;
  }
}
.banner-10 .banner-content p.descr {
  font-weight: 400;
  font-size: 28px;
  line-height: 45px;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 37px;
}
@media (max-width: 1399.98px) {
  .banner-10 .banner-content p.descr {
    font-size: 24px;
    line-height: 40px;
    margin-bottom: 28px;
  }
}
@media (max-width: 1199.98px) {
  .banner-10 .banner-content p.descr {
    font-size: 20px;
    line-height: 34px;
    margin-bottom: 30px;
  }
}
@media (max-width: 991.98px) {
  .banner-10 .banner-content p.descr {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 31px;
  }
}
@media (max-width: 575.98px) {
  .banner-10 .banner-content p.descr {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 22px;
    display: inline-block;
  }
}
@media (max-width: 479.98px) {
  .banner-10 .banner-content p.descr br {
    display: none;
  }
}
.banner-10 .banner-bottom-player-img {
  position: relative;
}
@media (max-width: 991.98px) {
  .banner-10 .banner-bottom-player-img {
    display: none;
  }
}
.banner-10 .banner-bottom-player-img img.main-img {
  position: absolute;
  right: 1500px;
  opacity: 0;
  bottom: -45px;
  z-index: 2;
  width: 622px;
  transition: right 1s cubic-bezier(1, 1.48, 0, 1.01);
}
.banner-10 .banner-bottom-player-img img.main-img.animated {
  right: 175px;
  opacity: 1;
}
@media (max-width: 1399.98px) {
  .banner-10 .banner-bottom-player-img img.main-img {
    width: 522px;
  }
  .banner-10 .banner-bottom-player-img img.main-img.animated {
    right: 275px;
    opacity: 1;
  }
}
@media (max-width: 1199.98px) {
  .banner-10 .banner-bottom-player-img img.main-img {
    width: 422px;
    bottom: -25px;
  }
}
.banner-10 .banner-bottom-player-img img.ball-img {
  position: absolute;
  width: 150px;
  right: 50px;
  top: 50px;
  animation: element-rotating 5s linear infinite;
}
.banner-10 .banner-bottom-player-img img.ball-img.animated {
  animation: ball-kicking linear 1s;
}
@media (max-width: 1399.98px) {
  .banner-10 .banner-bottom-player-img img.ball-img {
    width: 100px;
    right: 200px;
    top: 40px;
  }
  .banner-10 .banner-bottom-player-img img.ball-img.animated {
    animation: ball-kicking_down_xxl linear 1s;
  }
}
@media (max-width: 1199.98px) {
  .banner-10 .banner-bottom-player-img img.ball-img {
    width: 90px;
  }
}
.banner-10 .banner-bottom-player-img img.bg-img {
  mix-blend-mode: luminosity;
  width: 953px;
}
@media (max-width: 1399.98px) {
  .banner-10 .banner-bottom-player-img img.bg-img {
    width: 753px;
  }
}
@media (max-width: 1199.98px) {
  .banner-10 .banner-bottom-player-img img.bg-img {
    width: 653px;
  }
}
.banner-10 .shape-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.space-600 {
  height: 600px;
}

.scroll-down {
  margin-bottom: -110px;
}
@media (max-width: 991.98px) {
  .scroll-down {
    margin-bottom: 0;
  }
}
.scroll-down .container {
  display: flex;
  justify-content: center;
  position: relative;
  top: -55px;
  z-index: 55;
}
@media (max-width: 991.98px) {
  .scroll-down .container {
    display: none;
  }
}
.scroll-down a.scroll-down-btn {
  width: 35px;
  height: 110px;
  display: inline-flex;
  background: linear-gradient(144.14deg, #CDA134 -11.44%, #0D1A34 123.42%);
  flex-direction: column;
  align-items: center;
  border-radius: 50px;
  outline: 13px solid #fff;
  justify-content: center;
  gap: 10px;
}
@media (max-width: 1399.98px) {
  .scroll-down a.scroll-down-btn {
    outline: 7px solid #fff;
  }
}
.scroll-down a.scroll-down-btn span.straight-line {
  display: inline-block;
  height: 20px;
  width: 1px;
  background: #fff;
}
.scroll-down a.scroll-down-btn .arrow-icon {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.scroll-down a.scroll-down-btn .arrow-icon i {
  color: #fff;
  font-size: 18px;
  line-height: 8px;
}
.scroll-down a.scroll-down-btn .arrow-icon i:first-child {
  animation: auto-opacity-magic-1 2s infinite;
}
.scroll-down a.scroll-down-btn .arrow-icon i:nth-child(2) {
  animation: auto-opacity-magic-2 2s infinite;
}
.scroll-down a.scroll-down-btn .arrow-icon i:last-child {
  animation: auto-opacity-magic-3 2s infinite;
}

.get-live {
  background: #161D35;
}
.get-live .part-play-video {
  display: flex;
  justify-content: flex-end;
  position: relative;
  z-index: 12;
}
@media (max-width: 479.98px) {
  .get-live .part-play-video {
    justify-content: center;
    overflow: hidden;
  }
}
.get-live .part-play-video img.video-img {
  width: auto;
  max-width: none;
  height: 100%;
}
@media (max-width: 1399.98px) {
  .get-live .part-play-video img.video-img {
    height: 200px;
  }
}
@media (max-width: 1199.98px) {
  .get-live .part-play-video img.video-img {
    height: 180px;
  }
}
@media (max-width: 991.98px) {
  .get-live .part-play-video img.video-img {
    height: 150px;
  }
}
@media (max-width: 767.98px) {
  .get-live .part-play-video img.video-img {
    height: auto;
    width: 100%;
  }
}
@media (max-width: 479.98px) {
  .get-live .part-play-video img.video-img {
    height: 150px;
    width: auto;
  }
}
.get-live .part-play-video a.video-play-button {
  display: inline-block;
  width: 70px;
  height: 70px;
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  box-shadow: 0px 4px 41px #000000;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 72px;
  font-size: 20px;
}
@media (max-width: 991.98px) {
  .get-live .part-play-video a.video-play-button {
    width: 60px;
    height: 60px;
    line-height: 62px;
    font-size: 15px;
  }
}
@media (max-width: 767.98px) {
  .get-live .part-play-video a.video-play-button {
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
  }
}
@media (max-width: 479.98px) {
  .get-live .part-play-video a.video-play-button {
    width: 55px;
    height: 55px;
    line-height: 57px;
    font-size: 13px;
  }
}
.get-live .part-play-video a.video-play-button:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  z-index: -1;
  border-radius: 50%;
  transition: all 0.3s ease-in;
  opacity: 0;
}
.get-live .part-play-video a.video-play-button img {
  position: absolute;
  width: 60px;
  height: 60px;
  left: 5px;
  top: 5px;
}
@media (max-width: 991.98px) {
  .get-live .part-play-video a.video-play-button img {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 479.98px) {
  .get-live .part-play-video a.video-play-button img {
    width: 45px;
    height: 45px;
  }
}
.get-live .part-play-video a.video-play-button:hover:after {
  opacity: 1;
}
.get-live .part-text {
  display: flex;
  align-items: center;
  padding-left: 67px;
  margin-right: -67px;
}
@media (max-width: 1399.98px) {
  .get-live .part-text {
    margin-right: 0;
  }
}
@media (max-width: 1199.98px) {
  .get-live .part-text {
    margin-right: -40px;
    padding-left: 27px;
  }
}
@media (max-width: 767.98px) {
  .get-live .part-text {
    margin-right: 0;
    padding: 30px 0;
    padding-left: 20px;
  }
}
@media (max-width: 479.98px) {
  .get-live .part-text {
    flex-direction: column;
    align-items: flex-start;
  }
}
.get-live .part-text img.icon-img {
  width: 115px;
  margin-right: 50px;
}
@media (max-width: 1399.98px) {
  .get-live .part-text img.icon-img {
    width: 95px;
  }
}
@media (max-width: 1199.98px) {
  .get-live .part-text img.icon-img {
    margin-right: 30px;
    width: 90px;
  }
}
@media (max-width: 991.98px) {
  .get-live .part-text img.icon-img {
    width: 80px;
  }
}
@media (max-width: 767.98px) {
  .get-live .part-text img.icon-img {
    width: 70px;
  }
}
@media (max-width: 479.98px) {
  .get-live .part-text img.icon-img {
    width: 60px;
  }
}
.get-live .part-text h2.title {
  font-weight: 700;
  font-size: 40px;
  line-height: 58px;
  letter-spacing: 0.03em;
  text-transform: capitalize;
  color: rgba(255, 255, 255, 0.9);
  margin-top: -15px;
  margin-bottom: -15px;
}
@media (max-width: 1399.98px) {
  .get-live .part-text h2.title {
    font-size: 36px;
    line-height: 54px;
    margin-top: -16px;
    margin-bottom: -16px;
  }
}
@media (max-width: 1199.98px) {
  .get-live .part-text h2.title {
    font-size: 32px;
    line-height: 50px;
    margin-top: -13px;
    margin-bottom: -13px;
  }
}
@media (max-width: 991.98px) {
  .get-live .part-text h2.title {
    font-size: 28px;
    line-height: 46px;
    margin-top: -15px;
    margin-bottom: -15px;
  }
}
@media (max-width: 767.98px) {
  .get-live .part-text h2.title {
    font-size: 26px;
    line-height: 40px;
  }
}
@media (max-width: 575.98px) {
  .get-live .part-text h2.title {
    font-size: 24px;
    line-height: 36px;
  }
}
@media (max-width: 479.98px) {
  .get-live .part-text h2.title {
    margin-top: 21px;
    margin-bottom: 0px;
  }
}

.about {
  overflow: hidden;
  position: relative;
}
.about:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #4d233f;
  opacity: 0.1;
}
.about .part-img {
  position: relative;
}
@media (max-width: 991.98px) {
  .about .part-img {
    display: none;
  }
}
.about .part-img img.img-shape {
  width: auto;
  max-width: none;
  height: 783px;
  margin-top: 46px;
  margin-right: -52px;
  position: relative;
  left: -374px;
  bottom: -370px;
  left: 0;
  bottom: 0;
}
@media (max-width: 1399.98px) {
  .about .part-img img.img-shape {
    height: 630px;
  }
}
@media (max-width: 1199.98px) {
  .about .part-img img.img-shape {
    height: 547px;
  }
}
.about .part-img img.main-img {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) scale(0.8);
  width: 642px;
  max-width: none;
}
@media (max-width: 1399.98px) {
  .about .part-img img.main-img {
    width: 500px;
    right: 40px;
  }
}
@media (max-width: 1199.98px) {
  .about .part-img img.main-img {
    top: 50%;
    transform: translateY(-50%) scale(0.8);
    width: 500px;
    top: 0;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 1399.98px) {
  .about .about-text {
    padding: 100px 0;
  }
}
@media (max-width: 991.98px) {
  .about .about-text {
    padding: 80px 0;
  }
}
@media (max-width: 767.98px) {
  .about .about-text {
    padding: 60px 0;
  }
}
.about .about-text .part-bottom {
  display: flex;
}
@media (max-width: 1199.98px) {
  .about .about-text .part-bottom {
    gap: 35px;
    flex-direction: column;
  }
}
.about .about-text .part-bottom .part-statics {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 35px;
}
@media (max-width: 1399.98px) {
  .about .about-text .part-bottom .part-statics {
    justify-content: flex-start;
    gap: 50px;
  }
}
@media (max-width: 1199.98px) {
  .about .about-text .part-bottom .part-statics {
    gap: 29px;
    flex-direction: row;
    margin-right: 0;
  }
}
@media (max-width: 767.98px) {
  .about .about-text .part-bottom .part-statics {
    gap: 50px;
  }
}
@media (max-width: 479.98px) {
  .about .about-text .part-bottom .part-statics {
    gap: 0;
    justify-content: space-between;
  }
}
.about .about-text .part-bottom .part-statics .single-statics {
  display: flex;
  justify-content: space-evenly;
  gap: 20px;
  align-items: center;
}
@media (max-width: 767.98px) {
  .about .about-text .part-bottom .part-statics .single-statics {
    flex-direction: column;
    align-items: flex-start;
    gap: 22px;
  }
}
.about .about-text .part-bottom .part-statics .single-statics .part-icon {
  width: 60px;
  flex: none;
}
@media (max-width: 1199.98px) {
  .about .about-text .part-bottom .part-statics .single-statics .part-icon {
    width: 50px;
  }
}
.about .about-text .part-bottom .part-statics .single-statics .part-icon img {
  width: 100%;
}
@media (max-width: 575.98px) {
  .about .about-text .part-bottom .part-statics .single-statics .part-icon {
    display: none;
  }
}
.about .about-text .part-bottom .part-statics .single-statics .part-txt {
  display: flex;
  flex-direction: column;
  white-space: pre;
}
@media (max-width: 1399.98px) {
  .about .about-text .part-bottom .part-statics .single-statics .part-txt {
    gap: 3px;
  }
}
@media (max-width: 1199.98px) {
  .about .about-text .part-bottom .part-statics .single-statics .part-txt {
    gap: 0;
  }
}
@media (max-width: 767.98px) {
  .about .about-text .part-bottom .part-statics .single-statics .part-txt {
    gap: 3px;
  }
}
.about .about-text .part-bottom .part-statics .single-statics .part-txt span.number {
  display: table;
  font-weight: 500;
  font-size: 34px;
  line-height: 44px;
  text-transform: capitalize;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  margin-top: -8px;
  margin-bottom: -2px;
}
.about .about-text .part-bottom .part-statics .single-statics .part-txt span.number .odometer-inside {
  display: inline-block;
}
.about .about-text .part-bottom .part-statics .single-statics .part-txt span.number .odometer-inside .odometer-value {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
}
@media (max-width: 1399.98px) {
  .about .about-text .part-bottom .part-statics .single-statics .part-txt span.number {
    font-size: 30px;
    line-height: 40px;
  }
}
@media (max-width: 1199.98px) {
  .about .about-text .part-bottom .part-statics .single-statics .part-txt span.number {
    font-size: 26px;
    line-height: 36px;
  }
}
@media (max-width: 767.98px) {
  .about .about-text .part-bottom .part-statics .single-statics .part-txt span.number {
    font-size: 30px;
    line-height: 40px;
  }
}
@media (max-width: 479.98px) {
  .about .about-text .part-bottom .part-statics .single-statics .part-txt span.number {
    font-size: 26px;
    line-height: 36px;
  }
}
.about .about-text .part-bottom .part-statics .single-statics .part-txt span.number#all-sports:after {
  content: "+";
}
.about .about-text .part-bottom .part-statics .single-statics .part-txt span.number#streaming .odometer-formatting-mark {
  display: none;
}
.about .about-text .part-bottom .part-statics .single-statics .part-txt span.number#bet_player:after {
  content: "k";
}
.about .about-text .part-bottom .part-statics .single-statics .part-txt span.text {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.05em;
  text-transform: capitalize;
  color: #5C6172;
  margin-bottom: -8px;
}
@media (max-width: 1399.98px) {
  .about .about-text .part-bottom .part-statics .single-statics .part-txt span.text {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (max-width: 479.98px) {
  .about .about-text .part-bottom .part-statics .single-statics .part-txt span.text {
    font-size: 16px;
    line-height: 26px;
  }
}
.about .about-text .part-bottom .part-statics .single-statics:first-child .part-icon {
  width: 64px;
}
@media (max-width: 1199.98px) {
  .about .about-text .part-bottom .part-statics .single-statics:first-child .part-icon {
    width: 54px;
  }
}
.about .about-text .part-bottom .part-descr p {
  font-weight: 400;
  font-size: 17px;
  line-height: 33px;
  color: #5C6172;
  margin-top: -8px;
  margin-bottom: 23px;
}
@media (max-width: 1399.98px) {
  .about .about-text .part-bottom .part-descr p {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 20px;
  }
}
@media (max-width: 1199.98px) {
  .about .about-text .part-bottom .part-descr p {
    margin-top: -6px;
  }
}
@media (max-width: 479.98px) {
  .about .about-text .part-bottom .part-descr p {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 17px;
  }
}
.about .about-text .part-bottom .part-descr p span {
  display: inline-block;
}
.about .about-text .part-bottom .part-descr p span.txt-bold {
  font-weight: 500;
}
.about .about-text .part-bottom .part-descr ul {
  margin-top: -6px;
  margin-bottom: 43px;
}
@media (max-width: 1399.98px) {
  .about .about-text .part-bottom .part-descr ul {
    margin-bottom: 33px;
  }
}
@media (max-width: 575.98px) {
  .about .about-text .part-bottom .part-descr ul {
    margin-bottom: 23px;
  }
}
.about .about-text .part-bottom .part-descr ul li {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #5C6172;
  position: relative;
  padding-left: 25px;
  margin-bottom: 11px;
}
@media (max-width: 479.98px) {
  .about .about-text .part-bottom .part-descr ul li {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 11px;
  }
}
.about .about-text .part-bottom .part-descr ul li:before {
  content: "";
  left: 0.5px;
  top: calc(50% + 0.5px);
  width: 8.75px;
  height: 8.75px;
  background: #161D35;
  border-radius: 50%;
  position: absolute;
  opacity: 0.3;
  transform: translateY(-50%);
}
@media (max-width: 1399.98px) {
  .about .about-text .part-bottom .part-descr ul li:before {
    top: 10.5px;
    transform: translateY(0);
  }
}
.about .about-text .part-bottom .part-descr ul li:after {
  content: "";
  left: -0.5px;
  top: calc(50% - 0.5px);
  width: 8.75px;
  height: 8.75px;
  background: linear-gradient(135.89deg, #ff7d99 -5.11%, #f7a399 97.89%);
  border-radius: 50%;
  position: absolute;
  transform: translateY(-50%);
}
@media (max-width: 1399.98px) {
  .about .about-text .part-bottom .part-descr ul li:after {
    top: 9.5px;
    transform: translateY(0);
  }
}
.about .about-text .part-bottom .part-descr a.btn-pok {
  margin-top: 26px;
}
@media (max-width: 767.98px) {
  .about .about-text .part-bottom .part-descr a.btn-pok {
    margin-top: 16px;
  }
}
@media (max-width: 479.98px) {
  .about .about-text .part-bottom .part-descr a.btn-pok {
    margin-top: 11px;
  }
}
.about.affiliate-about img.img-shape {
  height: 742px;
  margin-right: -24px;
}
@media (max-width: 1399.98px) {
  .about.affiliate-about img.img-shape {
    height: 640px;
    margin-right: -62px;
  }
}
@media (max-width: 1199.98px) {
  .about.affiliate-about img.img-shape {
    height: 550px;
    margin-right: -52px;
  }
}
.about.affiliate-about img.main-img {
  width: 722px;
  right: -42px;
  top: auto;
  transform: none;
  bottom: 110px;
}
@media (max-width: 1399.98px) {
  .about.affiliate-about img.main-img {
    width: 622px;
    right: 50px;
  }
}
.about.affiliate-about .part-bottom {
  gap: 50px;
  margin-bottom: -1px;
}
@media (max-width: 1399.98px) {
  .about.affiliate-about .part-bottom {
    margin-bottom: -9px;
  }
}
@media (max-width: 1199.98px) {
  .about.affiliate-about .part-bottom {
    gap: 30px;
  }
}
@media (max-width: 991.98px) {
  .about.affiliate-about .part-bottom {
    flex-direction: row;
  }
}
@media (max-width: 479.98px) {
  .about.affiliate-about .part-bottom {
    flex-direction: column;
  }
}
.about.affiliate-about .part-bottom .part-feature {
  white-space: nowrap;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .about.affiliate-about .part-bottom .part-feature {
    white-space: normal;
    display: flex;
    justify-content: space-between;
  }
}
@media (max-width: 991.98px) {
  .about.affiliate-about .part-bottom .part-feature {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}
.about.affiliate-about .part-bottom .part-feature .single-feature {
  position: relative;
  z-index: 2;
  padding: 24px 35px 24px 36px;
  margin-bottom: 30px;
}
@media (max-width: 1399.98px) {
  .about.affiliate-about .part-bottom .part-feature .single-feature {
    padding: 20px 25px 20px 25px;
  }
}
@media (max-width: 1199.98px) {
  .about.affiliate-about .part-bottom .part-feature .single-feature {
    padding: 15px 25px 15px 25px;
    margin-bottom: 0;
  }
}
@media (max-width: 479.98px) {
  .about.affiliate-about .part-bottom .part-feature .single-feature {
    padding: 10px 20px 10px 20px;
  }
}
.about.affiliate-about .part-bottom .part-feature .single-feature:last-child {
  margin-bottom: 0;
}
.about.affiliate-about .part-bottom .part-feature .single-feature:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  opacity: 0.07;
  z-index: -1;
  border-radius: 20px;
}
.about.affiliate-about .part-bottom .part-feature .single-feature span.text {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  text-transform: capitalize;
  position: relative;
  padding-left: 48px;
}
@media (max-width: 1399.98px) {
  .about.affiliate-about .part-bottom .part-feature .single-feature span.text {
    padding-left: 43px;
    font-size: 18px;
    line-height: 28px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .about.affiliate-about .part-bottom .part-feature .single-feature span.text {
    padding-left: 0;
    font-size: 17px;
    line-height: 27px;
  }
}
@media (min-width: 480px) and (max-width: 767.98px) {
  .about.affiliate-about .part-bottom .part-feature .single-feature span.text {
    padding-left: 0;
  }
}
@media (max-width: 479.98px) {
  .about.affiliate-about .part-bottom .part-feature .single-feature span.text {
    font-size: 16px;
    line-height: 26px;
    padding-left: 33px;
  }
}
.about.affiliate-about .part-bottom .part-feature .single-feature span.text:after {
  position: absolute;
  content: "";
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  border-radius: 50%;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .about.affiliate-about .part-bottom .part-feature .single-feature span.text:after {
    display: none;
  }
}
@media (min-width: 480px) and (max-width: 767.98px) {
  .about.affiliate-about .part-bottom .part-feature .single-feature span.text:after {
    display: none;
  }
}
@media (max-width: 479.98px) {
  .about.affiliate-about .part-bottom .part-feature .single-feature span.text:after {
    width: 10px;
    height: 10px;
  }
}
.about.affiliate-about .part-bottom .part-descr p span.special {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  font-weight: 600;
}
.about.affiliate-about .part-bottom .part-descr p:last-child {
  margin-bottom: 0px;
}

.flying-shadow {
  position: fixed;
  z-index: 99999;
  transition: 0.6s;
  transition-property: left, top;
  left: 0;
  top: 0;
  font-size: 20px;
}
.flying-shadow.hide {
  opacity: 0;
}

.scrollable-menu .os-scrollbar {
  display: none !important;
}

.scrollable-menu .os-scrollbar-track {
  display: none !important;
}

.playing-bet {
  padding: 120px 0 60px;
  position: relative;
}
@media (max-width: 1399.98px) {
  .playing-bet {
    padding: 100px 0 50px;
  }
}
@media (max-width: 991.98px) {
  .playing-bet {
    padding: 80px 0 40px;
  }
}
@media (max-width: 767.98px) {
  .playing-bet {
    padding: 60px 0 30px;
  }
}
.playing-bet.placing-bet-page {
  padding: 120px 0;
}
@media (max-width: 1399.98px) {
  .playing-bet.placing-bet-page {
    padding: 100px 0;
  }
}
@media (max-width: 991.98px) {
  .playing-bet.placing-bet-page {
    padding: 80px 0;
  }
}
@media (max-width: 767.98px) {
  .playing-bet.placing-bet-page {
    padding: 60px 0;
  }
}
.playing-bet .sports-menu {
  margin-bottom: 46px;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .playing-bet .sports-menu {
    margin-bottom: 36px;
  }
}
@media (max-width: 575.98px) {
  .playing-bet .sports-menu {
    margin-bottom: 37px;
  }
}
@media (max-width: 479.98px) {
  .playing-bet .sports-menu {
    margin-bottom: 27px;
  }
}
.playing-bet .sports-menu .nav {
  justify-content: center;
  gap: 50px;
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
}
@media (min-width: 992px) {
  .playing-bet .sports-menu .nav {
    transform: none !important;
  }
}
@media (max-width: 1399.98px) {
  .playing-bet .sports-menu .nav {
    gap: 45px;
  }
}
@media (max-width: 1199.98px) {
  .playing-bet .sports-menu .nav {
    gap: 40px;
  }
}
@media (max-width: 991.98px) {
  .playing-bet .sports-menu .nav {
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 30px;
  }
}
@media (max-width: 479.98px) {
  .playing-bet .sports-menu .nav {
    gap: 25px;
  }
}
.playing-bet .sports-menu .nav .nav-item .nav-link {
  background: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.playing-bet .sports-menu .nav .nav-item .nav-link span {
  display: block;
}
.playing-bet .sports-menu .nav .nav-item .nav-link span.sport-icon {
  width: 100px;
  height: 100px;
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(144.14deg, rgba(77, 35, 63, 0.08) -11.44%, rgba(48, 91, 159, 0.08) 123.42%);
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
  position: relative;
  transition: all 0.3s ease-in;
}
@media (max-width: 1399.98px) {
  .playing-bet .sports-menu .nav .nav-item .nav-link span.sport-icon {
    width: 90px;
    height: 90px;
  }
}
@media (max-width: 1199.98px) {
  .playing-bet .sports-menu .nav .nav-item .nav-link span.sport-icon {
    width: 80px;
    height: 80px;
  }
}
@media (max-width: 575.98px) {
  .playing-bet .sports-menu .nav .nav-item .nav-link span.sport-icon {
    width: 70px;
    height: 70px;
    margin-bottom: 11px;
  }
}
@media (max-width: 479.98px) {
  .playing-bet .sports-menu .nav .nav-item .nav-link span.sport-icon {
    width: 60px;
    height: 60px;
    margin-bottom: 6px;
  }
}
.playing-bet .sports-menu .nav .nav-item .nav-link span.sport-icon img {
  position: absolute;
  right: 12px;
  bottom: 12px;
  width: 76px;
  height: auto;
  max-width: none;
}
@media (max-width: 1399.98px) {
  .playing-bet .sports-menu .nav .nav-item .nav-link span.sport-icon img {
    width: 70px;
    right: 10px;
    bottom: 10px;
  }
}
@media (max-width: 1199.98px) {
  .playing-bet .sports-menu .nav .nav-item .nav-link span.sport-icon img {
    width: 60px;
  }
}
@media (max-width: 575.98px) {
  .playing-bet .sports-menu .nav .nav-item .nav-link span.sport-icon img {
    width: 50px;
  }
}
@media (max-width: 479.98px) {
  .playing-bet .sports-menu .nav .nav-item .nav-link span.sport-icon img {
    width: 45px;
    right: 7.5px;
    bottom: 7.5px;
  }
}
.playing-bet .sports-menu .nav .nav-item .nav-link span.sport-name {
  font-weight: 700;
  font-size: 19px;
  line-height: 29px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  background-image: linear-gradient(144.14deg, rgba(77, 35, 63, 0.8) -11.44%, rgba(48, 91, 159, 0.8) 123.42%);
  margin-bottom: -4px;
}
@media (max-width: 1399.98px) {
  .playing-bet .sports-menu .nav .nav-item .nav-link span.sport-name {
    font-size: 17.5px;
    line-height: 28.5px;
    margin-bottom: -5px;
  }
}
@media (max-width: 575.98px) {
  .playing-bet .sports-menu .nav .nav-item .nav-link span.sport-name {
    font-size: 15.5px;
    line-height: 26.5px;
    margin-bottom: -6px;
  }
}
.playing-bet .sports-menu .nav .nav-item .nav-link.active span.sport-icon {
  box-shadow: 0px 4px 5px rgba(255, 15, 0, 0.2);
}
.playing-bet .sports-menu .nav .nav-item .nav-link.active span.sport-name {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  animation: opacity-to-hover 0.4s cubic-bezier(0.5, 0, 0.5, 1);
  white-space: nowrap;
}
.playing-bet .accordion-item {
  border: none;
  margin-bottom: 30px;
}
@media (max-width: 575.98px) {
  .playing-bet .accordion-item {
    margin-bottom: 20px;
  }
}
.playing-bet .accordion-item:last-child {
  margin-bottom: 0;
}
.playing-bet .sports-header {
  padding: 20px 30px;
  border: none;
  box-shadow: none;
  background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  border-radius: 10px 10px 0 0 !important;
  position: relative;
  overflow: hidden;
  font-size: 1rem;
  display: flex;
  align-items: center;
}
@media (max-width: 1399.98px) {
  .playing-bet .sports-header {
    padding: 17px 30px 18px;
  }
}
@media (max-width: 767.98px) {
  .playing-bet .sports-header {
    padding: 15px 30px;
  }
}
@media (max-width: 479.98px) {
  .playing-bet .sports-header {
    padding: 10px 20px;
  }
}
.playing-bet .sports-header:after {
  all: unset;
  position: absolute;
  content: "";
  top: 0;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  background: #CDA134;
  filter: blur(100px) opacity(0.25);
  top: 50%;
  transform: translateY(-50%);
  right: 150px;
}
@media (max-width: 991.98px) {
  .playing-bet .sports-header:after {
    width: 400px;
    height: 400px;
  }
}
@media (max-width: 767.98px) {
  .playing-bet .sports-header:after {
    width: 300px;
    height: 300px;
  }
}
@media (max-width: 575.98px) {
  .playing-bet .sports-header:after {
    width: 200px;
    height: 200px;
  }
}
.playing-bet .sports-header span.single-sports-icon {
  width: 40px;
  margin-right: 25px;
}
@media (max-width: 1399.98px) {
  .playing-bet .sports-header span.single-sports-icon {
    width: 35px;
    margin-right: 20px;
  }
}
@media (max-width: 767.98px) {
  .playing-bet .sports-header span.single-sports-icon {
    width: 30px;
  }
}
@media (max-width: 479.98px) {
  .playing-bet .sports-header span.single-sports-icon {
    width: 25px;
    margin-right: 15px;
  }
}
.playing-bet .sports-header span.single-sports-icon img {
  width: 100%;
}
.playing-bet .sports-header span.single-sports-name {
  font-weight: 500;
  font-size: 22px;
  line-height: 32px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color: #fff;
}
@media (max-width: 1399.98px) {
  .playing-bet .sports-header span.single-sports-name {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 767.98px) {
  .playing-bet .sports-header span.single-sports-name {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (max-width: 479.98px) {
  .playing-bet .sports-header span.single-sports-name {
    font-size: 17px;
    line-height: 27px;
  }
}
.playing-bet .sports-header span.single-sports-img {
  height: 80px;
  max-width: none;
  width: auto;
  position: absolute;
  left: 45%;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.2;
  mix-blend-mode: lighten;
  z-index: 1;
}
@media (max-width: 991.98px) {
  .playing-bet .sports-header span.single-sports-img {
    height: 70px;
  }
}
@media (max-width: 767.98px) {
  .playing-bet .sports-header span.single-sports-img {
    left: 35%;
  }
}
.playing-bet .sports-header span.single-sports-img img {
  height: 100%;
  width: auto;
}
.playing-bet .sports-header span.single-sports-img.tennis-bg {
  mix-blend-mode: luminosity;
}
.playing-bet .sports-header span.single-sports-img.basket-bg {
  mix-blend-mode: color-dodge;
  left: 43%;
}
.playing-bet .sports-header span.single-sports-img.rugby-bg {
  mix-blend-mode: lighten;
  opacity: 0.3;
  left: 41%;
}
.playing-bet .sports-header a.see-all-sports-btn {
  color: rgba(255, 255, 255, 0.9);
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 0.02em;
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  right: 30px;
  z-index: 22;
  display: flex;
  gap: 10px;
  align-items: center;
  opacity: 1;
  transition: all 0.3s ease-in;
}
@media (max-width: 1399.98px) {
  .playing-bet .sports-header a.see-all-sports-btn {
    font-size: 16px;
  }
}
@media (max-width: 479.98px) {
  .playing-bet .sports-header a.see-all-sports-btn {
    display: none;
  }
}
.playing-bet .sports-header.collapsed {
  border-radius: 10px !important;
}
.playing-bet .sports-header.collapsed a.see-all-sports-btn {
  opacity: 0;
}
.playing-bet .sports-expanded-list {
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.1);
  border-radius: 0px 0px 15px 15px;
}
.playing-bet .sports-expanded-list .sports-body {
  padding: 40px;
  padding-top: 30px;
}
@media (max-width: 1399.98px) {
  .playing-bet .sports-expanded-list .sports-body {
    padding: 30px;
    padding-top: 30px;
  }
}
@media (max-width: 479.98px) {
  .playing-bet .sports-expanded-list .sports-body {
    padding: 20px;
    padding-top: 20px;
  }
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .tournament-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  margin: -7px 0 22px;
  color: #5C6172;
  position: relative;
  z-index: 2;
}
@media (max-width: 1199.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .tournament-title {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (max-width: 479.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .tournament-title {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 12px;
  }
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .tournament-title:after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 2px;
  background: url("../img/playing-bet/shape/line-shape-1.png") left top repeat-x;
  background-position: 1px;
  z-index: -1;
}
@media (max-width: 479.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .tournament-title:after {
    display: none;
  }
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .tournament-title span.title-text {
  background: #fff;
  padding-right: 30px;
}
@media (max-width: 479.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .tournament-title span.title-text {
    padding-right: 0;
  }
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .tournament-title span.match-quantity {
  float: right;
  background: #fff;
  padding-left: 30px;
}
@media (max-width: 479.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .tournament-title span.match-quantity {
    padding-left: 0;
  }
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match {
  display: flex;
  justify-content: space-between;
  border: 1px solid rgba(22, 29, 53, 0.2);
  border-radius: 10px;
  padding: 10px 45px 10px 30px;
  align-items: center;
  margin-bottom: 20px;
}
@media (max-width: 1399.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match {
    padding: 10px 30px 10px 30px;
  }
}
@media (max-width: 1199.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match {
    padding: 10px 25px 10px 25px;
  }
}
@media (max-width: 991.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match {
    flex-wrap: wrap;
    row-gap: 15px;
    padding: 20px;
    justify-content: space-around;
  }
}
@media (max-width: 479.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match {
    padding: 15px;
    justify-content: space-between;
    padding-top: 10px;
  }
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:last-child {
  margin-bottom: 0;
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match.finished .placing-bet {
  cursor: no-drop;
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match.finished .placing-bet a.single-bet-place {
  position: relative;
  pointer-events: none;
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match.finished .placing-bet a.single-bet-place:before {
  content: "";
  position: absolute;
  background: url("../img/playing-bet/lock-icon.png") center center no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  right: -10px;
  top: -10px;
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .match-time {
  text-align: center;
  position: relative;
  padding-right: 30px;
}
@media (max-width: 1199.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .match-time {
    padding-right: 20px;
  }
}
@media (max-width: 991.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .match-time {
    display: flex;
    gap: 10px;
    width: 90%;
    align-items: baseline;
  }
}
@media (max-width: 767.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .match-time {
    width: 87%;
  }
}
@media (max-width: 575.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .match-time {
    width: 85%;
  }
}
@media (max-width: 479.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .match-time {
    width: auto;
    gap: 5px;
  }
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .match-time:after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 50px;
  background: #5C6172;
  opacity: 0.5;
}
@media (max-width: 991.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .match-time:after {
    width: 110%;
    height: 1px;
    transform: none;
    right: auto;
    left: 0;
    top: 30px;
    opacity: 0.2;
    background: none;
    border-bottom: 1px double #5C6172;
  }
}
@media (max-width: 767.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .match-time:after {
    display: none;
  }
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .match-time span {
  display: block;
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .match-time span.time-icon {
  font-size: 15px;
  color: #161D35;
  opacity: 0.4;
  margin-bottom: -2px;
  margin-top: -2px;
}
@media (max-width: 991.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .match-time span.time-icon {
    margin-top: 2px;
    margin-bottom: 0;
  }
}
@media (max-width: 479.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .match-time span.time-icon {
    display: none;
  }
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .match-time span.m-date {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: rgba(22, 29, 53, 0.5);
  margin-bottom: -4px;
}
@media (max-width: 991.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .match-time span.m-date {
    margin-bottom: 0;
  }
}
@media (max-width: 479.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .match-time span.m-date {
    font-size: 13px;
    line-height: 23px;
  }
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .match-time span.m-time {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #4D8E53;
  margin-bottom: -7px;
}
@media (max-width: 991.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .match-time span.m-time {
    margin-bottom: 0;
  }
}
@media (max-width: 479.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .match-time span.m-time {
    font-size: 13px;
    line-height: 23px;
  }
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .match-time span.m-in-play {
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  color: #fff;
  font-weight: 600;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin: 3px 0 0;
}
@media (max-width: 991.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .match-time span.m-in-play {
    height: 15px;
    margin: 0;
    padding: 0 5px;
    position: relative;
    top: -1px;
  }
}
@media (max-width: 479.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .match-time span.m-in-play {
    font-size: 10px;
    line-height: 15px;
  }
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .playing-teams {
  width: 369px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 20px;
  position: relative;
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .playing-teams:after {
  width: 100%;
  content: "";
  height: 1px;
  transform: none;
  right: auto;
  left: 0;
  top: -10px;
  opacity: 0.2;
  background: none;
  border-bottom: 1px double #5C6172;
  display: none;
  position: absolute;
}
@media (max-width: 1399.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .playing-teams {
    width: 260px;
  }
}
@media (max-width: 991.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .playing-teams {
    width: 32%;
    padding: 0;
    order: 5;
  }
}
@media (min-width: 480px) and (max-width: 767.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .playing-teams {
    width: 100%;
    justify-content: space-evenly;
    flex-direction: row;
    margin-top: 5px;
  }
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .playing-teams:after {
    display: block;
  }
}
@media (max-width: 575.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .playing-teams {
    justify-content: space-between;
  }
}
@media (max-width: 479.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .playing-teams {
    width: 100%;
  }
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .playing-teams:after {
    display: block;
  }
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .playing-teams .single-team {
  display: flex;
  justify-content: space-between;
  margin: -3px 0 -1px;
}
@media (min-width: 480px) and (max-width: 767.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .playing-teams .single-team {
    gap: 10px;
  }
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .playing-teams .single-team:last-child {
    flex-direction: row-reverse;
  }
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .playing-teams .single-team:last-child .team-descr {
    flex-direction: row-reverse;
  }
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .playing-teams .single-team .team-descr {
  display: flex;
  align-items: center;
  gap: 10px;
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .playing-teams .single-team .team-descr span {
  display: inline-block;
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .playing-teams .single-team .team-descr span.team-icon {
  width: 25px;
  display: flex;
  justify-content: center;
}
@media (max-width: 991.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .playing-teams .single-team .team-descr span.team-icon {
    width: 20px;
  }
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .playing-teams .single-team .team-descr span.team-icon img {
  width: auto;
  max-width: none;
  height: 22px;
}
@media (max-width: 991.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .playing-teams .single-team .team-descr span.team-icon img {
    height: 20px;
  }
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .playing-teams .single-team .team-descr span.team-name {
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  text-transform: capitalize;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  opacity: 0.8;
}
@media (max-width: 575.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .playing-teams .single-team .team-descr span.team-name {
    font-size: 15px;
    line-height: 25px;
  }
}
@media (max-width: 479.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .playing-teams .single-team .team-descr span.team-name {
    font-size: 14px;
    line-height: 24px;
  }
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .playing-teams .single-team .team-score {
  font-weight: 700;
  font-size: 17px;
  line-height: 27px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  opacity: 0.3;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  position: relative;
  bottom: -2px;
}
@media (max-width: 767.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .playing-teams .single-team .team-score {
    font-size: 20px;
    line-height: 30px;
    bottom: 0;
  }
}
@media (max-width: 575.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .playing-teams .single-team .team-score {
    font-size: 18px;
    line-height: 28px;
  }
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .placing-bet {
  display: flex;
  gap: 20px;
  position: relative;
  padding: 0 20px;
}
@media (max-width: 1199.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .placing-bet {
    gap: 10px;
  }
}
@media (max-width: 991.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .placing-bet {
    order: 6;
    width: 68%;
    width: auto;
    padding-right: 0;
  }
}
@media (max-width: 767.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .placing-bet {
    padding: 0;
  }
}
@media (max-width: 575.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .placing-bet {
    width: 100%;
  }
}
@media (max-width: 479.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .placing-bet {
    gap: 5px;
  }
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .placing-bet:after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 50px;
  background: #5C6172;
  opacity: 0.5;
}
@media (max-width: 991.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .placing-bet:after {
    display: none;
  }
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .placing-bet:before {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 50px;
  background: #5C6172;
  opacity: 0.5;
}
@media (max-width: 991.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .placing-bet:before {
    display: none;
  }
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .placing-bet a.single-bet-place {
  display: inline-block;
  background: linear-gradient(144.14deg, rgba(77, 35, 63, 0.05) -11.44%, rgba(48, 91, 159, 0.05) 123.42%);
  border-radius: 5px;
  border: 1px solid #EDECF0;
  width: 180px;
  text-align: center;
  padding: 16px 0;
}
@media (max-width: 1199.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .placing-bet a.single-bet-place {
    width: 140px;
  }
}
@media (max-width: 991.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .placing-bet a.single-bet-place {
    width: 140px;
  }
}
@media (max-width: 767.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .placing-bet a.single-bet-place {
    width: 150px;
    padding: 11px 0;
  }
}
@media (max-width: 575.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .placing-bet a.single-bet-place {
    width: 100%;
  }
}
@media (max-width: 479.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .placing-bet a.single-bet-place {
    padding: 6px 0;
  }
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .placing-bet a.single-bet-place.draw-box {
  width: 120px;
}
@media (max-width: 1199.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .placing-bet a.single-bet-place.draw-box {
    width: 100px;
  }
}
@media (max-width: 991.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .placing-bet a.single-bet-place.draw-box {
    width: 80px;
  }
}
@media (max-width: 767.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .placing-bet a.single-bet-place.draw-box {
    width: 90px;
  }
}
@media (max-width: 575.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .placing-bet a.single-bet-place.draw-box {
    width: 60%;
  }
}
@media (max-width: 479.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .placing-bet a.single-bet-place.draw-box {
    width: 100%;
  }
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .placing-bet a.single-bet-place.placed {
  position: relative;
  z-index: 2;
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .placing-bet a.single-bet-place.placed:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  z-index: -1;
  border-radius: 5px;
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .placing-bet a.single-bet-place.placed span {
  display: block;
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .placing-bet a.single-bet-place.placed span.bet-ratio {
  background: unset;
  -webkit-text-fill-color: unset;
  -webkit-background-clip: unset;
  color: #fff;
  font-weight: 600;
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .placing-bet a.single-bet-place.placed span.team-name {
  color: #fff;
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .placing-bet a.single-bet-place span {
  display: block;
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .placing-bet a.single-bet-place span.bet-ratio {
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  margin: -8px 0 5px;
}
@media (max-width: 575.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .placing-bet a.single-bet-place span.bet-ratio {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 0;
  }
}
@media (max-width: 479.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .placing-bet a.single-bet-place span.bet-ratio {
    margin: 0;
  }
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .placing-bet a.single-bet-place span.team-name {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.01em;
  text-transform: capitalize;
  color: rgba(22, 29, 53, 0.5);
  margin: 0 0 -3px;
}
@media (max-width: 575.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .placing-bet a.single-bet-place span.team-name {
    font-size: 13px;
    line-height: 15px;
  }
}
@media (max-width: 479.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .placing-bet a.single-bet-place span.team-name {
    display: none;
  }
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match span.bet-ratio-details a {
  display: inline-block;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #4D8E53;
  padding-left: 50px;
  width: 81px;
  text-align: right;
}
@media (max-width: 1399.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match span.bet-ratio-details a {
    padding-left: 20px;
    width: 51px;
  }
}
@media (max-width: 991.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match span.bet-ratio-details {
    display: inline-flex;
  }
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match.match-in-play .match-time {
  width: 81px;
}
@media (max-width: 1199.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match.match-in-play .match-time {
    width: 71px;
  }
}
@media (max-width: 991.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match.match-in-play .match-time {
    width: 90%;
  }
}
@media (max-width: 767.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match.match-in-play .match-time {
    width: 87%;
  }
}
@media (max-width: 575.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match.match-in-play .match-time {
    width: 85%;
  }
}
@media (max-width: 479.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match.match-in-play .match-time {
    width: auto;
  }
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match.match-in-play .playing-teams .single-team .team-score {
  opacity: 1;
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match.match-in-play .playing-teams .single-team .team-score.up {
  color: #4D8E53;
  background: unset;
  -webkit-text-fill-color: unset;
  -webkit-background-clip: unset;
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match.match-in-play .playing-teams .single-team .team-score.down {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match.match-in-play .placing-bet a.single-bet-place {
  position: relative;
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match.match-in-play .placing-bet a.single-bet-place:before {
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  background-size: 15px 15px;
  animation: opacity-to-hover 2s infinite;
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match.match-in-play .placing-bet a.single-bet-place.up:before {
  right: 2px;
  top: 2px;
  background: url("../img/playing-bet/shape/up.png") right top no-repeat;
  background-size: 15px 15px;
}
@media (max-width: 991.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match.match-in-play .placing-bet a.single-bet-place.up:before {
    background-size: 10px 10px;
  }
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match.match-in-play .placing-bet a.single-bet-place.up span.bet-ratio {
  color: #4D8E53;
  font-weight: 600;
  background: unset;
  -webkit-text-fill-color: unset;
  -webkit-background-clip: unset;
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match.match-in-play .placing-bet a.single-bet-place.down:before {
  right: 2px;
  bottom: 2px;
  background: url("../img/playing-bet/shape/down.png") right bottom no-repeat;
  animation-delay: 1s;
  background-size: 15px 15px;
}
@media (max-width: 991.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match.match-in-play .placing-bet a.single-bet-place.down:before {
    background-size: 10px 10px;
  }
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match.match-in-play .placing-bet a.single-bet-place.down span.bet-ratio {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  font-weight: 700;
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match.match-in-play .placing-bet a.single-bet-place.placed.up:before {
  background: url("../img/playing-bet/shape/up-placed.png") right top no-repeat;
  background-size: 15px 15px;
}
@media (max-width: 991.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match.match-in-play .placing-bet a.single-bet-place.placed.up:before {
    background-size: 10px 10px;
  }
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match.match-in-play .placing-bet a.single-bet-place.placed.up span.bet-ratio {
  color: #72ff7f;
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match.match-in-play .placing-bet a.single-bet-place.placed.down:before {
  background: url("../img/playing-bet/shape/down-placed.png") right bottom no-repeat;
  background-size: 15px 15px;
}
@media (max-width: 991.98px) {
  .playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match.match-in-play .placing-bet a.single-bet-place.placed.down:before {
    background-size: 10px 10px;
  }
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match.match-in-play .placing-bet a.single-bet-place.placed.down span.bet-ratio {
  background: unset;
  -webkit-text-fill-color: unset;
  -webkit-background-clip: unset;
  color: #fff700;
  font-weight: 600;
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all.no-tabs-here .single-tournament {
  margin-bottom: 30px;
}
.playing-bet .sports-expanded-list .sports-body .playing-sports-all.no-tabs-here .single-tournament:last-child {
  margin-bottom: 0;
}
.playing-bet .see-all-sports-btn-cover {
  text-align: center;
  margin-top: 50px;
}
@media (max-width: 1399.98px) {
  .playing-bet .see-all-sports-btn-cover {
    margin-top: 40px;
  }
}
@media (max-width: 1199.98px) {
  .playing-bet .see-all-sports-btn-cover {
    margin-top: 30px;
  }
}

.item-slider {
  display: flex;
  gap: 15px;
  width: 500px;
  height: 100px;
  overflow: scroll;
}
.item-slider .item-wrapperr {
  display: flex;
  flex-wrap: nowrap;
}
.item-slider .single-item {
  border-radius: 50%;
  background: red;
}
.item-slider .single-item .goal {
  width: 100px;
  height: 100px;
}
.item-slider .single-item:nth-child(2) {
  background: green;
}
.item-slider .single-item:nth-child(3) {
  background: purple;
}
.item-slider .single-item:nth-child(4) {
  background: #CDA134;
}
.item-slider .single-item:nth-child(5) {
  background: aqua;
}
.item-slider .single-item:nth-child(6) {
  background: lightcoral;
}
.item-slider .single-item:nth-child(7) {
  background: gold;
}
.item-slider .single-item:nth-child(8) {
  background: blue;
}

.modal-dialog {
  pointer-events: visible;
}
@media (max-width: 1399.98px) {
  .modal-dialog {
    max-width: 480px;
  }
}
@media (max-width: 1199.98px) {
  .modal-dialog {
    max-width: 400px;
  }
}
@media (max-width: 991.98px) {
  .modal-dialog {
    max-width: 380px;
  }
}
@media (max-width: 767.98px) {
  .modal-dialog {
    max-width: 360px;
  }
}
@media (max-width: 575.98px) {
  .modal-dialog {
    margin: 0.5rem auto;
  }
}
@media (max-width: 479.98px) {
  .modal-dialog {
    max-width: 300px;
  }
}

.placing-bet-modal {
  background: #fff;
  width: 100%;
  text-align: center;
  border-radius: 10px;
  overflow: hidden;
}
.placing-bet-modal .pb-modal-header {
  background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 40px;
}
@media (max-width: 1399.98px) {
  .placing-bet-modal .pb-modal-header {
    padding: 15px 40px;
  }
}
@media (max-width: 1199.98px) {
  .placing-bet-modal .pb-modal-header {
    padding: 15px 30px;
  }
}
@media (max-width: 767.98px) {
  .placing-bet-modal .pb-modal-header {
    padding: 10px 30px;
  }
}
@media (max-width: 479.98px) {
  .placing-bet-modal .pb-modal-header {
    padding: 5px 20px;
  }
}
.placing-bet-modal .pb-modal-header span.modal-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color: #fff;
}
@media (max-width: 1399.98px) {
  .placing-bet-modal .pb-modal-header span.modal-title {
    font-size: 22px;
    line-height: 32px;
  }
}
@media (max-width: 1199.98px) {
  .placing-bet-modal .pb-modal-header span.modal-title {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 767.98px) {
  .placing-bet-modal .pb-modal-header span.modal-title {
    font-size: 18px;
    line-height: 28px;
  }
}
.placing-bet-modal .pb-modal-header button.prd-close-btn {
  color: #fff;
  background: none;
  border: none;
  font-size: 24px;
}
.placing-bet-modal .pb-modal-body .selected-team {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 34px;
}
.placing-bet-modal .pb-modal-body .selected-team span {
  margin: 23px 0 22px;
}
@media (max-width: 1399.98px) {
  .placing-bet-modal .pb-modal-body .selected-team span {
    margin: 18px 0 17px;
  }
}
@media (max-width: 479.98px) {
  .placing-bet-modal .pb-modal-body .selected-team span {
    margin: 13px 0 12px;
  }
}
.placing-bet-modal .pb-modal-body .selected-team span.slct-team-name {
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.01em;
  text-transform: capitalize;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  position: relative;
}
@media (max-width: 1199.98px) {
  .placing-bet-modal .pb-modal-body .selected-team span.slct-team-name {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (max-width: 479.98px) {
  .placing-bet-modal .pb-modal-body .selected-team span.slct-team-name {
    font-size: 17px;
    line-height: 27px;
  }
}
.placing-bet-modal .pb-modal-body .selected-team span.slct-team-name:after {
  position: absolute;
  content: "";
  right: -19px;
  top: 50%;
  transform: translateY(-50%);
  background: #161D35;
  opacity: 0.5;
  width: 4px;
  height: 4px;
  border-radius: 50%;
}
.placing-bet-modal .pb-modal-body .selected-team span.slct-bet-ratio {
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
}
@media (max-width: 1199.98px) {
  .placing-bet-modal .pb-modal-body .selected-team span.slct-bet-ratio {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (max-width: 479.98px) {
  .placing-bet-modal .pb-modal-body .selected-team span.slct-bet-ratio {
    font-size: 17px;
    line-height: 27px;
  }
}
.placing-bet-modal .pb-modal-body .selected-match {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
  padding: 15px 0;
  background: #fff;
  border-radius: 10px;
  z-index: 2;
  position: relative;
  background: url("../img/playing-bet/modal/selected-match-bg.jpg") center center no-repeat;
  background-size: cover;
}
@media (max-width: 1399.98px) {
  .placing-bet-modal .pb-modal-body .selected-match {
    gap: 20px;
  }
}
@media (max-width: 479.98px) {
  .placing-bet-modal .pb-modal-body .selected-match {
    gap: 15px;
  }
}
.placing-bet-modal .pb-modal-body .selected-match:after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 0;
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  border-radius: 10px;
  z-index: -1;
  opacity: 0;
  transition: all 0.3s ease-in;
}
.placing-bet-modal .pb-modal-body .selected-match .single-team {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.placing-bet-modal .pb-modal-body .selected-match .single-team .team-icon {
  position: relative;
  text-align: center;
  padding-bottom: 10px;
}
@media (max-width: 1199.98px) {
  .placing-bet-modal .pb-modal-body .selected-match .single-team .team-icon {
    display: none;
  }
}
.placing-bet-modal .pb-modal-body .selected-match .single-team .team-icon:after {
  position: absolute;
  content: "";
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 80px;
  height: 34.78px;
  background: url("../img/playing-bet/modal/team-logo-bg.png") no-repeat;
  background-position: bottom center;
  background-size: auto 34.78px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.1));
  z-index: -1;
}
.placing-bet-modal .pb-modal-body .selected-match .single-team .team-icon img {
  height: 34.78px;
  width: auto;
  max-width: none;
}
.placing-bet-modal .pb-modal-body .selected-match .single-team span.team-name {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.01em;
  text-transform: capitalize;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  display: block;
  margin: -6px 0 -8px;
}
@media (max-width: 767.98px) {
  .placing-bet-modal .pb-modal-body .selected-match .single-team span.team-name {
    font-size: 17px;
    line-height: 27px;
  }
}
@media (max-width: 479.98px) {
  .placing-bet-modal .pb-modal-body .selected-match .single-team span.team-name {
    font-size: 16px;
    line-height: 26px;
  }
}
.placing-bet-modal .pb-modal-body .selected-match img.versace-icon {
  width: 25.56px;
}
@media (max-width: 479.98px) {
  .placing-bet-modal .pb-modal-body .selected-match img.versace-icon {
    width: 15.56px;
  }
}
.placing-bet-modal .pb-modal-body .scrores-line {
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.01em;
  text-transform: capitalize;
  color: rgba(22, 29, 53, 0.6);
  margin: 23px 0 -8px;
}
@media (max-width: 1399.98px) {
  .placing-bet-modal .pb-modal-body .scrores-line {
    margin: 18px 0 -8px;
    font-size: 17px;
    line-height: 27px;
  }
}
@media (max-width: 479.98px) {
  .placing-bet-modal .pb-modal-body .scrores-line {
    margin: 13px 0 -8px;
    font-size: 16px;
    line-height: 26px;
  }
}
.placing-bet-modal .pb-ctrl-stake {
  margin: 30px 0;
}
@media (max-width: 1399.98px) {
  .placing-bet-modal .pb-ctrl-stake {
    margin: 25px 0;
  }
}
@media (max-width: 479.98px) {
  .placing-bet-modal .pb-ctrl-stake {
    margin: 20px 0;
  }
}
.placing-bet-modal .pb-ctrl-stake .prd-btn-group {
  display: inline-flex;
  align-items: center;
  height: 50px;
  border-radius: 50px;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
@media (max-width: 1399.98px) {
  .placing-bet-modal .pb-ctrl-stake .prd-btn-group {
    height: 45px;
  }
}
@media (max-width: 1199.98px) {
  .placing-bet-modal .pb-ctrl-stake .prd-btn-group {
    height: 40px;
  }
}
.placing-bet-modal .pb-ctrl-stake .prd-btn-group:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  z-index: -2;
  border-radius: 50px;
}
.placing-bet-modal .pb-ctrl-stake .prd-btn-group:before {
  position: absolute;
  content: "";
  left: 2px;
  top: 1px;
  right: 2px;
  bottom: 1px;
  background: #fff;
  z-index: -1;
  border-radius: 50px;
}
.placing-bet-modal .pb-ctrl-stake .prd-btn-group button.ctrl-btn {
  border: none;
  background: none;
  padding: 0 25px;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  font-size: 16px;
  height: 100%;
}
@media (max-width: 1399.98px) {
  .placing-bet-modal .pb-ctrl-stake .prd-btn-group button.ctrl-btn {
    padding: 0 20px;
  }
}
@media (max-width: 479.98px) {
  .placing-bet-modal .pb-ctrl-stake .prd-btn-group button.ctrl-btn {
    padding: 0 15px;
  }
}
.placing-bet-modal .pb-ctrl-stake .prd-btn-group button.ctrl-btn:active {
  background: unset;
  -webkit-text-fill-color: unset;
  -webkit-background-clip: unset;
  background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  color: #fff;
}
.placing-bet-modal .pb-ctrl-stake .prd-btn-group span.stake-digit {
  padding: 0 25px;
  line-height: 50px;
  border-left: 1px solid rgba(22, 29, 53, 0.2);
  border-right: 1px solid rgba(22, 29, 53, 0.2);
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.02em;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(108.99deg, #FF5176 -21.01%, #FB7A6B 45.45%);
}
@media (max-width: 1399.98px) {
  .placing-bet-modal .pb-ctrl-stake .prd-btn-group span.stake-digit {
    padding: 0 20px;
  }
}
@media (max-width: 479.98px) {
  .placing-bet-modal .pb-ctrl-stake .prd-btn-group span.stake-digit {
    padding: 0 15px;
  }
}
.placing-bet-modal .pb-calc {
  background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  padding: 12px 0 13px;
}
.placing-bet-modal .pb-calc span {
  color: rgba(255, 255, 255, 0.8);
  display: block;
  font-weight: 500;
  font-size: 18px;
  line-height: inherit;
  letter-spacing: 0.02em;
  text-transform: capitalize;
}
@media (max-width: 1399.98px) {
  .placing-bet-modal .pb-calc span {
    font-size: 17px;
  }
}
@media (max-width: 767.98px) {
  .placing-bet-modal .pb-calc span {
    font-size: 16px;
  }
}
.placing-bet-modal .pb-calc span.stake-line {
  margin: 0 0 6px;
}
@media (max-width: 479.98px) {
  .placing-bet-modal .pb-calc span.stake-line {
    margin: 0 0 1px;
  }
}
.placing-bet-modal .pb-calc span.stake-line .stk-num {
  display: inline;
}
.placing-bet-modal .pb-calc span.total-return .ret-num {
  display: inline;
}
.placing-bet-modal .pb-modal-footer {
  padding: 30px 0 40px;
}
@media (max-width: 1399.98px) {
  .placing-bet-modal .pb-modal-footer {
    padding: 25px 0 30px;
  }
}
@media (max-width: 479.98px) {
  .placing-bet-modal .pb-modal-footer {
    padding: 20px 0 25px;
  }
}

.bfilter-control {
  margin-bottom: 60px;
}
@media (max-width: 767.98px) {
  .bfilter-control {
    margin-bottom: 50px;
  }
}
@media (max-width: 575.98px) {
  .bfilter-control {
    margin-bottom: 40px;
  }
}
@media (max-width: 479.98px) {
  .bfilter-control {
    margin-bottom: 30px;
  }
}
.bfilter-control .nav-pills {
  justify-content: center;
  gap: 5px;
}
.bfilter-control .nav-pills .nav-item .nav-link {
  font-weight: 600;
  font-size: 16px;
  line-height: 50px;
  letter-spacing: 0.01em;
  color: rgba(22, 29, 53, 0.7);
  text-transform: capitalize;
  background: transparent;
  position: relative;
  z-index: 2;
  transition: all 0.3s ease-in;
  height: 50px;
  padding: 0 30px;
}
.bfilter-control .nav-pills .nav-item .nav-link:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  opacity: 0.1;
  transition: all 0.3s ease-in;
}
.bfilter-control .nav-pills .nav-item .nav-link:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  opacity: 0;
  transition: all 0.3s ease-in;
}
.bfilter-control .nav-pills .nav-item .nav-link i {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  font-size: 20px;
  position: relative;
  top: 3px;
  margin-right: 5px;
  transition: all 0.3s ease-in;
}
@media (max-width: 991.98px) {
  .bfilter-control .nav-pills .nav-item .nav-link {
    line-height: 45px;
    height: 45px;
    padding: 0 25px;
  }
}
@media (max-width: 767.98px) {
  .bfilter-control .nav-pills .nav-item .nav-link {
    line-height: 40px;
    height: 40px;
    padding: 0 25px;
    font-size: 15px;
  }
}
.bfilter-control .nav-pills .nav-item .nav-link.active {
  color: #fff;
  box-shadow: 0px 9px 37px rgba(0, 0, 0, 0.2);
}
.bfilter-control .nav-pills .nav-item .nav-link.active:after {
  opacity: 0;
}
.bfilter-control .nav-pills .nav-item .nav-link.active:before {
  opacity: 1;
}
.bfilter-control .nav-pills .nav-item .nav-link.active i {
  filter: brightness(100);
}
.bfilter-control .nav-pills .nav-item:first-child .nav-link, .bfilter-control .nav-pills .nav-item:first-child .nav-link:after, .bfilter-control .nav-pills .nav-item:first-child .nav-link:before {
  border-radius: 50px 0 0 50px;
}
.bfilter-control .nav-pills .nav-item:last-child .nav-link, .bfilter-control .nav-pills .nav-item:last-child .nav-link:after, .bfilter-control .nav-pills .nav-item:last-child .nav-link:before {
  border-radius: 0 50px 50px 0;
}
@media (max-width: 479.98px) {
  .bfilter-control .nav-pills .nav-item .nav-link, .bfilter-control .nav-pills .nav-item .nav-link:after, .bfilter-control .nav-pills .nav-item .nav-link:before {
    border-radius: 50px !important;
  }
}

.playing-bet.placing-bet-page .sports-schedule-elem {
  padding-top: 30px;
}
@media (max-width: 1399.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem {
    padding-top: 30px;
  }
}
@media (max-width: 479.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem {
    padding-top: 20px;
  }
}
@media (max-width: 479.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .g-3 {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }
  .playing-bet.placing-bet-page .sports-schedule-elem .g-3 .col-xl-6 {
    padding: 0;
  }
}
.playing-bet.placing-bet-page .sports-schedule-elem .tournament-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  margin: -7px 0 22px;
  color: #5C6172;
  position: relative;
  z-index: 2;
}
@media (max-width: 1199.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .tournament-title {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (max-width: 479.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .tournament-title {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 12px;
  }
}
.playing-bet.placing-bet-page .sports-schedule-elem .tournament-title:after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 2px;
  background: url("../img/playing-bet/shape/line-shape-1.png") left top repeat-x;
  background-position: 1px;
  z-index: -1;
}
@media (max-width: 479.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .tournament-title:after {
    display: none;
  }
}
.playing-bet.placing-bet-page .sports-schedule-elem .tournament-title span.title-text {
  background: #fff;
  padding-right: 30px;
}
@media (max-width: 479.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .tournament-title span.title-text {
    padding-right: 0;
  }
}
.playing-bet.placing-bet-page .sports-schedule-elem .tournament-title span.match-quantity {
  float: right;
  background: #fff;
  padding-left: 30px;
}
@media (max-width: 479.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .tournament-title span.match-quantity {
    padding-left: 0;
  }
}
.playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule {
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  overflow: hidden;
}
.playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedue-header {
  background: #161D35;
  position: relative;
  overflow: hidden;
  z-index: 2;
  padding: 23px 0 23px;
}
@media (max-width: 991.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedue-header {
    padding: 18px 0;
  }
}
.playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedue-header:after {
  position: absolute;
  content: "";
  width: 435px;
  height: 435px;
  left: -145px;
  top: 67px;
  background: #0D1A34;
  filter: blur(100px) opacity(40%);
  z-index: -1;
}
.playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedue-header:before {
  content: "";
  position: absolute;
  width: 318px;
  height: 318px;
  left: calc(100% - 250px);
  top: -238px;
  background: #CDA134;
  filter: blur(100px) opacity(30%);
  z-index: -1;
}
.playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedue-header span {
  display: block;
  text-align: center;
}
.playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedue-header span.tournament-name {
  font-weight: 600;
  font-size: 23px;
  line-height: 33px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color: #fff;
  margin-bottom: 4px;
}
@media (max-width: 991.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedue-header span.tournament-name {
    font-size: 22px;
    line-height: 32px;
  }
}
@media (max-width: 575.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedue-header span.tournament-name {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 479.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedue-header span.tournament-name {
    font-size: 17px;
    line-height: 27px;
    margin-bottom: 1px;
  }
}
.playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedue-header span.stadium-name {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  text-transform: capitalize;
  color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 479.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedue-header span.stadium-name {
    font-size: 14px;
    line-height: 24px;
  }
}
.playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body {
  padding: 40px 75px;
}
@media (max-width: 1399.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body {
    padding: 30px 75px;
  }
}
@media (max-width: 1199.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body {
    padding: 40px 75px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body {
    padding: 30px 40px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body {
    padding: 30px 130px;
  }
}
@media (max-width: 767.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body {
    padding: 30px 60px;
  }
}
@media (max-width: 575.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body {
    padding: 30px 40px;
  }
}
@media (max-width: 479.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body {
    padding: 25px 30px 30px;
  }
}
.playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .schedule-stats {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}
@media (max-width: 1399.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .schedule-stats {
    margin-bottom: 30px;
  }
}
@media (max-width: 1199.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .schedule-stats {
    margin-bottom: 40px;
  }
}
@media (max-width: 991.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .schedule-stats {
    margin-bottom: 30px;
  }
}
@media (max-width: 479.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .schedule-stats {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20px;
  }
}
@media (max-width: 479.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .schedule-stats .single-team {
    order: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
  }
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .schedule-stats .single-team:last-child {
    margin-bottom: 0;
  }
}
.playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .schedule-stats .single-team .team-icon {
  position: relative;
  text-align: center;
  padding-bottom: 12px;
  margin-bottom: 20px;
}
@media (max-width: 479.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .schedule-stats .single-team .team-icon {
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
.playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .schedule-stats .single-team .team-icon:after {
  position: absolute;
  content: "";
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 80px;
  height: 73.39px;
  background: url("../img/sports-schedule/team-icon-bg.png") no-repeat;
  background-position: bottom center;
  background-size: 80px 73.39px;
}
@media (max-width: 1399.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .schedule-stats .single-team .team-icon:after {
    width: 70px;
    height: 63.39px;
    background-size: 70px 63.39px;
  }
}
@media (max-width: 1199.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .schedule-stats .single-team .team-icon:after {
    width: 60px;
    height: 53.39px;
    background-size: 60px 53.39px;
  }
}
@media (max-width: 575.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .schedule-stats .single-team .team-icon:after {
    width: 50px;
    height: 43.39px;
    background-size: 50px 43.39px;
  }
}
@media (max-width: 479.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .schedule-stats .single-team .team-icon:after {
    display: none;
  }
}
.playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .schedule-stats .single-team .team-icon img {
  height: 80px;
  width: auto;
  max-width: none;
}
@media (max-width: 1399.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .schedule-stats .single-team .team-icon img {
    height: 70px;
  }
}
@media (max-width: 1199.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .schedule-stats .single-team .team-icon img {
    height: 50px;
  }
}
@media (max-width: 575.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .schedule-stats .single-team .team-icon img {
    height: 50px;
  }
}
@media (max-width: 479.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .schedule-stats .single-team .team-icon img {
    height: 25px;
  }
}
.playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .schedule-stats .single-team span.team-name {
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.01em;
  text-transform: capitalize;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  display: block;
  margin: -6px 0 -8px;
}
@media (max-width: 575.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .schedule-stats .single-team span.team-name {
    text-align: center;
  }
}
@media (max-width: 479.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .schedule-stats .single-team span.team-name {
    font-size: 16px;
    line-height: 26px;
  }
}
.playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .schedule-stats .date-times-vs {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 479.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .schedule-stats .date-times-vs {
    align-items: flex-start;
    margin-bottom: 17px;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px double #5C6172;
    padding-bottom: 7px;
  }
}
.playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .schedule-stats .date-times-vs span {
  display: block;
}
.playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .schedule-stats .date-times-vs span.time {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: rgba(22, 29, 53, 0.8);
  display: flex;
  align-items: center;
  gap: 8px;
  margin: -5px 0 2px;
}
@media (max-width: 479.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .schedule-stats .date-times-vs span.time {
    margin: 0;
    font-size: 15px;
    line-height: 25px;
  }
}
.playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .schedule-stats .date-times-vs span.date {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: rgba(77, 142, 83, 0.8);
  margin-bottom: -7px;
}
@media (max-width: 575.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .schedule-stats .date-times-vs span.date {
    text-align: center;
  }
}
@media (max-width: 479.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .schedule-stats .date-times-vs span.date {
    font-size: 15px;
    line-height: 25px;
  }
}
.playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .schedule-stats .date-times-vs img.versace-icon {
  width: 100px;
  margin-top: 30px;
}
@media (max-width: 1399.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .schedule-stats .date-times-vs img.versace-icon {
    width: 90px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .schedule-stats .date-times-vs img.versace-icon {
    width: 60px;
  }
}
@media (max-width: 991.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .schedule-stats .date-times-vs img.versace-icon {
    width: 70px;
  }
}
@media (max-width: 479.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .schedule-stats .date-times-vs img.versace-icon {
    display: none;
  }
}
.playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .placing-bet {
  display: flex;
  justify-content: center;
  gap: 35px;
}
@media (max-width: 991.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .placing-bet {
    gap: 30px;
  }
}
@media (max-width: 479.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .placing-bet {
    gap: 10px;
  }
}
.playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .placing-bet a.place-a-bet {
  display: inline-block;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  border: 1px solid rgba(22, 29, 53, 0.2);
  height: 40px;
  line-height: 38px;
  border-radius: 5px;
  width: 100%;
  text-align: center;
}
@media (max-width: 479.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .placing-bet a.place-a-bet {
    height: 30px;
    line-height: 28px;
  }
}
.playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedule-body .placing-bet a.place-a-bet.placed {
  background: unset;
  -webkit-text-fill-color: unset;
  -webkit-background-clip: unset;
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  color: #fff;
  font-weight: 500;
  border: none;
}
.playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedue-timer {
  display: flex;
  z-index: 2;
  position: relative;
  overflow: hidden;
  background: #161D35;
  justify-content: space-between;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedue-timer {
    justify-content: space-evenly;
  }
}
.playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedue-timer:after {
  position: absolute;
  content: "";
  width: 435px;
  height: 435px;
  left: -145px;
  top: 67px;
  background: #0D1A34;
  filter: blur(100px) opacity(50%);
  z-index: -1;
}
.playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedue-timer:before {
  content: "";
  position: absolute;
  width: 544px;
  height: 544px;
  left: 127px;
  top: -238px;
  background: #CDA134;
  filter: blur(100px);
  z-index: -1;
  opacity: 0.3;
}
.playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedue-timer .time-starting-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  align-items: center;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedue-timer .time-starting-text {
    display: none;
  }
}
@media (max-width: 479.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedue-timer .time-starting-text {
    display: none;
  }
}
.playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedue-timer .time-starting-text span.txt {
  display: inline-block;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  text-transform: capitalize;
  color: #D9D9D9;
  margin: -7px 0 -5px;
}
.playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedue-timer .time-starting-text img.icon {
  width: 136px;
}
.playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedue-timer .all-timer-task {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 479.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedue-timer .all-timer-task {
    width: 100%;
  }
}
.playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedue-timer .all-timer-task .single-time {
  width: 117px;
  border-right: 1px solid rgba(255, 242, 242, 0.2);
  padding: 20px 0;
}
@media (max-width: 1399.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedue-timer .all-timer-task .single-time {
    width: 107px;
  }
}
@media (max-width: 1199.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedue-timer .all-timer-task .single-time {
    width: 117px;
  }
}
@media (max-width: 991.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedue-timer .all-timer-task .single-time {
    width: 87px;
  }
}
@media (max-width: 767.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedue-timer .all-timer-task .single-time {
    width: 97px;
  }
}
@media (max-width: 575.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedue-timer .all-timer-task .single-time {
    width: 87px;
  }
}
@media (max-width: 479.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedue-timer .all-timer-task .single-time {
    width: 100%;
    padding: 15px 0;
  }
}
.playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedue-timer .all-timer-task .single-time span {
  display: block;
  text-align: center;
}
.playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedue-timer .all-timer-task .single-time span.number {
  color: #fff;
  font-weight: 500;
  font-size: 28px;
  line-height: 38px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  margin: -9px 0 -6px;
}
@media (max-width: 1399.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedue-timer .all-timer-task .single-time span.number {
    font-size: 24px;
    line-height: 34px;
  }
}
@media (max-width: 991.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedue-timer .all-timer-task .single-time span.number {
    font-size: 20px;
    line-height: 30px;
  }
}
.playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedue-timer .all-timer-task .single-time span.title {
  color: rgba(255, 255, 255, 0.8);
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  margin: 0 0 -7px;
}
@media (max-width: 479.98px) {
  .playing-bet.placing-bet-page .sports-schedule-elem .single-view-schedule .schedue-timer .all-timer-task .single-time span.title {
    font-size: 14px;
    line-height: 24px;
  }
}

.bet-slip {
  position: fixed;
  bottom: 0;
  right: 100px;
  z-index: 555;
  width: 330px;
  box-shadow: 0px -2px 30px rgba(0, 0, 0, 0.1);
  background: #fff;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .bet-slip {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 479.98px) {
  .bet-slip {
    width: 350px;
  }
}
@media (max-width: 419.98px) {
  .bet-slip {
    width: 320px;
  }
}
.bet-slip button.bet-slip-header {
  background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  width: 100%;
  border: none;
  text-align: left;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 10px;
  height: 50px;
  padding: 0 20px;
  position: relative;
}
.bet-slip button.bet-slip-header:after {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  transition: all 0.3s ease-in;
  content: "\f078";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
}
.bet-slip button.bet-slip-header.collapsed:after {
  transform: translateY(-50%) rotate(0deg);
}
.bet-slip button.bet-slip-header span {
  display: inline-block;
}
.bet-slip button.bet-slip-header span.icon {
  font-size: 20px;
}
.bet-slip button.bet-slip-header span.text {
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color: #fff;
}
.bet-slip button.bet-slip-header span.slip-quantity-badge {
  height: 20px;
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  border-radius: 10px;
  color: #fff;
  padding: 0 7px;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  text-align: center;
  line-height: 20px;
  position: relative;
}
.bet-slip button.bet-slip-header span.slip-quantity-badge.animated {
  animation: bet-slip-counting-badge 0.1s 2;
}
@media (max-width: 767.98px) {
  .bet-slip .bet-slip-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .bet-slip .bet-slip-body .tab-content {
    height: 100%;
  }
  .bet-slip .bet-slip-body .tab-content .tab-pane#bsCategory-home {
    height: 100%;
  }
  .bet-slip .bet-slip-body .tab-content .tab-pane#bsCategory-home .part-slip-header {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
@media (max-width: 767.98px) and (max-width: 767.98px) {
  .bet-slip .bet-slip-body .tab-content .tab-pane#bsCategory-home .all-bs-card {
    height: 288px !important;
  }
}
@media (max-width: 767.98px) {
  .bet-slip .bet-slip-body .tab-content .tab-pane#bsCategory-profile, .bet-slip .bet-slip-body .tab-content .tab-pane#bsCategory-contact {
    height: 100%;
  }
  .bet-slip .bet-slip-body .tab-content .tab-pane#bsCategory-profile .mobile-wrapper, .bet-slip .bet-slip-body .tab-content .tab-pane#bsCategory-contact .mobile-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: end;
  }
  .bet-slip .bet-slip-body .tab-content .tab-pane#bsCategory-profile .part-slip-header, .bet-slip .bet-slip-body .tab-content .tab-pane#bsCategory-contact .part-slip-header {
    height: 100%;
  }
  .bet-slip .bet-slip-body .tab-content .tab-pane .part-slip-header .all-bs-card {
    height: 100%;
  }
  .bet-slip .bet-slip-body .tab-content .tab-pane .part-slip-header .all-bs-card .empty-card {
    height: 100%;
  }
  .bet-slip .bet-slip-body .tab-content .tab-pane .part-slip-header .all-bs-card .successfull-card {
    height: 100%;
  }
}
.bet-slip .bet-slip-body .bet-slip-category {
  justify-content: space-between;
  gap: 8px;
  margin: 15px;
  margin-bottom: 0;
}
.bet-slip .bet-slip-body .bet-slip-category .nav-item {
  flex: 1;
}
.bet-slip .bet-slip-body .bet-slip-category .nav-item .nav-link {
  padding: 0 20px;
  height: 30px;
  background: #EFEFF1;
  font-weight: 400;
  font-size: 13px;
  line-height: 14px;
  letter-spacing: 0.03em;
  text-transform: capitalize;
  color: #8B8E9A;
  border-radius: 30px;
  width: 100%;
  transition: all 0.3s ease-in;
  outline: none;
}
.bet-slip .bet-slip-body .bet-slip-category .nav-item .nav-link.active {
  background: #5C6172;
  color: #fff;
}
.bet-slip .bet-slip-body .part-slip-header {
  padding: 15px;
}
.bet-slip .bet-slip-body .part-slip-header .os-host-overflow {
  overflow: visible !important;
}
.bet-slip .bet-slip-body .part-slip-header .os-host-overflow .os-scrollbar-vertical {
  right: -12px;
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .single-bs-card {
  padding: 20px;
  position: relative;
  z-index: 2;
  margin-bottom: 5px;
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .single-bs-card.hidden {
  all: unset;
  height: 0;
  overflow: hidden;
  width: 0;
  visibility: hidden;
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .single-bs-card.card-combo, .bet-slip .bet-slip-body .part-slip-header .all-bs-card .single-bs-card.card-system {
  padding-bottom: 6px;
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .single-bs-card:nth-last-child(2) {
  margin-bottom: 0;
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .single-bs-card:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 50%;
  background: url("../img/playing-bet/bet-slip/bs-card-bg.png") center center no-repeat;
  background-position-y: top;
  background-size: cover;
  z-index: -1;
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .single-bs-card:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: url("../img/playing-bet/bet-slip/bs-card-bg.png") center center no-repeat;
  background-position-y: bottom;
  background-size: cover;
  z-index: -1;
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .single-bs-card .bs-card-header {
  border-bottom: 1px solid rgba(92, 97, 114, 0.1);
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .single-bs-card .bs-card-header span.tournament-name {
  font-weight: 400;
  font-size: 13px;
  line-height: 23px;
  text-transform: capitalize;
  color: rgba(22, 29, 53, 0.5);
  display: table;
  margin: -6px 0 -4px;
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .single-bs-card .bs-card-header .slct-place {
  display: flex;
  gap: 6px;
  margin-bottom: 3px;
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .single-bs-card .bs-card-header .slct-place span.live-icon img {
  margin-bottom: -4px;
  margin-right: -3px;
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .single-bs-card .bs-card-header .slct-place span.team-name, .bet-slip .bet-slip-body .part-slip-header .all-bs-card .single-bs-card .bs-card-header .slct-place span.bet-ratio {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  display: flex;
  align-items: center;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .single-bs-card .bs-card-header .slct-place span.attherate {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color: rgba(22, 29, 53, 0.5);
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .single-bs-card .bs-card-header button.slip-dlt {
  outline: none;
  border: none;
  background: transparent;
  padding: 0;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 15px;
  right: 15px;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(108.99deg, #FF5176 -21.01%, #FB7A6B 45.45%);
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .single-bs-card .bs-card-header button.slip-dlt:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  opacity: 0.1;
  border-radius: 2px;
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .single-bs-card .slct-match {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: rgba(22, 29, 53, 0.6);
  display: flex;
  gap: 5px;
  margin: 5px 0 9px;
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .single-bs-card .slct-match span.sports-category-icon {
  width: 14px;
  top: -1px;
  position: relative;
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .single-bs-card .bs-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .single-bs-card .bs-card-footer button.prd-btn-1 {
  line-height: 30px;
  height: 30px;
  font-size: 14px;
  line-height: 24px;
  text-transform: capitalize;
  font-weight: 500;
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .single-bs-card .bs-card-footer button.prd-btn-1 span.stake-number {
  margin-left: 3px;
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .single-bs-card .bs-card-footer .return-amount span {
  display: inline-block;
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .single-bs-card .bs-card-footer .return-amount span.text {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-transform: capitalize;
  color: rgba(22, 29, 53, 0.5);
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .single-bs-card .bs-card-footer .return-amount span.number {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  text-transform: lowercase;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .empty-card {
  padding: 20px;
  position: relative;
  z-index: 2;
  text-align: center;
  height: 475px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1399.98px) {
  .bet-slip .bet-slip-body .part-slip-header .all-bs-card .empty-card {
    height: 359px;
  }
}
@media (max-width: 1199.98px) {
  .bet-slip .bet-slip-body .part-slip-header .all-bs-card .empty-card {
    height: 319px;
  }
}
@media (max-width: 991.98px) {
  .bet-slip .bet-slip-body .part-slip-header .all-bs-card .empty-card {
    height: 314px;
  }
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .empty-card.combo-system-empty {
  height: 343px;
}
@media (max-width: 1399.98px) {
  .bet-slip .bet-slip-body .part-slip-header .all-bs-card .empty-card.combo-system-empty {
    height: 227px;
  }
}
@media (max-width: 1199.98px) {
  .bet-slip .bet-slip-body .part-slip-header .all-bs-card .empty-card.combo-system-empty {
    height: 187px;
  }
}
@media (max-width: 991.98px) {
  .bet-slip .bet-slip-body .part-slip-header .all-bs-card .empty-card.combo-system-empty {
    height: 182px;
  }
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .empty-card img {
  width: 70px;
  height: 70px;
}
@media (max-width: 1199.98px) {
  .bet-slip .bet-slip-body .part-slip-header .all-bs-card .empty-card img {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 991.98px) {
  .bet-slip .bet-slip-body .part-slip-header .all-bs-card .empty-card img {
    width: 55px;
    height: 55px;
  }
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .empty-card h4.empty-title {
  font-weight: 700;
  font-size: 17px;
  line-height: 21px;
  color: rgba(22, 29, 53, 0.5);
  margin: 16px 0 11px;
  letter-spacing: 0.01em;
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .empty-card p {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  color: rgba(22, 29, 53, 0.6);
  margin-bottom: -5px;
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .empty-card:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 50%;
  background: url("../img/playing-bet/bet-slip/empty-card-bg.png") center center no-repeat;
  background-position-y: top;
  background-size: cover;
  z-index: -1;
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .empty-card:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: url("../img/playing-bet/bet-slip/empty-card-bg.png") center center no-repeat;
  background-position-y: bottom;
  background-size: cover;
  z-index: -1;
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .successfull-card {
  padding: 20px;
  position: relative;
  z-index: 2;
  text-align: center;
  height: 475px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1399.98px) {
  .bet-slip .bet-slip-body .part-slip-header .all-bs-card .successfull-card {
    height: 359px;
  }
}
@media (max-width: 1199.98px) {
  .bet-slip .bet-slip-body .part-slip-header .all-bs-card .successfull-card {
    height: 319px;
  }
}
@media (max-width: 991.98px) {
  .bet-slip .bet-slip-body .part-slip-header .all-bs-card .successfull-card {
    height: 314px;
  }
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .successfull-card svg {
  width: 60px;
  display: inline-block;
  background: #73af55;
  border-radius: 50%;
  padding: 5px;
}
@media (max-width: 1199.98px) {
  .bet-slip .bet-slip-body .part-slip-header .all-bs-card .successfull-card svg {
    width: 50px;
  }
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .successfull-card svg .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
  stroke: #fff;
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .successfull-card svg .path.circle {
  animation: dash 0.9s ease-in-out;
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .successfull-card svg .path.line {
  stroke-dashoffset: 1000;
  animation: dash 0.9s 0.35s ease-in-out forwards;
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .successfull-card svg .path.check {
  stroke-dashoffset: -100;
  animation: dash-check 0.9s 0.35s ease-in-out forwards;
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .successfull-card.combo-system-empty {
  height: 343px;
}
@media (max-width: 1399.98px) {
  .bet-slip .bet-slip-body .part-slip-header .all-bs-card .successfull-card.combo-system-empty {
    height: 227px;
  }
}
@media (max-width: 1199.98px) {
  .bet-slip .bet-slip-body .part-slip-header .all-bs-card .successfull-card.combo-system-empty {
    height: 187px;
  }
}
@media (max-width: 991.98px) {
  .bet-slip .bet-slip-body .part-slip-header .all-bs-card .successfull-card.combo-system-empty {
    height: 182px;
  }
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .successfull-card img {
  width: 80px;
  height: 80px;
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .successfull-card h4.empty-title {
  font-weight: 700;
  font-size: 17px;
  line-height: 21px;
  color: rgba(22, 29, 53, 0.5);
  margin: 16px 0 11px;
  letter-spacing: 0.01em;
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .successfull-card p {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  color: rgba(22, 29, 53, 0.6);
  margin-bottom: -5px;
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .successfull-card:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 50%;
  background: url("../img/playing-bet/bet-slip/empty-card-bg.png") center center no-repeat;
  background-position-y: top;
  background-size: cover;
  z-index: -1;
}
.bet-slip .bet-slip-body .part-slip-header .all-bs-card .successfull-card:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: url("../img/playing-bet/bet-slip/empty-card-bg.png") center center no-repeat;
  background-position-y: bottom;
  background-size: cover;
  z-index: -1;
}
.bet-slip .bet-slip-body .odd-changing {
  padding-left: 0;
  margin: 11px 15px 0;
}
.bet-slip .bet-slip-body .odd-changing.oc-for-combo {
  margin: 11px 30px 12px;
}
.bet-slip .bet-slip-body .odd-changing .form-check-input {
  float: right;
  border: 1px solid rgba(62, 63, 111, 0.5);
  background-image: url("../img/playing-bet/bet-slip/radio.svg");
  box-shadow: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.bet-slip .bet-slip-body .odd-changing .form-check-input:checked {
  background-color: transparent;
  background-image: url("../img/playing-bet/bet-slip/radio-2.svg");
  border: 1px solid rgba(229, 86, 96, 0.68);
}
.bet-slip .bet-slip-body .odd-changing .form-check-label {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  text-transform: capitalize;
  color: rgba(92, 97, 114, 0.9);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.bet-slip .bet-slip-body .bet-quantity {
  background: rgba(217, 217, 217, 0.5);
  padding: 20px;
  padding-top: 8px;
  padding-bottom: 3px;
}
.bet-slip .bet-slip-body .bet-quantity .title {
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
}
.bet-slip .bet-slip-body .bet-quantity .title.sytem-title {
  display: flex;
  justify-content: space-between;
}
.bet-slip .bet-slip-body .bet-quantity .title.sytem-title .system-bet-option button.bet-option-btn {
  font-weight: 500;
  font-size: 14px;
  line-height: 28px;
  text-transform: capitalize;
  color: rgba(92, 97, 114, 0.9);
  height: 30px;
  border: 1px solid #FFFFFF;
  border-radius: 5px;
  padding: 0 15px;
}
.bet-slip .bet-slip-body .bet-quantity .title.sytem-title .system-bet-option button.bet-option-btn.show {
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  color: #fff;
}
.bet-slip .bet-slip-body .bet-quantity .title.sytem-title .system-bet-option .dropdown-menu {
  background: #FFFFFF;
  box-shadow: 0px -2px 30px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 0;
  border: none;
  top: -2px !important;
  overflow: hidden;
  min-width: 100%;
}
.bet-slip .bet-slip-body .bet-quantity .title.sytem-title .system-bet-option .dropdown-menu li .dropdown-item {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  text-transform: capitalize;
  color: rgba(92, 97, 114, 0.9);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  transition: all 0.3s ease-in;
  padding: 1px 20px;
  text-align: right;
}
.bet-slip .bet-slip-body .bet-quantity .title.sytem-title .system-bet-option .dropdown-menu li .dropdown-item:hover {
  color: #ec6163;
}
.bet-slip .bet-slip-body .bet-quantity .title.sytem-title .system-bet-option .dropdown-menu li:last-child .dropdown-item {
  border-bottom: none;
}
.bet-slip .bet-slip-body .bet-quantity .title span.title-text {
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  text-transform: capitalize;
  color: rgba(22, 29, 53, 0.8);
  margin-bottom: 7px;
}
@media (max-width: 991.98px) {
  .bet-slip .bet-slip-body .bet-quantity .title span.title-text {
    margin-bottom: 5px;
  }
}
.bet-slip .bet-slip-body .bet-quantity .single-list {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 5px 0 5px;
}
@media (max-width: 991.98px) {
  .bet-slip .bet-slip-body .bet-quantity .single-list {
    padding: 3px 0 3px;
  }
}
.bet-slip .bet-slip-body .bet-quantity .single-list:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 45%;
  height: 1px;
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
}
.bet-slip .bet-slip-body .bet-quantity .single-list:last-child:after {
  display: none;
}
.bet-slip .bet-slip-body .bet-quantity .single-list span.text {
  font-weight: 500;
  font-size: 15px;
  line-height: 25px;
  text-transform: capitalize;
  color: rgba(22, 29, 53, 0.5);
}
.bet-slip .bet-slip-body .bet-quantity .single-list span.number {
  font-weight: 500;
  font-size: 15px;
  line-height: 25px;
  text-transform: capitalize;
  color: rgba(22, 29, 53, 0.5);
}
.bet-slip .bet-slip-body .bet-quantity .single-list .inc-dec-bet {
  display: flex;
  background: #fff;
  border-radius: 50px;
}
.bet-slip .bet-slip-body .bet-quantity .single-list .inc-dec-bet button {
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  color: #fff;
  border: none;
  height: 30px;
  padding: 0 12px;
  line-height: 31px;
  font-size: 13px;
}
.bet-slip .bet-slip-body .bet-quantity .single-list .inc-dec-bet button.dec-btn {
  border-radius: 50px 0 0 50px;
}
.bet-slip .bet-slip-body .bet-quantity .single-list .inc-dec-bet button.inc-btn {
  border-radius: 0 50px 50px 0;
}
.bet-slip .bet-slip-body .bet-quantity .single-list .inc-dec-bet span.result-num {
  font-weight: 600;
  font-size: 15px;
  line-height: 30px;
  height: 30px;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  width: 70px;
  text-align: center;
}
.bet-slip .bet-slip-body .bet-slip-calculation {
  background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  padding: 0 15px;
}
.bet-slip .bet-slip-body .bet-slip-calculation .total-calc {
  padding: 13px 0 13px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.bet-slip .bet-slip-body .bet-slip-calculation .total-calc .single-calc {
  display: flex;
  justify-content: space-between;
}
.bet-slip .bet-slip-body .bet-slip-calculation .total-calc .single-calc:first-child {
  margin-bottom: 3px;
}
.bet-slip .bet-slip-body .bet-slip-calculation .total-calc .single-calc span.text {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  text-transform: capitalize;
  color: #fff;
}
.bet-slip .bet-slip-body .bet-slip-calculation .total-calc .single-calc span.number {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  text-transform: lowercase;
  color: #fff;
}
.bet-slip .bet-slip-body .bet-slip-calculation .calc-finish {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
}
.bet-slip .bet-slip-body .bet-slip-calculation .calc-finish button.prd-btn-1 {
  height: 40px;
  line-height: 40px;
  padding: 0 25px;
  text-transform: capitalize;
}
.bet-slip .bet-slip-body .bet-slip-calculation .calc-finish .calc-dlt {
  background: transparent;
  border: none;
  outline: none;
  color: #fff;
  opacity: 0.8;
  font-size: 19px;
  padding: 0;
}

.sports-schedule {
  padding: 60px 0 120px;
  position: relative;
}
@media (max-width: 1399.98px) {
  .sports-schedule {
    padding: 50px 0 100px;
  }
}
@media (max-width: 991.98px) {
  .sports-schedule {
    padding: 40px 0 80px;
  }
}
@media (max-width: 767.98px) {
  .sports-schedule {
    padding: 30px 0 60px;
  }
}
.sports-schedule .single-view-schedule {
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  overflow: hidden;
}
.sports-schedule .single-view-schedule .schedue-header {
  background: #161D35;
  position: relative;
  overflow: hidden;
  z-index: 2;
  padding: 23px 0 23px;
}
@media (max-width: 991.98px) {
  .sports-schedule .single-view-schedule .schedue-header {
    padding: 18px 0;
  }
}
.sports-schedule .single-view-schedule .schedue-header:after {
  position: absolute;
  content: "";
  width: 435px;
  height: 435px;
  left: -145px;
  top: 67px;
  background: #0D1A34;
  filter: blur(100px) opacity(40%);
  z-index: -1;
}
.sports-schedule .single-view-schedule .schedue-header:before {
  content: "";
  position: absolute;
  width: 318px;
  height: 318px;
  left: calc(100% - 250px);
  top: -238px;
  background: #CDA134;
  filter: blur(100px) opacity(30%);
  z-index: -1;
}
.sports-schedule .single-view-schedule .schedue-header span {
  display: block;
  text-align: center;
}
.sports-schedule .single-view-schedule .schedue-header span.tournament-name {
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color: #fff;
  margin-bottom: 4px;
}
@media (max-width: 991.98px) {
  .sports-schedule .single-view-schedule .schedue-header span.tournament-name {
    font-size: 22px;
    line-height: 32px;
  }
}
@media (max-width: 575.98px) {
  .sports-schedule .single-view-schedule .schedue-header span.tournament-name {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 479.98px) {
  .sports-schedule .single-view-schedule .schedue-header span.tournament-name {
    font-size: 17px;
    line-height: 27px;
    margin-bottom: 1px;
  }
}
.sports-schedule .single-view-schedule .schedue-header span.stadium-name {
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0.01em;
  text-transform: capitalize;
  color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 479.98px) {
  .sports-schedule .single-view-schedule .schedue-header span.stadium-name {
    font-size: 14px;
    line-height: 24px;
  }
}
.sports-schedule .single-view-schedule .schedule-body {
  padding: 29px 75px;
}
@media (max-width: 1399.98px) {
  .sports-schedule .single-view-schedule .schedule-body {
    padding: 30px 75px;
  }
}
@media (max-width: 1199.98px) {
  .sports-schedule .single-view-schedule .schedule-body {
    padding: 40px 75px;
  }
}
@media (max-width: 991.98px) {
  .sports-schedule .single-view-schedule .schedule-body {
    padding: 30px 40px;
  }
}
@media (max-width: 767.98px) {
  .sports-schedule .single-view-schedule .schedule-body {
    padding: 30px 60px;
  }
}
@media (max-width: 575.98px) {
  .sports-schedule .single-view-schedule .schedule-body {
    padding: 30px 40px;
  }
}
@media (max-width: 479.98px) {
  .sports-schedule .single-view-schedule .schedule-body {
    padding: 25px 30px 30px;
  }
}
.sports-schedule .single-view-schedule .schedule-body .schedule-stats {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}
@media (max-width: 1399.98px) {
  .sports-schedule .single-view-schedule .schedule-body .schedule-stats {
    margin-bottom: 30px;
  }
}
@media (max-width: 1199.98px) {
  .sports-schedule .single-view-schedule .schedule-body .schedule-stats {
    margin-bottom: 40px;
  }
}
@media (max-width: 991.98px) {
  .sports-schedule .single-view-schedule .schedule-body .schedule-stats {
    margin-bottom: 30px;
  }
}
@media (max-width: 479.98px) {
  .sports-schedule .single-view-schedule .schedule-body .schedule-stats {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20px;
  }
}
@media (max-width: 479.98px) {
  .sports-schedule .single-view-schedule .schedule-body .schedule-stats .single-team {
    order: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
  }
  .sports-schedule .single-view-schedule .schedule-body .schedule-stats .single-team:last-child {
    margin-bottom: 0;
  }
}
.sports-schedule .single-view-schedule .schedule-body .schedule-stats .single-team .team-icon {
  position: relative;
  text-align: center;
  padding-bottom: 12px;
  margin-bottom: 20px;
}
@media (max-width: 479.98px) {
  .sports-schedule .single-view-schedule .schedule-body .schedule-stats .single-team .team-icon {
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
.sports-schedule .single-view-schedule .schedule-body .schedule-stats .single-team .team-icon:after {
  position: absolute;
  content: "";
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 80px;
  height: 73.39px;
  background: url("../img/sports-schedule/team-icon-bg.png") no-repeat;
  background-position: bottom center;
  background-size: 80px 73.39px;
}
@media (max-width: 1399.98px) {
  .sports-schedule .single-view-schedule .schedule-body .schedule-stats .single-team .team-icon:after {
    width: 70px;
    height: 63.39px;
    background-size: 70px 63.39px;
  }
}
@media (max-width: 991.98px) {
  .sports-schedule .single-view-schedule .schedule-body .schedule-stats .single-team .team-icon:after {
    width: 60px;
    height: 53.39px;
    background-size: 60px 53.39px;
  }
}
@media (max-width: 575.98px) {
  .sports-schedule .single-view-schedule .schedule-body .schedule-stats .single-team .team-icon:after {
    width: 50px;
    height: 43.39px;
    background-size: 50px 43.39px;
  }
}
@media (max-width: 479.98px) {
  .sports-schedule .single-view-schedule .schedule-body .schedule-stats .single-team .team-icon:after {
    display: none;
  }
}
.sports-schedule .single-view-schedule .schedule-body .schedule-stats .single-team .team-icon img {
  height: 80px;
  width: auto;
  max-width: none;
}
@media (max-width: 1399.98px) {
  .sports-schedule .single-view-schedule .schedule-body .schedule-stats .single-team .team-icon img {
    height: 70px;
  }
}
@media (max-width: 991.98px) {
  .sports-schedule .single-view-schedule .schedule-body .schedule-stats .single-team .team-icon img {
    height: 60px;
  }
}
@media (max-width: 575.98px) {
  .sports-schedule .single-view-schedule .schedule-body .schedule-stats .single-team .team-icon img {
    height: 50px;
  }
}
@media (max-width: 479.98px) {
  .sports-schedule .single-view-schedule .schedule-body .schedule-stats .single-team .team-icon img {
    height: 25px;
  }
}
.sports-schedule .single-view-schedule .schedule-body .schedule-stats .single-team span.team-name {
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.01em;
  text-transform: capitalize;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  display: block;
  margin: -6px 0 -8px;
}
@media (max-width: 575.98px) {
  .sports-schedule .single-view-schedule .schedule-body .schedule-stats .single-team span.team-name {
    text-align: center;
  }
}
@media (max-width: 479.98px) {
  .sports-schedule .single-view-schedule .schedule-body .schedule-stats .single-team span.team-name {
    font-size: 16px;
    line-height: 26px;
  }
}
.sports-schedule .single-view-schedule .schedule-body .schedule-stats .date-times-vs {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 479.98px) {
  .sports-schedule .single-view-schedule .schedule-body .schedule-stats .date-times-vs {
    align-items: flex-start;
    margin-bottom: 17px;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px double #5C6172;
    padding-bottom: 7px;
  }
}
.sports-schedule .single-view-schedule .schedule-body .schedule-stats .date-times-vs span {
  display: block;
}
.sports-schedule .single-view-schedule .schedule-body .schedule-stats .date-times-vs span.time {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: rgba(22, 29, 53, 0.8);
  display: flex;
  align-items: center;
  gap: 8px;
  margin: -5px 0 2px;
}
@media (max-width: 479.98px) {
  .sports-schedule .single-view-schedule .schedule-body .schedule-stats .date-times-vs span.time {
    margin: 0;
    font-size: 15px;
    line-height: 25px;
  }
}
.sports-schedule .single-view-schedule .schedule-body .schedule-stats .date-times-vs span.date {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: rgba(77, 142, 83, 0.8);
  margin-bottom: -7px;
}
@media (max-width: 575.98px) {
  .sports-schedule .single-view-schedule .schedule-body .schedule-stats .date-times-vs span.date {
    text-align: center;
  }
}
@media (max-width: 479.98px) {
  .sports-schedule .single-view-schedule .schedule-body .schedule-stats .date-times-vs span.date {
    font-size: 15px;
    line-height: 25px;
  }
}
.sports-schedule .single-view-schedule .schedule-body .schedule-stats .date-times-vs img.versace-icon {
  width: 100px;
  margin-top: 30px;
}
@media (max-width: 1399.98px) {
  .sports-schedule .single-view-schedule .schedule-body .schedule-stats .date-times-vs img.versace-icon {
    width: 90px;
  }
}
@media (max-width: 991.98px) {
  .sports-schedule .single-view-schedule .schedule-body .schedule-stats .date-times-vs img.versace-icon {
    width: 70px;
  }
}
@media (max-width: 479.98px) {
  .sports-schedule .single-view-schedule .schedule-body .schedule-stats .date-times-vs img.versace-icon {
    display: none;
  }
}
.sports-schedule .single-view-schedule .schedule-body .placing-bet {
  display: flex;
  justify-content: center;
  gap: 35px;
}
@media (max-width: 991.98px) {
  .sports-schedule .single-view-schedule .schedule-body .placing-bet {
    gap: 30px;
  }
}
@media (max-width: 479.98px) {
  .sports-schedule .single-view-schedule .schedule-body .placing-bet {
    gap: 10px;
  }
}
.sports-schedule .single-view-schedule .schedule-body .placing-bet a.place-a-bet {
  display: inline-block;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  border: 1px solid rgba(22, 29, 53, 0.2);
  height: 40px;
  line-height: 38px;
  border-radius: 5px;
  width: 100%;
  text-align: center;
}
@media (max-width: 479.98px) {
  .sports-schedule .single-view-schedule .schedule-body .placing-bet a.place-a-bet {
    height: 30px;
    line-height: 28px;
  }
}
.sports-schedule .single-view-schedule .schedule-body .placing-bet a.place-a-bet.placed {
  background: unset;
  -webkit-text-fill-color: unset;
  -webkit-background-clip: unset;
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  color: #fff;
  font-weight: 500;
  border: none;
}
.sports-schedule .single-view-schedule .schedue-timer {
  display: flex;
  z-index: 2;
  position: relative;
  overflow: hidden;
  background: #161D35;
  justify-content: space-between;
}
.sports-schedule .single-view-schedule .schedue-timer:after {
  position: absolute;
  content: "";
  width: 435px;
  height: 435px;
  left: -145px;
  top: 67px;
  background: #0D1A34;
  filter: blur(100px) opacity(50%);
  z-index: -1;
}
.sports-schedule .single-view-schedule .schedue-timer:before {
  content: "";
  position: absolute;
  width: 544px;
  height: 544px;
  left: 127px;
  top: -238px;
  background: #CDA134;
  filter: blur(100px);
  z-index: -1;
  opacity: 0.3;
}
.sports-schedule .single-view-schedule .schedue-timer .time-starting-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  align-items: center;
}
@media (max-width: 479.98px) {
  .sports-schedule .single-view-schedule .schedue-timer .time-starting-text {
    display: none;
  }
}
.sports-schedule .single-view-schedule .schedue-timer .time-starting-text span.txt {
  display: inline-block;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  text-transform: capitalize;
  color: #D9D9D9;
  margin: -7px 0 -5px;
}
.sports-schedule .single-view-schedule .schedue-timer .time-starting-text img.icon {
  width: 136px;
}
.sports-schedule .single-view-schedule .schedue-timer .all-timer-task {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 479.98px) {
  .sports-schedule .single-view-schedule .schedue-timer .all-timer-task {
    width: 100%;
  }
}
.sports-schedule .single-view-schedule .schedue-timer .all-timer-task .single-time {
  width: 117px;
  border-right: 1px solid rgba(255, 242, 242, 0.2);
  padding: 20px 0;
}
@media (max-width: 1399.98px) {
  .sports-schedule .single-view-schedule .schedue-timer .all-timer-task .single-time {
    width: 107px;
  }
}
@media (max-width: 1199.98px) {
  .sports-schedule .single-view-schedule .schedue-timer .all-timer-task .single-time {
    width: 117px;
  }
}
@media (max-width: 991.98px) {
  .sports-schedule .single-view-schedule .schedue-timer .all-timer-task .single-time {
    width: 87px;
  }
}
@media (max-width: 767.98px) {
  .sports-schedule .single-view-schedule .schedue-timer .all-timer-task .single-time {
    width: 97px;
  }
}
@media (max-width: 575.98px) {
  .sports-schedule .single-view-schedule .schedue-timer .all-timer-task .single-time {
    width: 87px;
  }
}
@media (max-width: 479.98px) {
  .sports-schedule .single-view-schedule .schedue-timer .all-timer-task .single-time {
    width: 100%;
    padding: 15px 0;
  }
}
.sports-schedule .single-view-schedule .schedue-timer .all-timer-task .single-time span {
  display: block;
  text-align: center;
}
.sports-schedule .single-view-schedule .schedue-timer .all-timer-task .single-time span.number {
  color: #fff;
  font-weight: 500;
  font-size: 28px;
  line-height: 38px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  margin: -9px 0 -6px;
}
@media (max-width: 1399.98px) {
  .sports-schedule .single-view-schedule .schedue-timer .all-timer-task .single-time span.number {
    font-size: 24px;
    line-height: 34px;
  }
}
@media (max-width: 991.98px) {
  .sports-schedule .single-view-schedule .schedue-timer .all-timer-task .single-time span.number {
    font-size: 20px;
    line-height: 30px;
  }
}
.sports-schedule .single-view-schedule .schedue-timer .all-timer-task .single-time span.title {
  color: rgba(255, 255, 255, 0.8);
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  margin: 0 0 -7px;
}
@media (max-width: 479.98px) {
  .sports-schedule .single-view-schedule .schedue-timer .all-timer-task .single-time span.title {
    font-size: 14px;
    line-height: 24px;
  }
}
.sports-schedule .all-schedule-list {
  height: 100%;
}
.sports-schedule .all-schedule-list .nav {
  height: 100%;
  justify-content: space-between;
}
@media (max-width: 767.98px) {
  .sports-schedule .all-schedule-list .nav {
    flex-direction: row !important;
    gap: 20px;
    margin-bottom: 30px;
    height: auto;
  }
}
@media (max-width: 575.98px) {
  .sports-schedule .all-schedule-list .nav {
    gap: 10px;
    margin-bottom: 20px;
  }
}
@media (max-width: 479.98px) {
  .sports-schedule .all-schedule-list .nav {
    margin-bottom: 20px;
  }
}
.sports-schedule .all-schedule-list button.nav-link {
  background: none;
  padding: 0;
  border-radius: 10px;
  outline: none;
}
@media (max-width: 767.98px) {
  .sports-schedule .all-schedule-list button.nav-link {
    width: calc(50% - 10px);
  }
}
@media (max-width: 575.98px) {
  .sports-schedule .all-schedule-list button.nav-link {
    width: calc(50% - 5px);
  }
}
@media (max-width: 479.98px) {
  .sports-schedule .all-schedule-list button.nav-link {
    width: 100%;
  }
}
.sports-schedule .all-schedule-list button.nav-link.active .single-list-schedule:after {
  opacity: 1;
  height: 60%;
}
.sports-schedule .all-schedule-list .single-list-schedule {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 30px;
  background: #fff;
  border-radius: 10px;
  z-index: 2;
  position: relative;
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1199.98px) {
  .sports-schedule .all-schedule-list .single-list-schedule {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}
@media (max-width: 991.98px) {
  .sports-schedule .all-schedule-list .single-list-schedule {
    padding: 15px 20px;
  }
}
.sports-schedule .all-schedule-list .single-list-schedule:after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 0;
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  border-radius: 10px;
  z-index: -1;
  opacity: 0;
  transition: all 0.3s ease-in;
}
.sports-schedule .all-schedule-list .single-list-schedule .single-team {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
@media (max-width: 1399.98px) {
  .sports-schedule .all-schedule-list .single-list-schedule .single-team {
    gap: 25px;
  }
}
@media (max-width: 1199.98px) {
  .sports-schedule .all-schedule-list .single-list-schedule .single-team {
    gap: 20px;
  }
}
@media (max-width: 479.98px) {
  .sports-schedule .all-schedule-list .single-list-schedule .single-team {
    gap: 15px;
  }
}
.sports-schedule .all-schedule-list .single-list-schedule .single-team .team-icon {
  position: relative;
  text-align: center;
  padding-bottom: 10px;
}
@media (max-width: 1199.98px) {
  .sports-schedule .all-schedule-list .single-list-schedule .single-team .team-icon {
    padding-bottom: 0;
  }
}
.sports-schedule .all-schedule-list .single-list-schedule .single-team .team-icon:after {
  position: absolute;
  content: "";
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 80px;
  height: 52.17px;
  background: url("../img/sports-schedule/team-icon-bg.png") no-repeat;
  background-position: bottom center;
  background-size: auto 52.17px;
}
@media (max-width: 1399.98px) {
  .sports-schedule .all-schedule-list .single-list-schedule .single-team .team-icon:after {
    height: 47.17px;
    background-size: auto 47.17px;
  }
}
@media (max-width: 1199.98px) {
  .sports-schedule .all-schedule-list .single-list-schedule .single-team .team-icon:after {
    display: none;
  }
}
.sports-schedule .all-schedule-list .single-list-schedule .single-team .team-icon img {
  height: 52.17px;
  width: auto;
  max-width: none;
}
@media (max-width: 1399.98px) {
  .sports-schedule .all-schedule-list .single-list-schedule .single-team .team-icon img {
    height: 47.17px;
  }
}
@media (max-width: 1199.98px) {
  .sports-schedule .all-schedule-list .single-list-schedule .single-team .team-icon img {
    height: 27.17px;
  }
}
@media (max-width: 991.98px) {
  .sports-schedule .all-schedule-list .single-list-schedule .single-team .team-icon img {
    height: 22.17px;
  }
}
.sports-schedule .all-schedule-list .single-list-schedule .single-team span.team-name {
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.01em;
  text-transform: capitalize;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image:linear-gradient(144.14deg, #9f8134 -11.44%, #161d35 123.42%);
  display: block;
  margin: -6px 0 -8px;
}
@media (max-width: 991.98px) {
  .sports-schedule .all-schedule-list .single-list-schedule .single-team span.team-name {
    font-size: 16px;
    line-height: 26px;
  }
}
@media (max-width: 1199.98px) {
  .sports-schedule .all-schedule-list .single-list-schedule .single-team:last-child {
    flex-direction: row-reverse;
  }
}
.sports-schedule .all-schedule-list .single-list-schedule img.versace-icon {
  width: 80px;
}
@media (max-width: 1399.98px) {
  .sports-schedule .all-schedule-list .single-list-schedule img.versace-icon {
    width: 70px;
  }
}
@media (max-width: 1199.98px) {
  .sports-schedule .all-schedule-list .single-list-schedule img.versace-icon {
    display: none;
  }
}
.sports-schedule .see-all-schedule-btn-cover {
  text-align: center;
  margin-top: 50px;
}
@media (max-width: 1399.98px) {
  .sports-schedule .see-all-schedule-btn-cover {
    margin-top: 40px;
  }
}
@media (max-width: 1199.98px) {
  .sports-schedule .see-all-schedule-btn-cover {
    margin-top: 30px;
  }
}

.call-to-action {
  background-image: url("../img/cta/cta-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #161D35;
  position: relative;
  z-index: 2;
  overflow: hidden;
  padding: 80px 0;
}
@media (max-width: 1399.98px) {
  .call-to-action {
    padding: 60px 0;
  }
}
@media (max-width: 1199.98px) {
  .call-to-action {
    padding: 50px 0;
  }
}
@media (max-width: 767.98px) {
  .call-to-action {
    text-align: center;
    padding: 40px 0;
  }
}
@media (max-width: 479.98px) {
  .call-to-action {
    padding: 30px 0;
  }
}
.call-to-action:after {
  position: absolute;
  content: "";
  width: 407px;
  height: 407px;
  background: #0D1A34;
  filter: blur(100px) opacity(40%);
  left: -94px;
  top: 109px;
  z-index: -1;
}
.call-to-action:before {
  content: "";
  position: absolute;
  width: 418px;
  height: 418px;
  bottom: 75px;
  right: 137px;
  background: #CDA134;
  filter: blur(100px) opacity(30%);
  z-index: -1;
}
.call-to-action .part-text h4.title {
  font-weight: 600;
  font-size: 40px;
  line-height: 50px;
  letter-spacing: 0.02em;
  color: #fff;
  margin: -9px 0 -11px;
}
@media (max-width: 1399.98px) {
  .call-to-action .part-text h4.title {
    font-size: 36px;
    line-height: 46px;
    margin: -8px 0 -10px;
  }
}
@media (max-width: 1199.98px) {
  .call-to-action .part-text h4.title {
    font-size: 30px;
    line-height: 40px;
    margin: -8px 0 -9px;
  }
}
@media (max-width: 991.98px) {
  .call-to-action .part-text h4.title {
    max-width: 370px;
  }
}
@media (max-width: 767.98px) {
  .call-to-action .part-text h4.title {
    font-size: 26px;
    line-height: 36px;
    margin: -7px 0 -9px;
    max-width: 100%;
  }
}
@media (max-width: 575.98px) {
  .call-to-action .part-text h4.title {
    max-width: 80%;
    display: table;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 479.98px) {
  .call-to-action .part-text h4.title {
    font-size: 22px;
    line-height: 32px;
    margin: -7px 0 -8px;
    max-width: 100%;
    position: unset;
    left: unset;
    transform: unset;
  }
}
.call-to-action .part-btn {
  text-align: right;
  width: 100%;
}
@media (max-width: 767.98px) {
  .call-to-action .part-btn {
    text-align: center;
    margin-top: 30px;
  }
}
.working-process {
  padding: 120px 0;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1399.98px) {
  .working-process {
    padding: 100px 0;
  }
}
@media (max-width: 1199.98px) {
  .working-process {
    padding: 100px 0;
  }
}
@media (max-width: 991.98px) {
  .working-process {
    padding: 80px 0 40px;
  }
}
@media (max-width: 767.98px) {
  .working-process {
    padding: 60px 0 20px;
  }
}
@media (max-width: 479.98px) {
  .working-process {
    padding: 60px 0 30px;
  }
}
.working-process .single-process {
  text-align: center;
}
@media (max-width: 1199.98px) {
  .working-process .single-process {
    margin: 0 -20px;
  }
}
@media (max-width: 991.98px) {
  .working-process .single-process {
    padding: 0 30px;
    margin: 0;
    margin-bottom: 40px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .working-process .single-process {
    padding: 0;
  }
}
@media (max-width: 575.98px) {
  .working-process .single-process {
    padding: 0 80px;
  }
}
@media (max-width: 479.98px) {
  .working-process .single-process {
    padding: 0;
    margin-bottom: 30px;
  }
}
@media (max-width: 991.98px) {
  .working-process .single-process.pp-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .working-process .single-process.pp-2 .part-text {
    order: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .working-process .single-process.pp-2 .part-text span.step-title {
    order: 2;
  }
  .working-process .single-process.pp-2 .part-text p {
    order: 3;
  }
}
.working-process .single-process .part-icon {
  height: 100px;
  width: 100px;
  background: url("../img/working-process/icon-shape.png") center center no-repeat;
  background-size: contain;
  text-align: center;
  margin-top: 20px;
  display: inline-block;
}
@media (max-width: 1399.98px) {
  .working-process .single-process .part-icon {
    width: 90px;
    height: 90px;
  }
}
@media (max-width: 1199.98px) {
  .working-process .single-process .part-icon {
    width: 80px;
    height: 80px;
  }
}
@media (max-width: 991.98px) {
  .working-process .single-process .part-icon {
    width: 70px;
    height: 70px;
    margin-top: 10px;
  }
}
@media (max-width: 479.98px) {
  .working-process .single-process .part-icon {
    width: 70px;
    height: 70px;
  }
}
.working-process .single-process .part-icon img {
  height: 75px;
  width: auto;
  max-width: none;
  margin-top: -20px;
}
@media (max-width: 1399.98px) {
  .working-process .single-process .part-icon img {
    height: 65px;
  }
}
@media (max-width: 1199.98px) {
  .working-process .single-process .part-icon img {
    height: 55px;
  }
}
@media (max-width: 991.98px) {
  .working-process .single-process .part-icon img {
    height: 50px;
    margin-top: -10px;
  }
}
@media (max-width: 479.98px) {
  .working-process .single-process .part-icon img {
    height: 50px;
    margin-top: -10px;
  }
}
.working-process .single-process .part-text span {
  display: block;
}
.working-process .single-process .part-text span.step-number {
  display: inline-block;
  width: 70px;
  height: 70px;
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  line-height: 70px;
  font-weight: 700;
  font-size: 35px;
  text-align: center;
  position: relative;
  z-index: 2;
  margin: 40px 0 40px;
}
.working-process .single-process .part-text span.step-number span.gradient-number {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  display: inline;
}
@media (max-width: 1399.98px) {
  .working-process .single-process .part-text span.step-number {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 25px;
    margin: 35px 0;
  }
}
@media (max-width: 991.98px) {
  .working-process .single-process .part-text span.step-number {
    margin: 30px 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 25px;
  }
}
@media (max-width: 479.98px) {
  .working-process .single-process .part-text span.step-number {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    margin: 25px 0;
  }
}
.working-process .single-process .part-text span.step-number.two, .working-process .single-process .part-text span.step-number.four {
  margin: 40px 0 40px;
}
@media (max-width: 1399.98px) {
  .working-process .single-process .part-text span.step-number.two, .working-process .single-process .part-text span.step-number.four {
    margin: 35px 0;
  }
}
@media (max-width: 1199.98px) {
  .working-process .single-process .part-text span.step-number.two:before, .working-process .single-process .part-text span.step-number.four:before {
    transform: rotateZ(-9deg) translateY(-130%);
  }
}
@media (max-width: 991.98px) {
  .working-process .single-process .part-text span.step-number.two, .working-process .single-process .part-text span.step-number.four {
    margin: 30px 0;
  }
}
@media (max-width: 479.98px) {
  .working-process .single-process .part-text span.step-number.two, .working-process .single-process .part-text span.step-number.four {
    margin: 25px 0;
  }
}
.working-process .single-process .part-text span.step-number:after {
  position: absolute;
  content: "";
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
  background: #fff;
  z-index: -1;
}
.working-process .single-process .part-text span.step-number:before {
    position: absolute;
    content: "";
    background: url(../img/working-process/step-arrow.png) center center no-repeat;
    background-size: contain;
    width: 136px;
    height: 15px;
    left: calc(100% + 51px);
    top: 50%;
    transform: translateY(-50%);
}

/* Hide the arrow for the last step */
.working-process .single-process.last-step .part-text span.step-number:before {
    display: none;
}

@media (max-width: 1399.98px) {
  .working-process .single-process .part-text span.step-number:before {
    left: calc(100% + 44.5px);
  }
}
@media (max-width: 1199.98px) {
  .working-process .single-process .part-text span.step-number:before {
    left: calc(100% + 38.5px);
    /*transform: rotateZ(9deg) translateY(-20%);*/
    width: 110px;
  }
}
@media (max-width: 991.98px) {
  .working-process .single-process .part-text span.step-number:before {
    display: none;
  }
}
.working-process .single-process .part-text span.step-number.four:before {
  display: none;
}
.working-process .single-process .part-text span.step-title {
  letter-spacing: 0.01em;
  text-transform: capitalize;
  font-weight: 700;
  font-size: 21px;
  line-height: 32px;
  letter-spacing: 0.02em;
  margin: -7px 0 13px;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
}
@media (max-width: 1199.98px) {
  .working-process .single-process .part-text span.step-title {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 991.98px) {
  .working-process .single-process .part-text span.step-title {
    margin-top: -8px;
  }
}
@media (max-width: 479.98px) {
  .working-process .single-process .part-text span.step-title {
    margin: -7px 0 10px;
  }
}
.working-process .single-process .part-text p {
  margin: 0 0 -11px;
  font-weight: 400;
  font-size: 17px;
  line-height: 33px;
  color: #5C6172;
}
@media (max-width: 1399.98px) {
  .working-process .single-process .part-text p {
    margin: 0 0 -9px;
    font-size: 16px;
    line-height: 30px;
  }
  .working-process .single-process .part-text p br {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .working-process .single-process .part-text p {
    margin: 0 0 -9px;
    padding-left:20px;
  }
}
@media (max-width: 479.98px) {
  .working-process .single-process .part-text p {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: -8px;
    max-width: 290px;
    display: table;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
}

.feature {
  padding: 120px 0 0;
  background-image: url("../img/feature/feature-bg.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
@media (max-width: 1399.98px) {
  .feature {
    padding: 100px 0 0;
  }
}
@media (max-width: 991.98px) {
  .feature {
    padding: 80px 0 0;
  }
}
@media (max-width: 575.98px) {
  .feature {
    padding: 60px 0 0;
  }
}
.feature .section-title {
  position: relative;
  z-index: 5;
}
.feature:after {
  position: absolute;
  content: "";
  width: 560px;
  height: 590px;
  right: -40px;
  top: -177px;
  background: #CDA134;
  opacity: 0.17;
  filter: blur(100px);
  z-index: -1;
}
.feature:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #161D35;
  z-index: -1;
  opacity: 0.91;
}
.feature .part-left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
@media (max-width: 1199.98px) {
  .feature .part-left .section-title {
    margin-bottom: 50px;
  }
}
@media (max-width: 991.98px) {
  .feature .part-left .section-title {
    margin-bottom: 40px;
  }
}
@media (max-width: 575.98px) {
  .feature .part-left .section-title {
    margin-bottom: 30px;
  }
}
@media (max-width: 479.98px) {
  .feature .part-left .section-title h3.sub-title {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
  }
}
@media (max-width: 479.98px) {
  .feature .part-left .section-title h2.title {
    text-align: center;
  }
  .feature .part-left .section-title h2.title:after {
    left: 50%;
    transform: translateX(-50%);
  }
}
.feature .part-left .part-img {
  position: relative;
  display: flex;
  justify-content: flex-end;
  z-index: 2;
}
@media (max-width: 1199.98px) {
  .feature .part-left .part-img {
    display: none;
  }
}
.feature .part-left .part-img:after {
  position: absolute;
  content: "";
  right: 98px;
  top: 50%;
  transform: translateY(-50%);
  width: 500px;
  height: 508px;
  background: #0D1A34;
  filter: blur(100px);
  z-index: -1;
  opacity: 0.45;
}
.feature .part-left .part-img img.img-shape {
  width: auto;
  max-width: none;
  height: 774px;
  margin-top: 0;
  margin-right: 0;
  position: relative;
  right: 46px;
  bottom: 0;
  position: absolute;
  z-index: -1;
}
@media (max-width: 1399.98px) {
  .feature .part-left .part-img img.img-shape {
    height: 630px;
    right: -52px;
  }
}
.feature .part-left .part-img img.main-img {
  width: 642px;
  max-width: none;
  z-index: 2;
  margin-right: 98px;
}
@media (max-width: 1399.98px) {
  .feature .part-left .part-img img.main-img {
    width: 542px;
    margin-right: 40px;
    margin-bottom: 80px;
  }
}
.feature .feature-list {
  padding-bottom: 60px;
  padding-left: 50px;
  margin-right: -20px;
}
@media (max-width: 1399.98px) {
  .feature .feature-list {
    padding-bottom: 50px;
  }
}
@media (max-width: 1199.98px) {
  .feature .feature-list {
    padding-left: 0;
    margin-right: 0;
    padding-bottom: 50px;
  }
}
@media (max-width: 991.98px) {
  .feature .feature-list {
    padding-bottom: 40px;
  }
}
@media (max-width: 767.98px) {
  .feature .feature-list {
    padding-bottom: 40px;
  }
}
@media (max-width: 575.98px) {
  .feature .feature-list {
    padding-bottom: 20px;
  }
}
@media (max-width: 479.98px) {
  .feature .feature-list {
    padding-bottom: 30px;
  }
}
.feature .feature-list .single-feature {
  margin-bottom: 60px;
  padding-right: 20px;
}
@media (max-width: 1399.98px) {
  .feature .feature-list .single-feature {
    margin-bottom: 50px;
  }
}
@media (max-width: 1199.98px) {
  .feature .feature-list .single-feature {
    padding-right: 0;
    margin-bottom: 50px;
  }
}
@media (max-width: 991.98px) {
  .feature .feature-list .single-feature {
    margin-bottom: 40px;
  }
}
@media (max-width: 767.98px) {
  .feature .feature-list .single-feature {
    margin-bottom: 40px;
  }
}
@media (max-width: 479.98px) {
  .feature .feature-list .single-feature {
    padding: 0;
    text-align: center;
    margin-bottom: 32px;
  }
}
.feature .feature-list .single-feature .part-icon {
  position: relative;
  display: inline-block;
  margin-bottom: 22px;
}
@media (max-width: 1199.98px) {
  .feature .feature-list .single-feature .part-icon {
    margin-bottom: 23px;
  }
}
@media (max-width: 479.98px) {
  .feature .feature-list .single-feature .part-icon {
    margin-bottom: 18px;
  }
}
.feature .feature-list .single-feature .part-icon img {
  height: 50px;
  width: auto;
  max-width: none;
}
@media (max-width: 991.98px) {
  .feature .feature-list .single-feature .part-icon img {
    height: 45px;
  }
}
.feature .feature-list .single-feature .part-text span.title {
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: 0.02em;
  color: #fff;
  display: block;
  margin-bottom: 12px;
}
@media (max-width: 991.98px) {
  .feature .feature-list .single-feature .part-text span.title {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 13px;
  }
}
@media (max-width: 767.98px) {
  .feature .feature-list .single-feature .part-text span.title {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 479.98px) {
  .feature .feature-list .single-feature .part-text span.title {
    margin-bottom: 11px;
  }
}
.feature .feature-list .single-feature .part-text p {
  font-size: 17px;
  line-height: 33px;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: -11px;
}
@media (max-width: 1399.98px) {
  .feature .feature-list .single-feature .part-text p {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: -9px;
  }
}
@media (max-width: 575.98px) {
  .feature .feature-list .single-feature .part-text p {
    max-width: 270px;
  }
}
@media (max-width: 479.98px) {
  .feature .feature-list .single-feature .part-text p {
    font-size: 15px;
    line-height: 25px;
    max-width: 100%;
  }
}

.testimonial {
  padding: 120px 0;
  position: relative;
}
@media (max-width: 1399.98px) {
  .testimonial {
    padding: 100px 0;
  }
}
@media (max-width: 991.98px) {
  .testimonial {
    padding: 80px 0;
  }
}
@media (max-width: 767.98px) {
  .testimonial {
    padding: 60px 0;
  }
}
.testimonial .testimonial-carousel {
  box-shadow: 0px 8px 35px rgba(0, 0, 0, 0.08);
  border-radius: 15px;
  margin-bottom: 60px;
  position: relative;
}
@media (max-width: 1199.98px) {
  .testimonial .testimonial-carousel {
    margin-bottom: 50px;
  }
}
.testimonial .testimonial-carousel:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 192.13px;
  height: 130px;
  background: url("../img/shapes/shape-1.png") left top no-repeat;
  background-size: 192.13px 130px;
  opacity: 0.3;
  transform: matrix(-1, 0, 0, -1, 0, 0);
  border-radius: 0 0 15px 0;
  z-index: -1;
}
@media (max-width: 1399.98px) {
  .testimonial .testimonial-carousel:after {
    width: 177.35px;
    height: 120px;
    background-size: 177.35px 120px;
  }
}
@media (max-width: 1199.98px) {
  .testimonial .testimonial-carousel:after {
    width: 162.57px;
    height: 110px;
    background-size: 162.57px 110px;
    opacity: 0.2;
  }
}
@media (max-width: 767.98px) {
  .testimonial .testimonial-carousel:after {
    display: none;
  }
}
.testimonial .testimonial-carousel:before {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  width: 192.13px;
  height: 130px;
  background: url("../img/shapes/shape-1.png") right bottom no-repeat;
  background-size: 192.13px 130px;
  opacity: 0.3;
  border-radius: 0 0 15px 0;
  z-index: -1;
}
@media (max-width: 1399.98px) {
  .testimonial .testimonial-carousel:before {
    width: 177.35px;
    height: 120px;
    background-size: 177.35px 120px;
  }
}
@media (max-width: 1199.98px) {
  .testimonial .testimonial-carousel:before {
    width: 162.57px;
    height: 110px;
    background-size: 162.57px 110px;
    opacity: 0.2;
  }
}
@media (max-width: 767.98px) {
  .testimonial .testimonial-carousel:before {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .testimonial .testimonial-carousel {
    margin-bottom: 50px;
  }
}
@media (max-width: 767.98px) {
  .testimonial .testimonial-carousel {
    margin-bottom: 40px;
  }
}
.testimonial .testimonial-carousel .single-testimonial {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px 0;
  position: relative;
}
@media (max-width: 991.98px) {
  .testimonial .testimonial-carousel .single-testimonial {
    flex-direction: column;
    gap: 20px;
    text-align: center;
    padding: 50px;
  }
}
@media (max-width: 767.98px) {
  .testimonial .testimonial-carousel .single-testimonial {
    padding: 40px 50px;
  }
}
@media (max-width: 479.98px) {
  .testimonial .testimonial-carousel .single-testimonial {
    padding: 30px 20px;
  }
}
.testimonial .testimonial-carousel .single-testimonial .testi-user-info {
  display: flex;
  align-items: center;
}
@media (max-width: 991.98px) {
  .testimonial .testimonial-carousel .single-testimonial .testi-user-info {
    justify-content: center;
    flex-direction: row-reverse;
    gap: 25px;
  }
}
@media (max-width: 479.98px) {
  .testimonial .testimonial-carousel .single-testimonial .testi-user-info {
    flex-direction: column-reverse;
    gap: 20px;
  }
}
.testimonial .testimonial-carousel .single-testimonial .part-user-info {
  margin-right: 60px;
  text-align: right;
}
@media (max-width: 1199.98px) {
  .testimonial .testimonial-carousel .single-testimonial .part-user-info {
    margin-right: 40px;
  }
}
@media (max-width: 991.98px) {
  .testimonial .testimonial-carousel .single-testimonial .part-user-info {
    display: inline-block;
    text-align: left;
    margin-right: 0;
  }
}
@media (max-width: 479.98px) {
  .testimonial .testimonial-carousel .single-testimonial .part-user-info {
    text-align: center;
  }
}
.testimonial .testimonial-carousel .single-testimonial .part-user-info span {
  display: block;
}
.testimonial .testimonial-carousel .single-testimonial .part-user-info span.user-name {
  font-weight: 700;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: 0.03em;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  text-transform: capitalize;
  margin: -6px 0 9px;
}
@media (max-width: 1399.98px) {
  .testimonial .testimonial-carousel .single-testimonial .part-user-info span.user-name {
    font-size: 22px;
    line-height: 32px;
    margin: -7px 0 10px;
  }
}
@media (max-width: 1199.98px) {
  .testimonial .testimonial-carousel .single-testimonial .part-user-info span.user-name {
    font-size: 20px;
    line-height: 30px;
    margin: -6px 0 5px;
  }
}
@media (max-width: 575.98px) {
  .testimonial .testimonial-carousel .single-testimonial .part-user-info span.user-name {
    font-size: 18px;
    line-height: 28px;
  }
}
.testimonial .testimonial-carousel .single-testimonial .part-user-info span.lottery-category {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.02em;
  color: #5C6172;
}
@media (max-width: 1399.98px) {
  .testimonial .testimonial-carousel .single-testimonial .part-user-info span.lottery-category {
    font-size: 17px;
    line-height: 27px;
  }
}
@media (max-width: 575.98px) {
  .testimonial .testimonial-carousel .single-testimonial .part-user-info span.lottery-category {
    font-size: 16px;
    line-height: 26px;
  }
}
.testimonial .testimonial-carousel .single-testimonial .part-user-info span.winning-date {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.02em;
  color: #5C6172;
  text-transform: capitalize;
  margin-bottom: -7px;
}
@media (max-width: 1399.98px) {
  .testimonial .testimonial-carousel .single-testimonial .part-user-info span.winning-date {
    font-size: 15px;
    line-height: 25px;
  }
}
@media (max-width: 991.98px) {
  .testimonial .testimonial-carousel .single-testimonial .part-user-info span.winning-date {
    margin-bottom: 0;
  }
}
@media (max-width: 575.98px) {
  .testimonial .testimonial-carousel .single-testimonial .part-user-info span.winning-date {
    font-size: 14px;
    line-height: 24px;
  }
}
.testimonial .testimonial-carousel .single-testimonial .part-img {
  background: url("../img/testimonial/border.png") center center no-repeat;
  background-size: contain;
  padding: 10px;
  margin-right: 60px;
}
@media (max-width: 1199.98px) {
  .testimonial .testimonial-carousel .single-testimonial .part-img {
    margin-right: 40px;
  }
}
@media (max-width: 991.98px) {
  .testimonial .testimonial-carousel .single-testimonial .part-img {
    margin: 0;
  }
}
.testimonial .testimonial-carousel .single-testimonial .part-img img {
  width: 150px;
  border-radius: 50%;
}
@media (max-width: 1399.98px) {
  .testimonial .testimonial-carousel .single-testimonial .part-img img {
    width: 130px;
  }
}
@media (max-width: 1199.98px) {
  .testimonial .testimonial-carousel .single-testimonial .part-img img {
    width: 90px;
  }
}
@media (max-width: 767.98px) {
  .testimonial .testimonial-carousel .single-testimonial .part-img img {
    width: 80px;
  }
}
@media (max-width: 575.98px) {
  .testimonial .testimonial-carousel .single-testimonial .part-img img {
    width: 75px;
  }
}
.testimonial .testimonial-carousel .single-testimonial .part-feedback p {
  font-weight: 400;
  font-size: 24px;
  line-height: 44px;
  letter-spacing: 0.01em;
  color: #5C6172;
  max-width: 530px;
  margin: 10px 0 7px;
}
@media (max-width: 1399.98px) {
  .testimonial .testimonial-carousel .single-testimonial .part-feedback p {
    font-size: 22px;
    line-height: 42px;
    max-width: 500px;
    margin: 7px 0 4px;
  }
}
@media (max-width: 1199.98px) {
  .testimonial .testimonial-carousel .single-testimonial .part-feedback p {
    font-size: 20px;
    line-height: 40px;
    margin: 2px 0 3px;
    max-width: 490px;
  }
}
@media (max-width: 991.98px) {
  .testimonial .testimonial-carousel .single-testimonial .part-feedback p {
    max-width: 570px;
  }
}
@media (max-width: 767.98px) {
  .testimonial .testimonial-carousel .single-testimonial .part-feedback p {
    font-size: 18px;
    line-height: 34px;
    margin: 2px 0 -3px;
  }
}
@media (max-width: 575.98px) {
  .testimonial .testimonial-carousel .single-testimonial .part-feedback p {
    font-size: 16px;
    line-height: 34px;
    margin-bottom: -1px;
  }
}
@media (max-width: 479.98px) {
  .testimonial .testimonial-carousel .single-testimonial .part-feedback p {
    font-size: 15px;
    line-height: 30px;
  }
}
.testimonial .testimonial-carousel .single-testimonial .part-feedback p img {
  height: 40px;
  width: auto;
  max-width: none;
  display: inline-block;
}
@media (max-width: 1399.98px) {
  .testimonial .testimonial-carousel .single-testimonial .part-feedback p img {
    height: 35px;
  }
}
@media (max-width: 1199.98px) {
  .testimonial .testimonial-carousel .single-testimonial .part-feedback p img {
    height: 30px;
  }
}
@media (max-width: 991.98px) {
  .testimonial .testimonial-carousel .single-testimonial .part-feedback p img {
    opacity: 0.2;
  }
}
@media (max-width: 767.98px) {
  .testimonial .testimonial-carousel .single-testimonial .part-feedback p img {
    height: 25px;
  }
}
@media (max-width: 479.98px) {
  .testimonial .testimonial-carousel .single-testimonial .part-feedback p img {
    height: 20px;
  }
}
.testimonial .testimonial-carousel .single-testimonial .part-feedback p img.quot-1 {
  margin-right: 18px;
  margin-top: -26px;
}
@media (max-width: 1399.98px) {
  .testimonial .testimonial-carousel .single-testimonial .part-feedback p img.quot-1 {
    margin-top: -24px;
  }
}
@media (max-width: 1199.98px) {
  .testimonial .testimonial-carousel .single-testimonial .part-feedback p img.quot-1 {
    margin-top: -18px;
  }
}
@media (max-width: 767.98px) {
  .testimonial .testimonial-carousel .single-testimonial .part-feedback p img.quot-1 {
    margin-top: -14px;
  }
}
@media (max-width: 575.98px) {
  .testimonial .testimonial-carousel .single-testimonial .part-feedback p img.quot-1 {
    margin-top: -11px;
  }
}
.testimonial .testimonial-carousel .single-testimonial .part-feedback p img.quot-2 {
  margin-bottom: -15px;
  margin-left: 15px;
}
@media (max-width: 1399.98px) {
  .testimonial .testimonial-carousel .single-testimonial .part-feedback p img.quot-2 {
    margin-bottom: -12px;
  }
}
@media (max-width: 767.98px) {
  .testimonial .testimonial-carousel .single-testimonial .part-feedback p img.quot-2 {
    margin-bottom: -6px;
  }
}
.testimonial .testimonial-carousel .owl-nav {
  position: absolute;
  display: flex;
  width: 170px;
  justify-content: space-between;
  top: calc(100% + 50px);
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1199.98px) {
  .testimonial .testimonial-carousel .owl-nav {
    top: calc(100% + 40px);
  }
}
@media (max-width: 991.98px) {
  .testimonial .testimonial-carousel .owl-nav {
    top: calc(100% + 40px);
  }
}
@media (max-width: 767.98px) {
  .testimonial .testimonial-carousel .owl-nav {
    top: calc(100% + 30px);
  }
}
.testimonial .testimonial-carousel .owl-nav .owl-prev, .testimonial .testimonial-carousel .owl-nav .owl-next {
  height: 10px;
  display: flex;
  align-items: center;
}
.testimonial .testimonial-carousel .owl-nav .owl-prev img, .testimonial .testimonial-carousel .owl-nav .owl-next img {
  width: 30px;
}
.testimonial .testimonial-carousel .owl-nav .owl-prev {
  opacity: 0.5;
  transition: all 0.3s ease-in;
}
.testimonial .testimonial-carousel .owl-nav .owl-prev:hover {
  opacity: 1;
}
.testimonial .testimonial-carousel .carousel-custom-dots {
  position: absolute;
  top: calc(100% + 50px);
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1199.98px) {
  .testimonial .testimonial-carousel .carousel-custom-dots {
    top: calc(100% + 40px);
  }
}
@media (max-width: 991.98px) {
  .testimonial .testimonial-carousel .carousel-custom-dots {
    top: calc(100% + 40px);
  }
}
@media (max-width: 767.98px) {
  .testimonial .testimonial-carousel .carousel-custom-dots {
    top: calc(100% + 30px);
  }
}
.testimonial .testimonial-carousel .carousel-custom-dots button.owl-dot {
  width: 10px;
  height: 10px;
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  border-radius: 50%;
  opacity: 0.5;
  margin: 0 10px;
  transition: all 0.3s ease-in;
}
.testimonial .testimonial-carousel .carousel-custom-dots button.owl-dot.active {
  opacity: 1;
}

.footer {
  background: url("../img/footer/footer-bg.jpg") center center no-repeat;
  background-size: cover;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.footer:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #161D35;
  opacity: 0.95;
  z-index: -1;
}
.footer:before {
  position: absolute;
  content: "";
  right: -100px;
  top: -245px;
  width: 598px;
  height: 598px;
  background: #CDA134;
  filter: blur(100px) opacity(25%);
}
.footer .footer-top {
  text-align: center;
  padding: 100px 0 60px;
  position: relative;
  z-index: 0;
}
.footer .footer-top:after {
  position: absolute;
  content: "";
  width: 604px;
  height: 604px;
  background: #0D1A34;
  opacity: 0.55;
  filter: blur(100px);
  top: 100px;
  left: -150px;
  z-index: -1;
}
@media (max-width: 1399.98px) {
  .footer .footer-top {
    padding-top: 80px;
  }
}
@media (max-width: 1199.98px) {
  .footer .footer-top {
    padding-top: 60px;
  }
}
@media (max-width: 767.98px) {
  .footer .footer-top {
    padding: 50px 0;
  }
}
@media (max-width: 479.98px) {
  .footer .footer-top {
    padding: 40px 0;
  }
}
@media (min-width: 480px) and (max-width: 575.98px) {
  .footer .footer-top .part-about {
    padding: 0 30px;
  }
}
.footer .footer-top .part-about .footer-logo a {
  display: inline-block;
  margin-bottom: 31px;
}
@media (max-width: 1199.98px) {
  .footer .footer-top .part-about .footer-logo a {
    margin-bottom: 21px;
  }
}
@media (max-width: 767.98px) {
  .footer .footer-top .part-about .footer-logo a {
    margin-bottom: 21px;
  }
}
@media (max-width: 479.98px) {
  .footer .footer-top .part-about .footer-logo a {
    margin-bottom: 23px;
  }
}
.footer .footer-top .part-about .footer-logo a img {
  height: 46px;
  width: auto;
  max-width: none;
}
@media (max-width: 1399.98px) {
  .footer .footer-top .part-about .footer-logo a img {
    height: 40px;
  }
}
@media (max-width: 1199.98px) {
  .footer .footer-top .part-about .footer-logo a img {
    height: 36px;
  }
}
@media (max-width: 479.98px) {
  .footer .footer-top .part-about .footer-logo a img {
    height: 32px;
  }
}
.footer .footer-top .part-about p {
  color: rgba(255, 255, 255, 0.8);
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 25px;
}
@media (max-width: 1399.98px) {
  .footer .footer-top .part-about p {
    margin: 0 -8px 25px;
  }
}
@media (max-width: 1199.98px) {
  .footer .footer-top .part-about p {
    margin: 0 0 15px;
  }
}
@media (max-width: 991.98px) {
  .footer .footer-top .part-about p br {
    display: none;
  }
}
@media (max-width: 479.98px) {
  .footer .footer-top .part-about p {
    font-size: 15px;
    line-height: 25px;
  }
}
.footer .footer-top .part-about ul.importants-links {
  display: flex;
  justify-content: center;
  margin-bottom: -7px;
}
.footer .footer-top .part-about ul.importants-links li.single-link a {
  font-weight: 600;
  font-size: 15px;
  line-height: 25px;
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 0.8);
  text-transform: capitalize;
  display: inline-block;
  position: relative;
  padding: 0 15px;
  transition: all 0.3s ease-in;
}
@media (max-width: 479.98px) {
  .footer .footer-top .part-about ul.importants-links li.single-link a {
    font-size: 14px;
    line-height: 24px;
  }
}
.footer .footer-top .part-about ul.importants-links li.single-link a:hover {
  color: #fff;
}
.footer .footer-top .part-about ul.importants-links li.single-link a:after {
  position: absolute;
  content: "";
  left: calc(100% - 0.5px);
  top: 50%;
  transform: translateY(-50%);
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  height: 12px;
  width: 1px;
}
.footer .footer-top .part-about ul.importants-links li.single-link:last-child a:after {
  display: none;
}
.footer .footer-bottom {
  position: relative;
  padding: 30px 0;
}
@media (max-width: 991.98px) {
  .footer .footer-bottom {
    padding: 23px 0 23px;
  }
}
.footer .footer-bottom:after {
  position: absolute;
  content: "";
  top: 0;
  width: 100%;
  left: 0;
  height: 1px;
  background: #fff;
  opacity: 0.1;
}
.footer .footer-bottom .footer-bottom-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 991.98px) {
  .footer .footer-bottom .footer-bottom-content {
    flex-direction: column;
  }
}
.footer .footer-bottom .footer-bottom-content p.copyright-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  text-transform: capitalize;
  margin-bottom: 0;
  color: #D9D9D9;
}
@media (max-width: 479.98px) {
  .footer .footer-bottom .footer-bottom-content p.copyright-text {
    text-align: center;
    font-size: 15px;
    line-height: 25px;
  }
}
.footer .footer-bottom .footer-bottom-content ul.social-link {
  display: flex;
}
@media (max-width: 991.98px) {
  .footer .footer-bottom .footer-bottom-content ul.social-link {
    margin: 19px 0;
  }
}
@media (max-width: 575.98px) {
  .footer .footer-bottom .footer-bottom-content ul.social-link {
    margin: 13px 0 11px;
  }
}
.footer .footer-bottom .footer-bottom-content ul.social-link li.single-social {
  margin-right: 25px;
}
@media (max-width: 1199.98px) {
  .footer .footer-bottom .footer-bottom-content ul.social-link li.single-social {
    margin-right: 20px;
  }
}
@media (max-width: 479.98px) {
  .footer .footer-bottom .footer-bottom-content ul.social-link li.single-social {
    margin-right: 15px;
  }
}
.footer .footer-bottom .footer-bottom-content ul.social-link li.single-social:last-child {
  margin-right: 0;
}
.footer .footer-bottom .footer-bottom-content ul.social-link li.single-social a {
  width: 30px;
  height: 30px;
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  border-radius: 50%;
  text-align: center;
  line-height: 32px;
  font-size: 12px;
  color: #fff;
  position: relative;
  z-index: 2;
  transition: all 0.3s ease-in;
}
.footer .footer-bottom .footer-bottom-content ul.social-link li.single-social a:after {
  position: absolute;
  content: "";
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  z-index: -1;
  background: linear-gradient(144.14deg, #0D1A34 -11.44%, #CDA134 123.42%);
  border-radius: 50%;
  transition: all 0.3s ease-in;
}
.footer .footer-bottom .footer-bottom-content ul.social-link li.single-social a:hover {
  color: #161D35;
}
.footer .footer-bottom .footer-bottom-content ul.social-link li.single-social a:hover:after {
  opacity: 0;
}
.footer .footer-bottom .footer-bottom-content .footer-menu ul {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 479.98px) {
  .footer .footer-bottom .footer-bottom-content .footer-menu ul {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.footer .footer-bottom .footer-bottom-content .footer-menu ul li {
  margin-left: 40px;
}
@media (max-width: 1199.98px) {
  .footer .footer-bottom .footer-bottom-content .footer-menu ul li {
    margin-left: 20px;
  }
}
@media (max-width: 479.98px) {
  .footer .footer-bottom .footer-bottom-content .footer-menu ul li {
    margin-left: 0;
    margin: 0 15px;
  }
}
.footer .footer-bottom .footer-bottom-content .footer-menu ul li:first-child {
  margin-left: 0;
}
.footer .footer-bottom .footer-bottom-content .footer-menu ul li a.single-menu {
  font-weight: 500;
  font-size: 15px;
  line-height: 25px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.8);
  display: inline-block;
  transition: all 0.3s ease-in;
  cursor: pointer;
}
@media (max-width: 991.98px) {
  .footer .footer-bottom .footer-bottom-content .footer-menu ul li a.single-menu {
    font-size: 14px;
    line-height: 24px;
  }
}
@media (max-width: 479.98px) {
  .footer .footer-bottom .footer-bottom-content .footer-menu ul li a.single-menu {
    font-size: 13px;
    line-height: 23px;
  }
}
.footer .footer-bottom .footer-bottom-content .footer-menu ul li a.single-menu:hover {
  color: #fff;
}

/*========================================== 
    01. Breadcrumb
==========================================*/
.prd-breadcrumb {
  background-image: url("../img/breadcrumb/breadcrumb-bg.png");
  background-color: #161D35;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border-top: 1px solid #161d35;
  
}
.prd-breadcrumb .brd-content {
  padding: 100px 0px 90px;
  margin-top: 120px;
  text-align: center;
  position: relative;
  z-index: 2;
}
@media (max-width: 1399.98px) {
  .prd-breadcrumb .brd-content {
    padding: 90px 0px 80px;
    margin-top: 100px;
  }
}
@media (max-width: 1199.98px) {
  .prd-breadcrumb .brd-content {
    padding: 80px 0px 70px;
    margin-top: 98px;
  }
}
@media (max-width: 991.98px) {
  .prd-breadcrumb .brd-content {
    padding: 60px 0px 60px;
    margin-top: 0;
  }
}
@media (max-width: 767.98px) {
  .prd-breadcrumb .brd-content {
    padding: 50px 0px 50px;
  }
}
@media (max-width: 479.98px) {
  .prd-breadcrumb .brd-content {
    padding-top: 40px;
  }
}
.prd-breadcrumb .brd-content:after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  background: url("../img/breadcrumb/bg-shadow.png") center center no-repeat;
  background-size: contain;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.prd-breadcrumb .brd-content span.sub-title {
  color: #fff;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 13px;
  display: table;
  left: 50%;
  transform: translateX(-50%);
  position: relative;
  margin-top: -8px;
}
@media (max-width: 1399.98px) {
  .prd-breadcrumb .brd-content span.sub-title {
    font-size: 18px;
    line-height: 28px;
    margin-top: -7px;
  }
}
@media (max-width: 767.98px) {
  .prd-breadcrumb .brd-content span.sub-title {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 8px;
  }
}
.prd-breadcrumb .brd-content h2.title {
  font-weight: 700;
  font-size: 46px;
  line-height: 56px;
  letter-spacing: 0.03em;
  color: #FFFFFF;
  position: relative;
  padding-bottom: 44px;
  margin-bottom: 0;
}
@media (max-width: 1399.98px) {
  .prd-breadcrumb .brd-content h2.title {
    font-size: 42px;
    line-height: 52px;
  }
}
@media (max-width: 1199.98px) {
  .prd-breadcrumb .brd-content h2.title {
    font-size: 38px;
    line-height: 48px;
  }
}
@media (max-width: 991.98px) {
  .prd-breadcrumb .brd-content h2.title {
    font-size: 34px;
    line-height: 44px;
  }
}
@media (max-width: 767.98px) {
  .prd-breadcrumb .brd-content h2.title {
    font-size: 30px;
    line-height: 40px;
    padding-bottom: 34px;
  }
}
@media (max-width: 575.98px) {
  .prd-breadcrumb .brd-content h2.title {
    font-size: 26px;
    line-height: 36px;
  }
}
@media (max-width: 479.98px) {
  .prd-breadcrumb .brd-content h2.title {
    font-size: 22px;
    line-height: 32px;
    padding-bottom: 3px;
  }
}
.prd-breadcrumb .brd-content h2.title:after {
  content: "";
  height: 26px;
  width: 153px;
  background: url("../img/breadcrumb/line.png") left center no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1399.98px) {
  .prd-breadcrumb .brd-content h2.title:after {
    height: 24px;
    width: 133px;
  }
}
@media (max-width: 991.98px) {
  .prd-breadcrumb .brd-content h2.title:after {
    height: 21px;
    width: 120px;
  }
}
@media (max-width: 479.98px) {
  .prd-breadcrumb .brd-content h2.title:after {
    display: none;
  }
}
.prd-breadcrumb .brd-content .page-direction {
  background: linear-gradient(144.14deg, #CDA134 -11.44%, #0D1A34 123.42%);
  display: inline-block;
  padding: 12px 25px 11px;
  border-radius: 50px;
  position: absolute;
  border: 8px solid #fff;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(50%);
}
@media (max-width: 991.98px) {
  .prd-breadcrumb .brd-content .page-direction {
    padding: 10px 25px 9px;
  }
}
@media (max-width: 575.98px) {
  .prd-breadcrumb .brd-content .page-direction {
    padding: 8px 25px 7px;
    border-width: 4px;
  }
}
.prd-breadcrumb .brd-content .page-direction:after {
  position: absolute;
  content: "";
  left: -4px;
  top: -4px;
  right: -4px;
  bottom: -4px;
  border-radius: 50px;
  border: 1px solid rgba(34, 42, 75, 0.4);
}
.prd-breadcrumb .brd-content .page-direction ul {
  display: flex;
  justify-content: center;
  gap: 10px;
  white-space: nowrap;
}
.prd-breadcrumb .brd-content .page-direction ul li {
  text-transform: uppercase;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 991.98px) {
  .prd-breadcrumb .brd-content .page-direction ul li {
    font-size: 13px;
  }
}
.prd-breadcrumb .brd-content .page-direction ul li:first-child span.icon {
  font-size: 12.5px;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(108.99deg, #CDA134 -21.01%, #161d35 45.45%);
}
.prd-breadcrumb .brd-content .page-direction ul li span {
  color: #fff;
}
.prd-breadcrumb .brd-content .page-direction ul li span.icon {
  font-size: 13px;
}
.prd-breadcrumb .brd-content .page-direction ul li span.text {
  font-weight: 500;
  letter-spacing: 0.03em;
}
.prd-breadcrumb .brd-shape {
  position: absolute;
  overflow: hidden;
  left: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
}
@media (max-width: 575.98px) {
  .prd-breadcrumb .brd-shape {
    display: none;
  }
}
.prd-breadcrumb .brd-shape .brd-img {
  position: absolute;
  bottom: -23px;
  z-index: 2;
}
.prd-breadcrumb .brd-shape .brd-img.brd-img-1 {
  left: 0;
}
.prd-breadcrumb .brd-shape .brd-img.brd-img-1:after {
  position: absolute;
  content: "";
  width: 455px;
  height: 455px;
  left: -145px;
  bottom: -211px;
  background: #0D1A34;
  opacity: 0.6;
  filter: blur(100px);
  z-index: -1;
}
.prd-breadcrumb .brd-shape .brd-img.brd-img-1 img {
  width: 359px;
}
@media (max-width: 1199.98px) {
  .prd-breadcrumb .brd-shape .brd-img.brd-img-1 img {
    width: 259px;
  }
}
@media (max-width: 991.98px) {
  .prd-breadcrumb .brd-shape .brd-img.brd-img-1 img {
    width: 189px;
  }
}
@media (max-width: 767.98px) {
  .prd-breadcrumb .brd-shape .brd-img.brd-img-1 img {
    width: 149px;
  }
}
.prd-breadcrumb .brd-shape .brd-img.brd-img-2 {
  right: 0;
}
.prd-breadcrumb .brd-shape .brd-img.brd-img-2:after {
  position: absolute;
  content: "";
  width: 392px;
  height: 411px;
  right: -75px;
  top: -244px;
  background: #CDA134;
  opacity: 0.3;
  filter: blur(100px);
  z-index: -1;
}
.prd-breadcrumb .brd-shape .brd-img.brd-img-2 img {
  width: 451px;
}
@media (max-width: 1199.98px) {
  .prd-breadcrumb .brd-shape .brd-img.brd-img-2 img {
    width: 351px;
  }
}
@media (max-width: 991.98px) {
  .prd-breadcrumb .brd-shape .brd-img.brd-img-2 img {
    width: 251px;
  }
}
@media (max-width: 767.98px) {
  .prd-breadcrumb .brd-shape .brd-img.brd-img-2 img {
    width: 211px;
  }
}

.affiliate {
  padding: 120px 0 96px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1399.98px) {
  .affiliate {
    padding: 100px 0 76px;
  }
}
@media (max-width: 991.98px) {
  .affiliate {
    padding: 80px 0 56px;
  }
}
@media (max-width: 767.98px) {
  .affiliate {
    padding: 60px 0 36px;
  }
}
@media (max-width: 575.98px) {
  .affiliate {
    padding-bottom: 50px;
  }
}
.affiliate:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #4d233f;
  opacity: 0.1;
}
@media (max-width: 479.98px) {
  .affiliate .affiliate-row [class*=col] {
    width: 50%;
  }
}

.single-level {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: linear-gradient(144.14deg, rgba(77, 35, 63, 0.1) -11.44%, rgba(48, 91, 159, 0.1) 123.42%);
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  padding: 30px 0;
  position: relative;
  z-index: 2;
  margin-bottom: 24px;
}
@media (max-width: 575.98px) {
  .single-level {
    margin-bottom: 10px;
  }
}
.single-level:after {
  position: absolute;
  content: "";
  left: 1px;
  top: 1px;
  right: 1px;
  bottom: 1px;
  background: #fff;
  z-index: -1;
  border-radius: 20px;
}
.single-level .circle {
  width: 100px;
  display: inline-block;
  position: relative;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 23px;
  transform: rotate(90deg);
}
@media (max-width: 1199.98px) {
  .single-level .circle {
    margin-bottom: 18px;
  }
}
@media (max-width: 479.98px) {
  .single-level .circle {
    margin-bottom: 15px;
  }
}
.single-level .circle canvas {
  vertical-align: top;
}
@media (max-width: 1399.98px) {
  .single-level .circle canvas {
    width: 90px !important;
    height: 90px !important;
  }
}
@media (max-width: 991.98px) {
  .single-level .circle canvas {
    width: 80px !important;
    height: 80px !important;
  }
}
.single-level .circle .parcentage-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  left: 0;
  width: 100%;
  font-weight: 700;
  font-size: 22px;
  line-height: 25px;
  text-align: center;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  opacity: 0.8;
}
@media (max-width: 1399.98px) {
  .single-level .circle .parcentage-text {
    font-size: 20px;
    line-height: 23px;
  }
}
@media (max-width: 479.98px) {
  .single-level .circle .parcentage-text {
    font-size: 18px;
    line-height: 21px;
  }
}
.single-level span.text {
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  opacity: 0.7;
  margin-bottom: -8px;
}
@media (max-width: 1399.98px) {
  .single-level span.text {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (max-width: 479.98px) {
  .single-level span.text {
    font-size: 16px;
    line-height: 26px;
  }
}

.referral {
  background: url("../img/affiliate/reffer-bg.jpg") center center no-repeat;
  background-size: cover;
  position: relative;
  z-index: 2;
}
.referral:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #161D35;
  z-index: -1;
  opacity: 0.9;
}
.referral .part-text {
  padding: 80px 0;
}
@media (max-width: 1399.98px) {
  .referral .part-text {
    padding: 60px 0;
  }
}
@media (max-width: 575.98px) {
  .referral .part-text {
    padding: 50px 0;
  }
}
.referral .part-text h2.title {
  font-weight: 700;
  font-size: 40px;
  line-height: 55px;
  letter-spacing: 0.03em;
  color: #fff;
  margin: -11px 0 20px;
}
@media (max-width: 1399.98px) {
  .referral .part-text h2.title {
    font-size: 38px;
    line-height: 52px;
    margin: -10px 0 20px;
  }
}
@media (max-width: 1199.98px) {
  .referral .part-text h2.title {
    font-size: 36px;
    line-height: 48px;
  }
}
@media (max-width: 991.98px) {
  .referral .part-text h2.title {
    margin: -9px 0 12px;
  }
}
@media (max-width: 767.98px) {
  .referral .part-text h2.title {
    font-size: 32px;
    line-height: 44px;
    margin: -8px 0 12px;
  }
}
@media (max-width: 575.98px) {
  .referral .part-text h2.title {
    font-size: 28px;
    line-height: 40px;
    margin: -8px 0 14px;
  }
}
@media (max-width: 479.98px) {
  .referral .part-text h2.title {
    font-size: 26px;
    line-height: 36px;
    margin: -7px 0 15px;
  }
  .referral .part-text h2.title br {
    display: none;
  }
}
.referral .part-text p.descr {
  font-weight: 400;
  font-size: 24px;
  line-height: 34px;
  color: #fff;
  letter-spacing: 0.06em;
  margin-bottom: 31px;
}
@media (max-width: 1399.98px) {
  .referral .part-text p.descr {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 32px;
  }
}
@media (max-width: 991.98px) {
  .referral .part-text p.descr {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 22px;
  }
}
@media (max-width: 575.98px) {
  .referral .part-text p.descr {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.03em;
  }
}
@media (max-width: 479.98px) {
  .referral .part-text p.descr {
    font-size: 17px;
    line-height: 27px;
  }
}
@media (max-width: 991.98px) {
  .referral .part-img {
    display: none;
  }
}
.referral .part-img img {
  width: auto;
  max-width: none;
  height: 340px;
  background-blend-mode: luminosity;
  mix-blend-mode: luminosity;
}
@media (max-width: 1399.98px) {
  .referral .part-img img {
    height: 300px;
  }
}

.affiliate-how-it-works {
  padding: 120px 0;
  position: relative;
}
@media (max-width: 1399.98px) {
  .affiliate-how-it-works {
    padding: 100px 0;
  }
}
@media (max-width: 991.98px) {
  .affiliate-how-it-works {
    padding: 80px 0;
  }
}
@media (max-width: 767.98px) {
  .affiliate-how-it-works {
    padding: 60px 0;
  }
}
@media (max-width: 479.98px) {
  .affiliate-how-it-works {
    padding: 60px 0 30px;
  }
}
@media (max-width: 991.98px) {
  .affiliate-how-it-works .col {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
}
@media (max-width: 575.98px) {
  .affiliate-how-it-works .col {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 479.98px) {
  .affiliate-how-it-works .col {
    flex: 0 0 auto;
    width: 100%;
  }
}
.affiliate-how-it-works .col:last-child .single-step:after {
  display: none;
}
.affiliate-how-it-works .single-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
@media (max-width: 991.98px) {
  .affiliate-how-it-works .single-step {
    margin-bottom: 40px;
  }
}
@media (max-width: 767.98px) {
  .affiliate-how-it-works .single-step {
    margin-bottom: 30px;
  }
}
.affiliate-how-it-works .single-step:after {
  position: absolute;
  content: "";
  left: calc(100% - 20px);
  top: 60px;
  background: url("../img/affiliate/icon/arrow.png") center center no-repeat;
  background-size: contain;
  width: 70px;
  height: 50px;
}
@media (max-width: 1399.98px) {
  .affiliate-how-it-works .single-step:after {
    top: 50px;
  }
}
@media (max-width: 991.98px) {
  .affiliate-how-it-works .single-step:after {
    display: none;
  }
}
.affiliate-how-it-works .single-step.down {
  margin-top: 100px;
}
@media (max-width: 991.98px) {
  .affiliate-how-it-works .single-step.down {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 479.98px) {
  .affiliate-how-it-works .single-step.down {
    margin-bottom: 30px;
  }
}
.affiliate-how-it-works .single-step.down:after {
  background: url("../img/affiliate/icon/arrow-2.png") center center no-repeat;
  background-size: contain;
  width: 77px;
  height: 34px;
  top: -40px;
  left: auto;
  right: -40px;
}
@media (max-width: 1399.98px) {
  .affiliate-how-it-works .single-step.down:after {
    top: -50px;
  }
}
@media (max-width: 991.98px) {
  .affiliate-how-it-works .single-step.down:after {
    display: none;
  }
}
.affiliate-how-it-works .single-step .part-icon {
  margin-bottom: 31px;
}
@media (max-width: 991.98px) {
  .affiliate-how-it-works .single-step .part-icon {
    margin-bottom: 21px;
  }
}
.affiliate-how-it-works .single-step .part-icon img {
  height: 90px;
  width: auto;
  max-width: none;
}
@media (max-width: 1399.98px) {
  .affiliate-how-it-works .single-step .part-icon img {
    height: 80px;
  }
}
@media (max-width: 767.98px) {
  .affiliate-how-it-works .single-step .part-icon img {
    height: 70px;
  }
}
.affiliate-how-it-works .single-step span.part-text {
  font-weight: 600;
  font-size: 20px;
  line-height: 34px;
  color: #5C6172;
  margin-bottom: -10px;
  text-align: center;
}
@media (max-width: 1399.98px) {
  .affiliate-how-it-works .single-step span.part-text {
    font-size: 18px;
    line-height: 32px;
  }
}
@media (max-width: 1199.98px) {
  .affiliate-how-it-works .single-step span.part-text {
    margin-left: -12px;
    margin-right: -12px;
    font-size: 17px;
    line-height: 34px;
  }
}
@media (max-width: 767.98px) {
  .affiliate-how-it-works .single-step span.part-text {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: -7px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .affiliate-how-it-works .single-step span.part-text br {
    display: none;
  }
}

.promotion {
  padding: 120px 0;
  position: relative;
}
@media (max-width: 1399.98px) {
  .promotion {
    padding: 100px 0;
  }
}
@media (max-width: 991.98px) {
  .promotion {
    padding: 80px 0;
  }
}
@media (max-width: 767.98px) {
  .promotion {
    padding: 60px 0;
  }
}
.promotion .promocode-area {
  background: #fff;
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.05);
  border-radius: 100px;
  border: 1px solid rgba(11, 52, 72, 0.1);
  padding: 20px 20px 20px 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 60px;
}
@media (max-width: 1399.98px) {
  .promotion .promocode-area {
    padding: 15px 15px 15px 30px;
  }
}
@media (max-width: 1199.98px) {
  .promotion .promocode-area {
    margin-bottom: 40px;
  }
}
@media (max-width: 991.98px) {
  .promotion .promocode-area {
    border-radius: 10px;
    flex-direction: column;
    gap: 20px;
    padding: 12px 15px 20px 30px;
  }
}
@media (max-width: 767.98px) {
  .promotion .promocode-area {
    padding: 12px 15px 20px 20px;
  }
}
@media (max-width: 575.98px) {
  .promotion .promocode-area {
    margin-bottom: 30px;
  }
}
@media (max-width: 479.98px) {
  .promotion .promocode-area {
    gap: 10px;
  }
}
@media (max-width: 767.98px) {
  .promotion .promocode-area .promo-content {
    display: flex;
    text-align: center;
  }
}
.promotion .promocode-area .promo-content span.promo-icon {
  font-size: 22px;
  line-height: 32px;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  margin-right: 15px;
  position: relative;
  bottom: -1px;
}
@media (max-width: 1199.98px) {
  .promotion .promocode-area .promo-content span.promo-icon {
    margin-right: 7px;
    bottom: -2px;
  }
}
@media (max-width: 767.98px) {
  .promotion .promocode-area .promo-content span.promo-icon {
    display: none;
  }
}
.promotion .promocode-area .promo-content span.promo-text {
  font-weight: 600;
  font-size: 22px;
  line-height: 32px;
  letter-spacing: 0.02em;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
}
@media (max-width: 1399.98px) {
  .promotion .promocode-area .promo-content span.promo-text {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 1199.98px) {
  .promotion .promocode-area .promo-content span.promo-text {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (max-width: 767.98px) {
  .promotion .promocode-area .promo-content span.promo-text {
    font-size: 16.5px;
    line-height: 26px;
  }
}
@media (max-width: 479.98px) {
  .promotion .promocode-area .promo-content span.promo-text {
    text-align: left;
  }
}
.promotion .promocode-area form.promo-form {
  border-radius: 50px;
  display: inline-block;
  position: relative;
  z-index: 2;
}
@media (max-width: 479.98px) {
  .promotion .promocode-area form.promo-form {
    border-radius: 0;
  }
}
.promotion .promocode-area form.promo-form:after {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  border: 1px solid rgba(11, 52, 72, 0.3);
  border-radius: 50px;
  z-index: -1;
}
@media (max-width: 479.98px) {
  .promotion .promocode-area form.promo-form:after {
    display: none;
  }
}
.promotion .promocode-area form.promo-form input {
  font-weight: 400;
  font-size: 17.5px;
  line-height: 100%;
  letter-spacing: 0.01em;
  text-transform: capitalize;
  border: none;
  background: transparent;
  color: rgb(92, 97, 114);
  padding-left: 30px;
}
@media (max-width: 1399.98px) {
  .promotion .promocode-area form.promo-form input {
    font-size: 16px;
  }
}
@media (max-width: 1199.98px) {
  .promotion .promocode-area form.promo-form input {
    width: 176px;
  }
}
@media (max-width: 479.98px) {
  .promotion .promocode-area form.promo-form input {
    border-radius: 50px;
    height: 40px;
    border: 1px solid rgba(11, 52, 72, 0.3);
    width: 100%;
    padding: 0 25px;
    margin-bottom: 10px;
  }
}
.promotion .promocode-area form.promo-form input:placeholder {
  color: rgba(92, 97, 114, 0.7);
  text-transform: unset;
}
.promotion .single-promotion {
  height: 580px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
  position: relative;
  z-index: 2;
  border-radius: 10px;
  overflow: hidden;
}
@media (max-width: 1399.98px) {
  .promotion .single-promotion {
    height: 500px;
  }
}
@media (max-width: 1199.98px) {
  .promotion .single-promotion {
    height: 420px;
  }
}
@media (max-width: 991.98px) {
  .promotion .single-promotion {
    background-size: cover;
  }
}
@media (max-width: 767.98px) {
  .promotion .single-promotion {
    height: 320px;
  }
}
.promotion .single-promotion:after {
  position: absolute;
  content: "";
  left: 0;
  top: 97px;
  width: 100%;
  bottom: 0;
  background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(63, 62, 110, 0.56) 33.29%, #463157 61.97%);
  z-index: -1;
}
@media (max-width: 1199.98px) {
  .promotion .single-promotion:after {
    top: 0;
  }
}
.promotion .single-promotion.offered .offer.black-friday {
  width: 270px;
  top: 70px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  mix-blend-mode: normal;
}
@media (max-width: 1399.98px) {
  .promotion .single-promotion.offered .offer.black-friday {
    width: 240px;
    top: 50px;
  }
}
@media (max-width: 1199.98px) {
  .promotion .single-promotion.offered .offer.black-friday {
    width: 200px;
    top: 30px;
  }
}
@media (max-width: 991.98px) {
  .promotion .single-promotion.offered .offer.black-friday {
    width: 230px;
  }
}
@media (max-width: 767.98px) {
  .promotion .single-promotion.offered .offer.black-friday {
    top: 0px;
    left: 30px;
    transform: none;
    width: 200px;
  }
}
@media (max-width: 479.98px) {
  .promotion .single-promotion.offered .offer.black-friday {
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 170px;
  }
}
.promotion .single-promotion.offered .offer.get20 {
  left: 30px;
  top: 30px;
  position: relative;
  width: 120px;
}
@media (max-width: 1399.98px) {
  .promotion .single-promotion.offered .offer.get20 {
    width: 110px;
  }
}
@media (max-width: 1199.98px) {
  .promotion .single-promotion.offered .offer.get20 {
    width: 90px;
  }
}
@media (max-width: 479.98px) {
  .promotion .single-promotion.offered .offer.get20 {
    width: 70px;
  }
}
.promotion .single-promotion.offered .offer.cashback {
  position: relative;
  left: 40px;
  top: 40px;
  height: 90px;
}
@media (max-width: 1399.98px) {
  .promotion .single-promotion.offered .offer.cashback {
    height: 80px;
  }
}
@media (max-width: 1199.98px) {
  .promotion .single-promotion.offered .offer.cashback {
    height: 70px;
  }
}
@media (max-width: 767.98px) {
  .promotion .single-promotion.offered .offer.cashback {
    height: 60px;
  }
}
@media (max-width: 479.98px) {
  .promotion .single-promotion.offered .offer.cashback {
    left: 30px;
    top: 30px;
    height: 50px;
  }
}
.promotion .single-promotion .part-text {
  position: absolute;
  bottom: 40px;
  left: 40px;
  right: 40px;
}
@media (max-width: 1199.98px) {
  .promotion .single-promotion .part-text {
    bottom: 30px;
    left: 30px;
    right: 30px;
  }
}
@media (max-width: 479.98px) {
  .promotion .single-promotion .part-text {
    bottom: 25px;
    left: 25px;
    right: 25px;
  }
}
.promotion .single-promotion .part-text span.sub-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #E6FF4F;
  display: block;
  margin-top: -4px;
  margin-bottom: 10px;
}
@media (max-width: 1199.98px) {
  .promotion .single-promotion .part-text span.sub-title {
    font-size: 15px;
    margin-bottom: 9px;
  }
}
@media (max-width: 479.98px) {
  .promotion .single-promotion .part-text span.sub-title {
    font-size: 14px;
    font-weight: 500;
  }
}
.promotion .single-promotion .part-text h3.title {
  font-weight: 700;
  font-size: 34px;
  line-height: 42px;
  letter-spacing: 0.02em;
  color: #fff;
  margin-bottom: 21px;
}
@media (max-width: 1399.98px) {
  .promotion .single-promotion .part-text h3.title {
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 22px;
  }
}
@media (max-width: 1199.98px) {
  .promotion .single-promotion .part-text h3.title {
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 21px;
  }
}
@media (max-width: 991.98px) {
  .promotion .single-promotion .part-text h3.title {
    font-size: 24px;
    line-height: 34px;
  }
}
@media (max-width: 767.98px) {
  .promotion .single-promotion .part-text h3.title {
    font-size: 22px;
    line-height: 32px;
  }
}
@media (max-width: 479.98px) {
  .promotion .single-promotion .part-text h3.title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 22px;
  }
}
.promotion.promotion-details .single-promotion {
  margin-right: -40px;
  height: 528px;
}
@media (max-width: 1399.98px) {
  .promotion.promotion-details .single-promotion {
    height: 470px;
  }
}
@media (max-width: 1199.98px) {
  .promotion.promotion-details .single-promotion {
    height: 460px;
    margin-right: 0;
  }
}
@media (max-width: 991.98px) {
  .promotion.promotion-details .single-promotion {
    margin-bottom: 40px;
  }
}
@media (max-width: 767.98px) {
  .promotion.promotion-details .single-promotion {
    height: 320px;
    background-size: 100% auto;
  }
}
@media (max-width: 575.98px) {
  .promotion.promotion-details .single-promotion {
    margin-bottom: 28px;
  }
}
.promotion.promotion-details .single-promotion .part-text h3.title {
  margin-bottom: 1px;
}
.promotion.promotion-details .how-to-get-bonus {
  padding-left: 81px;
}
@media (max-width: 1199.98px) {
  .promotion.promotion-details .how-to-get-bonus {
    padding-left: 20px;
  }
}
@media (max-width: 991.98px) {
  .promotion.promotion-details .how-to-get-bonus {
    padding-left: 0;
  }
}
.promotion.promotion-details .how-to-get-bonus h4.title {
  font-weight: 700;
  font-size: 24px;
  line-height: 34px;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  text-transform: capitalize;
  display: inline-block;
  margin: -7px 0 23px;
}
@media (max-width: 991.98px) {
  .promotion.promotion-details .how-to-get-bonus h4.title {
    margin: -7px 0 14px;
  }
}
@media (max-width: 767.98px) {
  .promotion.promotion-details .how-to-get-bonus h4.title {
    margin: -7px 0 15px;
    font-size: 22px;
    line-height: 32px;
  }
}
@media (max-width: 479.98px) {
  .promotion.promotion-details .how-to-get-bonus h4.title {
    font-size: 20px;
    line-height: 30px;
    margin: -7px 0 9px;
  }
}
.promotion.promotion-details .how-to-get-bonus ul.all-get-steps {
  counter-reset: LIST-ITEMS;
}
.promotion.promotion-details .how-to-get-bonus ul.all-get-steps li {
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  color: #5C6172;
  margin-bottom: 33px;
}
@media (max-width: 1399.98px) {
  .promotion.promotion-details .how-to-get-bonus ul.all-get-steps li {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 23px;
  }
}
@media (max-width: 1199.98px) {
  .promotion.promotion-details .how-to-get-bonus ul.all-get-steps li {
    font-size: 17px;
    line-height: 29px;
    margin-bottom: 24px;
  }
}
@media (max-width: 991.98px) {
  .promotion.promotion-details .how-to-get-bonus ul.all-get-steps li {
    margin-bottom: 15px;
  }
}
@media (max-width: 767.98px) {
  .promotion.promotion-details .how-to-get-bonus ul.all-get-steps li {
    margin-bottom: 9px;
  }
}
@media (max-width: 575.98px) {
  .promotion.promotion-details .how-to-get-bonus ul.all-get-steps li {
    font-size: 16px;
    line-height: 28px;
  }
}
@media (max-width: 479.98px) {
  .promotion.promotion-details .how-to-get-bonus ul.all-get-steps li {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 10px;
  }
}
.promotion.promotion-details .how-to-get-bonus ul.all-get-steps li:before {
  content: counter(LIST-ITEMS) ".";
  counter-increment: LIST-ITEMS;
  font-weight: 700;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  margin-right: 10px;
}
.promotion.promotion-details .how-to-get-bonus ul.all-get-steps li:last-child {
  margin-bottom: -17px;
}
@media (max-width: 991.98px) {
  .promotion.promotion-details .how-to-get-bonus ul.all-get-steps li:last-child {
    margin-bottom: -19px;
  }
}
.promotion.promotion-details .deposit-limitation {
  position: relative;
  margin: 40px 0;
  text-align: center;
  padding: 17px 0 16px;
}
@media (max-width: 1399.98px) {
  .promotion.promotion-details .deposit-limitation {
    padding: 17px 0 17px;
  }
}
@media (max-width: 991.98px) {
  .promotion.promotion-details .deposit-limitation {
    margin: 50px 0 40px;
    padding: 12px 0 12px;
  }
}
@media (max-width: 767.98px) {
  .promotion.promotion-details .deposit-limitation {
    padding: 8px 0 8px;
  }
}
@media (max-width: 575.98px) {
  .promotion.promotion-details .deposit-limitation {
    margin: 40px 0 28px;
  }
}
@media (max-width: 479.98px) {
  .promotion.promotion-details .deposit-limitation {
    padding: 3px 0 3px;
  }
}
.promotion.promotion-details .deposit-limitation:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  opacity: 0.2;
}
.promotion.promotion-details .deposit-limitation:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  opacity: 0.2;
}
.promotion.promotion-details .deposit-limitation span {
  display: inline-block;
  font-weight: 600;
  font-size: 24px;
  line-height: 44px;
  letter-spacing: 0.03em;
  text-transform: capitalize;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  position: relative;
  padding: 0 30px;
}
@media (max-width: 1399.98px) {
  .promotion.promotion-details .deposit-limitation span {
    font-size: 22px;
    line-height: 42px;
  }
}
@media (max-width: 991.98px) {
  .promotion.promotion-details .deposit-limitation span {
    font-size: 20px;
    line-height: 40px;
  }
}
@media (max-width: 767.98px) {
  .promotion.promotion-details .deposit-limitation span {
    font-size: 18px;
    line-height: 38px;
  }
}
@media (max-width: 479.98px) {
  .promotion.promotion-details .deposit-limitation span {
    font-size: 16px;
    line-height: 36px;
  }
}
.promotion.promotion-details .deposit-limitation span:after {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  opacity: 0.2;
}
@media (max-width: 767.98px) {
  .promotion.promotion-details .deposit-limitation span:after {
    bottom: 0;
    width: 100%;
    height: 1px;
    top: auto;
  }
}
.promotion.promotion-details .deposit-limitation span:last-child:after {
  display: none;
}
.promotion.promotion-details .promo-terms {
  margin-bottom: 49px;
}
@media (max-width: 575.98px) {
  .promotion.promotion-details .promo-terms {
    margin-bottom: 39px;
  }
}
.promotion.promotion-details .promo-terms h4.title {
  font-weight: 700;
  font-size: 24px;
  line-height: 34px;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  text-transform: capitalize;
  display: inline-block;
  margin: -7px 0 23px;
}
@media (max-width: 991.98px) {
  .promotion.promotion-details .promo-terms h4.title {
    margin: -7px 0 14px;
  }
}
@media (max-width: 767.98px) {
  .promotion.promotion-details .promo-terms h4.title {
    margin: -7px 0 15px;
    font-size: 22px;
    line-height: 32px;
  }
}
.promotion.promotion-details .promo-terms ul.all-terms {
  counter-reset: LIST-ITEMS;
}
.promotion.promotion-details .promo-terms ul.all-terms li {
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  color: #5C6172;
  margin-bottom: 33px;
}
@media (max-width: 1399.98px) {
  .promotion.promotion-details .promo-terms ul.all-terms li {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 23px;
  }
}
@media (max-width: 1199.98px) {
  .promotion.promotion-details .promo-terms ul.all-terms li {
    font-size: 17px;
    line-height: 29px;
    margin-bottom: 24px;
  }
}
@media (max-width: 991.98px) {
  .promotion.promotion-details .promo-terms ul.all-terms li {
    margin-bottom: 15px;
  }
}
@media (max-width: 767.98px) {
  .promotion.promotion-details .promo-terms ul.all-terms li {
    margin-bottom: 9px;
  }
}
@media (max-width: 575.98px) {
  .promotion.promotion-details .promo-terms ul.all-terms li {
    font-size: 16px;
    line-height: 28px;
  }
}
@media (max-width: 479.98px) {
  .promotion.promotion-details .promo-terms ul.all-terms li {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 10px;
  }
}
.promotion.promotion-details .promo-terms ul.all-terms li:before {
  content: counter(LIST-ITEMS) ".";
  counter-increment: LIST-ITEMS;
  font-weight: 700;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  margin-right: 10px;
}
.promotion.promotion-details .promo-terms ul.all-terms li:last-child {
  margin-bottom: -17px;
}
.promotion.promotion-details .line {
  position: relative;
}
.promotion.promotion-details .line:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  opacity: 0.2;
}
.promotion.promotion-details form.promo-form {
  border-radius: 50px;
  display: inline-block;
  position: relative;
  z-index: 2;
  margin-top: 40px;
}
@media (max-width: 575.98px) {
  .promotion.promotion-details form.promo-form {
    margin-top: 30px;
  }
}
@media (max-width: 479.98px) {
  .promotion.promotion-details form.promo-form {
    border-radius: 0;
  }
}
.promotion.promotion-details form.promo-form:after {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  border: 1px solid rgba(11, 52, 72, 0.3);
  border-radius: 50px;
  z-index: -1;
}
@media (max-width: 479.98px) {
  .promotion.promotion-details form.promo-form:after {
    display: none;
  }
}
.promotion.promotion-details form.promo-form input {
  font-weight: 400;
  font-size: 17.5px;
  line-height: 100%;
  letter-spacing: 0.01em;
  text-transform: capitalize;
  border: none;
  background: transparent;
  color: rgb(92, 97, 114);
  padding-left: 30px;
}
@media (max-width: 1399.98px) {
  .promotion.promotion-details form.promo-form input {
    font-size: 16px;
  }
}
@media (max-width: 1199.98px) {
  .promotion.promotion-details form.promo-form input {
    width: 176px;
  }
}
@media (max-width: 479.98px) {
  .promotion.promotion-details form.promo-form input {
    border-radius: 50px;
    height: 40px;
    border: 1px solid rgba(11, 52, 72, 0.3);
    width: 100%;
    padding: 0 25px;
    margin-bottom: 10px;
  }
}
.promotion.promotion-details form.promo-form input:placeholder {
  color: rgba(92, 97, 114, 0.7);
  text-transform: unset;
}

.match-details {
  padding: 120px 0;
  position: relative;
}
@media (max-width: 1399.98px) {
  .match-details {
    padding: 100px 0;
  }
}
@media (max-width: 991.98px) {
  .match-details {
    padding: 80px 0;
  }
}
@media (max-width: 767.98px) {
  .match-details {
    padding: 60px 0;
  }
}
.match-details .match-details-view {
  background: linear-gradient(144.14deg, #0D1A34 -11.44%, #CDA134 123.42%);
  border-radius: 15px;
  padding: 60px 0 52px;
  margin-bottom: 80px;
}
@media (max-width: 1399.98px) {
  .match-details .match-details-view {
    padding: 50px 0 42px;
    margin-bottom: 60px;
  }
}
@media (max-width: 1199.98px) {
  .match-details .match-details-view {
    padding: 40px 0 32px;
  }
}
@media (max-width: 991.98px) {
  .match-details .match-details-view {
    margin-bottom: 40px;
  }
}
@media (max-width: 767.98px) {
  .match-details .match-details-view {
    padding: 30px 0 22px;
  }
}
@media (max-width: 479.98px) {
  .match-details .match-details-view {
    padding: 25px 0 19px;
    margin-bottom: 30px;
  }
}
.match-details .match-details-view .part-top {
  position: relative;
  display: flex;
  gap: 20px;
  justify-content: center;
  padding-bottom: 30px;
}
@media (max-width: 767.98px) {
  .match-details .match-details-view .part-top {
    padding-bottom: 24px;
  }
}
@media (max-width: 479.98px) {
  .match-details .match-details-view .part-top {
    padding-bottom: 18px;
    padding-left: 20px;
    padding-right: 20px;
    justify-content: flex-start;
    gap: 15px;
  }
}
.match-details .match-details-view .part-top:after {
  position: absolute;
  content: "";
  left: 50%;
  width: 70%;
  transform: translateX(-50%);
  bottom: 0;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 767.98px) {
  .match-details .match-details-view .part-top:after {
    width: 100%;
  }
}
.match-details .match-details-view .part-top span {
  display: inline-block;
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #fff;
}
@media (max-width: 991.98px) {
  .match-details .match-details-view .part-top span {
    font-size: 17px;
    line-height: 17px;
  }
}
@media (max-width: 767.98px) {
  .match-details .match-details-view .part-top span {
    font-size: 16px;
    line-height: 16px;
  }
}
@media (max-width: 479.98px) {
  .match-details .match-details-view .part-top span {
    font-size: 14px;
    line-height: 14px;
  }
}
.match-details .match-details-view .part-top span.time span.icon {
  margin-right: 10px;
}
.match-details .match-details-view .part-middle {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 60px;
  padding: 40px 0;
}
@media (max-width: 1399.98px) {
  .match-details .match-details-view .part-middle {
    gap: 50px;
    padding: 30px 0;
  }
}
@media (max-width: 1199.98px) {
  .match-details .match-details-view .part-middle {
    gap: 40px;
    padding: 25px 0;
  }
}
@media (max-width: 991.98px) {
  .match-details .match-details-view .part-middle {
    gap: 30px;
  }
}
@media (max-width: 767.98px) {
  .match-details .match-details-view .part-middle {
    gap: 40px;
    padding: 25px 0 18px;
  }
}
@media (max-width: 575.98px) {
  .match-details .match-details-view .part-middle {
    gap: 30px;
  }
}
@media (max-width: 479.98px) {
  .match-details .match-details-view .part-middle {
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
    padding: 17px 20px;
  }
}
.match-details .match-details-view .part-middle:after {
  position: absolute;
  content: "";
  left: 50%;
  width: 70%;
  transform: translateX(-50%);
  bottom: 0;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 767.98px) {
  .match-details .match-details-view .part-middle:after {
    width: 100%;
  }
}
.match-details .match-details-view .part-middle .single-team {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 991.98px) {
  .match-details .match-details-view .part-middle .single-team {
    gap: 20px;
  }
}
@media (max-width: 767.98px) {
  .match-details .match-details-view .part-middle .single-team {
    flex-direction: column;
    gap: 12px;
  }
  .match-details .match-details-view .part-middle .single-team:first-child {
    flex-direction: column-reverse;
  }
}
@media (max-width: 479.98px) {
  .match-details .match-details-view .part-middle .single-team {
    flex-direction: row;
    align-items: flex-end;
  }
  .match-details .match-details-view .part-middle .single-team:first-child {
    flex-direction: row-reverse;
  }
}
.match-details .match-details-view .part-middle .single-team span {
  display: inline-block;
}
.match-details .match-details-view .part-middle .single-team span.team-name {
  font-weight: 600;
  font-size: 36px;
  line-height: 46px;
  letter-spacing: 0.01em;
  text-transform: capitalize;
  color: #FFFFFF;
}
.match-details .match-details-view .part-middle .single-team span.team-name.first {
  text-align: right;
}
@media (max-width: 1399.98px) {
  .match-details .match-details-view .part-middle .single-team span.team-name {
    font-size: 34px;
    line-height: 44px;
  }
}
@media (max-width: 1199.98px) {
  .match-details .match-details-view .part-middle .single-team span.team-name {
    font-size: 30px;
    line-height: 40px;
  }
}
@media (max-width: 991.98px) {
  .match-details .match-details-view .part-middle .single-team span.team-name {
    font-size: 24px;
    line-height: 34px;
  }
}
@media (max-width: 767.98px) {
  .match-details .match-details-view .part-middle .single-team span.team-name {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 575.98px) {
  .match-details .match-details-view .part-middle .single-team span.team-name {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (max-width: 479.98px) {
  .match-details .match-details-view .part-middle .single-team span.team-name {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
  }
}
.match-details .match-details-view .part-middle .single-team span.team-logo {
  position: relative;
  z-index: 2;
  padding: 0px 4px 8px;
}
@media (max-width: 479.98px) {
  .match-details .match-details-view .part-middle .single-team span.team-logo {
    padding: 0px;
  }
}
.match-details .match-details-view .part-middle .single-team span.team-logo img {
  width: auto;
  height: 80px;
}
@media (max-width: 1399.98px) {
  .match-details .match-details-view .part-middle .single-team span.team-logo img {
    height: 70px;
  }
}
@media (max-width: 1199.98px) {
  .match-details .match-details-view .part-middle .single-team span.team-logo img {
    height: 60px;
  }
}
@media (max-width: 991.98px) {
  .match-details .match-details-view .part-middle .single-team span.team-logo img {
    height: 50px;
  }
}
@media (max-width: 767.98px) {
  .match-details .match-details-view .part-middle .single-team span.team-logo img {
    height: 40px;
  }
}
@media (max-width: 575.98px) {
  .match-details .match-details-view .part-middle .single-team span.team-logo img {
    height: 35px;
  }
}
@media (max-width: 479.98px) {
  .match-details .match-details-view .part-middle .single-team span.team-logo img {
    height: 25px;
  }
}
.match-details .match-details-view .part-middle .single-team span.team-logo:after {
  position: absolute;
  content: "";
  width: 80px;
  height: 80px;
  background: url(../img/match-details/icon-bg.png) center center no-repeat;
  background-size: contain;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1399.98px) {
  .match-details .match-details-view .part-middle .single-team span.team-logo:after {
    height: 70px;
    width: 70px;
  }
}
@media (max-width: 1199.98px) {
  .match-details .match-details-view .part-middle .single-team span.team-logo:after {
    height: 60px;
    width: 60px;
  }
}
@media (max-width: 991.98px) {
  .match-details .match-details-view .part-middle .single-team span.team-logo:after {
    height: 50px;
    width: 50px;
  }
}
@media (max-width: 767.98px) {
  .match-details .match-details-view .part-middle .single-team span.team-logo:after {
    height: 40px;
    width: 40px;
  }
}
@media (max-width: 575.98px) {
  .match-details .match-details-view .part-middle .single-team span.team-logo:after {
    height: 35px;
    width: 35px;
  }
}
@media (max-width: 479.98px) {
  .match-details .match-details-view .part-middle .single-team span.team-logo:after {
    display: none;
  }
}
.match-details .match-details-view .part-middle span.vs {
  display: inline-block;
}
@media (max-width: 479.98px) {
  .match-details .match-details-view .part-middle span.vs {
    display: none;
  }
}
.match-details .match-details-view .part-middle span.vs img {
  height: 50px;
  width: auto;
}
@media (max-width: 1399.98px) {
  .match-details .match-details-view .part-middle span.vs img {
    height: 40px;
  }
}
@media (max-width: 1199.98px) {
  .match-details .match-details-view .part-middle span.vs img {
    height: 35px;
  }
}
@media (max-width: 767.98px) {
  .match-details .match-details-view .part-middle span.vs img {
    height: 30px;
  }
}
@media (max-width: 575.98px) {
  .match-details .match-details-view .part-middle span.vs img {
    height: 25px;
  }
}
.match-details .match-details-view .part-bottom {
  text-align: center;
  display: flex;
  justify-content: center;
  gap: 42px;
  padding-top: 24px;
}
@media (max-width: 991.98px) {
  .match-details .match-details-view .part-bottom {
    gap: 6px;
    flex-direction: column;
  }
}
@media (max-width: 767.98px) {
  .match-details .match-details-view .part-bottom {
    padding-top: 18px;
  }
}
@media (max-width: 479.98px) {
  .match-details .match-details-view .part-bottom {
    text-align: left;
    padding: 12px 20px 0;
  }
}
.match-details .match-details-view .part-bottom .league-name span, .match-details .match-details-view .part-bottom .venue-name span {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color: #FFFFFF;
}
@media (max-width: 991.98px) {
  .match-details .match-details-view .part-bottom .league-name span, .match-details .match-details-view .part-bottom .venue-name span {
    font-size: 17px;
    line-height: 27px;
  }
}
@media (max-width: 767.98px) {
  .match-details .match-details-view .part-bottom .league-name span, .match-details .match-details-view .part-bottom .venue-name span {
    font-size: 16px;
    line-height: 26px;
  }
}
@media (max-width: 479.98px) {
  .match-details .match-details-view .part-bottom .league-name span, .match-details .match-details-view .part-bottom .venue-name span {
    font-size: 15px;
    line-height: 20px;
  }
}
.match-details .match-details-view .part-bottom .league-name span.title, .match-details .match-details-view .part-bottom .venue-name span.title {
  font-weight: 500;
}
@media (max-width: 479.98px) {
  .match-details .match-details-view .part-bottom .league-name span.title, .match-details .match-details-view .part-bottom .venue-name span.title {
    margin-bottom: 3px;
  }
}
.match-details .match-details-view .part-bottom .league-name {
  position: relative;
}
.match-details .match-details-view .part-bottom .league-name:after {
  position: absolute;
  content: "";
  right: -22px;
  width: 4px;
  height: 4px;
  /*background: #fff;*/
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}
.match-details .match-results {
  margin-bottom: 40px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .match-details .match-results {
    padding: 0;
  }
}
@media (max-width: 575.98px) {
  .match-details .match-results {
    margin-bottom: 30px;
  }
}
@media (max-width: 479.98px) {
  .match-details .match-results {
    padding: 0;
  }
}
.match-details .match-results:last-child {
  margin-bottom: 0;
}
.match-details .match-results h4.result-title {
  font-weight: 600;
  font-size: 22px;
  line-height: 32px;
  text-transform: capitalize;
  position: relative;
  margin: -7px 0 22px;
}
@media (max-width: 1199.98px) {
  .match-details .match-results h4.result-title {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 767.98px) {
  .match-details .match-results h4.result-title {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (max-width: 479.98px) {
  .match-details .match-results h4.result-title {
    margin: -7px 0 17px;
  }
}
.match-details .match-results h4.result-title:after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 1px;
  background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  z-index: -2;
  opacity: 0.15;
}
.match-details .match-results h4.result-title span {
  display: inline-block;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  position: relative;
  padding-right: 20px;
}
.match-details .match-results h4.result-title span:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: -1;
}
.match-details .match-results .result-line .single-result {
  background: linear-gradient(144.14deg, rgba(77, 35, 63, 0.05) -11.44%, rgba(48, 91, 159, 0.05) 123.42%);
  border: 1px solid rgba(11, 52, 72, 0.08);
  border-radius: 5px;
  display: flex;
  gap: 15px;
  justify-content: center;
  padding: 21px 0;
}
@media (max-width: 1399.98px) {
  .match-details .match-results .result-line .single-result {
    padding: 16px 0;
  }
}
@media (max-width: 1199.98px) {
  .match-details .match-results .result-line .single-result {
    padding: 13px 0;
    flex-direction: column;
    align-items: center;
    gap: 5px;
  }
}
@media (max-width: 767.98px) {
  .match-details .match-results .result-line .single-result {
    padding: 13px 20px;
  }
}
@media (max-width: 479.98px) {
  .match-details .match-results .result-line .single-result {
    gap: 0px;
  }
}
.match-details .match-results .result-line .single-result.gap {
  background: #fff;
  border: 1px solid rgba(11, 52, 72, 0.2);
}
.match-details .match-results .result-line .single-result.over {
  position: relative;
}
.match-details .match-results .result-line .single-result.over:after {
  position: absolute;
  content: "Over";
  bottom: calc(100% + 28px);
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  background: white;
  display: inline-block;
  padding: 0 20px;
  font-weight: 600;
  font-size: 18px;
  text-transform: capitalize;
  color: #425370;
  opacity: 0.9;
}
@media (max-width: 991.98px) {
  .match-details .match-results .result-line .single-result.over:after {
    bottom: 34%;
    left: -39px;
    transform: rotate(-90deg) translateY(50%);
    width: 80px;
    border-radius: 5px;
    border-bottom: 1px solid rgba(66, 83, 112, 0.5);
    padding: 0;
    font-size: 17px;
  }
}
.match-details .match-results .result-line .single-result.under {
  position: relative;
}
.match-details .match-results .result-line .single-result.under:after {
  position: absolute;
  content: "Under";
  bottom: calc(100% + 28px);
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  background: white;
  display: inline-block;
  padding: 0 20px;
  font-weight: 600;
  font-size: 18px;
  text-transform: capitalize;
  color: #425370;
  opacity: 0.9;
}
@media (max-width: 991.98px) {
  .match-details .match-results .result-line .single-result.under:after {
    bottom: 34%;
    left: -39px;
    transform: rotate(-90deg) translateY(50%);
    width: 80px;
    border-radius: 5px;
    border-bottom: 1px solid rgba(66, 83, 112, 0.5);
    padding: 0;
    font-size: 17px;
  }
}
.match-details .match-results .result-line .single-result span {
  display: inline-block;
}
.match-details .match-results .result-line .single-result span.number {
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
}
@media (max-width: 479.98px) {
  .match-details .match-results .result-line .single-result span.number {
    font-size: 15px;
    line-height: 25px;
  }
}
.match-details .match-results .result-line .single-result span.text {
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  display: flex;
  letter-spacing: 0.01em;
  text-transform: capitalize;
  color: rgba(22, 29, 53, 0.5);
}
@media (max-width: 767.98px) {
  .match-details .match-results .result-line .single-result span.text {
    text-align: center;
    font-size: 15px;
    line-height: 25px;
  }
}

.authority {
  padding: 0px 0;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
@media (max-width: 1399.98px) {
  .authority {
    padding: 100px 0;
  }
}
@media (max-width: 991.98px) {
  .authority {
    padding: 80px 0 40px;
  }
}
@media (max-width: 767.98px) {
  .authority {
    padding: 60px 0 30px;
  }
}
.authority:after {
  position: absolute;
  content: "";
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: 1920px;
  height: 100%;
  background: url("../img/authority/shape-3.png") center center no-repeat;
  background-size: cover;
  z-index: -1;
}
@media (max-width: 1199.98px) {
  .authority:after {
    width: 1199px;
  }
}
@media (max-width: 991.98px) {
  .authority:after {
    display: none;
  }
}
.authority .all-members {
  margin: 0 -40px;
}
@media (max-width: 1199.98px) {
  .authority .all-members {
    margin: 0 -30px;
  }
}
@media (max-width: 991.98px) {
  .authority .all-members {
    margin: 0;
  }
}
@media (max-width: 479.98px) {
  .authority .all-members [class*=col-6] {
    width: 100%;
    flex: 100%;
  }
}
.authority .all-members .single-authority-member {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 991.98px) {
  .authority .all-members .single-authority-member {
    margin-bottom: 40px;
  }
}
@media (max-width: 767.98px) {
  .authority .all-members .single-authority-member {
    margin-bottom: 30px;
  }
}
.authority .all-members .single-authority-member .part-pic img {
  width: 190px;
}
@media (max-width: 1399.98px) {
  .authority .all-members .single-authority-member .part-pic img {
    width: 180px;
  }
}
@media (max-width: 1199.98px) {
  .authority .all-members .single-authority-member .part-pic img {
    width: 170px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .authority .all-members .single-authority-member .part-pic img {
    width: 190px;
  }
}
@media (max-width: 767.98px) {
  .authority .all-members .single-authority-member .part-pic img {
    width: 160px;
  }
}
@media (max-width: 479.98px) {
  .authority .all-members .single-authority-member .part-pic img {
    width: 170px;
  }
}
.authority .all-members .single-authority-member .part-info {
  background: url("../img/authority/shape-1.png") center center no-repeat;
  background-size: contain;
  padding: 42px 0 25px;
  display: inline-block;
  width: 225px;
  text-align: center;
  margin-top: 30px;
}
@media (max-width: 1199.98px) {
  .authority .all-members .single-authority-member .part-info {
    width: 190px;
    padding: 34px 0 20px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .authority .all-members .single-authority-member .part-info {
    width: 225px;
    padding: 39px 0 25px;
  }
}
@media (max-width: 767.98px) {
  .authority .all-members .single-authority-member .part-info {
    padding: 32px 0 19px;
    margin-top: 20px;
  }
}
.authority .all-members .single-authority-member .part-info span {
  display: block;
}
.authority .all-members .single-authority-member .part-info span.member-name {
  font-weight: 600;
  font-size: 23px;
  line-height: 33px;
  letter-spacing: 0.01em;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  text-transform: capitalize;
  margin-bottom: 5px;
}
@media (max-width: 1399.98px) {
  .authority .all-members .single-authority-member .part-info span.member-name {
    font-size: 21px;
    line-height: 31px;
    margin-bottom: 6px;
  }
}
@media (max-width: 1199.98px) {
  .authority .all-members .single-authority-member .part-info span.member-name {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 1px;
  }
}
@media (max-width: 767.98px) {
  .authority .all-members .single-authority-member .part-info span.member-name {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0;
  }
}
.authority .all-members .single-authority-member .part-info span.member-designation {
  font-weight: 400;
  font-size: 17px;
  line-height: 27px;
  color: rgba(92, 97, 114, 0.8);
}
@media (max-width: 1199.98px) {
  .authority .all-members .single-authority-member .part-info span.member-designation {
    font-size: 16px;
    line-height: 26px;
  }
}
@media (max-width: 767.98px) {
  .authority .all-members .single-authority-member .part-info span.member-designation {
    font-size: 15px;
    line-height: 25px;
  }
}
.authority .all-members .row .col-xl-3 {
  display: flex;
  justify-content: center;
}
.authority .all-members .row .col-xl-3:nth-child(2) .single-authority-member .part-info, .authority .all-members .row .col-xl-3:last-child .single-authority-member .part-info {
  background: url("../img/authority/shape-2.png") center center no-repeat;
  background-size: contain;
  padding: 25px 0 41px;
  margin-top: 0;
  margin-bottom: 30px;
}
@media (max-width: 1199.98px) {
  .authority .all-members .row .col-xl-3:nth-child(2) .single-authority-member .part-info, .authority .all-members .row .col-xl-3:last-child .single-authority-member .part-info {
    padding: 19px 0 34px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .authority .all-members .row .col-xl-3:nth-child(2) .single-authority-member .part-info, .authority .all-members .row .col-xl-3:last-child .single-authority-member .part-info {
    padding: 24px 0 40px;
  }
}
@media (max-width: 767.98px) {
  .authority .all-members .row .col-xl-3:nth-child(2) .single-authority-member .part-info, .authority .all-members .row .col-xl-3:last-child .single-authority-member .part-info {
    padding: 19px 0 33px;
    margin-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  .authority .all-members .row .col-xl-3:nth-child(2) .single-authority-member, .authority .all-members .row .col-xl-3:last-child .single-authority-member {
    flex-direction: column-reverse;
  }
  .authority .all-members .row .col-xl-3:nth-child(2) .single-authority-member .part-info, .authority .all-members .row .col-xl-3:last-child .single-authority-member .part-info {
    background: url("../img/authority/shape-1.png") center center no-repeat;
    background-size: contain;
    padding: 29px 0 20px;
    margin-top: 20px;
    margin-bottom: 0;
  }
}

.newsletter {
  position: relative;
}
.newsletter .part-img {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  position: relative;
}
@media (max-width: 1199.98px) {
  .newsletter .part-img {
    margin-right: 60px;
  }
}
@media (max-width: 991.98px) {
  .newsletter .part-img {
    margin-right: 0;
  }
}
@media (max-width: 575.98px) {
  .newsletter .part-img img {
    width: 80%;
  }
}
.newsletter .part-img img.main-img {
  width: 558.35px;
  position: absolute;
  bottom: 0;
  right: 210px;
  max-width: none;
}
@media (max-width: 1399.98px) {
  .newsletter .part-img img.main-img {
    width: 478.35px;
    right: 170px;
  }
}
@media (max-width: 1199.98px) {
  .newsletter .part-img img.main-img {
    width: 458.35px;
    right: 100px;
  }
}
@media (max-width: 991.98px) {
  .newsletter .part-img img.main-img {
    width: 431.35px;
    right: auto;
    left: 55%;
    transform: translateX(-50%);
  }
}
@media (max-width: 767.98px) {
  .newsletter .part-img img.main-img {
    width: 337.35px;
  }
}
@media (max-width: 575.98px) {
  .newsletter .part-img img.main-img {
    width: auto;
    height: 100%;
  }
}
.newsletter .part-img img.bg {
  height: 517px;
  max-width: none;
  width: auto;
  margin-right: 50px;
}
@media (max-width: 1399.98px) {
  .newsletter .part-img img.bg {
    height: 467px;
    margin-right: 20px;
  }
}
@media (max-width: 1199.98px) {
  .newsletter .part-img img.bg {
    height: 427px;
  }
}
@media (max-width: 991.98px) {
  .newsletter .part-img img.bg {
    height: auto;
    width: 100%;
    margin-right: 0;
  }
}
.newsletter .part-newsletter {
  padding: 120px 0;
}
@media (max-width: 1399.98px) {
  .newsletter .part-newsletter {
    padding: 100px 0;
  }
}
@media (max-width: 991.98px) {
  .newsletter .part-newsletter {
    padding: 80px 0;
  }
}
@media (max-width: 767.98px) {
  .newsletter .part-newsletter {
    padding: 60px 0;
  }
}
@media (max-width: 575.98px) {
  .newsletter .part-newsletter {
    text-align: center;
  }
}
.newsletter .part-newsletter .section-title {
  text-align: left;
  margin-bottom: 29px;
}
@media (max-width: 991.98px) {
  .newsletter .part-newsletter .section-title {
    text-align: center;
    margin-bottom: 31px;
  }
}
@media (max-width: 575.98px) {
  .newsletter .part-newsletter .section-title {
    margin-bottom: 22px;
  }
}
.newsletter .part-newsletter .section-title h3.sub-title {
  left: 0;
  transform: none;
}
@media (max-width: 991.98px) {
  .newsletter .part-newsletter .section-title h3.sub-title {
    left: 50%;
    transform: translateX(-50%);
  }
}
.newsletter .part-newsletter .section-title h2.title:after {
  left: 0;
  transform: none;
}
@media (max-width: 991.98px) {
  .newsletter .part-newsletter .section-title h2.title:after {
    left: 50%;
    transform: translateX(-50%);
  }
}
.newsletter .part-newsletter p {
  color: #5C6172;
  font-weight: 400;
  font-size: 22px;
  line-height: 40px;
  margin-bottom: -12px;
}
@media (max-width: 1399.98px) {
  .newsletter .part-newsletter p {
    font-size: 20px;
    line-height: 38px;
  }
}
@media (max-width: 1199.98px) {
  .newsletter .part-newsletter p {
    font-size: 18px;
    line-height: 34px;
    margin-bottom: -11px;
  }
}
@media (max-width: 991.98px) {
  .newsletter .part-newsletter p {
    text-align: center;
  }
}
@media (max-width: 767.98px) {
  .newsletter .part-newsletter p {
    font-size: 17px;
    line-height: 32px;
    margin-bottom: -10px;
  }
}
@media (max-width: 479.98px) {
  .newsletter .part-newsletter p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: -8px;
  }
  .newsletter .part-newsletter p br {
    display: none;
  }
}
.newsletter .part-newsletter p span.p-bold {
  font-weight: 600;
  text-transform: unset;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
}
.newsletter .part-newsletter form {
  position: relative;
  margin-top: 50px;
}
@media (max-width: 1199.98px) {
  .newsletter .part-newsletter form {
    margin-top: 40px;
  }
}
@media (max-width: 767.98px) {
  .newsletter .part-newsletter form {
    margin-top: 40px;
  }
}
@media (max-width: 575.98px) {
  .newsletter .part-newsletter form {
    width: 80%;
    display: inline-block;
    margin-top: 30px;
  }
}
.newsletter .part-newsletter form input {
  width: 100%;
  border: 1px solid rgba(11, 52, 72, 0.3);
  border-radius: 60px;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 0.01em;
  color: rgb(92, 97, 114);
  padding: 0 30px;
  height: 60px;
  padding: 0 185px 0 30px;
}
@media (max-width: 1399.98px) {
  .newsletter .part-newsletter form input {
    height: 50px;
    padding: 0 175px 0 30px;
  }
}
@media (max-width: 1199.98px) {
  .newsletter .part-newsletter form input {
    height: 45px;
    font-size: 16px;
  }
}
@media (max-width: 767.98px) {
  .newsletter .part-newsletter form input {
    height: 40px;
    padding: 0 155px 0 30px;
  }
}
@media (max-width: 479.98px) {
  .newsletter .part-newsletter form input {
    padding: 0 20px 0 20px;
    font-size: 15px;
  }
}
.newsletter .part-newsletter form input::-moz-placeholder {
  color: rgba(92, 97, 114, 0.6);
}
.newsletter .part-newsletter form input::placeholder {
  color: rgba(92, 97, 114, 0.6);
}
.newsletter .part-newsletter form .submit-btn {
  position: absolute;
  right: 0;
  top: 0;
  height: 60px;
  box-shadow: 0px 9px 37px rgba(0, 0, 0, 0.2);
}
@media (max-width: 1399.98px) {
  .newsletter .part-newsletter form .submit-btn {
    height: 50px;
  }
}
@media (max-width: 1199.98px) {
  .newsletter .part-newsletter form .submit-btn {
    height: 45px;
  }
}
@media (max-width: 767.98px) {
  .newsletter .part-newsletter form .submit-btn {
    height: 40px;
  }
}
@media (max-width: 479.98px) {
  .newsletter .part-newsletter form .submit-btn {
    position: relative;
    margin-top: 10px;
  }
}

.blog-posts {
  padding: 120px 0;
  position: relative;
}
@media (max-width: 1399.98px) {
  .blog-posts {
    padding: 100px 0;
  }
}
@media (max-width: 991.98px) {
  .blog-posts {
    padding: 80px 0;
  }
}
@media (max-width: 767.98px) {
  .blog-posts {
    padding: 60px 0;
  }
}
.blog-posts .single-blog {
  /*display: flex;*/
  box-shadow: 0px 0px 10px rgb(187 130 34);
  border-radius: 10px;
}
@media (max-width: 991.98px) {
  .blog-posts .single-blog {
    flex-direction: column;
  }
}
.blog-posts .single-blog.vertical-style {
  flex-direction: column;
}
@media (max-width: 1199.98px) {
  .blog-posts .single-blog.vertical-style {
    flex-direction: row;
  }
}
@media (max-width: 991.98px) {
  .blog-posts .single-blog.vertical-style {
    flex-direction: column;
  }
}
.blog-posts .single-blog.vertical-style .part-img {
  height: 396px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
}
@media (max-width: 1399.98px) {
  .blog-posts .single-blog.vertical-style .part-img {
    height: 341px;
  }
}
@media (max-width: 1199.98px) {
  .blog-posts .single-blog.vertical-style .part-img {
    all: unset;
    height: 338px;
    border-radius: 15px;
    overflow: hidden;
    flex: 0 0 auto;
  }
}
@media (max-width: 991.98px) {
  .blog-posts .single-blog.vertical-style .part-img {
    height: 319.38px;
  }
}
@media (max-width: 767.98px) {
  .blog-posts .single-blog.vertical-style .part-img {
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.blog-posts .single-blog.vertical-style .part-img img {
  height: auto;
  width: 105%;
  max-width: 105%;
}
@media (max-width: 1199.98px) {
  .blog-posts .single-blog.vertical-style .part-img img {
    all: unset;
    width: 351.33px;
  }
}
@media (max-width: 767.98px) {
  .blog-posts .single-blog.vertical-style .part-img img {
    width: 100%;
  }
}
@media (max-width: 1199.98px) {
  .blog-posts .single-blog.right-sided-img .part-text {
    order: 2;
  }
}
.blog-posts .single-blog .part-img img {
  height: 372px;
  width: auto;
  max-width: none;
  border-radius: 10px;
}
@media (max-width: 1399.98px) {
  .blog-posts .single-blog .part-img img {
    height: 350px;
  }
}
@media (max-width: 1199.98px) {
  .blog-posts .single-blog .part-img img {
    height: 337px;
  }
}
@media (max-width: 991.98px) {
  .blog-posts .single-blog .part-img img {
    height: auto;
    width: 100%;
    max-width: 100%;
  }
}
.blog-posts .single-blog .part-text {
  padding: 40px;
}
@media (max-width: 1399.98px) {
  .blog-posts .single-blog .part-text {
    padding: 30px;
  }
}
@media (max-width: 1199.98px) {
  .blog-posts .single-blog .part-text {
    padding: 40px;
  }
}
@media (max-width: 991.98px) {
  .blog-posts .single-blog .part-text {
    padding: 30px;
  }
}
@media (max-width: 767.98px) {
  .blog-posts .single-blog .part-text {
    padding: 40px;
  }
}
@media (max-width: 479.98px) {
  .blog-posts .single-blog .part-text {
    padding: 25px;
  }
}
.blog-posts .single-blog .part-text span.post-category {
  display: table;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 15px;
  line-height: 17px;
  letter-spacing: 3px;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  margin: -3px 0 15px;
}
@media (max-width: 1399.98px) {
  .blog-posts .single-blog .part-text span.post-category {
    margin-bottom: 14px;
  }
}
@media (max-width: 479.98px) {
  .blog-posts .single-blog .part-text span.post-category {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 10px;
  }
}
.blog-posts .single-blog .part-text h3.blog-post-title {
  margin-bottom: 12px;
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #161d35 -11.44%, #305B9F 123.42%);
  opacity: 0.9;
}
@media (max-width: 1399.98px) {
  .blog-posts .single-blog .part-text h3.blog-post-title {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 13px;
  }
}
@media (max-width: 1199.98px) {
  .blog-posts .single-blog .part-text h3.blog-post-title {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 12px;
  }
}
@media (max-width: 991.98px) {
  .blog-posts .single-blog .part-text h3.blog-post-title {
    font-size: 22px;
    line-height: 32px;
  }
}
@media (max-width: 767.98px) {
  .blog-posts .single-blog .part-text h3.blog-post-title {
    margin-bottom: 13px;
  }
}
@media (max-width: 479.98px) {
  .blog-posts .single-blog .part-text h3.blog-post-title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
  }
}
.blog-posts .single-blog .part-text h3.blog-post-title a {
  color: rgba(22, 29, 53, 0.8);
  transition: all 0.3s ease-in;
}
.blog-posts .single-blog .part-text h3.blog-post-title a:hover {
  color: #161D35;
}
.blog-posts .single-blog .part-text p {
  margin-bottom: 19px;
  font-weight: 400;
  font-size: 17px;
  line-height: 33px;
  color: #5C6172;
}
@media (max-width: 479.98px) {
  .blog-posts .single-blog .part-text p {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 18px;
  }
}
.blog-posts .single-blog .part-text .post-info-stats {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid rgba(22, 29, 53, 0.2);
  padding-top: 30px;
}
@media (max-width: 479.98px) {
  .blog-posts .single-blog .part-text .post-info-stats {
    padding-top: 25px;
  }
}
.blog-posts .single-blog .part-text .post-info-stats .post-creator {
  display: flex;
  align-items: center;
}
.blog-posts .single-blog .part-text .post-info-stats .post-creator .creator-pic {
  width: 35px;
  height: 35px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 15px;
}
@media (max-width: 479.98px) {
  .blog-posts .single-blog .part-text .post-info-stats .post-creator .creator-pic {
    width: 30px;
    height: 30px;
    margin-right: 12px;
  }
}
.blog-posts .single-blog .part-text .post-info-stats .post-creator .creator-pic img {
  width: 100%;
}
.blog-posts .single-blog .part-text .post-info-stats .post-creator span.creator-name {
  margin: -8px 0 -7px;
  transition: all 0.3s ease-in;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
  letter-spacing: 0.01em;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #8c7334 -11.44%, #CDA134 123.42%);
  font-weight: 900;
  opacity: 0.8;
}
@media (max-width: 479.98px) {
  .blog-posts .single-blog .part-text .post-info-stats .post-creator span.creator-name {
    font-size: 15px;
    line-height: 25px;
  }
}
.blog-posts .single-blog .part-text .post-info-stats .post-creator:hover span.creator-name {
  opacity: 1;
}
.blog-posts .single-blog .part-text .post-info-stats span.posting-time {
  margin-bottom: -3px;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #5C6172;
  opacity: 0.6;
}
@media (max-width: 479.98px) {
  .blog-posts .single-blog .part-text .post-info-stats span.posting-time {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
  }
}
.blog-posts .pok-pagination {
  padding-top: 60px;
}
@media (max-width: 991.98px) {
  .blog-posts .pok-pagination {
    padding-top: 50px;
  }
}
@media (max-width: 767.98px) {
  .blog-posts .pok-pagination {
    padding-top: 40px;
  }
}
@media (max-width: 575.98px) {
  .blog-posts .pok-pagination {
    padding-top: 30px;
  }
}
.blog-posts .pok-pagination ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 479.98px) {
  .blog-posts .pok-pagination ul {
    flex-wrap: wrap;
  }
}
.blog-posts .pok-pagination ul li {
  margin: 0 15px;
}
@media (max-width: 991.98px) {
  .blog-posts .pok-pagination ul li {
    margin: 0 10px;
  }
}
@media (max-width: 575.98px) {
  .blog-posts .pok-pagination ul li {
    margin: 0 8px;
  }
}
.blog-posts .pok-pagination ul li a {
  display: inline-block;
  width: 50px;
  height: 50px;
  color: rgba(22, 29, 53, 0.8);
  font-weight: 500;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  position: relative;
  z-index: 2;
}
@media (max-width: 991.98px) {
  .blog-posts .pok-pagination ul li a {
    width: 45px;
    height: 45px;
    line-height: 45px;
  }
}
@media (max-width: 575.98px) {
  .blog-posts .pok-pagination ul li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
  }
}
@media (max-width: 479.98px) {
  .blog-posts .pok-pagination ul li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
  }
}
.blog-posts .pok-pagination ul li a:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(144.14deg, #161d35 -11.44%, #305B9F 123.42%);
  z-index: -1;
  opacity: 0.1;
  border-radius: 50%;
}
.blog-posts .pok-pagination ul li a.active, .blog-posts .pok-pagination ul li a:active, .blog-posts .pok-pagination ul li a:hover {
  color: #fff;
}
.blog-posts .pok-pagination ul li a.active:after, .blog-posts .pok-pagination ul li a:active:after, .blog-posts .pok-pagination ul li a:hover:after {
  opacity: 1;
}
@media (max-width: 479.98px) {
  .blog-posts .pok-pagination ul li.dotted {
    flex: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5px 0;
  }
}
.blog-posts .pok-pagination ul li.dotted i {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  background-clip: text;
  text-fill-color: transparent;
  font-size: 25px;
}
.blog-posts .pok-sidebar {
  padding: 40px;
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  margin-top: 60px;
}
@media (max-width: 991.98px) {
  .blog-posts .pok-sidebar {
    margin-top: 50px;
    padding: 35px;
  }
}
@media (max-width: 575.98px) {
  .blog-posts .pok-sidebar {
    margin-top: 40px;
    padding: 30px;
  }
}
@media (max-width: 479.98px) {
  .blog-posts .pok-sidebar {
    margin-top: 30px;
    padding: 25px;
  }
}
.blog-posts .pok-sidebar .single-element h4.title {
  font-weight: 700;
  font-size: 22px;
  line-height: 25px;
  text-transform: capitalize;
  background: linear-gradient(144.14deg, rgba(77, 35, 63, 0.8) -11.44%, rgba(48, 91, 159, 0.8) 123.42%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  position: relative;
  margin: -3px 0 0px;
  padding-bottom: 39px;
  margin-bottom: 30px;
}
@media (max-width: 767.98px) {
  .blog-posts .pok-sidebar .single-element h4.title {
    margin-bottom: 20px;
    padding-bottom: 29px;
  }
}
@media (max-width: 575.98px) {
  .blog-posts .pok-sidebar .single-element h4.title {
    font-size: 20px;
    line-height: 23px;
  }
}
@media (max-width: 479.98px) {
  .blog-posts .pok-sidebar .single-element h4.title {
    font-size: 19px;
    line-height: 22px;
  }
}
.blog-posts .pok-sidebar .single-element h4.title:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  background: url("../img/blog/sidebar-title-bg.png") left center no-repeat;
  background-size: contain;
  height: 14px;
  width: 58px;
}
.blog-posts .pok-sidebar .single-element.posts-category {
  padding: 0 40px;
}
@media (max-width: 1399.98px) {
  .blog-posts .pok-sidebar .single-element.posts-category {
    padding: 0 30px;
  }
}
@media (max-width: 1199.98px) {
  .blog-posts .pok-sidebar .single-element.posts-category {
    padding-left: 0;
  }
}
@media (max-width: 991.98px) {
  .blog-posts .pok-sidebar .single-element.posts-category {
    margin-top: 0;
  }
}
@media (max-width: 767.98px) {
  .blog-posts .pok-sidebar .single-element.posts-category {
    margin-bottom: 40px;
  }
}
@media (max-width: 575.98px) {
  .blog-posts .pok-sidebar .single-element.posts-category {
    margin-bottom: 30px;
  }
}
@media (max-width: 479.98px) {
  .blog-posts .pok-sidebar .single-element.posts-category {
    padding-right: 0;
  }
}
.blog-posts .pok-sidebar .single-element .recent-posts .single-recent-post {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #DCDCDC;
  padding: 15px 0;
}
@media (max-width: 479.98px) {
  .blog-posts .pok-sidebar .single-element .recent-posts .single-recent-post {
    flex-direction: column;
    align-items: flex-start;
    padding: 25px 0;
  }
}
.blog-posts .pok-sidebar .single-element .recent-posts .single-recent-post:first-child {
  padding-top: 0;
}
.blog-posts .pok-sidebar .single-element .recent-posts .single-recent-post .part-img {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 20px;
}
@media (max-width: 991.98px) {
  .blog-posts .pok-sidebar .single-element .recent-posts .single-recent-post .part-img {
    margin-right: 15px;
    display: inline-flex;
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 479.98px) {
  .blog-posts .pok-sidebar .single-element .recent-posts .single-recent-post .part-img {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.blog-posts .pok-sidebar .single-element .recent-posts .single-recent-post .part-img img {
  width: 100%;
}
.blog-posts .pok-sidebar .single-element .recent-posts .single-recent-post .part-text h5.post-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 34px;
  margin: -8px 0 -2px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .blog-posts .pok-sidebar .single-element .recent-posts .single-recent-post .part-text h5.post-title {
    font-size: 18px;
    line-height: 32px;
  }
}
@media (max-width: 575.98px) {
  .blog-posts .pok-sidebar .single-element .recent-posts .single-recent-post .part-text h5.post-title {
    font-size: 18px;
    line-height: 32px;
  }
}
.blog-posts .pok-sidebar .single-element .recent-posts .single-recent-post .part-text h5.post-title a {
  background: linear-gradient(144.14deg, rgba(77, 35, 63, 0.9) -11.44%, rgba(48, 91, 159, 0.9) 123.42%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  display: inline-block;
}
.blog-posts .pok-sidebar .single-element .recent-posts .single-recent-post .part-text .post-stats {
  margin-bottom: -7px;
}
.blog-posts .pok-sidebar .single-element .recent-posts .single-recent-post .part-text .post-stats span.text {
  font-weight: 500;
  font-size: 13px;
  line-height: 23px;
  color: rgba(92, 97, 114, 0.6);
  margin-right: 4px;
}
.blog-posts .pok-sidebar .single-element .recent-posts .single-recent-post .part-text .post-stats span.text:last-child {
  margin-right: 0;
}
.blog-posts .pok-sidebar .single-element .recent-posts .single-recent-post .part-text .post-stats span.text a {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  display: inline-block;
}
@media (max-width: 991.98px) {
  .blog-posts .pok-sidebar .single-element .recent-posts .single-recent-post .part-text .post-stats span.text a {
    font-size: 15px;
    line-height: 25px;
  }
}
.blog-posts .pok-sidebar .single-element .recent-posts .single-recent-post .part-text .post-stats span.text a.posted-by {
  background: linear-gradient(144.14deg, rgba(77, 35, 63, 0.8) -11.44%, rgba(48, 91, 159, 0.8) 123.42%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.blog-posts .pok-sidebar .single-element .recent-posts .single-recent-post .part-text .post-stats span.text a.category-by {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(108.99deg, #FF5176 -21.01%, #FB7A6B 45.45%);
  opacity: 0.9;
}
.blog-posts .pok-sidebar .single-element ul.category-list {
  overflow: hidden;
  margin: -6px 0 -7px;
}
.blog-posts .pok-sidebar .single-element ul.category-list li {
  padding-bottom: 15px;
}
.blog-posts .pok-sidebar .single-element ul.category-list li:last-child {
  padding-bottom: 0;
}
.blog-posts .pok-sidebar .single-element ul.category-list li a {
  font-weight: 600;
  font-size: 17px;
  line-height: 27px;
  text-transform: capitalize;
  padding-left: 28px;
  position: relative;
  display: block;
}
@media (max-width: 575.98px) {
  .blog-posts .pok-sidebar .single-element ul.category-list li a {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (max-width: 479.98px) {
  .blog-posts .pok-sidebar .single-element ul.category-list li a {
    font-size: 17px;
    line-height: 27px;
  }
}
.blog-posts .pok-sidebar .single-element ul.category-list li a:after {
  position: absolute;
  content: "";
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  width: 8px;
  height: 8px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}
.blog-posts .pok-sidebar .single-element ul.category-list li a span.cl-cat {
  display: inline-block;
  position: relative;
  background: linear-gradient(144.14deg, rgba(77, 35, 63, 0.8) -11.44%, rgba(48, 91, 159, 0.8) 123.42%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.blog-posts .pok-sidebar .single-element ul.category-list li a span.cl-cat:before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  width: 99999px;
  height: 1px;
  border-top: 1px solid #161D35;
  opacity: 0.2;
  left: calc(100% + 30px);
  z-index: -1;
}
.blog-posts .pok-sidebar .single-element ul.category-list li a span.q-numb {
  float: right;
  font-weight: 600;
  padding-left: 30px;
  background: linear-gradient(144.14deg, rgba(77, 35, 63, 0.7) -11.44%, rgba(48, 91, 159, 0.7) 123.42%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  position: relative;
}
.blog-posts .pok-sidebar .single-element ul.category-list li a span.q-numb:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: -1;
}
.blog-posts .pok-sidebar .single-element .tag-words {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -15px;
}
@media (max-width: 1399.98px) {
  .blog-posts .pok-sidebar .single-element .tag-words {
    margin-bottom: -10px;
  }
}
@media (max-width: 479.98px) {
  .blog-posts .pok-sidebar .single-element .tag-words {
    margin-bottom: -5px;
  }
}
.blog-posts .pok-sidebar .single-element .tag-words a.single-tag {
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  background: linear-gradient(144.14deg, rgba(77, 35, 63, 0.9) -11.44%, rgba(48, 91, 159, 0.9) 123.42%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  height: 40px;
  line-height: 38px;
  border-radius: 50px;
  padding: 0 25px;
  margin-right: 10px;
  margin-bottom: 10px;
  transition: all 0.3s ease-in;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1399.98px) {
  .blog-posts .pok-sidebar .single-element .tag-words a.single-tag {
    padding: 0 20px;
  }
}
@media (max-width: 991.98px) {
  .blog-posts .pok-sidebar .single-element .tag-words a.single-tag {
    padding: 0 18px;
  }
}
@media (max-width: 575.98px) {
  .blog-posts .pok-sidebar .single-element .tag-words a.single-tag {
    line-height: 38px;
    font-size: 16px;
  }
}
@media (max-width: 479.98px) {
  .blog-posts .pok-sidebar .single-element .tag-words a.single-tag {
    padding: 0 15px;
    margin-right: 5px;
    margin-bottom: 5px;
    line-height: 34px;
    font-size: 14px;
    height: 35px;
  }
}
.blog-posts .pok-sidebar .single-element .tag-words a.single-tag:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -2;
  transition: all 0.3s ease-in;
  background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  opacity: 0.5;
}
.blog-posts .pok-sidebar .single-element .tag-words a.single-tag:before {
  position: absolute;
  content: "";
  left: 1px;
  top: 1px;
  right: 1px;
  bottom: 1px;
  z-index: -1;
  transition: all 0.3s ease-in;
  background: #fff;
  border-radius: 50px;
}
.blog-posts .pok-sidebar .single-element .tag-words a.single-tag:first-child {
  margin-left: 0;
}
.blog-posts .pok-sidebar .single-element .tag-words a.single-tag:last-child {
  margin-right: 0;
}
.blog-posts .pok-sidebar .search-bar-element {
  padding-left: 40px;
  margin-top: 40px;
}
@media (max-width: 1199.98px) {
  .blog-posts .pok-sidebar .search-bar-element {
    padding-left: 0;
  }
}
@media (max-width: 991.98px) {
  .blog-posts .pok-sidebar .search-bar-element {
    margin-top: 35px;
  }
}
@media (max-width: 479.98px) {
  .blog-posts .pok-sidebar .search-bar-element {
    margin-top: 30px;
  }
}
.blog-posts .pok-sidebar .search-bar-element form {
  position: relative;
}
.blog-posts .pok-sidebar .search-bar-element form input {
  width: 100%;
  border: 1px solid rgba(22, 29, 53, 0.3);
  height: 50px;
  border-radius: 50px;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  color: rgba(92, 97, 114, 0.8);
  padding: 0 90px 0 30px;
}
.blog-posts .pok-sidebar .search-bar-element form input::-moz-placeholder {
  color: rgba(92, 97, 114, 0.6);
}
.blog-posts .pok-sidebar .search-bar-element form input::placeholder {
  color: rgba(92, 97, 114, 0.6);
}
@media (max-width: 575.98px) {
  .blog-posts .pok-sidebar .search-bar-element form input {
    height: 45px;
    line-height: 43px;
    font-size: 16px;
    padding: 0 70px 0 20px;
  }
}
@media (max-width: 479.98px) {
  .blog-posts .pok-sidebar .search-bar-element form input {
    font-size: 15px;
  }
}
.blog-posts .pok-sidebar .search-bar-element form button {
  width: 46px;
  height: 46px;
  color: #fff;
  background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  border-radius: 50%;
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  outline: none;
}
@media (max-width: 575.98px) {
  .blog-posts .pok-sidebar .search-bar-element form button {
    width: 45px;
    height: 45px;
    font-size: 15px;
    line-height: 45px;
    right: 0;
  }
}
@media (max-width: 1199.98px) {
  .blog-posts .pok-sidebar .recent-post-slider {
    margin-bottom: 40px;
  }
}
@media (max-width: 575.98px) {
  .blog-posts .pok-sidebar .recent-post-slider {
    margin-bottom: 30px;
  }
}
.blog-posts .pok-sidebar .recent-post-slider .carousel-custom-dots {
  margin-top: 30px;
  display: flex;
}
.blog-posts .pok-sidebar .recent-post-slider .carousel-custom-dots .owl-dot {
  width: 10px;
  height: 10px;
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  opacity: 0.5;
  margin-right: 15px;
}
.blog-posts .pok-sidebar .recent-post-slider .carousel-custom-dots .owl-dot:last-child {
  margin-right: 0;
}
.blog-posts .pok-sidebar .recent-post-slider .carousel-custom-dots .owl-dot.active {
  opacity: 1;
}
.blog-posts .pok-sidebar .recent-post-slider .carousel-custom-dots .owl-dot span {
  display: none;
}

.blog-details {
  padding: 120px 0;
  overflow: hidden;
  position: relative;
}
.blog-details .global-shape.style-3 {
  z-index: 8;
}
@media (max-width: 1399.98px) {
  .blog-details {
    padding: 100px 0;
  }
}
@media (max-width: 991.98px) {
  .blog-details {
    padding: 80px 0;
  }
}
@media (max-width: 767.98px) {
  .blog-details {
    padding: 60px 0;
  }
}
.blog-details .post-element .post-stats {
  display: flex;
  margin: -3px 0 37px;
  align-items: center;
}
@media (max-width: 1199.98px) {
  .blog-details .post-element .post-stats {
    margin: -3px 0 27px;
  }
}
@media (max-width: 479.98px) {
  .blog-details .post-element .post-stats {
    margin: -6px 0 22px;
  }
}
.blog-details .post-element .post-stats span {
  display: inline-block;
}
.blog-details .post-element .post-stats span.category-name {
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 3px;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  padding-right: 24px;
  margin-right: 20px;
  position: relative;
}
.blog-details .post-element .post-stats span.category-name:after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  border-radius: 50%;
}
@media (max-width: 575.98px) {
  .blog-details .post-element .post-stats span.category-name {
    font-size: 15px;
    line-height: 17px;
  }
}
.blog-details .post-element .post-stats span.posted-time {
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  color: rgba(92, 97, 114, 0.6);
}
@media (max-width: 575.98px) {
  .blog-details .post-element .post-stats span.posted-time {
    font-size: 15px;
    line-height: 17px;
  }
}
@media (max-width: 479.98px) {
  .blog-details .post-element .post-stats span.posted-time {
    font-size: 14px;
    line-height: 24px;
  }
}
.blog-details .post-element h2.post-title {
  font-weight: 600;
  font-size: 34px;
  line-height: 44px;
  position: relative;
  z-index: 2;
  padding: 22px 0 21px;
  margin-bottom: 30px;
}
.blog-details .post-element h2.post-title span {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
}
@media (max-width: 1199.98px) {
  .blog-details .post-element h2.post-title {
    font-size: 32px;
    line-height: 42px;
    padding: 23px 0 21px;
  }
}
@media (max-width: 991.98px) {
  .blog-details .post-element h2.post-title {
    font-size: 28px;
    line-height: 38px;
    padding: 23px 0 22px;
  }
}
@media (max-width: 767.98px) {
  .blog-details .post-element h2.post-title {
    font-size: 24px;
    line-height: 34px;
  }
}
@media (max-width: 575.98px) {
  .blog-details .post-element h2.post-title {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 25px;
    padding: 19px 0 18px;
  }
}
@media (max-width: 479.98px) {
  .blog-details .post-element h2.post-title {
    font-size: 20px;
    line-height: 30px;
  }
}
.blog-details .post-element h2.post-title:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-top: 1px solid #456081;
  border-bottom: 1px solid #456081;
  z-index: -1;
  opacity: 0.2;
}
.blog-details .post-element .author-info {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
@media (max-width: 575.98px) {
  .blog-details .post-element .author-info {
    margin-bottom: 25px;
  }
}
.blog-details .post-element .author-info .author-pic {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 20px;
}
@media (max-width: 767.98px) {
  .blog-details .post-element .author-info .author-pic {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 479.98px) {
  .blog-details .post-element .author-info .author-pic {
    margin-right: 15px;
    width: 45px;
    height: 45px;
    flex: none;
  }
}
.blog-details .post-element .author-info .author-pic img {
  width: 100%;
}
.blog-details .post-element .author-info .author-descr {
  font-family: "Asap", sans-serif;
  margin-bottom: -8px;
  margin-top: -11px;
}
.blog-details .post-element .author-info .author-descr span.auth-name {
  font-weight: 600;
  font-size: 20px;
  line-height: 23px;
  letter-spacing: 0.01em;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  opacity: 0.8;
}
@media (max-width: 767.98px) {
  .blog-details .post-element .author-info .author-descr span.auth-name {
    font-size: 19px;
    line-height: 29px;
  }
}
@media (max-width: 575.98px) {
  .blog-details .post-element .author-info .author-descr span.auth-name {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (max-width: 479.98px) {
  .blog-details .post-element .author-info .author-descr span.auth-name {
    font-size: 17px;
    line-height: 27px;
    margin-bottom: -9px;
    margin-top: -11px;
  }
}
.blog-details .post-element .author-info .author-descr span.break-icon {
  font-weight: 500;
  font-size: 29px;
  line-height: 39px;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  margin: 0 4px 0 4px;
}
@media (max-width: 767.98px) {
  .blog-details .post-element .author-info .author-descr span.break-icon {
    font-size: 25px;
  }
}
@media (max-width: 575.98px) {
  .blog-details .post-element .author-info .author-descr span.break-icon {
    font-size: 19px;
    line-height: 29px;
  }
}
.blog-details .post-element .author-info .author-descr span.auth-designation {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: rgba(92, 97, 114, 0.6);
}
@media (max-width: 767.98px) {
  .blog-details .post-element .author-info .author-descr span.auth-designation {
    font-size: 16px;
    line-height: 26px;
  }
}
@media (max-width: 575.98px) {
  .blog-details .post-element .author-info .author-descr span.auth-designation {
    font-size: 15px;
    line-height: 25px;
  }
}
.blog-details .post-element .post-img {
  overflow: hidden;
  border-radius: 15px;
  margin-bottom: 40px;
}
@media (max-width: 1399.98px) {
  .blog-details .post-element .post-img {
    margin-bottom: 30px;
  }
}
@media (max-width: 575.98px) {
  .blog-details .post-element .post-img {
    margin-bottom: 20px;
  }
}
@media (max-width: 479.98px) {
  .blog-details .post-element .post-img {
    border-radius: 0;
  }
}
.blog-details .post-element .post-img img {
  width: 100%;
}
.blog-details .post-element p {
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
  letter-spacing: 0.01em;
  color: #5C6172;
  margin-bottom: 19px;
}
@media (max-width: 1399.98px) {
  .blog-details .post-element p {
    font-size: 18px;
    line-height: 34px;
    margin-bottom: 20px;
  }
}
@media (max-width: 1199.98px) {
  .blog-details .post-element p {
    margin-bottom: 10px;
  }
}
@media (max-width: 991.98px) {
  .blog-details .post-element p {
    font-size: 17px;
    line-height: 33px;
  }
}
@media (max-width: 767.98px) {
  .blog-details .post-element p {
    font-size: 16px;
    line-height: 32px;
  }
}
@media (max-width: 479.98px) {
  .blog-details .post-element p {
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 11px;
  }
}
.blog-details .post-element p.special {
  font-weight: 600;
  font-size: 32px;
  line-height: 50px;
  letter-spacing: 0.01em;
  color: rgba(92, 97, 114, 0.6);
  position: relative;
  margin: 27px 0 26px;
}
@media (max-width: 1399.98px) {
  .blog-details .post-element p.special {
    font-size: 28px;
    line-height: 46px;
    margin: 27px 0 28px;
  }
}
@media (max-width: 1199.98px) {
  .blog-details .post-element p.special {
    font-size: 32px;
    line-height: 52px;
    margin: 16px 0 17px;
  }
}
@media (max-width: 991.98px) {
  .blog-details .post-element p.special {
    font-size: 28px;
    line-height: 44px;
    margin: 18px 0 19px;
  }
}
@media (max-width: 767.98px) {
  .blog-details .post-element p.special {
    font-size: 26px;
    line-height: 40px;
    margin: 20px 0 19px;
  }
}
@media (max-width: 575.98px) {
  .blog-details .post-element p.special {
    font-size: 22px;
    line-height: 38px;
    margin: 0px 0 9px;
  }
}
@media (max-width: 479.98px) {
  .blog-details .post-element p.special {
    font-size: 20px;
    line-height: 36px;
    margin: -1px 0 10px;
  }
}
.blog-details .post-element p.special:after {
  position: absolute;
  content: "";
  left: -58px;
  top: 50%;
  transform: translateY(-48%);
  width: 8px;
  height: 75px;
  margin-top: -2px;
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  opacity: 0.7;
}
@media (max-width: 1199.98px) {
  .blog-details .post-element p.special:after {
    left: -28px;
    width: 6px;
  }
}
@media (max-width: 991.98px) {
  .blog-details .post-element p.special:after {
    left: -36px;
    height: 115px;
  }
}
@media (max-width: 767.98px) {
  .blog-details .post-element p.special:after {
    left: -30px;
    height: 145px;
  }
}
@media (max-width: 575.98px) {
  .blog-details .post-element p.special:after {
    display: none;
  }
}
.blog-details .post-comment-element .post-comment-form {
  display: flex;
  align-items: flex-end;
  margin: 39px 0 0;
}
@media (max-width: 1399.98px) {
  .blog-details .post-comment-element .post-comment-form {
    margin: 29px 0 0;
  }
}
@media (max-width: 767.98px) {
  .blog-details .post-comment-element .post-comment-form {
    margin: 19px 0 0;
  }
}
.blog-details .post-comment-element .post-comment-form .commentor-pic {
  width: 70px;
  height: 70px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 30px;
}
@media (max-width: 991.98px) {
  .blog-details .post-comment-element .post-comment-form .commentor-pic {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 767.98px) {
  .blog-details .post-comment-element .post-comment-form .commentor-pic {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 575.98px) {
  .blog-details .post-comment-element .post-comment-form .commentor-pic {
    margin-right: 20px;
  }
}
@media (max-width: 479.98px) {
  .blog-details .post-comment-element .post-comment-form .commentor-pic {
    width: 35px;
    height: 35px;
  }
}
.blog-details .post-comment-element .post-comment-form .commentor-pic img {
  width: 100%;
}
.blog-details .post-comment-element .post-comment-form .part-form {
  flex: 1;
}
.blog-details .post-comment-element .post-comment-form .part-form form {
  display: flex;
  position: relative;
  overflow: hidden;
}
.blog-details .post-comment-element .post-comment-form .part-form form:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -6px;
  height: 100%;
  width: 100%;
  border-bottom: 7px dashed #456081;
  opacity: 0.8;
  z-index: -1;
}
.blog-details .post-comment-element .post-comment-form .part-form form input {
  width: 100%;
  height: 70px;
  border: none;
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0.01em;
  color: rgba(22, 29, 53, 0.8);
  position: relative;
  z-index: 2;
  background: transparent;
}
@media (max-width: 1399.98px) {
  .blog-details .post-comment-element .post-comment-form .part-form form input {
    font-size: 19px;
  }
}
@media (max-width: 991.98px) {
  .blog-details .post-comment-element .post-comment-form .part-form form input {
    height: 60px;
  }
}
@media (max-width: 767.98px) {
  .blog-details .post-comment-element .post-comment-form .part-form form input {
    height: 50px;
    font-size: 17px;
  }
}
@media (max-width: 575.98px) {
  .blog-details .post-comment-element .post-comment-form .part-form form input {
    font-size: 16px;
  }
}
@media (max-width: 479.98px) {
  .blog-details .post-comment-element .post-comment-form .part-form form input {
    height: 35px;
    font-size: 15px;
  }
}
.blog-details .post-comment-element .post-comment-form .part-form form input::-moz-placeholder {
  color: rgba(22, 29, 53, 0.5);
}
.blog-details .post-comment-element .post-comment-form .part-form form input::placeholder {
  color: rgba(22, 29, 53, 0.5);
}
.blog-details .post-comment-element .post-comment-form .part-form form button {
  background: transparent;
  border: none;
  outline: none;
  padding: 0;
  font-size: 30px;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
}
@media (max-width: 991.98px) {
  .blog-details .post-comment-element .post-comment-form .part-form form button {
    font-size: 25px;
  }
}
@media (max-width: 767.98px) {
  .blog-details .post-comment-element .post-comment-form .part-form form button {
    font-size: 22px;
  }
}
@media (max-width: 479.98px) {
  .blog-details .post-comment-element .post-comment-form .part-form form button {
    font-size: 16px;
  }
}
.blog-details .post-comment-element .all-comments {
  padding: 0 50px 50px 50px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  margin-top: 60px;
  overflow: hidden;
}
@media (max-width: 1399.98px) {
  .blog-details .post-comment-element .all-comments {
    margin-top: 50px;
    padding: 0 40px 40px 40px;
  }
}
@media (max-width: 991.98px) {
  .blog-details .post-comment-element .all-comments {
    margin-top: 40px;
  }
}
@media (max-width: 767.98px) {
  .blog-details .post-comment-element .all-comments {
    padding: 0 30px 30px 30px;
  }
}
@media (max-width: 575.98px) {
  .blog-details .post-comment-element .all-comments {
    padding: 0 25px 25px 25px;
    margin-top: 30px;
  }
}
@media (max-width: 479.98px) {
  .blog-details .post-comment-element .all-comments {
    padding: 0 25px 25px 25px;
  }
}
.blog-details .post-comment-element .all-comments h4.element-titl {
  font-weight: 600;
  font-size: 24px;
  line-height: 38px;
  text-transform: capitalize;
  padding: 20px 0 25px;
  margin-bottom: 50px;
  position: relative;
  opacity: 0.8;
}
.blog-details .post-comment-element .all-comments h4.element-titl span {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
}
@media (max-width: 1399.98px) {
  .blog-details .post-comment-element .all-comments h4.element-titl {
    margin-bottom: 40px;
  }
}
@media (max-width: 767.98px) {
  .blog-details .post-comment-element .all-comments h4.element-titl {
    font-size: 22px;
    line-height: 36px;
    margin-bottom: 30px;
  }
}
@media (max-width: 575.98px) {
  .blog-details .post-comment-element .all-comments h4.element-titl {
    font-size: 20px;
    line-height: 34px;
    padding: 16px 0 20px;
    margin-bottom: 25px;
  }
}
@media (max-width: 479.98px) {
  .blog-details .post-comment-element .all-comments h4.element-titl {
    font-size: 18px;
    line-height: 28px;
    padding: 18px 0 21px;
  }
}
.blog-details .post-comment-element .all-comments h4.element-titl:after {
  position: absolute;
  content: "";
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 99999px;
  height: 1px;
  background: #456081;
  opacity: 0.1;
}
.blog-details .post-comment-element .all-comments .single-comment {
  display: flex;
  padding: 30px 0;
  position: relative;
}
.blog-details .post-comment-element .all-comments .single-comment:first-child {
  padding-top: 0;
}
.blog-details .post-comment-element .all-comments .single-comment:last-child {
  padding-bottom: 0;
}
@media (max-width: 991.98px) {
  .blog-details .post-comment-element .all-comments .single-comment {
    gap: 30px;
  }
}
@media (max-width: 575.98px) {
  .blog-details .post-comment-element .all-comments .single-comment {
    gap: 25px;
    padding: 25px 0;
  }
}
@media (max-width: 479.98px) {
  .blog-details .post-comment-element .all-comments .single-comment {
    flex-direction: column;
    gap: 0;
  }
}
.blog-details .post-comment-element .all-comments .single-comment:after {
  position: absolute;
  content: "";
  left: 30px;
  bottom: 0;
  right: 0;
  height: 1px;
  background: #456081;
  opacity: 0.1;
}
@media (max-width: 575.98px) {
  .blog-details .post-comment-element .all-comments .single-comment:after {
    left: 0;
  }
}
.blog-details .post-comment-element .all-comments .single-comment:last-child:after {
  display: none;
}
.blog-details .post-comment-element .all-comments .single-comment .commentor-pic {
  margin-right: 30px;
}
@media (max-width: 991.98px) {
  .blog-details .post-comment-element .all-comments .single-comment .commentor-pic {
    margin-right: 0;
    flex: none;
  }
}
@media (max-width: 479.98px) {
  .blog-details .post-comment-element .all-comments .single-comment .commentor-pic {
    margin-bottom: 20px;
  }
}
.blog-details .post-comment-element .all-comments .single-comment .commentor-pic img {
  width: 100%;
  width: 70px;
  border-radius: 50%;
}
@media (max-width: 991.98px) {
  .blog-details .post-comment-element .all-comments .single-comment .commentor-pic img {
    width: 60px;
  }
}
@media (max-width: 767.98px) {
  .blog-details .post-comment-element .all-comments .single-comment .commentor-pic img {
    width: 55px;
  }
}
@media (max-width: 575.98px) {
  .blog-details .post-comment-element .all-comments .single-comment .commentor-pic img {
    width: 50px;
  }
}
.blog-details .post-comment-element .all-comments .single-comment .part-comment-info .comment-stats {
  margin: -4px 0 13px;
}
@media (max-width: 767.98px) {
  .blog-details .post-comment-element .all-comments .single-comment .part-comment-info .comment-stats {
    margin: -4px 0 12px;
  }
}
@media (max-width: 575.98px) {
  .blog-details .post-comment-element .all-comments .single-comment .part-comment-info .comment-stats {
    margin: -4px 0 7px;
  }
}
@media (max-width: 479.98px) {
  .blog-details .post-comment-element .all-comments .single-comment .part-comment-info .comment-stats {
    margin: -2px 0 10px;
  }
}
.blog-details .post-comment-element .all-comments .single-comment .part-comment-info .comment-stats span.commentator-name {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.01em;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  opacity: 0.8;
  padding-right: 19px;
  margin-right: 15px;
  position: relative;
}
@media (max-width: 767.98px) {
  .blog-details .post-comment-element .all-comments .single-comment .part-comment-info .comment-stats span.commentator-name {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (max-width: 479.98px) {
  .blog-details .post-comment-element .all-comments .single-comment .part-comment-info .comment-stats span.commentator-name {
    font-size: 17px;
    line-height: 28px;
  }
}
.blog-details .post-comment-element .all-comments .single-comment .part-comment-info .comment-stats span.commentator-name:after {
  position: absolute;
  content: "";
  right: 0;
  top: 55%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  border-radius: 50%;
}
.blog-details .post-comment-element .all-comments .single-comment .part-comment-info .comment-stats span.commented-time {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: rgba(92, 97, 114, 0.6);
}
@media (max-width: 479.98px) {
  .blog-details .post-comment-element .all-comments .single-comment .part-comment-info .comment-stats span.commented-time {
    font-size: 14px;
    line-height: 24px;
  }
}
.blog-details .post-comment-element .all-comments .single-comment .part-comment-info p {
  color: rgba(92, 97, 114, 0.7);
  font-weight: 400;
  font-size: 18px;
  line-height: 34px;
  letter-spacing: 0.01em;
  max-width: 888px;
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  .blog-details .post-comment-element .all-comments .single-comment .part-comment-info p {
    font-size: 17px;
    line-height: 33px;
  }
}
@media (max-width: 767.98px) {
  .blog-details .post-comment-element .all-comments .single-comment .part-comment-info p {
    font-size: 16px;
    line-height: 32px;
  }
}
@media (max-width: 479.98px) {
  .blog-details .post-comment-element .all-comments .single-comment .part-comment-info p {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: -5px;
  }
}
.blog-details .post-comment-element .all-comments .single-comment .part-comment-info .comment-into-social {
  margin-top: 14px;
  margin-bottom: -5px;
}
@media (max-width: 575.98px) {
  .blog-details .post-comment-element .all-comments .single-comment .part-comment-info .comment-into-social {
    margin-top: 10px;
  }
}
@media (max-width: 479.98px) {
  .blog-details .post-comment-element .all-comments .single-comment .part-comment-info .comment-into-social {
    margin-top: 17px;
  }
}
.blog-details .post-comment-element .all-comments .single-comment .part-comment-info .comment-into-social a.single-social {
  color: rgba(92, 97, 114, 0.7);
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  display: inline-flex;
  margin-right: 23px;
}
@media (max-width: 479.98px) {
  .blog-details .post-comment-element .all-comments .single-comment .part-comment-info .comment-into-social a.single-social {
    font-size: 15px;
    line-height: 25px;
    margin-right: 13px;
  }
}
.blog-details .post-comment-element .all-comments .single-comment .part-comment-info .comment-into-social a.single-social:last-child {
  margin-right: 0;
}
.blog-details .post-comment-element .all-comments .single-comment .part-comment-info .comment-into-social a.single-social span.icon {
  margin-right: 11px;
}
@media (max-width: 479.98px) {
  .blog-details .post-comment-element .all-comments .single-comment .part-comment-info .comment-into-social a.single-social span.icon {
    margin-right: 6px;
  }
}
.blog-details .post-comment-element .all-comments .single-comment .part-comment-info .comment-into-social a.single-social span.icon.love-icon {
  filter: drop-shadow(0px 3px 1.2px rgba(0, 0, 0, 0.28));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(108.99deg, #FF5176 -21.01%, #FB7A6B 45.45%);
  font-size: 17px;
}
.blog-details .recommended-post-element {
  position: relative;
}
@media (max-width: 1199.98px) {
  .blog-details .recommended-post-element {
    display: none;
  }
}
.blog-details .recommended-post-element:after {
  position: absolute;
  content: "";
  height: 200%;
  width: 9999px;
  right: 100%;
  top: 50%;
  background: #fff;
  z-index: 2;
  transform: translateY(-50%);
}
.blog-details .recommended-post-element h4.element-title {
  font-weight: 600;
  font-size: 34px;
  line-height: 44px;
  text-transform: capitalize;
  padding: 0;
  margin: 51px 0 30px;
}
.blog-details .recommended-post-element h4.element-title span {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
}
@media (max-width: 1399.98px) {
  .blog-details .recommended-post-element h4.element-title {
    font-size: 28px;
    line-height: 38px;
    margin: 40px 0 31px;
  }
}
.blog-details .recommended-post-element .recommended-post-slider .owl-stage-outer {
  overflow: visible;
}
.blog-details .recommended-post-element .recommended-post-slider .single-blog {
  display: flex;
  box-shadow: 0px 0px 45px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.blog-details .recommended-post-element .recommended-post-slider .single-blog .part-img img {
  height: 219px;
  width: auto;
  max-width: none;
  border-radius: 10px;
}
.blog-details .recommended-post-element .recommended-post-slider .single-blog .part-text {
  padding: 40px;
}
.blog-details .recommended-post-element .recommended-post-slider .single-blog .part-text span.post-category {
  display: table;
  font-weight: 600;
  font-size: 15px;
  line-height: 25px;
  letter-spacing: 3px;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  margin: -7px 0 11px;
}
.blog-details .recommended-post-element .recommended-post-slider .single-blog .part-text h3.blog-post-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 15px;
}
.blog-details .recommended-post-element .recommended-post-slider .single-blog .part-text h3.blog-post-title a {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  transition: all 0.3s ease-in;
}
.blog-details .recommended-post-element .recommended-post-slider .single-blog .part-text .post-info-stats {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid rgba(22, 29, 53, 0.2);
  padding-top: 25px;
}
.blog-details .recommended-post-element .recommended-post-slider .single-blog .part-text .post-info-stats .post-creator {
  display: flex;
  align-items: center;
}
.blog-details .recommended-post-element .recommended-post-slider .single-blog .part-text .post-info-stats .post-creator .creator-pic {
  width: 35px;
  height: 35px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 15px;
}
.blog-details .recommended-post-element .recommended-post-slider .single-blog .part-text .post-info-stats .post-creator .creator-pic img {
  width: 100%;
}
.blog-details .recommended-post-element .recommended-post-slider .single-blog .part-text .post-info-stats .post-creator span.creator-name {
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  opacity: 0.8;
  margin: -8px 0 -7px;
  transition: all 0.3s ease-in;
}
.blog-details .recommended-post-element .recommended-post-slider .single-blog .part-text .post-info-stats .post-creator:hover span.creator-name {
  color: rgba(22, 29, 53, 0.7);
}
.blog-details .recommended-post-element .recommended-post-slider .single-blog .part-text .post-info-stats span.posting-time {
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
  color: rgba(92, 97, 114, 0.7);
}
@media (max-width: 479.98px) {
  .blog-details .recommended-post-element .recommended-post-slider .single-blog .part-text .post-info-stats span.posting-time {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.3px;
  }
}

.faq {
  padding: 120px 0;
  position: relative;
}
@media (max-width: 1399.98px) {
  .faq {
    padding: 100px 0 40px;
  }
}
@media (max-width: 1199.98px) {
  .faq {
    padding-bottom: 100px;
  }
}
@media (max-width: 991.98px) {
  .faq {
    padding: 80px 0;
  }
}
@media (max-width: 767.98px) {
  .faq {
    padding: 60px 0;
  }
}
@media (max-width: 767.98px) {
  .faq .search-bar-element {
    margin-bottom: 60px;
  }
}
@media (max-width: 575.98px) {
  .faq .search-bar-element {
    margin-bottom: 50px;
  }
}
.faq .search-bar-element form {
  position: relative;
  margin: 5px 0;
}
.faq .search-bar-element form input {
  width: 100%;
  border: 1px solid rgba(92, 97, 114, 0.3);
  height: 60px;
  border-radius: 60px;
  font-weight: 400;
  font-size: 18px;
  line-height: 48px;
  color: rgba(92, 97, 114, 0.8);
  padding: 0 120px 0 40px;
}
.faq .search-bar-element form input::-moz-placeholder {
  color: rgba(92, 97, 114, 0.6);
}
.faq .search-bar-element form input::placeholder {
  color: rgba(92, 97, 114, 0.6);
}
@media (max-width: 991.98px) {
  .faq .search-bar-element form input {
    height: 50px;
    font-size: 16px;
  }
}
@media (max-width: 575.98px) {
  .faq .search-bar-element form input {
    height: 45px;
    line-height: 43px;
    font-size: 16px;
    padding: 0 70px 0 20px;
  }
}
@media (max-width: 479.98px) {
  .faq .search-bar-element form input {
    font-size: 15px;
  }
}
.faq .search-bar-element form button {
  width: 70px;
  height: 70px;
  color: #fff;
  background: linear-gradient(144.14deg, #0D1A34 -11.44%, #CDA134 123.42%);
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  outline: none;
  font-size: 18px;
}
@media (max-width: 991.98px) {
  .faq .search-bar-element form button {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 575.98px) {
  .faq .search-bar-element form button {
    width: 50px;
    height: 50px;
    font-size: 15px;
  }
}
.faq .faq-menu {
  padding: 60px 0 120px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1399.98px) {
  .faq .faq-menu {
    padding-bottom: 100px;
  }
}
@media (max-width: 991.98px) {
  .faq .faq-menu {
    padding-bottom: 80px;
  }
}
@media (max-width: 767.98px) {
  .faq .faq-menu {
    padding: 60px 0px;
  }
}
@media (max-width: 575.98px) {
  .faq .faq-menu {
    padding: 50px 0px;
  }
}
.faq .faq-menu:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 250px;
  background: linear-gradient(144.14deg, #0D1A34 -11.44%, #CDA134 123.42%);
  transform: matrix(-1, 0, 0, 1, 0, 0);
}
@media (max-width: 1399.98px) {
  .faq .faq-menu:after {
    height: 220px;
  }
}
@media (max-width: 991.98px) {
  .faq .faq-menu:after {
    height: 170px;
  }
}
@media (max-width: 767.98px) {
  .faq .faq-menu:after {
    height: 100%;
  }
}
.faq .faq-menu .container {
  position: relative;
}
.faq .faq-menu .container .support-man-img {
  width: 153px;
  position: absolute;
  z-index: 2;
  right: -255px;
  bottom: -120px;
}
@media (max-width: 1399.98px) {
  .faq .faq-menu .container .support-man-img {
    bottom: -100px;
    right: -75px;
    width: 133px;
  }
}
@media (max-width: 991.98px) {
  .faq .faq-menu .container .support-man-img {
    display: none;
  }
}
.faq .faq-menu .nav .nav-item .nav-link {
  background: #FFFFFF;
  box-shadow: 0px 12px 19px rgba(0, 0, 0, 0.05);
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(22, 29, 53, 0.1);
  width: 100%;
  padding: 40px 40px 31px;
  position: relative;
  z-index: 2;
  overflow: hidden;
  transition: all 0.3s ease-in;
}
@media (max-width: 991.98px) {
  .faq .faq-menu .nav .nav-item .nav-link {
    padding: 30px 30px 21px;
  }
}
@media (max-width: 767.98px) {
  .faq .faq-menu .nav .nav-item .nav-link {
    flex-direction: row;
    margin-bottom: 20px;
  }
}
@media (max-width: 479.98px) {
  .faq .faq-menu .nav .nav-item .nav-link {
    flex-direction: column;
  }
}
.faq .faq-menu .nav .nav-item .nav-link span {
  display: block;
}
.faq .faq-menu .nav .nav-item .nav-link span.faq-menu-img-icon {
  height: 100px;
  margin-bottom: 21px;
  transition: all 0.3s ease-in;
  position: relative;
  z-index: 2;
}
@media (max-width: 1399.98px) {
  .faq .faq-menu .nav .nav-item .nav-link span.faq-menu-img-icon {
    height: 90px;
  }
}
@media (max-width: 991.98px) {
  .faq .faq-menu .nav .nav-item .nav-link span.faq-menu-img-icon {
    height: 80px;
  }
}
@media (max-width: 767.98px) {
  .faq .faq-menu .nav .nav-item .nav-link span.faq-menu-img-icon {
    height: 60px;
    margin-bottom: 0;
    margin-right: 30px;
  }
}
@media (max-width: 575.98px) {
  .faq .faq-menu .nav .nav-item .nav-link span.faq-menu-img-icon {
    height: 55px;
  }
}
@media (max-width: 479.98px) {
  .faq .faq-menu .nav .nav-item .nav-link span.faq-menu-img-icon {
    margin-right: 0;
    margin-bottom: 16px;
  }
}
.faq .faq-menu .nav .nav-item .nav-link span.faq-menu-img-icon:after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  background: url("../img/faq/shape.png") center center no-repeat;
  background-size: cover;
  z-index: -1;
  transform: translateX(-50%) translateY(-50%);
  filter: blur(50px);
  transition: all 0.3s ease-in;
}
.faq .faq-menu .nav .nav-item .nav-link span.faq-menu-img-icon img {
  width: auto;
  max-width: none;
  height: 100%;
}
.faq .faq-menu .nav .nav-item .nav-link span.faq-menu-title {
  font-weight: 600;
  font-size: 22px;
  line-height: 32px;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  opacity: 0.9;
}
@media (max-width: 991.98px) {
  .faq .faq-menu .nav .nav-item .nav-link span.faq-menu-title {
    font-size: 20px;
    line-height: 30px;
  }
}
.faq .faq-menu .nav .nav-item .nav-link:after {
  position: absolute;
  content: "";
  left: 10px;
  top: 10px;
  right: 10px;
  bottom: 10px;
  background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  z-index: -2;
  border-radius: 12px;
  opacity: 0;
  transition: all 0.3s ease-in;
}
.faq .faq-menu .nav .nav-item .nav-link:before {
  position: absolute;
  content: "";
  left: 11px;
  top: 11px;
  bottom: 11px;
  right: 11px;
  background: #fff;
  z-index: -1;
  border-radius: 10px;
}
.faq .faq-menu .nav .nav-item .nav-link.active {
  border: 1px solid rgba(22, 29, 53, 0.05);
}
.faq .faq-menu .nav .nav-item .nav-link.active span.faq-menu-img-icon:after {
  width: 80px;
  height: 80px;
  filter: blur(10px);
  background: url("../img/faq/shape-2.png") center center no-repeat;
  background-size: cover;
}
@media (max-width: 767.98px) {
  .faq .faq-menu .nav .nav-item .nav-link.active span.faq-menu-img-icon {
    height: 60px;
  }
  .faq .faq-menu .nav .nav-item .nav-link.active span.faq-menu-img-icon:after {
    filter: blur(50px);
  }
}
@media (max-width: 575.98px) {
  .faq .faq-menu .nav .nav-item .nav-link.active span.faq-menu-img-icon {
    height: 55px;
  }
}
.faq .faq-menu .nav .nav-item .nav-link.active:after {
  opacity: 0.3;
}
@media (max-width: 767.98px) {
  .faq .faq-menu .nav .nav-item:last-child .nav-link {
    margin-bottom: 0;
  }
}
.faq .faq-content {
  padding-top: 120px;
}
@media (max-width: 1399.98px) {
  .faq .faq-content {
    padding-top: 100px;
  }
}
@media (max-width: 991.98px) {
  .faq .faq-content {
    padding-top: 80px;
  }
}
@media (max-width: 767.98px) {
  .faq .faq-content {
    padding-top: 60px;
  }
}
@media (max-width: 575.98px) {
  .faq .faq-content {
    padding-top: 50px;
  }
}
.faq .faq-content .single-faq {
  margin-bottom: 60px;
}
@media (max-width: 767.98px) {
  .faq .faq-content .single-faq {
    margin-bottom: 40px;
  }
}
@media (max-width: 479.98px) {
  .faq .faq-content .single-faq {
    margin-bottom: 42px;
  }
}
.faq .faq-content .single-faq h3.faq-que {
  font-weight: 600;
    font-size: 19px;
    line-height: 21px;
    position: relative;
    margin: -7px 0 21px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(13, 59, 84, 0.1);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-image: linear-gradient(144.14deg, #0D1A34 -11.44%, #CDA134 123.42%);
    text-align: left; /* Ensures text starts from the left */
}
@media (max-width: 1399.98px) {
  .faq .faq-content .single-faq h3.faq-que {
    font-size: 22px;
    line-height: 32px;
    margin: -7px 0 20px;
    padding-bottom: 21px;
  }
}
.faq .faq-content .single-faq h3.faq-que:before {
  content: "Q.";
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(108.99deg, #CDA134 -21.01%, #a75f0f 45.45%);
  margin-right: 10px;
}
@media (max-width: 767.98px) {
  .faq .faq-content .single-faq h3.faq-que {
    font-size: 20px;
    line-height: 30px;
    margin: -7px 0 10px;
    padding-bottom: 11px;
  }
}
@media (max-width: 479.98px) {
  .faq .faq-content .single-faq h3.faq-que {
    font-size: 18px;
    line-height: 28px;
    margin: -6px 0 13px;
    padding-bottom: 12px;
  }
}
.faq .faq-content .single-faq p {
  font-weight: 400;
  font-size: 17px;
  line-height: 33px;
  color: #5C6172;
  margin-bottom: -11px;
}
.faq .faq-content .single-faq p:before {
  content: "Ans.";
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  font-weight: 600;
  margin-right: 5px;
  opacity: 0.8;
}
@media (max-width: 479.98px) {
  .faq .faq-content .single-faq p {
    font-size: 15px;
    line-height: 26px;
  }
}
.faq .faq-content .faq-submit-form {
  margin-right: -45px;
}
@media (max-width: 1199.98px) {
  .faq .faq-content .faq-submit-form {
    margin-right: 0;
  }
}
@media (max-width: 767.98px) {
  .faq .faq-content .faq-submit-form {
    margin-top: 10px;
  }
}
@media (max-width: 575.98px) {
  .faq .faq-content .faq-submit-form {
    margin-top: 0;
  }
}
@media (max-width: 479.98px) {
  .faq .faq-content .faq-submit-form {
    margin-top: 11px;
  }
}
.faq .faq-content .faq-submit-form .form-header {
  background: linear-gradient(135.89deg, #161d35 -5.11%, #CDA134 97.89%);
  border-radius: 15px;
  padding: 30px;
  padding-top: 22px;
  padding-bottom: 23px;
  position: relative;
}
.faq .faq-content .faq-submit-form .form-header .pen-img {
  position: absolute;
  width: 75px;
  top: 40%;
  transform: rotate(20deg);
  right: 10px;
}
@media (max-width: 479.98px) {
  .faq .faq-content .faq-submit-form .form-header .pen-img {
    display: none;
  }
}
.faq .faq-content .faq-submit-form .form-header h3.title {
  color: #fff;
  font-weight: 700;
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 4px;
}
@media (max-width: 479.98px) {
  .faq .faq-content .faq-submit-form .form-header h3.title {
    font-weight: 600;
    font-size: 22px;
    line-height: 32px;
  }
}
.faq .faq-content .faq-submit-form .form-header p {
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 0;
}
@media (max-width: 479.98px) {
  .faq .faq-content .faq-submit-form .form-header p {
    font-size: 15px;
  }
}
.faq .faq-content .faq-submit-form form {
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.05);
  border-radius: 15px;
  padding: 30px;
}
@media (max-width: 479.98px) {
  .faq .faq-content .faq-submit-form form {
    padding: 25px;
  }
}
.faq .faq-content .faq-submit-form form input, .faq .faq-content .faq-submit-form form textarea {
  width: 100%;
  border: 1px solid rgba(92, 97, 114, 0.5);
  border-radius: 50px;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  padding: 0 25px;
  margin-bottom: 20px;
  color: rgba(92, 97, 114, 0.9);
  transition: all 0.3s ease-in;
}
.faq .faq-content .faq-submit-form form input::-moz-placeholder, .faq .faq-content .faq-submit-form form textarea::-moz-placeholder {
  color: rgba(92, 97, 114, 0.7);
}
.faq .faq-content .faq-submit-form form input::placeholder, .faq .faq-content .faq-submit-form form textarea::placeholder {
  color: rgba(92, 97, 114, 0.7);
}
@media (max-width: 479.98px) {
  .faq .faq-content .faq-submit-form form input, .faq .faq-content .faq-submit-form form textarea {
    font-size: 15px;
  }
}
.faq .faq-content .faq-submit-form form input {
  height: 50px;
}
@media (max-width: 575.98px) {
  .faq .faq-content .faq-submit-form form input {
    height: 45px;
  }
}
.faq .faq-content .faq-submit-form form textarea {
  height: 140px;
  padding: 16px 25px;
  display: grid;
  border-radius: 15px;
}

.contact-us {
  padding: 120px 0 0;
  position: relative;
}
@media (max-width: 1399.98px) {
  .contact-us {
    padding: 100px 0 0;
  }
}
@media (max-width: 991.98px) {
  .contact-us {
    padding: 80px 0 0;
  }
}
@media (max-width: 479.98px) {
  .contact-us {
    padding: 60px 0 0;
  }
}
.contact-us img.wp-bg-shape-2 {
  position: absolute;
  width: 7.1354166667%;
  top: 0;
  left: 0;
}
.contact-us .part-contact {
  margin-bottom: -80px;
  position: relative;
  z-index: 3;
}
@media (max-width: 1199.98px) {
  .contact-us .part-contact {
    margin-bottom: -60px;
  }
}
@media (max-width: 991.98px) {
  .contact-us .part-contact {
    margin-bottom: 60px;
  }
}
.contact-us .part-img {
  margin-left: 30px;
  margin-bottom: -80px;
  position: relative;
  z-index: 3;
}
@media (max-width: 1399.98px) {
  .contact-us .part-img {
    margin-bottom: -60px;
  }
}
@media (max-width: 1199.98px) {
  .contact-us .part-img {
    margin-left: 0;
  }
}
@media (max-width: 991.98px) {
  .contact-us .part-img {
    display: none;
  }
}
.contact-us .part-img img {
  width: 713px;
  max-width: none;
}
@media (max-width: 1399.98px) {
  .contact-us .part-img img {
    width: 613px;
  }
}
@media (max-width: 1199.98px) {
  .contact-us .part-img img {
    width: 523px;
  }
}
@media (max-width: 991.98px) {
  .contact-us .part-img img {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  .contact-us .part-img img {
    width: 80%;
  }
}
.contact-us .part-address {
  padding: 160px 0 80px;
  background-size: cover;
  position: relative;
  z-index: 2;
  overflow: hidden;
  background: #161D35;
}
@media (max-width: 1399.98px) {
  .contact-us .part-address {
    padding: 140px 0 60px;
  }
}
.contact-us .part-address div.bg {
  position: absolute;
  background: url("../img/footer/footer-bg.jpg") center center no-repeat;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.06;
}
.contact-us .part-address:after {
  position: absolute;
  content: "";
  width: 604px;
  height: 604px;
  background: #0D1A34;
  opacity: 0.55;
  filter: blur(100px);
  top: 100px;
  left: -150px;
  z-index: -1;
}
.contact-us .part-address:before {
  position: absolute;
  content: "";
  right: -100px;
  top: -245px;
  width: 598px;
  height: 598px;
  background: #CDA134;
  filter: blur(100px) opacity(25%);
  z-index: -1;
}
@media (max-width: 1199.98px) {
  .contact-us .part-address {
    padding: 120px 0 60px;
  }
}
@media (max-width: 991.98px) {
  .contact-us .part-address {
    padding: 60px 0;
  }
}
@media (max-width: 575.98px) {
  .contact-us .part-address {
    padding: 60px 0;
  }
}
.contact-us .part-address .address-elements {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991.98px) {
  .contact-us .part-address .address-elements {
    flex-wrap: wrap;
    margin: -25px -12px;
  }
}
@media (max-width: 575.98px) {
  .contact-us .part-address .address-elements {
    text-align: center;
  }
}
@media (max-width: 479.98px) {
  .contact-us .part-address .address-elements {
    margin: 0;
  }
}
@media (max-width: 991.98px) {
  .contact-us .part-address .address-elements .single-element {
    width: calc(50% - 24px);
    margin: 25px 12px;
    text-align: center;
  }
}
@media (max-width: 575.98px) {
  .contact-us .part-address .address-elements .single-element {
    margin: 25px 12px;
  }
}
@media (max-width: 479.98px) {
  .contact-us .part-address .address-elements .single-element {
    width: 100%;
    margin: 0;
    margin-bottom: 40px;
  }
  .contact-us .part-address .address-elements .single-element:last-child {
    margin-bottom: 0;
  }
}
.contact-us .part-address .address-elements .single-element h4.title {
  font-weight: 600;
  font-size: 22px;
  line-height: 32px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color: #fff;
  position: relative;
  padding: 0 0 36px;
  margin-bottom: 30px;
  margin-top: -7px;
}
@media (max-width: 1199.98px) {
  .contact-us .part-address .address-elements .single-element h4.title {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 991.98px) {
  .contact-us .part-address .address-elements .single-element h4.title {
    padding: 0 0 31px;
    margin-bottom: 25px;
  }
}
.contact-us .part-address .address-elements .single-element h4.title:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 60px;
  height: 14px;
  background: url("../img/contact/title-shape.png") left center no-repeat;
  background-size: contain;
}
@media (max-width: 991.98px) {
  .contact-us .part-address .address-elements .single-element h4.title:after {
    left: 50%;
    transform: translateX(-50%);
  }
}
.contact-us .part-address .address-elements .single-element ul {
  margin: -12px 0 -13px;
}
@media (max-width: 1199.98px) {
  .contact-us .part-address .address-elements .single-element ul {
    margin: -10px 0 -9px;
  }
}
@media (max-width: 575.98px) {
  .contact-us .part-address .address-elements .single-element ul {
    margin: -9px 0 -9px;
  }
}
@media (max-width: 479.98px) {
  .contact-us .part-address .address-elements .single-element ul {
    margin: -7px 0 -8px;
  }
}
.contact-us .part-address .address-elements .single-element ul li {
  font-weight: 400;
  font-size: 17px;
  line-height: 38px;
  text-transform: capitalize;
  color: rgba(255, 255, 255, 0.9);
}
@media (max-width: 1199.98px) {
  .contact-us .part-address .address-elements .single-element ul li {
    font-size: 16px;
    line-height: 32px;
  }
}
@media (max-width: 575.98px) {
  .contact-us .part-address .address-elements .single-element ul li {
    line-height: 30px;
  }
}
@media (max-width: 479.98px) {
  .contact-us .part-address .address-elements .single-element ul li {
    font-size: 15px;
    line-height: 28px;
  }
}

.poklotto-form {
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  background: #fff;
  overflow: hidden;
}
.poklotto-form h3.title {
  padding: 0 40px;
  background: linear-gradient(144.14deg, #0D1A34 -11.44%, #CDA134  123.42%);
  font-weight: 600;
  font-size: 28px;
  line-height: 38px;
  color: #fff;
  padding: 22px 40px 21px;
  margin-bottom: 0;
}
@media (max-width: 1199.98px) {
  .poklotto-form h3.title {
    font-size: 26px;
    line-height: 36px;
  }
}
@media (max-width: 575.98px) {
  .poklotto-form h3.title {
    font-size: 24px;
    line-height: 34px;
    padding: 17px 30px 16px;
  }
}
@media (max-width: 479.98px) {
  .poklotto-form h3.title {
    font-weight: 500;
    padding: 17px 25px 16px;
    font-size: 22px;
    line-height: 32px;
  }
}
.poklotto-form .part-form {
  padding: 40px;
}
@media (max-width: 575.98px) {
  .poklotto-form .part-form {
    padding: 30px;
  }
}
@media (max-width: 479.98px) {
  .poklotto-form .part-form {
    padding: 25px;
  }
}
.poklotto-form .part-form form label {
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  text-transform: capitalize;
  display: block;
  margin: -7px 0 12px;
}
@media (max-width: 1199.98px) {
  .poklotto-form .part-form form label {
    font-size: 17px;
    line-height: 27px;
    margin: -6px 0 12px;
  }
}
@media (max-width: 575.98px) {
  .poklotto-form .part-form form label {
    font-size: 16px;
    line-height: 26px;
    margin: -7px 0 13px;
  }
}
.poklotto-form .part-form form label span {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #9e8034 -11.44%, #161d35 123.42%);
  opacity: 0.8;
}
.poklotto-form .part-form form input, .poklotto-form .part-form form textarea {
  width: 100%;
  border: 1px solid rgba(11, 52, 72, 0.3);
  border-radius: 50px;
  font-weight: 400;
  font-size: 17px;
  line-height: 100%;
  color: rgba(92, 97, 114, 0.9);
  padding: 0 25px;
  margin-bottom: 40px;
}
@media (max-width: 1399.98px) {
  .poklotto-form .part-form form input, .poklotto-form .part-form form textarea {
    margin-bottom: 30px;
  }
}
@media (max-width: 1199.98px) {
  .poklotto-form .part-form form input, .poklotto-form .part-form form textarea {
    font-size: 16px;
  }
}
@media (max-width: 575.98px) {
  .poklotto-form .part-form form input, .poklotto-form .part-form form textarea {
    margin-bottom: 25px;
  }
}
@media (max-width: 479.98px) {
  .poklotto-form .part-form form input, .poklotto-form .part-form form textarea {
    font-size: 15px;
    padding: 0 20px;
    margin-bottom: 20px;
  }
}
.poklotto-form .part-form form input::-moz-placeholder, .poklotto-form .part-form form textarea::-moz-placeholder {
  color: rgba(92, 97, 114, 0.7);
}
.poklotto-form .part-form form input::placeholder, .poklotto-form .part-form form textarea::placeholder {
  color: rgba(92, 97, 114, 0.7);
}
.poklotto-form .part-form form input {
  height: 50px;
}
@media (max-width: 1199.98px) {
  .poklotto-form .part-form form input {
    height: 45px;
  }
}
@media (max-width: 767.98px) {
  .poklotto-form .part-form form input {
    height: 40px;
  }
}
.poklotto-form .part-form form textarea {
  height: 180px;
  padding-top: 18px;
  padding-bottom: 18px;
  display: grid;
  resize: none;
  line-height: 24px;
  border-radius: 20px;
}
@media (max-width: 1399.98px) {
  .poklotto-form .part-form form textarea {
    padding-top: 15px;
    padding-bottom: 15px;
    height: 160px;
  }
}
@media (max-width: 1199.98px) {
  .poklotto-form .part-form form textarea {
    padding-top: 13px;
    padding-bottom: 13px;
    height: 140px;
  }
}
@media (max-width: 767.98px) {
  .poklotto-form .part-form form textarea {
    border-radius: 15px;
  }
}
@media (max-width: 575.98px) {
  .poklotto-form .part-form form textarea {
    height: 120px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media (max-width: 479.98px) {
  .poklotto-form .part-form form textarea {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.poklotto-form .part-form form .part-submit {
  display: flex;
  align-items: center;
}
@media (max-width: 479.98px) {
  .poklotto-form .part-form form .part-submit {
    align-items: flex-start;
    flex-direction: column;
  }
}
.poklotto-form .part-form form .part-submit p {
  font-weight: 500;
  font-size: 15px;
  line-height: 25px;
  color: rgba(92, 97, 114, 0.8);
  margin-top: -6px;
  margin-bottom: -7px;
  max-width: 60%;
  margin-left: 25px;
}
@media (max-width: 575.98px) {
  .poklotto-form .part-form form .part-submit p {
    font-size: 14px;
    line-height: 21px;
  }
}
@media (max-width: 479.98px) {
  .poklotto-form .part-form form .part-submit p {
    max-width: 100%;
    margin-left: 0;
    margin-top: 21px;
    margin-bottom: -6px;
  }
}
.poklotto-form .part-form form .part-submit p a.reg-link {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  font-weight: 500;
}

.sign-in {
  padding: 200px 0;
  position: relative;
}
@media (max-width: 1199.98px) {
  .sign-in {
    padding: 100px 0;
  }
}
@media (max-width: 991.98px) {
  .sign-in {
    padding: 80px 0;
  }
}
@media (max-width: 479.98px) {
  .sign-in {
    padding: 60px 0;
  }
}
.sign-in .part-form .part-connect-social-info .title-overlap {
  text-align: center;
  position: relative;
  z-index: 2;
  margin: 34px 0 33px;
}
.sign-in .part-form .part-connect-social-info .title-overlap:after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  height: 1px;
  opacity: 0.8;
  z-index: -2;
}
@media (max-width: 1399.98px) {
  .sign-in .part-form .part-connect-social-info .title-overlap {
    margin: 24px 0 23px;
  }
}
@media (max-width: 575.98px) {
  .sign-in .part-form .part-connect-social-info .title-overlap {
    margin: 24px 0 23px;
  }
}
@media (max-width: 479.98px) {
  .sign-in .part-form .part-connect-social-info .title-overlap {
    margin: 21px 0 17px;
  }
}
.sign-in .part-form .part-connect-social-info h4.title {
  letter-spacing: 0.01em;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  font-size: 18px;
  line-height: 23px;
  font-weight: 600;
  display: inline-block;
  padding: 0 20px;
  margin-bottom: 0;
  position: relative;
}
.sign-in .part-form .part-connect-social-info h4.title:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: -1;
}
.sign-in .part-form .part-connect-social-info ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.sign-in .part-form .part-connect-social-info ul li a.single-social {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  box-shadow: 0px 12px 19px rgba(0, 0, 0, 0.1);
  text-align: center;
  line-height: 50px;
  font-size: 15px;
  color: #fff;
  background-color: #fff;
  margin-right: 25px;
  transition: all 0.3s ease-in;
  position: relative;
}
@media (max-width: 575.98px) {
  .sign-in .part-form .part-connect-social-info ul li a.single-social {
    width: 45px;
    height: 45px;
    line-height: 45px;
  }
}
@media (max-width: 479.98px) {
  .sign-in .part-form .part-connect-social-info ul li a.single-social {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    margin-right: 20px;
  }
}
.sign-in .part-form .part-connect-social-info ul li a.single-social:after {
  position: absolute;
  content: "";
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px;
  border: 1px solid rgba(22, 29, 53, 0.4);
  border-radius: 50%;
}
.sign-in .part-form .part-connect-social-info ul li a.single-social.s-pinterest {
  color: #bd081c;
}
.sign-in .part-form .part-connect-social-info ul li a.single-social.s-pinterest:hover {
  background: #bd081c;
  color: #fff;
}
.sign-in .part-form .part-connect-social-info ul li a.single-social.s-pinterest:after {
  border-color: rgba(189, 8, 28, 0.4);
}
.sign-in .part-form .part-connect-social-info ul li a.single-social.s-facebook {
  color: #3b5999;
}
.sign-in .part-form .part-connect-social-info ul li a.single-social.s-facebook:hover {
  background: #3b5999;
  color: #fff;
}
.sign-in .part-form .part-connect-social-info ul li a.single-social.s-facebook:after {
  border-color: rgba(59, 89, 153, 0.6);
}
.sign-in .part-form .part-connect-social-info ul li a.single-social.s-twitter {
  color: #55acee;
}
.sign-in .part-form .part-connect-social-info ul li a.single-social.s-twitter:hover {
  background: #55acee;
  color: #fff;
}
.sign-in .part-form .part-connect-social-info ul li a.single-social.s-twitter:after {
  border-color: rgba(85, 172, 238, 0.6);
}
.sign-in .part-form .part-connect-social-info ul li:last-child a {
  margin-right: 0;
}
.sign-in .part-right {
  width: 100%;
}
.sign-in .part-right .part-img {
  margin-bottom: 80px;
}
@media (max-width: 1199.98px) {
  .sign-in .part-right .part-img {
    margin-bottom: 60px;
  }
}
@media (max-width: 991.98px) {
  .sign-in .part-right .part-img {
    display: none;
  }
}
.sign-in .part-right .part-img img {
  width: auto;
  max-width: none;
  height: 410px;
  margin-left: -60px;
}
@media (max-width: 1399.98px) {
  .sign-in .part-right .part-img img {
    height: 350px;
  }
}
@media (max-width: 1199.98px) {
  .sign-in .part-right .part-img img {
    height: 300px;
  }
}
@media (max-width: 1199.98px) {
  .sign-in .part-right .part-text {
    margin-left: -30px;
  }
}
@media (max-width: 991.98px) {
  .sign-in .part-right .part-text {
    margin-left: 0;
  }
}
.sign-in .part-right .part-text .section-title {
  text-align: left;
  margin-bottom: 0;
  margin-left: -30px;
}
@media (max-width: 991.98px) {
  .sign-in .part-right .part-text .section-title {
    text-align: center;
    margin-bottom: 40px;
    margin-top: -7px;
    margin-left: 0;
  }
}
@media (max-width: 575.98px) {
  .sign-in .part-right .part-text .section-title {
    margin-bottom: 30px;
  }
}
.sign-in .part-right .part-text .section-title h3.sub-title {
  margin-bottom: 8px;
  left: auto;
  transform: none;
}
@media (max-width: 1199.98px) {
  .sign-in .part-right .part-text .section-title h3.sub-title {
    margin-bottom: 10px;
  }
}
@media (max-width: 991.98px) {
  .sign-in .part-right .part-text .section-title h3.sub-title {
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 11px;
  }
}
@media (max-width: 767.98px) {
  .sign-in .part-right .part-text .section-title h3.sub-title {
    margin-bottom: 12px;
  }
}
@media (max-width: 575.98px) {
  .sign-in .part-right .part-text .section-title h3.sub-title {
    margin-bottom: 2px;
  }
}
@media (max-width: 479.98px) {
  .sign-in .part-right .part-text .section-title h3.sub-title {
    margin-bottom: 5px;
  }
}
.sign-in .part-right .part-text .section-title h2.title {
  text-transform: none;
  margin-bottom: 0;
  line-height: 64px;
  padding-bottom: 41px;
  background: unset;
  -webkit-text-fill-color: unset;
  -webkit-background-clip: unset;
}
.sign-in .part-right .part-text .section-title h2.title span {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #0D1A34 -11.44%, #CDA134 123.42%);
}
@media (max-width: 1199.98px) {
  .sign-in .part-right .part-text .section-title h2.title {
    font-size: 36px;
    line-height: 50px;
    padding-bottom: 42px;
  }
}
@media (max-width: 991.98px) {
  .sign-in .part-right .part-text .section-title h2.title {
    font-size: 34px;
    line-height: 48px;
    padding-bottom: 39px;
  }
}
@media (max-width: 767.98px) {
  .sign-in .part-right .part-text .section-title h2.title {
    font-size: 32px;
    line-height: 46px;
  }
}
@media (max-width: 575.98px) {
  .sign-in .part-right .part-text .section-title h2.title {
    max-width: 90%;
    display: inline-block;
    font-size: 28px;
    line-height: 40px;
    padding-bottom: 31px;
  }
}
@media (max-width: 479.98px) {
  .sign-in .part-right .part-text .section-title h2.title {
    font-size: 26px;
    line-height: 36px;
  }
  .sign-in .part-right .part-text .section-title h2.title br {
    display: none;
  }
}
.sign-in .part-right .part-text .section-title h2.title:after {
  left: 0;
  transform: none;
}
@media (max-width: 991.98px) {
  .sign-in .part-right .part-text .section-title h2.title:after {
    left: 50%;
    transform: translateX(-50%);
  }
}

.sign-up {
  padding: 120px 0;
  position: relative;
}
@media (max-width: 1399.98px) {
  .sign-up {
    padding: 100px 0;
  }
}
@media (max-width: 991.98px) {
  .sign-up {
    padding: 80px 0;
  }
}
@media (max-width: 767.98px) {
  .sign-up {
    padding: 60px 0;
  }
}
.sign-up.fixed-screen {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 555;
  top: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
}
.sign-up .processing-steps {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
  position: relative;
}
@media (max-width: 1399.98px) {
  .sign-up .processing-steps {
    margin-bottom: 40px;
  }
}
@media (max-width: 767.98px) {
  .sign-up .processing-steps {
    justify-content: space-around;
    margin-bottom: 30px;
  }
  .sign-up .processing-steps.top-fixed {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    padding: 20px 20px;
    background: #fff;
    z-index: 5;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 0;
    justify-content: space-around;
    z-index: 555;
  }
  .sign-up .processing-steps.top-fixed .single-steps .part-icon {
    margin-bottom: 15px;
    width: 50px;
  }
}
@media (max-width: 767.98px) and (max-width: 575.98px) {
  .sign-up .processing-steps.top-fixed .single-steps .part-icon {
    margin-bottom: 0;
  }
}
@media (max-width: 767.98px) and (max-width: 479.98px) {
  .sign-up .processing-steps.top-fixed .single-steps .part-icon {
    width: 45px;
  }
}
@media (max-width: 767.98px) and (max-width: 575.98px) {
  .sign-up .processing-steps.top-fixed {
    padding: 15px 20px;
  }
}
@media (max-width: 575.98px) {
  .sign-up .processing-steps {
    justify-content: space-evenly;
  }
}
@media (max-width: 479.98px) {
  .sign-up .processing-steps {
    justify-content: space-around;
    margin-bottom: 25px;
  }
}
.sign-up .processing-steps .single-steps {
  text-align: center;
}
.sign-up .processing-steps .single-steps .part-icon {
  width: 68px;
  display: inline-block;
  margin-bottom: 25px;
  position: relative;
}
@media (max-width: 1399.98px) {
  .sign-up .processing-steps .single-steps .part-icon {
    width: 60px;
  }
}
@media (max-width: 767.98px) {
  .sign-up .processing-steps .single-steps .part-icon {
    width: 55px;
    margin-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  .sign-up .processing-steps .single-steps .part-icon {
    width: 50px;
  }
}
@media (max-width: 479.98px) {
  .sign-up .processing-steps .single-steps .part-icon {
    width: 45px;
    margin-bottom: 0;
  }
}
.sign-up .processing-steps .single-steps .part-icon img {
  width: 100%;
  filter: grayscale(100);
  transition: all 0.3s ease-in;
}
.sign-up .processing-steps .single-steps .part-text span {
  display: block;
}
.sign-up .processing-steps .single-steps .part-text span.step-line-title {
  font-weight: 600;
  font-size: 21px;
  line-height: 29px;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  margin: -6px 0 -7px;
  transition: all 0.3s ease-in;
  opacity: 0.5;
}
@media (max-width: 1399.98px) {
  .sign-up .processing-steps .single-steps .part-text span.step-line-title {
    font-size: 19px;
    line-height: 27px;
  }
}
@media (max-width: 1199.98px) {
  .sign-up .processing-steps .single-steps .part-text span.step-line-title {
    font-size: 18px;
    line-height: 26px;
  }
}
@media (max-width: 767.98px) {
  .sign-up .processing-steps .single-steps .part-text span.step-line-title {
    font-size: 16px;
    line-height: 20px;
    width: 90px;
    margin: -5px 0 -3px;
  }
}
@media (max-width: 479.98px) {
  .sign-up .processing-steps .single-steps .part-text span.step-line-title {
    display: none;
  }
}
.sign-up .processing-steps .single-steps.current-step .part-icon img {
  filter: none;
  opacity: 1 !important;
}
.sign-up .processing-steps .single-steps.current-step .part-text span.step-line-title {
  opacity: 1;
}
.sign-up .processing-steps .single-steps.first-step .part-icon img {
  opacity: 0.7;
}
.sign-up .processing-steps .single-steps.second-step .part-icon img {
  opacity: 0.7;
}
.sign-up .processing-steps .single-steps.last-step .part-icon img {
  opacity: 0.55;
}
.sign-up .processing-steps .arrow-img {
  position: relative;
  width: 90px;
}
@media (max-width: 1399.98px) {
  .sign-up .processing-steps .arrow-img {
    width: 70px;
  }
}
@media (max-width: 991.98px) {
  .sign-up .processing-steps .arrow-img {
    display: none;
  }
}
.sign-up .processing-steps .arrow-img img.arrow-icon {
  width: 100%;
  height: 16px;
  position: relative;
  top: 15px;
  filter: grayscale(100);
  opacity: 0.5;
  transition: all 0.3s ease-in;
}
@media (max-width: 1399.98px) {
  .sign-up .processing-steps .arrow-img img.arrow-icon {
    top: 10px;
  }
}
.sign-up .processing-steps .arrow-img.second img.arrow-icon {
  top: 20px;
}
.sign-up .processing-steps .arrow-img.current-arrow img.arrow-icon {
  filter: none;
  opacity: 1;
}
.sign-up .poklotto-form h3.steps-heading-title.animated {
  animation: titleAnimate 1s;
}
.sign-up .poklotto-form .part-form form {
  position: relative;
}
.sign-up .poklotto-form .part-form form .birth-date-element {
  position: relative;
}
.sign-up .poklotto-form .part-form form .birth-date-element span.caln-icon {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 60px;
  text-align: center;
  line-height: 50px;
  border-left: 1px solid rgba(11, 52, 72, 0.3);
  color: rgba(11, 52, 72, 0.3);
}
@media (max-width: 1399.98px) {
  .sign-up .poklotto-form .part-form form .birth-date-element span.caln-icon {
    height: 50px;
    width: 50px;
    line-height: 50px;
  }
}
@media (max-width: 1199.98px) {
  .sign-up .poklotto-form .part-form form .birth-date-element span.caln-icon {
    height: 45px;
    width: 45px;
    line-height: 45px;
  }
}
@media (max-width: 575.98px) {
  .sign-up .poklotto-form .part-form form .birth-date-element span.caln-icon {
    height: 40px;
    width: 40px;
    line-height: 40px;
  }
}
@media (max-width: 479.98px) {
  .sign-up .poklotto-form .part-form form .birth-date-element span.caln-icon {
    height: 40px;
    width: 40px;
    line-height: 42px;
    font-size: 14px;
  }
}
.sign-up .poklotto-form .part-form form .birth-date-element #birth-date:focus + span.caln-icon {
  color: rgba(11, 52, 72, 0.8);
}
.sign-up .poklotto-form .part-form form .select-list.question-select button.dropdown-toggle {
  position: relative;
}
.sign-up .poklotto-form .part-form form .select-list.question-select button.dropdown-toggle:before {
  position: absolute;
  content: "";
  width: 24px;
  height: 1px;
  background: rgba(11, 52, 72, 0.3);
  left: calc(100% + 1px);
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 479.98px) {
  .sign-up .poklotto-form .part-form form .select-list.question-select button.dropdown-toggle.selected-moment {
    height: auto;
    line-height: 23px;
    padding: 10px 25px;
    white-space: break-spaces;
  }
}
.sign-up .poklotto-form .part-form form .select-list .dropdown-toggle {
  height: 50px;
  width: 100%;
  border: 1px solid rgba(11, 52, 72, 0.3);
  border-radius: 50px;
  font-weight: 400;
  font-size: 17px;
  color: rgba(92, 97, 114, 0.9);
  background: transparent;
  text-align: left;
  padding: 0 25px;
  position: relative;
}
@media (max-width: 1399.98px) {
  .sign-up .poklotto-form .part-form form .select-list .dropdown-toggle {
    height: 50px;
  }
}
@media (max-width: 1199.98px) {
  .sign-up .poklotto-form .part-form form .select-list .dropdown-toggle {
    height: 45px;
    font-size: 16px;
  }
}
@media (max-width: 767.98px) {
  .sign-up .poklotto-form .part-form form .select-list .dropdown-toggle {
    height: 40px;
    margin-bottom: 30px;
  }
}
@media (max-width: 575.98px) {
  .sign-up .poklotto-form .part-form form .select-list .dropdown-toggle {
    height: 40px;
  }
}
@media (max-width: 479.98px) {
  .sign-up .poklotto-form .part-form form .select-list .dropdown-toggle {
    height: 40px;
    font-size: 15px;
  }
}
.sign-up .poklotto-form .part-form form .select-list .dropdown-toggle i {
  font-size: 15px;
  margin-left: 6px;
}
.sign-up .poklotto-form .part-form form .select-list .dropdown-toggle img.flag {
  width: 24px;
  margin-right: 10px;
  top: -1px;
  position: relative;
}
.sign-up .poklotto-form .part-form form .select-list .dropdown-toggle:after {
  margin-left: 0;
  vertical-align: middle;
  border: none;
  content: "\f078";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  height: 100%;
  right: 0;
  position: absolute;
  width: 60px;
  text-align: center;
  border-left: 1px solid rgba(11, 52, 72, 0.3);
  top: 0;
  line-height: 50px;
  transition: all 0.3s ease-in;
}
@media (max-width: 1399.98px) {
  .sign-up .poklotto-form .part-form form .select-list .dropdown-toggle:after {
    width: 50px;
    line-height: 50px;
  }
}
@media (max-width: 1199.98px) {
  .sign-up .poklotto-form .part-form form .select-list .dropdown-toggle:after {
    width: 45px;
    line-height: 45px;
    font-size: 15px;
  }
}
@media (max-width: 767.98px) {
  .sign-up .poklotto-form .part-form form .select-list .dropdown-toggle:after {
    width: 40px;
    line-height: 40px;
  }
}
@media (max-width: 575.98px) {
  .sign-up .poklotto-form .part-form form .select-list .dropdown-toggle:after {
    font-size: 14px;
  }
}
@media (max-width: 479.98px) {
  .sign-up .poklotto-form .part-form form .select-list .dropdown-toggle:after {
    width: 40px;
    line-height: 40px;
  }
}
@media (max-width: 479.98px) {
  .sign-up .poklotto-form .part-form form .select-list .dropdown-toggle.selected-moment {
    font-size: 15px;
  }
}
.sign-up .poklotto-form .part-form form .select-list .dropdown-toggle.selected-moment:after {
  opacity: 0;
  visibility: hidden;
}
.sign-up .poklotto-form .part-form form .select-list .dropdown-menu {
  background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  border: none;
  border-radius: 0;
}
.sign-up .poklotto-form .part-form form .select-list .dropdown-menu .dropdown-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  padding: 5px 40px 6px;
  font-size: 16px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.9);
  transition: all 0.3s ease-in;
  position: relative;
}
@media (max-width: 479.98px) {
  .sign-up .poklotto-form .part-form form .select-list .dropdown-menu .dropdown-item {
    font-size: 16px;
    line-height: 24px;
    white-space: break-spaces;
  }
}
.sign-up .poklotto-form .part-form form .select-list .dropdown-menu .dropdown-item:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.sign-up .poklotto-form .part-form form .select-list .dropdown-menu .dropdown-item:after {
  position: absolute;
  content: "";
  left: 20px;
  top: 50%;
  width: 2px;
  height: 10px;
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  transform: translateY(-50%);
  opacity: 1;
  transition: all 0.3s ease-in;
}
@media (max-width: 991.98px) {
  .sign-up .poklotto-form .part-form form .select-list .dropdown-menu .dropdown-item:after {
    left: 10px;
  }
}
.sign-up .poklotto-form .part-form form .select-list .dropdown-menu .dropdown-item:hover, .sign-up .poklotto-form .part-form form .select-list .dropdown-menu .dropdown-item.active {
  color: rgba(92, 97, 114, 0.9);
  background: #fff;
}
.sign-up .poklotto-form .part-form form .select-list .dropdown-menu .dropdown-item:hover:after, .sign-up .poklotto-form .part-form form .select-list .dropdown-menu .dropdown-item.active:after {
  background: #161D35;
}
.sign-up .poklotto-form .part-form form .select-list .dropdown-menu .dropdown-item i {
  font-size: 14px;
}
.sign-up .poklotto-form .part-form form .select-list .dropdown-menu .dropdown-item img.flag {
  width: 20px;
  margin-right: 10px;
  top: -2px;
  position: relative;
}
.sign-up .poklotto-form .part-form form .prv-stp-btn {
  padding: 0;
  width: 50px;
  margin-right: 11px;
  color: #CDA134;
  background: #ffffff;
  box-shadow: none;
  border: 1px solid #bbb;
  border-radius: 50px;
  transition: all 0.3s ease-in;
  position: relative;
}
@media (max-width: 1399.98px) {
  .sign-up .poklotto-form .part-form form .prv-stp-btn {
    width: 50px;
  }
}
@media (max-width: 1199.98px) {
  .sign-up .poklotto-form .part-form form .prv-stp-btn {
    width: 45px;
  }
}
@media (max-width: 767.98px) {
  .sign-up .poklotto-form .part-form form .prv-stp-btn {
    width: 40px;
  }
}
.sign-up .poklotto-form .part-form form .prv-stp-btn.disabled {
  opacity: 0;
  visibility: hidden;
  margin-left: -71px;
}
@media (max-width: 1399.98px) {
  .sign-up .poklotto-form .part-form form .prv-stp-btn.disabled {
    margin-left: -61px;
  }
}
.sign-up .poklotto-form .part-form form #big-screen {
  padding: 0;
  width: 40px;
  height: 40px;
  margin-right: 11px;
  color: #161D35;
  background: #ffffff;
  box-shadow: none;
  border: 1px solid #bbb;
  border-radius: 5px;
  line-height: 40px;
  transition: all 0.3s ease-in;
}
.sign-up .poklotto-form .part-form form #big-screen i {
  font-size: 20px;
  margin-left: 0;
}
.sign-up .poklotto-form .part-form form #big-screen:after {
  display: none;
}
@media (max-width: 991.98px) {
  .sign-up .poklotto-form .part-form form #big-screen {
    display: none;
  }
}
.sign-up .poklotto-form .part-form form .agreement-article {
  margin: -4px 0 0;
}
@media (max-width: 479.98px) {
  .sign-up .poklotto-form .part-form form .agreement-article {
    margin: -7px 0 0;
  }
}
.sign-up .poklotto-form .part-form form .agreement-article .form-check {
  position: relative;
  margin: 0;
  margin-bottom: 14px;
}
@media (max-width: 1199.98px) {
  .sign-up .poklotto-form .part-form form .agreement-article .form-check {
    margin-bottom: 15px;
  }
}
@media (max-width: 767.98px) {
  .sign-up .poklotto-form .part-form form .agreement-article .form-check {
    margin-bottom: 5px;
  }
}
.sign-up .poklotto-form .part-form form .agreement-article .form-check:last-child {
  margin-bottom: 22px;
}
@media (max-width: 1199.98px) {
  .sign-up .poklotto-form .part-form form .agreement-article .form-check:last-child {
    margin-bottom: 23px;
  }
}
@media (max-width: 767.98px) {
  .sign-up .poklotto-form .part-form form .agreement-article .form-check:last-child {
    margin-bottom: 8px;
  }
}
@media (max-width: 479.98px) {
  .sign-up .poklotto-form .part-form form .agreement-article .form-check:last-child {
    margin-bottom: 5px;
  }
}
.sign-up .poklotto-form .part-form form .agreement-article input {
  border-radius: 0.25em;
  font-weight: unset;
  font-size: unset;
  line-height: unset;
  border-color: #0d6efd;
  border: 1px solid rgba(0, 0, 0, 0.25);
  color: unset;
  padding: unset;
  margin-bottom: unset;
  width: 20px;
  height: 20px;
  box-shadow: none;
  background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  border-radius: 0;
  border: none;
  top: -4px;
  position: relative;
  cursor: pointer;
  margin-right: 25px;
}
@media (max-width: 767.98px) {
  .sign-up .poklotto-form .part-form form .agreement-article input {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 479.98px) {
  .sign-up .poklotto-form .part-form form .agreement-article input {
    width: 15px;
    height: 15px;
    margin-right: 15px;
    top: -2px;
  }
}
.sign-up .poklotto-form .part-form form .agreement-article input:checked[type=checkbox] {
  position: relative;
}
.sign-up .poklotto-form .part-form form .agreement-article input:checked[type=checkbox]:after {
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  font-weight: 500;
  color: #fff;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 20px;
  position: absolute;
  font-size: 15px;
  corlor: #fff;
}
@media (max-width: 479.98px) {
  .sign-up .poklotto-form .part-form form .agreement-article input:checked[type=checkbox]:after {
    line-height: 15px;
    font-size: 14px;
  }
}
.sign-up .poklotto-form .part-form form .agreement-article label {
  font-weight: 400;
  font-size: 17px;
  line-height: 33px;
  color: #5C6172;
  text-transform: unset;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  margin-top: -7px;
  font-weight: 400;
  display: flex;
}
@media (max-width: 1199.98px) {
  .sign-up .poklotto-form .part-form form .agreement-article label {
    font-size: 16px;
    line-height: 32px;
  }
}
@media (max-width: 479.98px) {
  .sign-up .poklotto-form .part-form form .agreement-article label {
    font-size: 15px;
    line-height: 25px;
  }
}
.sign-up .poklotto-form .part-form .form-controller {
  display: flex;
}
.sign-up .poklotto-form .part-form #big-screen {
  position: absolute;
  right: 0;
  bottom: 10px;
}
.sign-up .form-all-step {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  position: relative;
}
.sign-up .form-all-step .per-step {
  flex: none;
  width: 100%;
  position: relative;
  transition: all 0.3s ease-in;
}
@media (max-width: 479.98px) {
  .sign-up .form-all-step .per-step {
    position: relative;
  }
}
.sign-up .form-all-step .per-step.completed {
  opacity: 0;
  position: absolute;
  visibility: hidden;
}

.mc-table__weekday {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(108.99deg, #FF5176 -21.01%, #FB7A6B 45.45%);
}

.mc-picker__body {
  background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
}

.mc-date--active {
  color: #fff;
}

.mc-date--active.mc-date--today {
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  color: #fff;
}

.mc-date--inactive {
  color: rgba(255, 255, 255, 0.3);
}

.mc-calendar--inline .mc-picker__header {
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  margin: 0;
  padding: 4px 0;
  flex-direction: column;
  align-items: center;
  height: 55px;
}

.mc-container {
  width: 100%;
}

.mc-select__month {
  order: 2;
}

.mc-calendar--inline .mc-select__data--year {
  font-size: 15px;
  color: #fff;
}

.mc-calendar--inline .mc-select__data--month {
  color: #fff;
  margin-top: -12px;
}

.mc-calendar--inline .mc-select__month .mc-select__nav--next, .mc-select__nav--next {
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50% 10% 10% 50%;
  width: 40px;
  height: 40px;
  right: 10px;
  padding: 0 10px 0 16px;
  border: 2px solid #fff;
  color: #fff;
}

.mc-calendar--inline .mc-select__month .mc-select__nav--prev, .mc-select__nav--prev {
  top: 50%;
  transform: translateY(-50%);
  border-radius: 10% 50% 50% 10%;
  width: 40px;
  height: 40px;
  left: 10px;
  padding: 0 16px 0 12px;
  border: 2px solid #fff;
  color: #fff;
}

.mc-calendar--inline .mc-picker__footer {
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  padding: 10px 0;
}

.mc-btn--success {
  color: #fff;
  margin: 0;
  padding: 0;
  margin-right: 20px;
  font-size: 14px;
}

.mc-btn--danger {
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  padding: 0;
  padding-left: 20px;
}

#mc-btn__cancel {
  margin-right: 10px;
}

.error {
  padding: 120px 0;
  position: relative;
}
@media (max-width: 1399.98px) {
  .error {
    padding: 100px 0;
  }
}
@media (max-width: 991.98px) {
  .error {
    padding: 80px 0;
  }
}
@media (max-width: 767.98px) {
  .error {
    padding: 60px 0;
  }
}
.error .part-img {
  margin-bottom: 60px;
  text-align: center;
}
@media (max-width: 767.98px) {
  .error .part-img {
    margin-bottom: 40px;
  }
}
@media (max-width: 479.98px) {
  .error .part-img {
    margin-bottom: 30px;
  }
}
.error .part-img img {
  width: 600px;
}
@media (max-width: 1399.98px) {
  .error .part-img img {
    width: 500px;
  }
}
@media (max-width: 1199.98px) {
  .error .part-img img {
    width: 450px;
  }
}
@media (max-width: 767.98px) {
  .error .part-img img {
    width: 400px;
  }
}
@media (max-width: 575.98px) {
  .error .part-img img {
    width: 80%;
  }
}
@media (max-width: 479.98px) {
  .error .part-img img {
    width: 90%;
  }
}
.error .part-text {
  text-align: center;
}
.error .part-text .section-title {
  text-align: center;
  margin-bottom: 60px;
}
@media (max-width: 1399.98px) {
  .error .part-text .section-title {
    margin-bottom: 50px;
  }
}
@media (max-width: 991.98px) {
  .error .part-text .section-title {
    margin-bottom: 40px;
  }
}
@media (max-width: 767.98px) {
  .error .part-text .section-title {
    margin-bottom: 0;
  }
}
.error .part-text .section-title h3.sub-title {
  margin-bottom: 10px;
}
@media (max-width: 575.98px) {
  .error .part-text .section-title h3.sub-title {
    margin-bottom: 5px;
  }
}
@media (max-width: 479.98px) {
  .error .part-text .section-title h3.sub-title {
    margin-bottom: 6px;
  }
}
.error .part-text .section-title h2.title {
  text-transform: none;
  margin-bottom: 0;
  font-weight: 700;
  font-size: 46px;
  line-height: 64px;
  margin-top: -1px;
  padding-bottom: 41px;
}
@media (max-width: 1399.98px) {
  .error .part-text .section-title h2.title {
    font-size: 44px;
    line-height: 62px;
    margin-top: -2px;
    padding-bottom: 39px;
  }
}
@media (max-width: 1199.98px) {
  .error .part-text .section-title h2.title {
    font-size: 42px;
    line-height: 60px;
    margin-top: -1px;
  }
}
@media (max-width: 991.98px) {
  .error .part-text .section-title h2.title {
    font-size: 40px;
    line-height: 58px;
    margin-top: 0px;
    padding-bottom: 36px;
  }
}
@media (max-width: 767.98px) {
  .error .part-text .section-title h2.title {
    font-size: 34px;
    line-height: 48px;
    margin-top: -2px;
    padding-bottom: 34px;
  }
}
@media (max-width: 575.98px) {
  .error .part-text .section-title h2.title {
    max-width: 90%;
    display: inline-block;
    font-size: 30px;
    line-height: 40px;
    margin-top: 0;
    padding-bottom: 32px;
  }
}
@media (max-width: 479.98px) {
  .error .part-text .section-title h2.title {
    font-size: 26px;
    line-height: 34px;
    padding-bottom: 33px;
  }
}
.error .part-text p {
  color: rgba(92, 97, 114, 0.8);
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  margin: 30px 0 27px;
  position: relative;
}
@media (max-width: 991.98px) {
  .error .part-text p {
    font-size: 18px;
    line-height: 28px;
    margin: 33px 0 32px;
  }
}
@media (max-width: 767.98px) {
  .error .part-text p {
    margin: 30px 0 30px;
  }
}
@media (max-width: 575.98px) {
  .error .part-text p {
    font-size: 16px;
    line-height: 26px;
    margin: 30px 0 22px;
  }
}
@media (max-width: 479.98px) {
  .error .part-text p {
    font-size: 15px;
    line-height: 25px;
    margin-top: 23px;
  }
}
.error .part-text p i {
  font-size: 18px;
  margin-left: 10px;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
}
@media (max-width: 767.98px) {
  .error .part-text p i {
    display: none;
  }
}
.error .part-text p span.back-time {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  font-weight: 600;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 50px;
  padding: 2px 20px 0;
  margin: 0 14px;
}
@media (max-width: 767.98px) {
  .error .part-text p span.back-time {
    padding: 2px 15px 0;
    margin: 0 7px;
  }
}
@media (max-width: 479.98px) {
  .error .part-text p span.back-time {
    padding: 0;
    margin: 0 5px;
    border: none;
  }
}
.error .part-text p img {
  position: absolute;
  width: 140px;
  top: 10px;
  right: -10px;
}
@media (max-width: 991.98px) {
  .error .part-text p img {
    display: none;
  }
}
.error .part-text .error-page-menu {
  margin-top: 60px;
}
@media (max-width: 1399.98px) {
  .error .part-text .error-page-menu {
    margin-top: 50px;
  }
}
@media (max-width: 991.98px) {
  .error .part-text .error-page-menu {
    margin-top: 40px;
  }
}
@media (max-width: 767.98px) {
  .error .part-text .error-page-menu {
    margin-top: 30px;
  }
}
@media (max-width: 479.98px) {
  .error .part-text .error-page-menu {
    margin-top: 23px;
  }
}
.error .part-text .error-page-menu ul {
  display: flex;
  justify-content: center;
  border-top: 1px solid rgba(22, 29, 53, 0.1);
  border-bottom: 1px solid rgba(22, 29, 53, 0.1);
  padding: 12px 0 13px;
}
@media (max-width: 479.98px) {
  .error .part-text .error-page-menu ul {
    flex-wrap: wrap;
    justify-content: center;
    -moz-column-gap: 20px;
         column-gap: 20px;
    row-gap: 15px;
    padding: 20px 0;
  }
}
.error .part-text .error-page-menu ul li {
  margin-left: 50px;
}
@media (max-width: 1199.98px) {
  .error .part-text .error-page-menu ul li {
    margin-left: 45px;
  }
}
@media (max-width: 767.98px) {
  .error .part-text .error-page-menu ul li {
    margin-left: 35px;
  }
}
@media (max-width: 575.98px) {
  .error .part-text .error-page-menu ul li {
    margin-left: 25px;
  }
}
@media (max-width: 479.98px) {
  .error .part-text .error-page-menu ul li {
    margin-left: 0;
    margin: 0;
  }
}
.error .part-text .error-page-menu ul li:first-child {
  margin-left: 0;
}
.error .part-text .error-page-menu ul li a.single-menu {
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  text-transform: capitalize;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  display: inline-block;
  transition: all 0.3s ease-in;
  opacity: 0.8;
  text-transform: uppercase;
}
@media (max-width: 575.98px) {
  .error .part-text .error-page-menu ul li a.single-menu {
    font-size: 15px;
    line-height: 25px;
  }
}
@media (max-width: 479.98px) {
  .error .part-text .error-page-menu ul li a.single-menu {
    margin: -7px 0;
    display: table;
    font-size: 14px;
    line-height: 24px;
  }
}
.error .part-text .error-page-menu ul li a.single-menu:hover {
  color: #161D35;
}

.bettor-ranking {
  position: relative;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .bettor-ranking {
    padding: 0px 0;
  }
}
@media (max-width: 767.98px) {
  .bettor-ranking {
    padding: 0px 0;
  }
}
.bettor-ranking:after {
  display: none;
}
.bettor-ranking .ranking-control {
  margin-bottom: 60px;
}
@media (max-width: 767.98px) {
  .bettor-ranking .ranking-control {
    margin-bottom: 50px;
  }
}
@media (max-width: 575.98px) {
  .bettor-ranking .ranking-control {
    margin-bottom: 40px;
  }
}
@media (max-width: 479.98px) {
  .bettor-ranking .ranking-control {
    margin-bottom: 30px;
  }
}
.bettor-ranking .ranking-control .nav-pills {
  justify-content: center;
  gap: 5px;
}
.bettor-ranking .ranking-control .nav-pills .nav-item .nav-link {
  font-weight: 600;
  font-size: 16px;
  line-height: 50px;
  letter-spacing: 0.01em;
  color: rgba(22, 29, 53, 0.7);
  text-transform: capitalize;
  background: transparent;
  position: relative;
  z-index: 2;
  transition: all 0.3s ease-in;
  height: 50px;
  padding: 0 30px;
}
.bettor-ranking .ranking-control .nav-pills .nav-item .nav-link:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
  opacity: 0.1;
  transition: all 0.3s ease-in;
}
.bettor-ranking .ranking-control .nav-pills .nav-item .nav-link:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  opacity: 0;
  transition: all 0.3s ease-in;
}
@media (max-width: 991.98px) {
  .bettor-ranking .ranking-control .nav-pills .nav-item .nav-link {
    line-height: 45px;
    height: 45px;
    padding: 0 25px;
  }
}
@media (max-width: 767.98px) {
  .bettor-ranking .ranking-control .nav-pills .nav-item .nav-link {
    line-height: 40px;
    height: 40px;
    padding: 0 25px;
    font-size: 15px;
  }
}
.bettor-ranking .ranking-control .nav-pills .nav-item .nav-link.active {
  color: #fff;
  box-shadow: 0px 9px 37px rgba(0, 0, 0, 0.2);
}
.bettor-ranking .ranking-control .nav-pills .nav-item .nav-link.active:after {
  opacity: 0;
}
.bettor-ranking .ranking-control .nav-pills .nav-item .nav-link.active:before {
  opacity: 1;
}
.bettor-ranking .ranking-control .nav-pills .nav-item:first-child .nav-link, .bettor-ranking .ranking-control .nav-pills .nav-item:first-child .nav-link:after, .bettor-ranking .ranking-control .nav-pills .nav-item:first-child .nav-link:before {
  border-radius: 50px 0 0 50px;
}
.bettor-ranking .ranking-control .nav-pills .nav-item:last-child .nav-link, .bettor-ranking .ranking-control .nav-pills .nav-item:last-child .nav-link:after, .bettor-ranking .ranking-control .nav-pills .nav-item:last-child .nav-link:before {
  border-radius: 0 50px 50px 0;
}
.bettor-ranking .ran-cont {
  position: relative;
}
.bettor-ranking .ran-cont:after {
  position: absolute;
  content: "";
  top: 0;
  border-bottom: 1px solid rgba(22, 29, 53, 0.2);
  width: 99999px;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
}
@media (max-width: 991.98px) {
  .bettor-ranking .ran-cont:after {
    display: none;
  }
}
.bettor-ranking .ran-cont:before {
  position: absolute;
  content: "";
  bottom: 0;
  border-bottom: 1px solid rgba(22, 29, 53, 0.2);
  width: 99999px;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
}
@media (max-width: 991.98px) {
  .bettor-ranking .ran-cont:before {
    display: none;
  }
}
.bettor-ranking .all-members {
  position: relative;
}
.bettor-ranking .all-members:after {
  position: absolute;
  content: "";
  top: 50%;
  border-bottom: 1px solid rgba(22, 29, 53, 0.2);
  width: 99999px;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
}
@media (max-width: 991.98px) {
  .bettor-ranking .all-members:after {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .bettor-ranking .all-members .single-authority-member .part-info {
    padding: 33px 0 19px;
  }
}
.bettor-ranking .all-members .row .col-xl-3:nth-child(4n+2) {
  border-right: 1px solid rgba(22, 29, 53, 0.2);
  border-left: 1px solid rgba(22, 29, 53, 0.2);
}
@media (max-width: 991.98px) {
  .bettor-ranking .all-members .row .col-xl-3:nth-child(4n+2) {
    border: none;
  }
}
.bettor-ranking .all-members .row .col-xl-3:nth-child(4n+3) {
  border-right: 1px solid rgba(22, 29, 53, 0.2);
}
@media (max-width: 991.98px) {
  .bettor-ranking .all-members .row .col-xl-3:nth-child(4n+3) {
    border: none;
  }
}
.bettor-ranking .all-members .row .col-xl-3:nth-child(2n+2) .single-authority-member .part-info {
  background: url("../img/authority/shape-2.png") center center no-repeat;
  background-size: contain;
  padding: 25px 0 41px;
  margin-top: 0;
  margin-bottom: 30px;
}
@media (max-width: 1199.98px) {
  .bettor-ranking .all-members .row .col-xl-3:nth-child(2n+2) .single-authority-member .part-info {
    padding: 19px 0 34px;
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .bettor-ranking .all-members .row .col-xl-3:nth-child(2n+2) .single-authority-member .part-info {
    padding: 24px 0 40px;
  }
}
@media (max-width: 767.98px) {
  .bettor-ranking .all-members .row .col-xl-3:nth-child(2n+2) .single-authority-member .part-info {
    padding: 19px 0 33px;
    margin-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  .bettor-ranking .all-members .row .col-xl-3:nth-child(2n+2) .single-authority-member {
    flex-direction: column-reverse;
  }
  .bettor-ranking .all-members .row .col-xl-3:nth-child(2n+2) .single-authority-member .part-info {
    background: url("../img/authority/shape-1.png") center center no-repeat;
    background-size: contain;
    padding: 33px 0 19px;
    margin-top: 20px;
    margin-bottom: 0;
  }
}
.bettor-ranking .all-members .row .col-xl-3 .single-authority-member {
  margin: 50px 0;
}
@media (max-width: 1199.98px) {
  .bettor-ranking .all-members .row .col-xl-3 .single-authority-member {
    margin: 40px 0;
  }
}
@media (max-width: 991.98px) {
  .bettor-ranking .all-members .row .col-xl-3 .single-authority-member {
    margin: 0;
  }
}
@media (max-width: 479.98px) {
  .bettor-ranking .all-members .row .col-xl-3 .single-authority-member {
    margin-bottom: -18px;
  }
}
.bettor-ranking .all-members .row .col-xl-3 .single-authority-member .part-info span.member-designation {
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.5px;
}
@media (max-width: 1199.98px) {
  .bettor-ranking .all-members .row .col-xl-3 .single-authority-member .part-info span.member-designation {
    font-size: 16px;
    line-height: 26px;
  }
}
.bettor-ranking .all-members .row .col-xl-3 .single-authority-member .part-info span.member-designation span.winning-number {
  display: inline-block;
  color: #4D8E53;
}
.bettor-ranking .all-members .row .col-xl-3 .single-authority-member .part-info span.member-designation span.losing-number {
  display: inline-block;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
  font-weight: 600;
}
.bettor-ranking .all-members .row .col-xl-3 .single-authority-member .part-info span.member-designation span.prc {
  display: inline-block;
  opacity: 0.7;
}
.bettor-ranking .all-members .row .col-xl-3 .row .col-xl-3 {
  display: flex;
  justify-content: center;
}
.bettor-ranking .all-members .row .col-xl-3 .row .col-xl-3:nth-child(2n+2) .single-authority-member .part-info {
  background: url("../img/authority/shape-2.png") center center no-repeat;
  background-size: contain;
  padding: 25px 0 41px;
  margin-top: 0;
  margin-bottom: 30px;
}
@media (max-width: 1199.98px) {
  .bettor-ranking .all-members .row .col-xl-3 .row .col-xl-3:nth-child(2n+2) .single-authority-member .part-info {
    padding: 19px 0 34px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .bettor-ranking .all-members .row .col-xl-3 .row .col-xl-3:nth-child(2n+2) .single-authority-member .part-info {
    padding: 24px 0 40px;
  }
}
@media (max-width: 767.98px) {
  .bettor-ranking .all-members .row .col-xl-3 .row .col-xl-3:nth-child(2n+2) .single-authority-member .part-info {
    padding: 19px 0 33px;
    margin-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  .bettor-ranking .all-members .row .col-xl-3 .row .col-xl-3:nth-child(2n+2) .single-authority-member {
    flex-direction: column-reverse;
  }
  .bettor-ranking .all-members .row .col-xl-3 .row .col-xl-3:nth-child(2n+2) .single-authority-member .part-info {
    background: url("../img/authority/shape-1.png") center center no-repeat;
    background-size: contain;
    padding: 29px 0 20px;
    margin-top: 20px;
    margin-bottom: 0;
  }
}
.bettor-ranking .sports-body {
  margin-top: 80px;
  padding: 40px;
  padding-top: 0;
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
}
@media (max-width: 1399.98px) {
  .bettor-ranking .sports-body {
    padding: 30px;
    padding-top: 0;
  }
}
@media (max-width: 1199.98px) {
  .bettor-ranking .sports-body {
    border-radius: 0;
    overflow: scroll;
  }
  .bettor-ranking .sports-body::-webkit-scrollbar {
    width: 0px !important;
    height: 6px;
  }
}
@media (max-width: 991.98px) {
  .bettor-ranking .sports-body {
    margin-top: 60px;
  }
}
@media (max-width: 767.98px) {
  .bettor-ranking .sports-body {
    margin-top: 50px;
  }
}
@media (max-width: 575.98px) {
  .bettor-ranking .sports-body {
    margin-top: 40px;
  }
}
@media (max-width: 479.98px) {
  .bettor-ranking .sports-body {
    padding: 20px;
    padding-top: 0;
    margin-top: 49px;
  }
}
@media (max-width: 1199.98px) {
  .bettor-ranking .sports-body .playing-sports-all {
    width: 1056px;
  }
}
@media (max-width: 991.98px) {
  .bettor-ranking .sports-body .playing-sports-all {
    width: max-content;
  }
}
.bettor-ranking .sports-body .playing-sports-all .single-tournament .tournament-title {
  padding: 40px 0;
  position: relative;
  z-index: 2;
}
@media (max-width: 1199.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .tournament-title {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (max-width: 991.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .tournament-title {
    padding: 30px 0;
  }
}
@media (max-width: 479.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .tournament-title {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0;
  }
}
.bettor-ranking .sports-body .playing-sports-all .single-tournament .tournament-title:after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 2px;
  /*background: url("../img/playing-bet/shape/line-shape-1.png") left top repeat-x;*/
  background-position: 1px;
  z-index: -1;
}
@media (max-width: 479.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .tournament-title:after {
    display: none;
  }
}
.bettor-ranking .sports-body .playing-sports-all .single-tournament .tournament-title span.title-text {
  background: #fff;
  padding-right: 30px;
}
@media (max-width: 479.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .tournament-title span.title-text {
    padding-right: 0;
  }
}
.bettor-ranking .sports-body .playing-sports-all .single-tournament .tournament-title span.match-quantity {
  float: right;
  background: #fff;
  padding-left: 30px;
}
@media (max-width: 479.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .tournament-title span.match-quantity {
    padding-left: 0;
  }
}
.bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match {
  display: flex;
  justify-content: space-between;
  border: 1px solid rgba(22, 29, 53, 0.2);
  border-radius: 10px;
  padding: 10px 45px 10px 30px;
  align-items: center;
  margin-bottom: 20px;
}
@media (max-width: 1399.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match {
    padding: 10px 30px 10px 30px;
  }
}
@media (max-width: 1199.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match {
    padding: 10px 25px 10px 25px;
  }
}
@media (max-width: 991.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match {
    flex-wrap: wrap;
    padding: 15px;
    justify-content: flex-start;
    margin-bottom: 15px;
    -moz-column-gap: 35px;
         column-gap: 35px;
  }
}
@media (max-width: 479.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match {
    padding: 15px;
    /*justify-content: space-between;*/
    padding-top: 10px;
  }
}
.bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:last-child {
  margin-bottom: 0;
}
.bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .flag-img, .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .event, .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .b-slip, .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .bet-type, .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .bet-amount, .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .b-odd,
.bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .date-n-time, .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .status {
  position: relative;
}
.bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .flag-img:after, .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .event:after, .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .b-slip:after, .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .bet-type:after, .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .bet-amount:after, .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .b-odd:after,
.bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .date-n-time:after, .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .status:after {
  content: "";
  font-weight: 600;
  font-size: 17px;
  line-height: 19px;
  color: #5C6172;
  letter-spacing: 0.02em;
  position: absolute;
  top: -60px;
  background: #fff;
  z-index: 2;
  padding: 0 10px;
  left: -10px;
}
@media (max-width: 991.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .flag-img:after, .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .event:after, .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .b-slip:after, .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .bet-type:after, .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .bet-amount:after, .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .b-odd:after,
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .date-n-time:after, .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .status:after {
    top: -56px;
  }
}
@media (max-width: 767.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .flag-img:after, .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .event:after, .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .b-slip:after, .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .bet-type:after, .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .bet-amount:after, .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .b-odd:after,
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .date-n-time:after, .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .status:after {
    font-size: 15px;
    line-height: 18px;
  }
}
@media (max-width: 479.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .flag-img:after, .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .event:after, .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .b-slip:after, .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .bet-type:after, .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .bet-amount:after, .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .b-odd:after,
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .date-n-time:after, .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .status:after {
    top: -50px;
  }
}
.bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .event:after {
  content: "Event";
  top: -66px;
}
@media (max-width: 1399.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .event:after {
    top: -61px;
  }
}
@media (max-width: 991.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .event:after {
    top: -57px;
  }
}
@media (max-width: 479.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .event:after {
    top: -50px;
  }
}
.bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .b-slip:after {
  content: "Investment";
  top: -77px;
}
@media (max-width: 1399.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .b-slip:after {
    top: -72px;
  }
}
@media (max-width: 991.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .b-slip:after {
    top: -66px;
  }
}
@media (max-width: 479.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .b-slip:after {
    top: -60px;
  }
}
.bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .bet-type:after {
  content: "Return";
  top: -77px;
}
@media (max-width: 1399.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .bet-type:after {
    top: -72px;
  }
}
@media (max-width: 991.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .bet-type:after {
    top: -66px;
  }
}
@media (max-width: 479.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .bet-type:after {
    top: -60px;
  }
}
.bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .bet-amount:after {
  content: "Bet";
  top: -77px;
}
@media (max-width: 1399.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .bet-amount:after {
    top: -72px;
  }
}
@media (max-width: 991.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .bet-amount:after {
    top: -66px;
  }
}
@media (max-width: 479.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .bet-amount:after {
    top: -60px;
  }
}
.bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .b-odd:after {
  content: "Odd";
  top: -77px;
}
@media (max-width: 1399.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .b-odd:after {
    top: -72px;
  }
}
@media (max-width: 991.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .b-odd:after {
    top: -66px;
  }
}
@media (max-width: 479.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .b-odd:after {
    top: -60px;
  }
}
.bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .date-n-time:after {
  content: "Date";
  top: -69px;
}
@media (max-width: 1399.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .date-n-time:after {
    top: -64px;
  }
}
@media (max-width: 991.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .date-n-time:after {
    top: -57px;
  }
}
@media (max-width: 479.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .date-n-time:after {
    top: -51px;
  }
}
.bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .status:after {
  content: "Action";
  top: -77px;
}
@media (max-width: 1399.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .status:after {
    top: -72px;
  }
}
@media (max-width: 991.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .status:after {
    top: -66px;
  }
}
@media (max-width: 479.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match:first-child .status:after {
    top: -60px;
  }
}
.bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .flag-img {
  height: 60px;
}
@media (max-width: 1399.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .flag-img {
    height: 50px;
  }
}
@media (max-width: 991.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .flag-img {
    height: 45px;
  }
}
.bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .flag-img img {
  height: 100%;
  width: auto;
  border-radius: 50%;
}
.bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .event .part-team {
  display: flex;
  gap: 30px;
}
.bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .event .part-team .s-team {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .event .part-team .s-team:first-child {
  position: relative;
}
/*.bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .event .part-team .s-team:first-child:after {*/
/*  position: absolute;*/
/*  content: "";*/
/*  right: -20px;*/
/*  height: 1px;*/
/*  width: 10px;*/
/*  background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);*/
/*  opacity: 0.5;*/
/*}*/
.bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .event .part-team .s-team img.team-icon {
  height: 22px;
  width: auto;
}
.bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .event .part-team .s-team span.team-name {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.01em;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #a48434 -11.44%, #305B9F 123.42%);
  opacity: 0.8;
}
.bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .event .event-name {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: rgba(92, 97, 114, 0.5);
  display: block;
  margin-bottom: -6px;
  margin-top: 7px;
}
@media (max-width: 991.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .event .event-name {
    margin-top: 2px;
  }
}
.bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .b-slip span.slip-number, .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .bet-type span.text,
.bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .bet-amount span.text, .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .b-odd span.text {
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.05em;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #a58534 -11.44%, #161d35 123.42%);
}
@media (max-width: 991.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .b-slip span.slip-number, .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .bet-type span.text,
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .bet-amount span.text, .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .b-odd span.text {
    font-size: 15px;
    line-height: 25px;
    width: 100px;
  }
}
.bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .date-n-time {
  margin: -6px 0 -7px;
}
.bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .date-n-time span {
  display: block;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .date-n-time span.date {
  color: rgba(92, 97, 114, 0.5);
  margin-bottom: -4px;
}
.bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .date-n-time span.time {
  color: #4D8E53;
}
.bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .status span {
  display: inline-block;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.05em;
}
.bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .status span.lost {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
}
.bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .status span.win {
  color: #4D8E53;
}
.bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .profit span.text {
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.05em;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
}
@media (max-width: 991.98px) {
  .bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .profit span.text {
    font-size: 15px;
    line-height: 25px;
  }
}
.bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .profit span.text.lost {
  position: relative;
}
.bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .profit span.text.lost:after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
}
.bettor-ranking .sports-body .playing-sports-all .single-tournament .all-tournament-match .single-t-match .profit span.text.win {
  background: unset;
  -webkit-text-fill-color: unset;
  -webkit-background-clip: unset;
  color: #4D8E53;
}
.bettor-ranking .sports-body .playing-sports-all.no-tabs-here .single-tournament {
  margin-bottom: 30px;
}
.bettor-ranking .sports-body .playing-sports-all.no-tabs-here .single-tournament:last-child {
  margin-bottom: 0;
}/*# sourceMappingURL=style.css.map */

.que-no{
    font-weight: 900;
    color: #161d35;
}

.event-text{
    font-size: 17px;
}
/* Main container */
.bet-container {
    background: #fff;
    border-radius: 8px;
    padding: 16px;
    box-shadow:0px 0px 45px rgba(0, 0, 0, 0.1);
    /*max-width: 500px;*/
    margin: auto;
}

/* Traders info */
.bet-traders-info {
    font-size: 14px;
    color: #666;
    margin-bottom: 8px;
}

/* Flexbox for aligning image and text */
.bet-content {
    display: flex;
    align-items: flex-start;
   
    gap: 12px;
}

/* Image Styling */
.bet-img img {
    width: 50px;
    height: 50px;
    border-radius: 30%;
    object-fit: cover;
}

/* Text Content */
.bet-text {
    flex: 1;
}

.bet-title {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 24px;
    text-align: left;
}

.bet-info {
    font-size: 14px;
    color: #666;
    margin-bottom: 8px;
}

.bet-info a {
    color: #007bff;
    text-decoration: none;
}

/* Buttons */
.bet-buttons {
    
    display: flex;
    gap: 100px;
}

.bet-btn {
    flex: 1;
    padding: 8px;
    text-align: center;
    border-radius: 6px;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
}

.bet-no {
    background: linear-gradient(144.14deg, #305B9F -11.44%, #161d35 123.42%);
    color: #fff;
    font-weight: 900;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
}
.bet-yes {
    background: linear-gradient(135.89deg, #CDA134 -5.11%, #a75f0f 97.89%);
    color: #fff;
    font-weight: 900;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
}


.bet-yes:hover {
    background: linear-gradient(135.89deg, #cda13466 -5.11%, #a75f0f 97.89%);
    color: #fff;
}

.bet-no:hover {
    background: linear-gradient(135.89deg, #d1cfc8 -5.11%, #172032 97.89%);
    color: #fff;
}