/* =================================
   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, #D03355 -5.11%, #FB7A6B 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, #D03355 -5.11%, #FB7A6B 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, #4D233F -11.44%, #305B9F 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(108.99deg, #FF5176 -21.01%, #FB7A6B 45.45%);
}

.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, #D03355 -5.11%, #FB7A6B 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, #4D233F -11.44%, #305B9F 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: 35px;
        margin-right: 10px;
    }
}

@media (max-width: 575.98px) {
    .preloader .icon img {
        width: 30px;
    }
}

.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, #4D233F -11.44%, #305B9F 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, #D03355 -5.11%, #FB7A6B 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, #FB7A6B -5.11%, #D03355 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, #D03355 -5.11%, #FB7A6B 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: #161D35;
    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(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-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, #D03355 -5.11%, #FB7A6B 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: transparent;
    border: 2px solid #413a67;
    color: #413a67;
    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(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-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: 0 2px;
}

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: #29589A;
    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: #FB355E;
}

@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: transparent;
} */

@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, #D03355 -5.11%, #FB7A6B 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, #4D233F -11.44%, #305B9F 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, #D03355 -5.11%, #FB7A6B 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, #D03355 -5.11%, #FB7A6B 97.89%);
    border: none;
    box-shadow: none;
    border-radius: 0;
    width: 45px;
    height: 45px;
    padding: 0;
    line-height: 0;
    display: flex;
    color: #ff7079;
    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, #4D233F -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: #222A4C;
    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: #ff7079;
}

@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, #D03355 -5.11%, #FB7A6B 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, #D03355 -5.11%, #FB7A6B 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: #ff7079;
}

.header .mainmenu .navbar .scalation .navbar-nav .nav-item.dropdown:hover .nav-link.dropdown-toggle:after {
    transform: rotate(180deg);
    color: #ff7079;
}

@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, #D03355 -5.11%, #FB7A6B 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, #4D233F -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, #D03355 -5.11%, #FB7A6B 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, #D03355 -5.11%, #FB7A6B 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, #D03355 -5.11%, #FB7A6B 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, #D03355 -5.11%, #FB7A6B 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, #D03355 -5.11%, #FB7A6B 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, #D03355 -5.11%, #FB7A6B 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: #161D35;
    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, #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: 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: 0;
    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, #D03355 -5.11%, #FB7A6B 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, #D03355 -5.11%, #FB7A6B 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, #D03355 -5.11%, #FB7A6B 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, #4D233F -11.44%, #305B9F 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, #D03355 -5.11%, #FB7A6B 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, #D03355 -5.11%, #FB7A6B 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, #D03355 -5.11%, #FB7A6B 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, #D03355 -5.11%, #FB7A6B 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, #D03355 -5.11%, #FB7A6B 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, #D03355 -5.11%, #FB7A6B 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: #FB355E;
    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, #D03355 -5.11%, #FB7A6B 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: '70%';
    object-fit: contain;
    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, #D03355 -5.11%, #FB7A6B 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, #D03355 -5.11%, #FB7A6B 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, #D03355 -5.11%, #FB7A6B 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: #FB355E;
}

.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, #D03355 -5.11%, #FB7A6B 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, #D03355 -5.11%, #FB7A6B 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: '70%';
    object-fit: contain;
}

.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, #D03355 -5.11%, #FB7A6B 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, #D03355 -5.11%, #FB7A6B 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: #29589A;
    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: #FB355E;
    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: '70%';
    object-fit: contain;
}

@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;
    min-width: 160px;
}

@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, #D03355 -5.11%, #FB7A6B 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: #29589A;
    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: #FB355E;
    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, #D03355 -5.11%, #FB7A6B 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, #D03355 -5.11%, #FB7A6B 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, #D03355 -5.11%, #FB7A6B 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, #D03355 -5.11%, #FB7A6B 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: #29589A;
    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: #FB355E;
    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: 23px;
    line-height: 33px;
    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: 16px;
    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: 40px 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: '70%';
    object-fit: contain;
}

@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;
    min-width: 160px;
}

@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, #D03355 -5.11%, #FB7A6B 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: #29589A;
    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: #FB355E;
    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, #D03355 -5.11%, #FB7A6B 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: '70%';
    object-fit: contain;
}

@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, #4D233F -11.44%, #305B9F 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: #29589A;
    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: #FB355E;
    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, #D03355 -5.11%, #FB7A6B 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%);
}

@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: 22px;
    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;
    }
}

@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: #FB355E;
    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: #29589A;
    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, #D03355 -5.11%, #FB7A6B 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: #FB355E;
    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: #29589A;
    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, #D03355 -5.11%, #FB7A6B 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, #D03355 -5.11%, #FB7A6B 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, #4D233F -11.44%, #305B9F 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;
}

@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;
}

.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, #4D233F -11.44%, #305B9F 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, #FF5176 -21.01%, #FB7A6B 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: 0;
    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: #29589A;
    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: #FB355E;
    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, #D03355 -5.11%, #FB7A6B 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, #D03355 -5.11%, #FB7A6B 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, #4D233F -11.44%, #305B9F 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: 120px 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, #D03355 -5.11%, #FB7A6B 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 45px rgba(0, 0, 0, 0.1);
    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, #D03355 -5.11%, #FB7A6B 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, #4D233F -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, #4D233F -11.44%, #305B9F 123.42%);
    font-weight: 600;
    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, #4D233F -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, #D03355 -5.11%, #FB7A6B 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, #D03355 -5.11%, #FB7A6B 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, #D03355 -5.11%, #FB7A6B 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, #D03355 -5.11%, #FB7A6B 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, #D03355 -5.11%, #FB7A6B 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, #D03355 -5.11%, #FB7A6B 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, #D03355 -5.11%, #FB7A6B 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, #4D233F -11.44%, #305B9F 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, #4D233F -11.44%, #305B9F 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("/assets/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(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
    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("/assets/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: 24px;
    line-height: 34px;
    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, #4D233F -11.44%, #305B9F 123.42%);
}

@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, #FF5176 -21.01%, #FB7A6B 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, #D03355 -5.11%, #FB7A6B 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(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
    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: #29589A;
    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: #FB355E;
    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, #4D233F -11.44%, #305B9F 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, #4D233F -11.44%, #305B9F 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: 120px 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, #D03355 -5.11%, #FB7A6B 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, #4D233F -11.44%, #305B9F 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, #D03355 -5.11%, #FB7A6B 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: #ff7079;
    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, #D03355 -5.11%, #FB7A6B 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, #D03355 -5.11%, #FB7A6B 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, #D03355 -5.11%, #FB7A6B 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, #D03355 -5.11%, #FB7A6B 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, #D03355 -5.11%, #FB7A6B 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: 80px 0;
    }
}

@media (max-width: 767.98px) {
    .bettor-ranking {
        padding: 60px 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, #D03355 -5.11%, #FB7A6B 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, #D03355 -5.11%, #FB7A6B 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: 984px;
    }
}

.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: "Country";
    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: 16px;
        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: "Bet Slip";
    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: "Type";
    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: "Status";
    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, #4D233F -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, #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 .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;
    }
}

.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, #D03355 -5.11%, #FB7A6B 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 */

@media (min-width: 992px) {
    .main-container {
        padding-left: 280px;
    }
    .custum-forms .tab-pane.active,
    .custum-forms,
    .custum-forms-2 {
        display: flex;
        flex-wrap: wrap;
    }
    .custum-forms div {
        flex: 0 0 auto;
        width: 50%;
    }
    .custum-forms div:has(.checkboxinput) {
        flex: 0 0 auto;
        width: 50%;
        padding: 0 0.5rem;
    }
    /* .custum-forms .checkboxinput {
        margin-left: 20px;
        width: 100%;
    } */
    .custum-forms div:has(textarea) {
        width: 100% !important;
    }
    .custum-forms-2 div {
        flex: 0 0 auto;
        width: 100%;
    }
    .custum-forms-2 div:has(.checkboxinput) {
        flex: 0 0 auto;
        width: 50%;
    }
}

.custum-forms div,
.custum-forms-2 div {
    padding: 0 0.5rem;
    margin-bottom: 1rem !important;
}

.floating_label,
.custum-forms div,
.custum-forms-2 div {
    position: relative;
}
.custum-forms .select2-selection,.custum-forms-2 .select2-selection{
    border: none !important ;
}
.custum-forms .select2-container,.custum-forms-2 .select2-container{
    display: block !important ;
    width: 100% !important ;
    padding: 0.27rem .75rem !important ;
    font-size: 1rem !important ;
    font-weight: 400 !important ;
    line-height: 1.5 !important ;
    color: var(--bs-body-color) !important ;
    background-color: var(--bs-form-control-bg) !important ;
    background-clip: padding-box !important ;
    border: var(--bs-border-width) solid var(--bs-border-color) !important ;
    -webkit-appearance: none !important ;
    -moz-appearance: none !important ;
    appearance: none !important ;
    border-radius: .375rem !important ;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important ;
}

.filter-form [id^="div_id"] {
    min-width: 150px;
}

.floating_label .form-label,
.custum-forms div:not(:has(.checkboxinput))>label,
.custum-forms-2 div:not(:has(.checkboxinput))>label {
    position: absolute;
    top: -10px;
    left: 16px;
    background: white;
    padding: 0 5px;
    font-size: 12px;
    margin: 0;
    border-radius: 13px;
    z-index: 10;
}
.custum-forms div:has(select[multiple]) ,.custum-forms-2 div:has(select[multiple]){
    width: 100% !important;
}

.cric-btn {
    background: linear-gradient(135.89deg, #D03355 -5.11%, #FB7A6B 97.89%);
    font-size: 15px;
    padding: 0px 10px;
    line-height: 30px;
    z-index: 2;
    border-radius: 3px;
    position: relative;
    color: #fff;
}

.cric-btn:hover {
    color: #fff;
}

.cric-btn:after {
    position: absolute;
    content: "";
    left: -2px;
    top: 1px;
    bottom: 1px;
    right: -2px;
    background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
    z-index: -1;
    border-radius: 3px;
    transition: all 0.3s ease-in;
    opacity: 1;
}

.min-icon {
    padding: 13px;
    font-size: 12px;
}

.cric-bg {
    background: linear-gradient(144.14deg, #4D233F -11.44%, #305B9F 123.42%);
    color: #fff;
}

.cancel-btn {
    padding: 0px 10px;
    height: 32px;
    color: #fff;
}

.daj-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-body {
    max-height: 67vh;
    overflow-y: auto;
}

.modal-footer {
    justify-content: center;
}

.object-fit-contain {
    object-fit: contain !important;
}

.rounded-1_3 {
    border-radius: 1.3rem !important;
}

.match-card{
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(238, 238, 238);
    border-radius: 8px !important;
}
.match-card .nav-tabs .nav-link{
    color: #72797f;
}
.match-card .nav-tabs .nav-link:hover{
    color: #222A4C;
    border-bottom: #222A4C solid 2px !important;
}
.match-card .nav-tabs .nav-link.active{
     color: #222A4C;
    border-bottom: #222A4C solid 2px !important;
}
.rounded-bottom-4{
    border-bottom-right-radius: 0.5rem !important;
    border-bottom-left-radius: .5rem !important;
}
.profile-head .match-card{
    background: linear-gradient(135.89deg, #D03355 -5.11%, #FB7A6B 97.89%);
   min-width: 130px;
}
.profile-head{
    background: linear-gradient(135.89deg, #D03355 -5.11%, #FB7A6B 97.89%);
    color:#fff;
}
.border-dashed-top{
    border-top: 2px dashed #dee2e6 !important;
}
.striker-row span.d-none{
    display: block !important;
}