body {
    color: #363636;
    font-family: "Poppins", sans-serif !important;
    counter-reset: section;
    font-size: 16px;
}

/* =============== */
/* --------------------------------------------------levelup--------------------------------------------- */
.profile-top h1 {
    text-align: center;
}
.Level-occupancy {
    margin-top: 50px;
}
.Level-occupancy h2 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 25px;
}
.level-prize {
    display: flex;
    flex-wrap: wrap;
    margin-top: 4rem !important;
}
.level-card {
    width: calc(100% / 3.2);
    background: #900400;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}
.level-prize .level-card .info-btn {
    width: 25px;
    height: 25px;
    object-fit: cover;
}
.levelup-image {
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 236px;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.levelup_1 {
    background-image: url("../images/level_1.png");
}
.levelup_2 {
    background-image: url("../images/level_2.png");
}
.levelup_3 {
    background-image: url("../images/level_3.png");
}
.levelup_4 {
    background-image: url("../images/level_4.png");
}
.levelup_5 {
    background-image: url("../images/level_5.png");
}
.icon-tooltip {
    position: relative;
}
.icon-tooltip .tooltip-text {
    width: 200px;
    background: #000;
    color: #fff;
    position: absolute;
    font-size: 12px;
    padding: 6px;
    border-radius: 5px;
    top: 100%;
    right: 0;
    margin-left: -60px;
    visibility: hidden;
    text-align: center;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    z-index: 3;
}
.icon-tooltip:hover .tooltip-text {
    visibility: visible;
}
.level-prize .level-card h5 {
    color: #fff;
    position: absolute;
    top: 6px;
    right: 10px;
    z-index: 1;
}
.level-prize .level-card a,
.level-prize .level-card .level-lock {
    width: 40px;
    z-index: 1;
}
.level-prize .level-card .level-overlay {
    position: absolute;
    /* background: rgb(144 4 0 / 55%); */
    background: #dcdcdcbf;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.level-prize .level-card h4 {
    font-size: 18px;
    color: #fff;
    line-height: 24px;
}
.level-prize .level-card .levelup-detail {
    padding: 10px 20px;
    position: relative;
}
.level-prize .level-card .levelup-detail .upgrade-btn {
    width: 100%;
    height: 40px;
    margin: 14px 0;
    background: #000;
    border-radius: 10px;
    padding: 0 10px;
}
.level-prize .level-card .levelup-detail .upgrade-btn:hover {
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
}
.level-prize .level-card .levelup-detail .upgrade-btn .btn {
    background: #000;
    color: #fff;
    font-size: 14px;
    border: none;
}

.level-data.d-flex.justify-content-between.align-items-center {
    height: 100px;
    position: relative;
}
.level-prize .level-card small {
    color: #fff;
    margin-top: 12px;
}
/* =====21-06=== */
.hover-bg:has(:focus-within) {
    background: #6c0906;
}
.container {
    max-width: 95% !important;
    margin: 0 auto !important;
}

#tch-label::before {
    counter-increment: section;
    content: counter(section) ". ";
}

input:focus-visible,
textarea:focus-visible {
    box-shadow: none !important;
}

.area-1-title {
    min-width: 70px;
}

nav .container ul.nav .cancel {
    display: none;
}
nav .container .toggle {
    display: none;
}
/***** login Signup pages *****/

.row .custom-padding {
    padding: 1.8rem 3.1rem;
}

.ccn-logo-login-signup {
    width: 10rem;
    height: 3.1rem;
    object-fit: contain;
}
.requestfeedback-car-form .radio-card{
    width: 48% !important;
}
.requestfeedback-car-form .radio-card img{
    height:170px !important;
}
.form {
    /* height: calc(100vh - 6.8rem); */
    margin-top: 2rem;
}

.form .form-title {
    margin-bottom: 2rem;
}

.form form .btn.btn-login-signup {
    min-width: 9rem;
    height: 2.5rem;
    background: #0E1E37;
    color: #fff;
    border: none;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    font-weight: 600;
    font-size: 0.9rem;
}

.form form .form-text {
    font-size: 0.9rem;
}

.form form .form-text a {
    color: #2D3E5C;
    font-weight: 600;
    text-decoration: none;
}

.form form .form-control,
.form form .form-select,
.form form .form-control:focus,
.form form .form-select:focus {
    min-height: 2.5rem;
    border: 0px;
    border-bottom: 1px solid #363636;
    border-radius: 0px;
    box-shadow: none;
}

.form form label {
    font-size: 0.9rem;
}

.form form .form-check-input:focus {
    box-shadow: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    border-color: rgba(0, 0, 0, 0.25);
}

.form form .form-check-input:checked {
    background-color: #C3C3C3;
    border-color: #C3C3C3;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.position-md-fixed {
    position: fixed;
}

.login-signup-banner-img {
    height: 100vh;
    object-fit: contain;
}
.right-sidewrap-overlap{
    background: #000000ab;
    position: absolute;
    inset: 0 0 0 0;
}

.Login-signup-notes {
    top: 0;
    left: 0;
    right: 0;
    padding: 1.8rem 3.1rem;
    z-index: 1;
    color: #fff;
    max-width: 90%;
    margin: 0 auto;
}

.Login-signup-notes .Login-signup-notes-title {
    font-size: 2.1rem;
    margin-bottom: .8rem;
    font-weight: 500;
}

.Login-signup-notes .Login-signup-notes-note,
.Login-signup-notes .Login-signup-notes-link {
    font-size: 1rem;
    margin-bottom: 1rem;
}

.Login-signup-notes .Login-signup-notes-link a {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

.mob-only {
    display: none;
}

.wave {
    bottom: -1px;
    transform: rotate(180deg);
}

.btn-addmore,
.btn-addmore:hover,
.btn-addmore:focus {
    outline: none;
    border: none;
    display: flex;
    align-items: center;
    background: none;
    margin-left: auto;
}

.btn-addmore img {
    margin-right: 4px;
}

#backToStepOne {
    height: 100%;
    cursor: pointer;
    object-fit: contain;
}

.remove-tch {
    margin-left: auto;
    cursor: pointer;
}

.form-check-input-custom {
    width: 1rem;
    height: 1rem;
}

/***** End login Signup pages *****/

/***** Home Page *****/

/***** Nav Navigation *****/
nav {
    height: 80px;
    display: flex;
    align-items: center;
    /* background: #fff; */
    background-color: #f6f6fb;
    position: sticky;
    top: 0;
    z-index: 9999;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
}

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

nav .container .menu {
    list-style: none;
    margin: 0px;
}

nav .container .menu li {
    padding: 0px 25px;
}

nav .container .menu li a {
    text-decoration: none;
    color: #363636;
}

/***** End Nav Navigation *****/

/***** main home page *****/

/***** 
nt *****/
.event {
    box-shadow: 0px 0px 4px rgb(217 217 217);
    overflow: hidden;
    margin-bottom: 20px;
}

.event .event-image {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.event .event-detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #900400;
}

.event .event-detail .evnet-date {
    background: #900400;
    color: #fff;
    width: 30%;
    height: 100%;
    height: 100%;
    text-align: center;
    font-size: 28px;
    /* padding: 10px; */
    font-weight: 600;
}

.event .event-detail .event-other-details {
    padding: 10px;
    background: #fff;
    width: 70%;
    color: #363636;
}

.event .event-detail .event-other-details .event-title {
    font-size: 1.2rem;
}

.event .event-detail .event-other-details p {
    margin: 0;
    font-size: 0.9rem;
}

.event .overlap {
    top: 0;
    background: #000000a6;
    width: 100%;
    height: 100%;
    display: none;
}

.event:hover .overlap {
    display: flex;
}

.event .overlap .btn-apply {
    color: #fff;
    border: 1px solid #fff;
    min-width: 150px;
    height: 48px;
}

.event .overlap .btn-apply:hover {
    background: #900400;
    color: #ffffff;
    border-color: #900400;
}

/* *** second event*** */

.event1 {
    box-shadow: 0px 0px 4px rgb(217 217 217);
    overflow: hidden;
    margin-bottom: 20px;
}

.event1 .event-image {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.event1 .event-detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #900400;
}

.event1 .event-detail .evnet-date {
    background: #900400;
    color: #fff;
    width: 30%;
    height: 100%;
    height: 100%;
    text-align: center;
    font-size: 28px;
    padding: 10px;
    font-weight: 600;
}

.event1 .event-detail .event-other-details {
    padding: 10px;
    background: #fff;
    width: 70%;
    color: #363636;
}

.event1 .event-detail .event-other-details .event-title {
    font-size: 1.2rem;
}

.event1 .event-detail .event-other-details p {
    margin: 0;
    font-size: 0.9rem;
}

.event1 .overlap {
    top: 0;
    background: #000000a6;
    width: 100%;
    height: 100%;
    display: none;
}

/***** End Event *****/
.event-top-heading {
    margin: 2rem 0px;
}

.team-title {
    font-weight: 600;
    margin-bottom: 2rem;
}

.team-title span {
    color: #900400;
}

/***** Register Event Page *****/
.fees {
    background: #f4f3f3;
    position: sticky;
    top: 80px;
}

.fees h4 {
    font-size: 1.3rem;
}

.fees .btn-ptp {
    background: #900400;
    color: #ffffff;
    border: 0px;
    outline: none;
    height: 40px;
    padding: 0px 1rem;
    border-radius: 4px;
    margin-top: 1.2rem;
    font-size: 16px;
}

/***** End Register Event Page *****/

/***** Footer *****/
footer {
    background-color: #e7e7e7;
    text-align: center;
    height: 200px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

footer img {
    margin-bottom: 1.2rem;
    width: 150px;
}

footer p {
    font-size: 16px;
    margin: 0px;
    color: #000;
}

/***** End Footer *****/

/***** End Home Page *****/

/* Judges */
.filter-athletes {
    top: 90px;
    position: sticky;
    background: #f7f7f7;
    padding: 1rem;
    font-size: 16px;
}

.filter-athletes h4 {
    font-size: 22px;
    margin-bottom: 1rem;
}

.filter-athletes .form-check,
.filter-athletes .form-check label {
    cursor: pointer;
}

.cards a,
.cards a:hover {
    color: #363636;
    text-decoration: none;
}

.cards .usercard img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.usercard {
    padding: 0px;
    box-shadow: 0px 0px 4px 0px #d1d1d1;
}

.usercard .details {
    padding: 10px;
}

.usercard .details h4 {
    font-size: 18px;
    margin: 0px;
}

.usercard .details p {
    font-size: 14px;
    color: #6f6f6f;
}

/* signle-user  */
.back-gym {
    background: url(../images/123.jpg) no-repeat center;
    background-size: cover;
    width: 100%;
}

.back-gym .user-single {
    min-height: calc(100vh - 80px);
    color: #fff;
}

@keyframes growProgressBar {
    0%,
    33% {
        --pgPercentage: 0;
    }

    100% {
        --pgPercentage: var(--value);
    }
}

@property --pgPercentage {
    syntax: "<number>";
    inherits: false;
    initial-value: 0;
}

div[role="progressbar"] {
    --size: 8rem;
    --fg: #369;
    --bg: #def;
    --pgPercentage: var(--value);
    animation: growProgressBar 3s 1 forwards;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: radial-gradient(closest-side, white 80%, transparent 0 99.9%, white 0), conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0);
    font-family: Helvetica, Arial, sans-serif;
    font-size: calc(var(--size) / 5);
    color: var(--fg);
}

div[role="progressbar"]::before {
    counter-reset: percentage var(--value);
    content: counter(percentage);
}

.hr {
    transform: rotate(90deg);
    height: 0px;
    border: 1px solid;
    width: 90px;
    background: #363636;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
}

/* Single event page for athlete */

.banner-head {
    background: url(../images/single-event-bg.jpg) no-repeat center;
    background-size: cover;
    /* min-height: calc(100vh - 80px); */
    /* padding-top: ; */
}

.banner-head .event-banner-image {
    margin-top: 20px;
}

/* .banner-head .container {
    min-height: calc(100vh - 80px);
} */

.banner-head h1 {
    font-size: 52px;
    margin-bottom: 1.5rem;
}

.banner-head p {
    font-size: 18px;
    color: #838383;
    width: 500px;
    margin-bottom: 2rem;
    line-height: 32px;
}

.banner-head .event-meta {
    background-color: #900400;
    color: #ffffff;
    height: 80px;
    border-radius: 10px;
    min-width: 670px;
}

.banner-head .event-meta div {
    font-size: 16px;
    display: flex;
    align-items: center;
}

.banner-head .event-meta div img {
    margin-right: 10px;
}

.warnings {
    padding: 40px 0px;
}

.warnings h2 {
    font-size: 24px;
    color: #900400;
    margin-bottom: 0.8rem;
}

.warnings p {
    font-size: 16px;
}

.warnings .video-rules {
    margin-top: 40px;
}

.warnings .video-rules h4 {
    font-size: 24px;
}

.warnings .video-rules ul {
    font-size: 16px;
}

.warnings .video-rules ul li {
    margin-bottom: 10px;
}

.warnings .event-code {
    width: fit-content;
    margin: 60px auto;
}

.warnings .event-code div {
    color: #900400;
    height: 60px;
    width: 300px;
    border: 1px solid #900400;
    font-size: 24px;
}

.event-videos {
    margin-bottom: 40px;
}

.event-videos h4 {
    font-size: 24px;
    margin-bottom: 36px;
}

.event-videos .video-group {
    margin-bottom: 40px;
}

.event-videos .videos {
    width: 70%;
}

.event-videos .rules {
    padding: 20px;
    position: sticky;
    top: 100px;
    height: fit-content;
}

.event-videos .scrollspy-example {
    background: #fff !important;
}

.nav-rule {
    display: none !important;
}

.link-scroll .nav-item {
    color: #900400;
    height: 60px;
    width: 300px;
    border: 1px solid #900400;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.link-scroll .nav-item a {
    font-size: 24px;
    color: #900400;
    text-decoration: none;
}

.event-videos .rules h4 {
    font-size: 16px;
    margin-bottom: 20px;
}

.event-videos .rules p {
    margin-bottom: 10px;
}

.event-videos .rules .small {
    font-size: 12px;
    color: #900400;
    margin-bottom: 15px;
}

.event-videos .rules a {
    font-size: 14px;
    color: #000000;
    text-decoration: none;
    margin: 0px;
}

.event-videos .rules a:hover {
    color: #900400;
}

.event-videos .videos .vid {
    width: 40%;
    height: 220px;
    border: 1px dashed #000000;
}

.event-videos .videos .vid label {
    cursor: pointer;
}

.event-videos .videos .vid .up img {
    margin-bottom: 10px;
    width: 71px;
    height: 71px;
    object-fit: contain;
}

.event-videos .videos .vid .r-video-icon {
    position: absolute;
    top: 8px;
    left: auto;
    right: 10px;
    z-index: 2;
    cursor: pointer;
}

.rules-tabs {
    display: flex;
    justify-content: center;
}

.rules-tabs .nav-item .rules-tabs1 {
    color: #900400 !important;
    height: 60px;
    width: 300px;
    border: 1px solid #900400 !important;
    font-size: 24px;
    margin-bottom: 30px;
}

#show_Prejudging_Video,
#show_Walk_Video {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* profile_page */
.profile-img-upload {
    width: fit-content;
}

.profile-img-upload .profile_picture {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    /* object-fit: cover; */
}

img.change_pp {
    position: absolute;
    bottom: 12px;
    right: 4px;
    cursor: pointer;
}

.s-nav {
    border-right: 0.2px solid #4f4f4f52;
}

.s-nav h4 {
    font-size: 22px;
    margin: 0px;
    margin-top: 15px;
}

.s-nav p {
    font-size: 16px;
}

.s-nav ul {
    margin: 0px;
    list-style: none;
    padding: 0;
}

.s-nav ul li {
    margin-bottom: 20px;
}

.s-nav ul li a {
    color: #363636;
    text-decoration: none;
    font-size: 16px;
}

.s-nav ul li.active a {
    color: #900400;
}

.profile-details,
.security,
.my-events {
    padding: 30px 10px;
}

.profile-details p {
    font-size: 16px;
    margin: 0px;
}

.profile-details label,
.profile-details input,
.security label,
.security input {
    font-size: 16px;
}

.profile-details .ccn-submit,
.security .ccn-submit {
    width: 200px;
    height: 40px;
    background: #ffffff;
    border: 1px solid #900400;
    font-size: 16px;
    color: #900400;
}

.s-nav .nav-tabs .nav-link {
    border: 0px;
    margin: 0 auto;
    color: #363636;
    font-size: 16px;
}

.s-nav .nav-tabs .nav-link.active {
    color: #900400;
}

.my-events .event .event-image {
    height: 330px;
}

.my-events .event .event-detail .evnet-date {
    font-size: 16px;
}

.my-events .event .event-detail .event-other-details .event-title {
    font-size: 16px;
}

.my-events .event .event-detail .event-other-details p {
    font-size: 14px;
}

.filters {
    overflow-x: scroll;
}

.filters::-webkit-scrollbar {
    display: none;
}

.filters,
.filters select,
.filters select option {
    font-size: 14px;
}

.filters select {
    min-width: 200px;
}

.users-grid img {
    object-fit: cover;
}

.users-grid h4 {
    font-size: 22px;
    padding: 4px 10px;
}

.users-grid .age-cou {
    background: #900400;
    color: #ffffff;
}

.users-grid .age-cou p {
    font-size: 16px;
    padding: 4px 10px;
}

.nav-pills .nav-link.active {
    background-color: transparent !important;
}

/* users-list */
.users-list .user-box {
    display: flex;
    flex-flow: column;
    width: 100%;
    max-width: 49%;
    font-size: 14px;
    border-radius: 5px;
    box-shadow: 0px 0px 2px #999999;
}

.users-list .user-box .user-details img {
    width: 180px;
    height: 180px;
    object-fit: contain;
}

.vid-number {
    background: #900400;
    color: #ffffff;
    width: 50px;
    height: 50px;
    font-size: 18px;
    z-index: -1;
}

input[disabled] {
    background: transparent !important;
}

.users-list .user-box .scores {
    background: #900400;
    color: #ffffff;
    width: 50%;
}

.classTabs {
    font-size: 14px;
}

.classTabs .nav-link,
.classTabs .nav-link:hover {
    color: #363636;
    border: 1px solid #999999 !important;
    border-radius: 10px !important;
    margin-right: 10px;
}

.classTabs .nav-link.active {
    background-color: #900400 !important;
}

.container .classTabs {
    overflow-x: scroll;
    flex-wrap: nowrap;
    white-space: nowrap;
    padding-bottom: 15px;
}

.container .classTabs::-webkit-scrollbar {
    height: 4px;
    margin-top: 15px;
}

.container .classTabs::-webkit-scrollbar-thumb {
    background-color: #900400;
    border-radius: 10px;
}

.scores table input {
    width: 90px;
    height: 21px;
    background: transparent;
    border: 0px;
    color: #ffffff;
}

.scores table input:focus {
    background: transparent;
    box-shadow: none;
    color: #ffffff;
}

.notes {
    padding-top: 10px;
}

.notes ul li button,
.notes ul li button:hover {
    color: #363636;
    font-size: 14px;
    padding: 0px;
    border-radius: 0px;
    padding-bottom: 10px;
}

.notes ul li:not(:last-child) {
    margin-right: 18px;
}

.notes ul li button.active {
    color: #900400 !important;
    border-bottom: 2px solid #900400;
    border-radius: 0px;
}

/* .notes div {
    display: flex;
    align-items: center;
} */

.notes div p {
    margin: 0px;
}

.notes div img {
    margin-right: 10px;
}

aside.class_filter {
    background: #f7f7f7db;
    padding: 30px;
    position: sticky;
    top: 100px;
}

aside.class_filter h4 {
    font-size: 22px;
    color: #363636;
    margin-bottom: 15px;
}

aside.class_filter ul li {
    font-size: 14px;
}

.scoreCard .userProfileImage {
    width: 160px;
    height: 160px;
    object-fit: cover;
    margin-right: 20px;
}

.scoreCard .info .uName {
    font-size: 28px;
    color: #900400;
    margin-bottom: 15px;
}

.scoreCard .info p {
    font-size: 14px;
    margin-bottom: 5px;
}

.scores {
    background: #900400;
    color: #ffff;
    font-weight: 300;
    font-size: 14px;
    padding: 25px;
    width: 40%;
    border-radius: 15px;
}

.scores p {
    margin-bottom: 10px !important;
}

.notes img {
    width: 25px;
}

.notes p {
    font-size: 14px;
    margin-top: 10px;
}

.scoreCard .sc {
    margin-bottom: 15px;
    padding: 10px;
    box-shadow: 0px 0px 5px #cccccc;
    border-radius: 6px;
}

.info .uName {
    font-size: 22px;
}

.info p {
    font-size: 14px;
    margin-bottom: 4px !important;
}

.pre-j-vid a video,
.walk-vid a video,
.pre-j-vid img,
.walk-vid img {
    width: 100%;
    max-width: 150px;
    height: 100px;
    object-fit: cover;
}

.pre-j-vid p,
.walk-vid p {
    font-size: 14px;
    text-align: center;
}

.card-scores {
    background: #900400;
    color: #ffffff;
    font-size: 14px;
    width: 50%;
    padding: 15px;
    border-radius: 10px;
    height: fit-content;
}

.card-scores p {
    margin-bottom: 5px !important;
}

.card-scores .mb-10 {
    margin-bottom: 0px;
}

.card-scores .mb-10 p {
    margin-bottom: 0px !important;
}

.card-scores .s-title {
    border-bottom: 1px solid #ffffff;
    margin-bottom: 10px;
    padding-bottom: 8px;
}

.card-scores .s-title h4 {
    font-size: 18px;
}

.card-scores .s-title p {
    margin-bottom: 0px !important;
}

.users-list {
    padding: 10px;
    box-shadow: 0px 0px 2px #c0c0c0;
    border-radius: 5px;
    width: 48%;
    min-width: 48%;
    max-width: 48%;
}

.v-title {
    font-size: 18px;
    margin: 0.6rem 0px;
}

.Ath-info {
    width: 50%;
}

.other-info-details {
    font-size: 14px;
}

.fifilter {
    overflow-x: scroll;
    width: 100%;
    padding-bottom: 10px;
}

.fifilter::-webkit-scrollbar {
    height: 4px;
    margin-top: 15px;
}

.fifilter::-webkit-scrollbar-thumb {
    background-color: #900400;
    border-radius: 10px;
}

.fifilter,
.fifilter select {
    font-size: 14px;
}

.notes textarea {
    font-size: 14px;
    outline: none;
}

select .finalscores {
    text-align: initial !important;
}

.finalscores {
    background: transparent;
    border: 0 !important;
    color: #fff !important;
    outline: none !important;
    text-align: right;
    padding: 0px !important;
    width: 40px !important;
    border-radius: 0;
    font-size: 14px !important;
}

.finalscores:focus {
    color: #fff !important;
}

textarea[disabled] {
    background: transparent;
}

.btn-edit-notes {
    background-color: #900400;
    color: #ffffff;
    padding: 4px 15px;
    border: 0px;
    cursor: pointer;
    border-radius: 5px;
}

.btn-score-save,
.btn-lock-score {
    border: 1px solid #ffffff;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 12px;
    min-width: 110px;
    margin-bottom: 10px;
    color: #000 !important;
}

.v-title li button,
.v-title li button:hover {
    color: #363636;
    font-size: 16px;
}

.v-title ul li button.active {
    color: #8d0400 !important;
    border-bottom: 2px solid;
    border-radius: 0px;
}

.fifilter .form-select:focus {
    border-color: #ced4da;
    box-shadow: none;
}

.deduct {
    margin: 0px;
    list-style-image: url(../images/icons/corner-down-right.svg);
}

.with-info {
    display: flex;
    align-items: center;
    flex-flow: row-reverse;
}

.mb-10 .with-info img {
    margin-left: 5px;
    margin-bottom: 0px;
}

.with-info img {
    margin-bottom: 3px;
    margin-left: 5px;
}

.total {
    padding: 4px 0px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    margin: 10px 0px;
}

select.finalscores option {
    color: #000;
}

.edit-note {
    background: transparent;
    border: 1px solid #900400;
    color: #900400;
    font-size: 14px;
    min-width: 80px;
    transition: 0.2s linear;
}

.edit-note:hover {
    background: #900400;
    color: #ffffff;
}

.save-note {
    border: 1px solid #198754;
    color: #ffffff;
    background: #198754;
    font-size: 14px;
    min-width: 80px;
    transition: 0.2s linear;
}

.save-note:hover {
    background: transparent;
    color: #198754;
}

/* palcing */
img.icon-placing {
    width: 60px;
    background: #900400;
    padding: 15px;
    position: fixed;
    right: 0px;
    top: 30%;
    z-index: 9999;
    cursor: pointer;
    border-radius: 10px 0px 0px 10px;
    box-shadow: inset 0px 0px 5px 0px #ffffff;
}

#placing_and_scores_round_one,
#placing_and_scores {
    font-size: 14px;
}

#placing_and_scores_round_one .table-responsive,
#placing_and_scores .table-responsive {
    max-height: 700px;
}

#placing_and_scores_round_one table,
#placing_and_scores table {
    text-align: center;
}

#placing_and_scores_round_one table thead,
#placing_and_scores table thead {
    background: #900400;
    color: #ffffff;
    height: 60px;
    position: sticky;
    top: 0;
}

#placing_and_scores_round_one table tr,
#placing_and_scores table tr {
    vertical-align: middle;
}

#placing_and_scores_round_one table tr th,
#placing_and_scores_round_one table tr td {
    white-space: nowrap;
}

#placing_and_scores_round_one table img.user-picture,
#placing_and_scores table img.user-picture {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 10px;
}

#placing_and_scores_round_one table .uInfo,
#placing_and_scores table .uInfo {
    text-align: left;
}

#placing_and_scores_round_one table .uInfo h4,
#placing_and_scores table .uInfo h4 {
    font-size: 16px;
}

#placing_and_scores_round_one table .uInfo p,
#placing_and_scores table .uInfo p {
    font-size: 14px;
}

.final_score {
    height: 40px;
    background: green;
    width: 100px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 5px;
}

/***** Round 2 *****/

.round-2 aside {
    position: sticky;
    top: 150px;
}

.round-2 table {
    font-size: 12px;
    white-space: nowrap;
}

#placing_and_scores_round_two table {
    font-size: 14px;
    white-space: nowrap;
}

.round-2 table select,
#placing_and_scores_round_two table select {
    border: none;
    background: transparent;
    width: 100%;
    text-align: center;
    outline: none;
}

.round-2 .nav-pills .nav-item .nav-link {
    color: #363636;
}

.round-2 .nav-pills .nav-item .nav-link.active {
    background-color: #900400 !important;
    color: #ffffff;
}

.round-2 .img-wrapper img,
#placing_and_scores_round_two .img-wrapper img,
#placing_and_scores .img-wrapper img {
    width: 80px;
    height: 80px;
    object-fit: cover;
}

.round-2 .info-wrapper h4,
#placing_and_scores_round_two .info-wrapper h4,
#placing_and_scores .info-wrapper h4 {
    font-size: 1.2rem;
}

.round-2 .info-wrapper p,
#placing_and_scores_round_two .info-wrapper p,
#placing_and_scores .info-wrapper p {
    font-weight: 400;
}

.round-2 td select {
    min-width: 100px;
}

.asidelinklist a,
.asidelinklist a:hover {
    text-decoration: none;
    color: #363636;
}

a.asideLink.active {
    color: #ffffff;
}

.asideLink {
    display: block;
    padding: 10px;
    border-radius: 6px;
    text-align: center;
}

.asideLink.active {
    background: #900400;
}

#tabMuscularity,
#tabConditioning,
#tabSymmetry,
#tabSymmetry,
#tabXFrame,
#tabPosing,
#tabPresentation,
#tabWalkRoutine {
    padding-top: 150px;
    margin-top: -150px;
}

/* .card-wrapper {
    background-color: #f2f2f2;
    padding: 10px;
    border-radius: 10px;
}

.user-details-wrapper {
    min-width: 200px;
    background-color: #ffffff;
    padding: 10px;
    border-radius: 6px;
}

.card-wrapper .image-wrapper img {
    height: 190px;
    object-fit: cover;
    border-radius: 6px;
    object-position: top;
}

.table-scores-wrapper {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
}

.card-title-wrapper h4 {
    font-size: 1.2rem;
}

.table-scores-wrapper table .card-title-wrapper {
    background-color: #900501;
    border-radius: 6px 6px 0px 0px;
    color: #ffffff;
}

.athlete-details-wrapper h4 {
    font-size: 1.2rem;
}

.athlete-details-wrapper div {
    font-size: 14px;
} */
/***** End Round 2 *****/

/* Rules */
#Rules .banner {
    background: url(../images/rules-bg.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#Rules .allRules {
    padding: 40px 0px;
}

/* #Rules .u h1 {
    font-size: 30px;
    font-weight: 800;
    text-transform: capitalize;
    padding: 40px 0;
    margin: 0;
} */

#Rules .head2 {
    background: #900400;
    width: 100%;
    color: white;
    margin-top: 70px;
}

#Rules .head h2 {
    /* color: white; */
    font-size: 28px;
    font-weight: 700;
    margin: 0;
    margin-bottom: 20px;
    /* font-family: "Cinzel", serif; */
}

#Rules .head h1 {
    /* text-align: center; */
    font-size: 16px;
    font-weight: 800;
    /* margin-top: 35px; */
    color: #900400;
    margin: 0;
}

/* 
#Rules .line2 {
    width: 120px;
    height: 6px;
    background: #900400;
} */

#Rules .line {
    width: 1px;
    height: 89%;
    color: black;
    background: black;
    position: absolute;
    left: 50%;
    right: 50%;
    top: 46px;
}

#Rules .second-section h1 {
    font-size: 28px;
    font-weight: 700;
    color: #900400;
    text-align: center;
    margin-top: 25px;
}

#Rules .third-section h4 {
    font-size: 28px;
    font-weight: 700;
    color: #900400;
}

#Rules .third-section p {
    margin: 0;
}

#Rules .third-section p a {
    color: #900400;
}

#Rulesfaqction {
    margin-top: 60px;
}

#Rulesfaqction h1 {
    font-size: 32px;
    font-weight: 700;
    color: #900400;
    /* width: 400px; */
    /* margin-bottom: 26px; */
}

#Rules .space {
    margin: 20px 0;
    width: 100%;
    height: 1px;
    background: #363636;
}

#Rules .sixth-section {
    background: #900400;
    padding: 20px 0;
    margin: 0;
}

#Rules .fifth-header h1 {
    font-size: 28px;
    font-weight: 700;
    background: #900400;
    color: #fff;
    text-align: center;
    margin: 0;
}

#Rules .fifth-section .line-second {
    width: 1px;
    height: 428px;
    color: black;
    background: black;
    position: absolute;
    left: 50%;
    right: 50%;
    top: 56px;
}

#Rules .fifth-section .rule6 {
    margin-top: 70px;
}

#Rules .fifth-section .f p {
    margin: 0;
}

#Rules .fifth-section .f h4 {
    font-weight: 700;
    font-size: 24px;
    color: #900400;
}

#Rules .fifth-section .raw h1 {
    font-size: 28px;
    color: #900400;
}

#Rules .sixth-section h4 {
    font-size: 32px;
    color: #ffffff;
    text-align: center;
    margin: 0;
    font-weight: 700;
}

.sixth-section p {
    margin: 0;
    color: white;
    font-size: 17px;
}

#Rules .center-line1 {
    width: 1px;
    height: 90%;
    background: black;
    position: absolute;
    left: 50%;
    right: 50%;
    top: 110px;
}

#Rules .center-line {
    width: 1px;
    height: 95%;
    background: black;
    position: absolute;
    left: 50%;
    right: 50%;
    top: 56px;
}

#Rules i {
    font-size: 16px;
}

#Rules .criteria-head {
    padding: 60px 0;
}

#Rules .criteria-head h1 {
    font-size: 50px;
    font-weight: 800;
}

#Rules .scoring-box h1 {
    /* text-align: center; */
    color: #900400;
    /* padding-bottom: 30px; */
    font-size: 36px;
    font-weight: 700;
    margin: 0;
}

#Rules .scoring-box .perform {
    color: #767676;
    font-size: 15px;
    text-align: center;
    margin-bottom: 40px;
}

#Rules .h4 {
    color: #900400;
    font-weight: 800;
    font-size: 20px;
    text-align: center;
    margin: 40px 0;
}

#Rules .i-icon {
    position: absolute;
    left: 34%;
    top: 38%;
}

#Rules .i-icon2 {
    position: absolute;
    left: 65%;
    top: 71%;
}

#Rules .i-icon3 {
    position: absolute;
    left: 68%;
    top: 28%;
}

#Rules .i-icon4 {
    position: absolute;
    left: 32%;
    top: 71%;
}

/* red icon */
#Rules .i-iconr {
    position: absolute;
    left: 34%;
    top: 38%;
}

#Rules .i-iconr2 {
    position: absolute;
    left: 63%;
    top: 58%;
}

#Rules .i-iconr3 {
    position: absolute;
    left: 60%;
    top: 38%;
}

#Rules .i-iconr4 {
    position: absolute;
    left: 32%;
    top: 71%;
}

.contact-us h3 {
    margin-bottom: 25px;
    font-size: 36px;
    font-weight: 700;
}

#Rules .contact-us {
    background: #900400;
    color: white;
}

/* green icon info */

.i-icon {
    position: relative;
    display: inline-block;
    /* border-bottom: 1px dotted #00b533; */
}

.i-icon .tooltiptext {
    visibility: hidden;
    width: 140px;
    font-size: 14px;
    background-color: #00b533;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 120%;
    left: 50%;
    margin-left: -70px;
}

.i-icon .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #00b533 transparent;
}

.i-icon:hover .tooltiptext {
    visibility: visible;
}

.i-icon3 {
    position: relative;
    display: inline-block;
    /* border-bottom: 1px dotted #00b533; */
}

.i-icon3 .tooltiptext {
    visibility: hidden;
    width: 140px;
    font-size: 14px;
    background-color: #00b533;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 120%;
    left: 50%;
    margin-left: -70px;
}

.i-icon3 .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #00b533 transparent;
}

.i-icon3:hover .tooltiptext {
    visibility: visible;
}

.i-icon4 {
    position: relative;
    display: inline-block;
    /* border-bottom: 1px dotted #00b533; */
}

.i-icon4 .tooltiptext {
    visibility: hidden;
    width: 140px;
    font-size: 14px;
    background-color: #00b533;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 120%;
    left: 50%;
    margin-left: -70px;
}

.i-icon4 .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #00b533 transparent;
}

.i-icon4:hover .tooltiptext {
    visibility: visible;
}

.i-icon2 {
    position: relative;
    display: inline-block;
    /* border-bottom: 1px dotted #00b533; */
}

.i-icon2 .tooltiptext {
    visibility: hidden;
    width: 140px;
    font-size: 14px;
    background-color: #00b533;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 120%;
    left: 50%;
    margin-left: -70px;
}

.i-icon2 .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #00b533 transparent;
}

.i-icon2:hover .tooltiptext {
    visibility: visible;
}

/* red icon info */
.i-iconr3 {
    position: relative;
    display: inline-block;
    /* border-bottom: 1px dotted #00b533; */
}

.i-iconr3 .tooltiptext {
    visibility: hidden;
    width: 140px;
    font-size: 14px;
    background-color: #900400;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 120%;
    left: 50%;
    margin-left: -70px;
}

.i-iconr3 .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #900400 transparent;
}

.i-iconr3:hover .tooltiptext {
    visibility: visible;
}

.i-iconr4 {
    position: relative;
    display: inline-block;
    /* border-bottom: 1px dotted #00b533; */
}

.i-iconr4 .tooltiptext {
    visibility: hidden;
    width: 140px;
    font-size: 14px;
    background-color: #900400;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 120%;
    left: 50%;
    margin-left: -70px;
}

.i-iconr4 .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #900400 transparent;
}

.i-iconr4:hover .tooltiptext {
    visibility: visible;
}

.i-iconr2 {
    position: relative;
    display: inline-block;
    /* border-bottom: 1px dotted #00b533; */
}

.i-iconr2 .tooltiptext {
    visibility: hidden;
    width: 140px;
    font-size: 14px;
    background-color: #900400;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 120%;
    left: 50%;
    margin-left: -70px;
}

.i-iconr2 .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #900400 transparent;
}

.i-iconr2:hover .tooltiptext {
    visibility: visible;
}

/* acoring criteria */

#Rules .ccnroundbg {
    background-image: url("../images/ccnroundbg.webp");
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    width: 70%;
    position: relative;
    display: flex;
    align-items: center;
}

#Rules .ccnroundbg .round1 {
    position: absolute;
    left: 150px;
    animation-name: certia;
    animation-duration: 20s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes certia {
    0% {
        left: 120px;
    }

    50% {
        left: 160px;
    }

    100% {
        left: 120px;
    }
}

#Rules .ccnroundbg1 {
    background-image: url("../images/ccnroundbg.webp");
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    width: 70%;
    float: right;
    position: relative;
    display: flex;
    align-items: center;
}

#Rules .ccnroundbg1 .round2 {
    position: absolute;
    right: 150px;
    animation-name: certia1;
    animation-duration: 20s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes certia1 {
    0% {
        right: 120px;
    }

    50% {
        right: 160px;
    }

    100% {
        right: 120px;
    }
}

#Rules .scoring-raw {
    display: flex;
    padding-bottom: 30px;
}

#Rules .scoring-raw .left-side {
    width: 45%;
}

#Rules .scoring-raw .left-side1 {
    width: 45%;
}

#Rules .scoring-raw .right-side {
    width: 65%;
}

#Rules .r h4 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}

#Rules .r p {
    font-size: 16px;
}

/* participate section */

.score .pro {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 10px;
}

.score .name p {
    font-size: 16px;
    /* font-weight: 500; */
    margin: 0;
}

.score .name .small {
    margin-top: -6px;
    font-size: 13px;
    color: #767676;
}

.score th {
    font-size: 16px;
}

.score td {
    padding: 8px 0 !important;
    font-size: 16px;
}

.score .pre-j-vid1 video {
    width: 100%;
    max-width: 80px;
    height: 45px;
    object-fit: cover;
}

.card-nav p {
    margin: 0;
    padding: 0 10px;
}

.card-nav .form-select {
    font-size: 14px;
    box-shadow: none !important;
    border: 1px solid #ced4da !important;
}

.card-nav label {
    font-size: 14px;
}

/* .card-img {
    background: linear-gradient(180.12deg, rgba(0, 0, 0, 0) 59.81%, #000000 99.9%), url("../images/p1.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 304px;
    height: 268px;
    display: flex;
    align-items: end;
}

.card-img .place {
    font-size: 34px;
    font-weight: 800;
    color: #fff;
}

.card-img .line-vertical {
    width: 3px;
    height: 46px;
    background: #fff;
    display: flex;
    align-items: center;
} */
.personal-info {
    color: white;
    display: flex;
    margin-top: -3px;
}

.personal-info .height,
.personal-info .weight {
    font-size: 12px;
}

.card {
    width: calc(100% / 4.5);
    background: #900400 !important;
    margin-bottom: 20px;
    border: none !important;
    height: fit-content !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.card-name {
    color: #fff;
    font-size: 18px;
    font-weight: 800;
}

.card .card-img .p1 {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}

.card-name1 {
    font-size: 15px;
    color: #fff;
    margin-top: -7px;
}

.card-img img {
    width: 100%;
}

.card-body h1 {
    font-size: 19px;
    margin-top: -3px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 2px;
}

.card-body h3 {
    font-size: 21px;
    color: #fff;
    margin: 0;
    margin-top: 4px;
}

.card-body h3 span {
    font-size: 14px;
}

.card-body small {
    font-size: 10px;
    color: #fff;
}

.card-body p {
    font-size: 10px;
    color: #fff;
    margin: 0;
}

.card-body .information-card {
    margin-top: 5px;
}

.card-body .level-upbtn {
    background: #000;
    color: #fff;
    border: none;
    border: none;
    width: 150px;
    border-radius: 0;
    margin-top: 5px;
    height: 38px;
    font-size: 14px;
}

.card-head h3 {
    font-weight: 700;
    padding: 10px 0;
}

.card-list {
    display: flex;
    gap: 52px;
    flex-wrap: wrap;
    width: 100%;
}

.cardnav-title {
    min-width: 190px;
    max-width: fit-content;
}

/* landing# page */

#landing-page .navbar {
    /* color: #fff; */
    height: 80px;
    height: 80px;
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 9999;
    box-shadow: 0px 0px 2px rgb(0 0 0 / 25%);
}

#landing-page .navbar ul {
    display: flex;
    align-items: center;
    margin: 0;
}

#landing-page .navbar ul li {
    list-style: none;
    /* min-width: 100px; */
    padding: 10px 20px;
}

#landing-page .navbar ul li a {
    text-decoration: none;
    color: #363636;
    /* color: #fff; */
}

#landing-page .navbar ul li .active {
    color: #900400;
}

#landing-page .navbar ul li a:hover {
    color: #900400;
}

#landing-page .navbar .toggle {
    display: none;
}

#landing-page .navbar .menu .cancel {
    display: none;
}

.first-section .heading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
    height: 100%;
}

#landing-page .container {
    max-width: 90% !important;
}

#landing-page .notification-image {
    width: 25px;
    cursor: pointer;
}

#landing-page .first-section .heading h1 {
    font-size: 72px;
    padding: 15px 0;
    font-weight: 800;
    width: 620px;
}

#landing-page .first-section .heading .first-verticalline {
    width: 6px;
    background: #900400;
    height: 70px;
}

#landing-page .first-section .heading .ccn-title {
    width: 580px;
    line-height: 27px;
}

#landing-page .first-section .heading .total-competitor {
    width: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #900400;
    border-radius: 50%;
    margin: 0;
    border: 3px solid #fff;
    margin-left: -38px;
    margin-right: 12px;
    height: 50px;
}
#landing-page .first-section .heading .total-competitor h4 {
    font-size: 15px;
    margin: 0;
}

#landing-page .first-section .video-section {
    height: calc(100vh - 80px);
    position: relative;
}

#landing-page .first-section .heading p {
    margin: 0;
    padding: 0;
    /* padding-left: 10px; */
    font-size: 16px;

    /* font-size: px; */
    /* font-weight: 500; */
}

/* 
#landing-page .first-section .heading .play-btn {
    width: 30px;
    height: 30px;
    object-fit: cover;
    cursor: pointer;
} */

#landing-page .second-section {
    margin: 100px 0;
}

#landing-page .second-section h1 {
    font-size: 53px;
    font-weight: 600;
    line-height: 60px;
    text-align: center;
    padding-bottom: 50px;
}

/* #landing-page .second-section .event .event-image2 {
    position: absolute;
    width: 100%;
    left: 40px;
    object-fit: inherit;
    top: 30px;
    height: 480px;
} */

#landing-page .second-section .event-landing {
    overflow: unset !important;
}

#landing-page .second-section .event .event-border {
    width: 100%;
}

#landing-page .second-section .event-info .event-title .title1 {
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
}

#landing-page .second-section .counting-number .timer {
    font-size: 42px;
    font-weight: 600;
}

#landing-page .second-section .counting-number p {
    font-weight: 600;
    color: #900400;
}

#landing-page .second-section span {
    color: #900400;
}

#landing-page .event {
    border: 1px solid #d5d5d5;
}

#landing-page .second-section .event-list {
    align-items: end;
}

#landing-page .second-section h1 {
    font-size: 42px;
    padding-bottom: 10px;
}

/* athlete gallery */

/* sponser */
#landing-page .sponser {
    background: #fff !important;
    padding: 70px 0 30px 0;
    text-align: center;
}

#landing-page .sponser .item img {
    aspect-ratio: 4/2;
    object-fit: cover;
}

#landing-page .sponser h2 {
    color: #900400;
    font-weight: 600;
    margin-bottom: 50px;
}

#landing-page .sponser p {
    color: #000;
    margin: 0;
    margin-left: 10px;
    font-size: 15px;
}

/* contact */
#landing-page .contact {
    background-image: url("../images/contactbg.png");
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 120px 0;
    /* margin-bottom: 30px; */
}

#landing-page .contact input {
    background: none;
    border: 1px solid #fff;
    border-radius: 0;
    margin-bottom: 35px;
    box-shadow: none;
    font-size: 14px;
    color: #fff;
    height: 42px;
}

#landing-page .contact label {
    margin-bottom: 10px;
}

#landing-page .contact textarea {
    background: none;
    border: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    height: 150px;
}

#landing-page .contact h3 {
    text-align: center;
    margin-bottom: 40px;
    font-size: 39.3px;
}

#landing-page .contact .grid-container {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 20px;
}

#landing-page .contact .contact-btn {
    width: 170px;
    height: 45px;
    background: #900400;
    color: #fff;
    border: none;
    margin-top: 25px;
}

/* event info */
#landing-page .event-info h1 {
    color: #fff;
    text-align: start;
    line-height: 49px !important;
}

#landing-page .event-info p {
    line-height: 28px;
    font-size: 14px;
}

#landing-page .event-info .landing-btn {
    color: #fff;
    background: #900400;
    width: 150px;
    height: 42px;
    border: none;
    font-size: 14px;
    margin-top: 40px;
}

#landing-page .event-landing {
    box-shadow: none !important;
    border: none !important;
}

/* division */
#landing-page .division {
    padding-bottom: 60px;
}

#landing-page .division .division-heading {
    padding: 10px;
    background: #900400;
}

#landing-page .division .open-bikni {
    width: calc(100% / 4.2);
}

#landing-page .division .division-detail {
    background: #fff;
}

#landing-page .division .division-detail p,
#landing-page .division .division-detail h5 {
    color: #000;
    text-align: center;
}

#landing-page .division .horizontally-class {
    height: 2px;
    background: #900400;
    width: 90%;
    margin: 0 auto;
}

#landing-page .division .division-detail .division-detail1 {
    padding: 20px 10px;
}

#landing-page .division .division-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 30px;
}

#landing-page .division .division-title h4 {
    font-size: 36px;
    font-weight: 600;
}

#landing-page .division .division-detail .division-detail2 {
    padding: 20px 1px;
}

#landing-page .division .division-heading {
    font-size: 20px;
    text-align: center;
    margin: 0;
}

/* *********************athlete******************** */

#landing-page .athlete {
    background: #fff;
    color: #000;
    padding: 80px 0;
}

#landing-page .athlete h1 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 50px;
    text-align: center;
    color: #900400;
}

#landing-page .athlete .athlete-list {
    gap: 24px;
}

#landing-page .athlete .athlete-list .profile-list {
    color: #000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% / 5.5);
}

#landing-page .athlete .athlete-list .profile-list .athlete-img {
    width: 80px;
    height: 60px;
    object-fit: cover;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

#landing-page .athlete .profile-list h2 {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
}

#landing-page .athlete .athlete-list .profile-list p {
    font-size: 10px;
    margin: 0;
    font-weight: 400;
}

#landing-page .athlete .athlete-list .profile-list {
    background: #900400;
    color: #fff;
    border-radius: 8px;
}

#landing-page .athlete .athlete-more .btn {
    background: #900400;
    color: #fff;
    font-size: 15px;
    margin-right: 5px;
    width: 180px;
    height: 40px;
    border-radius: 0;
    margin-top: 40px;
    border-radius: 5px;
}

#landing-page .athlete .levelup-tooltip {
    position: relative;
}

#landing-page .athlete .levelup-tooltip .tooltip-text {
    visibility: hidden;
    width: 90px;
    background-color: #fff;
    color: #900400;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    font-size: 12px;

    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
}

#landing-page .athlete .athlete-list .profile-list .levelup-img {
    cursor: pointer;
    width: 20px;
}

/* #landing-page .athlete .levelup-tooltip .tooltip-text::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #000 transparent;
} */

#landing-page .athlete .levelup-tooltip:hover .tooltip-text {
    visibility: visible;
}

/* ************************testimonial********************************* */

#landing-page .testimonial {
    background: #fff;
    color: #000;
    /* padding-bottom: 90px; */
}

#landing-page .testimonial h1 {
    font-size: 36px;
    font-weight: 600;
    padding: 30px 0;
    text-align: center;
    color: #900400;
}

#landing-page .testimonial .item .quote {
    width: 25px !important;
    margin: 15px 0;
}

#landing-page .testimonial .item .testimonial-text {
    margin: 15px 0;
    font-size: 12px;
}

#landing-page .testimonial .item .testimonial-profile {
    display: flex;
    align-items: center;
}

#landing-page .testimonial .item .testimonial-profile img {
    width: 45px;
    height: 45px;
    object-fit: cover;
    border-radius: 50%;
}

/* #landing-page .testimonial .owl-stage .owl-item.active:nth-child(2) {
    background: #900400;
    color: #fff;
    padding: 15px;
    border-radius: 15px;
} */

/* .owl-item:not(.active) + .active + .active {
    background: #900400;
    color: #fff;
    padding: 15px;
    border-radius: 15px;
} */
#landing-page .testimonial .owl-item {
    /* background: #faeab1; */
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    margin-bottom: 20px;
    margin-top: 10px;
}

#landing-page .testimonial .owl-item .item {
    padding: 15px;
}

#landing-page .testimonial .owl-item:not(.active) + .owl-item.active + .owl-item.active + .owl-item.active {
    background: #900400;
    color: #fff;
    border-radius: 15px;
}

#landing-page .testimonial .owl-item:not(.active) + .owl-item.active + .owl-item.active + .owl-item.active .quote {
    filter: brightness(0) invert(1);
}

#landing-page .testimonial .owl-item:not(.active) + .owl-item.active + .owl-item.active + .owl-item.active p {
    color: #fff;
}

#landing-page .testimonial .item .testimonial-profile h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
}

#landing-page .testimonial .item .testimonial-profile p {
    margin: 0;
    font-size: 11px;
    color: rgba(0, 0, 0, 0.62);
}

/* --------------------------------------------seat----------------------------------------- */
#landing-page .seat {
    /* background: #fff; */
    padding-bottom: 30px;
    color: #000;
}

#landing-page .seat h1 {
    font-size: 36px;
    font-weight: 600;
    padding: 30px 0px;
    text-align: center;
    color: #900400;
}

#landing-page .seat .seat-detail .taken {
    background: #00da00;
    width: 25px;
    height: 25px;
    border-radius: 7px;
}

#landing-page .seat .seat-detail .available {
    background: #d9d9d9;
    width: 25px;
    height: 25px;
    border-radius: 7px;
}

#landing-page .seat .seat-detail {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px 0px 40px 0px;
}

#landing-page .seat p {
    margin: 0;
    margin-left: 9px;
}

#landing-page .seat .seat-list {
    width: 80%;
    margin-bottom: 20px;
    gap: 20px;
}

#landing-page .seat .seat-list h4 {
    font-size: 15px;
    margin: 0;
}

#landing-page .seat .seat-list a {
    /* border: 1px solid #000; */
    min-width: 31px;
    text-align: center;
    height: 30px;
    margin: 0;
    display: flex;
    font-size: 13px;
    justify-content: center;
    align-items: center;
    background: #d9d9d9;
    border-radius: 5px;
    border: none;
    color: #000;
    box-shadow: none;
    text-decoration: none;
    cursor: pointer;
}

#landing-page .seat .seat-list a.acolor {
    background: #00da00;
    color: #fff;
}

#landing-page .seat .seat-list a.ahidden {
    visibility: hidden;
}

#landing-page .seat .seat-list img {
    background: #900400;
    padding: 5px;
    border-radius: 5px;
}

/* -------------------------------------------------progressbar---------------------------------------------- */

#landing-page .progress-bar {
    background: #fff;
    /* padding-bottom: 80px; */
    color: #000;
}

#landing-page .progress-bar h1 {
    font-size: 32px;
    font-weight: 600;
    margin: 0;
    margin-bottom: 30px;
    color: #900400;
}

#landing-page .progress-bar p {
    font-size: 20px;
    font-weight: 600;
}

#landing-page .progress-bar p:nth-child(1),
#landing-page .progress-bar p:nth-child(2) {
    color: #900400;
}

#landing-page .progress-bar .progress span {
    width: 50%;
    background: #900400;
}

#landing-page .top-five .top-left {
    background: #900400;
    padding: 20px;
    border-radius: 15px;
    color: #fff;
    display: flex;
    flex-direction: column;
    /* justify-content: start; */
    align-items: start;
    width: 340px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}

#landing-page .top-five .top-left span {
    margin-left: 10px;
}

#landing-page .top-five .top-left h4 {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

#landing-page .top-five .top-left p {
    font-size: 18px;
    font-weight: 400;
}

#landing-page .top-five .top-left span {
    font-size: 18px;
}

#landing-page .top-five .top-left hr {
    background: #fff;
    color: #fff;
    width: 100%;
    padding: 0 !important;
    margin: 15px 0;
}

#landing-page .top-five .top-right {
    background: #900400;
    padding: 15px;
    height: 170px;
    color: #ffffff;
    border-radius: 15px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    width: 290px;
}

#landing-page .top-five .top-right h4 {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

#landing-page .top-five .top-right p {
    font-size: 28px;
}

/* --------------------------------------------------participate llist---------------------------------------- */
#landing-page .participate-athlete {
    /* padding-top: 50px; */
    padding-bottom: 30px;
    color: #000;
}

#landing-page .participate-athlete .participate-list li {
    list-style: none;
    width: 140px;
    display: flex;
    justify-content: center;
    height: 40px;
    align-items: center;
    margin-left: 20px;
    font-size: 15px;
    border-radius: 5px;
}

#landing-page .participate-athlete .participate-list li a {
    text-decoration: none;
    color: #000;
}

#landing-page .participate-athlete .participate-list li.active a {
    color: #fff;
}

#landing-page .participate-athlete .participate-list li.active {
    background: #900400;
}

#landing-page .participate-athlete .participate-list h1 {
    font-size: 36px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 50px;
    color: #900400;
}

#landing-page .participate-athlete .owl-item .item img {
    width: 100%;
    height: 270px;
    object-fit: cover;
    border-radius: 7px;
}

#landing-page .participate-athlete p {
    margin: 0;
    font-size: 19px;
    font-weight: 500;
}

#landing-page .participate-athlete .athlete-loc {
    font-size: 14px;
    color: #767676;
    margin-top: -5px;
}

/* -----------------notes elligilbe---------------------- */
/* #landing-page .participate-note {
    background: #900400;
    color: #fff;
    padding: 20px 30px;
}

#landing-page .participate-note h1 {
    font-size: 32px;
    font-weight: 800;
    text-align: center;
    margin-top: 10px !important;
    margin: 0;
    width: 80%;
    padding: 0;
    color: #fff;
} */
#landing-page .modal-body .pop-athletelist {
    background: #900400;
    width: calc(100% / 2.1);
    border-radius: 10px;
    height: 60px;
}

#landing-page .modal-body .pop-athletelist h4 {
    font-size: 13px;
    color: #fff;
    margin: 0;
}

#landing-page .modal-body .pop-athletelist input[type="radio"] {
    width: 16px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    margin-right: 8px;
}

input[type="radio"]:checked {
    background-color: #000 !important;
    border: 2px solid #fff;
}

#landing-page .modal-body .pop-athletelist p {
    font-size: 11px;
}

#landing-page .modal-body .pop-athletelist .athlete-img {
    width: 70px;
    height: 60px;
    object-fit: cover;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

/* #landing-page .participate-note h4 {
    font-size: 24px;
    margin-left: 10px;
    font-weight: 700;
    margin-bottom: 0px;
}
#landing-page .participate-note ol {
    padding-left: 25px;
}
#landing-page .participate-note ol li {
    font-size: 18px;
    color: #ffffffe6;
} */
/* 
#landing-page .participate-note .vertical-note {
    height: 170px;
    width: 2px;
    background: #fff;
} */

/* ------------------------------------------------------video unlock section----------------------------------------------- */
#landing-page .unlock-video video {
    object-fit: cover;
    height: 320px;
}

#landing-page .unlock-video h1 {
    font-size: 36px;
    font-weight: 600;
    text-align: center;
    color: rgb(144, 4, 0);
}

/* 
#landing-page .unlock-video .asdhhj:hover .video-overlap {
    display: block;
} */

#landing-page .unlock-video .rightarrow:hover img {
    margin-left: 10px;
    transition: margin-left 0.3s linear;
}

#landing-page .unlock-video .rightarrow {
    cursor: pointer;
}

#landing-page .unlock-video .asdhhj .video-overlap {
    /* display: none; */
    background: #000000a6;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    height: 315px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#landing-page .unlock-video .asdhhj .video-overlap .overlap-btn {
    width: 200px;
    background: #900400;
    color: #fff;
    height: 30px;
    cursor: pointer;
}

/* #landing-page .unlock-video .asdhhj .video-overlap img {
    width: 56px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 3;
} */

/* #landing-page .unlock-video p:hover {
    margin-left: 10px;
} */

/* #landing-page .unlock-video .video-section video {
    object-fit: cover;
    height: 480px;
    width: calc(100% / 3);
} */

/* ----------popup vido unclock section--------------------------------------- */
#landing-page .video-payment h2 {
    color: #900400;
    font-size: 24px;
    font-weight: 600;
}

#landing-page .video-payment p {
    color: #000;
}

#landing-page .video-payment .deny {
    color: #900400;
    width: 200px;
    height: 36px;
    border: 1px solid #900400;
}

#landing-page .video-payment .accept {
    width: 200px;
    height: 36px;
    border: 1px solid #900400;
    color: #fff;
    background: #900400;
    margin-left: 12px;
}

/* ------------------------tootltip sponser--------------------------- */

#landing-page .index-tooltip {
    position: relative;
    display: flex;
}

#landing-page .index-tooltip .tooltiptext {
    visibility: hidden;
    width: 320px;
    background-color: #900300;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 12px;
    font-size: 12px;
    font-weight: 300;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 100%;
    margin-left: -35px;
}

#landing-page .index-tooltip:hover .tooltiptext {
    visibility: visible;
}

.navbg {
    background-image: url("../images/ccnbg7.jpg");
    width: 100%;
    height: 80px;
    background-size: cover;
    background-position: center;
    position: sticky;
    top: 0;
    z-index: 9999;
}

.navbg1 {
    background-image: url("../images/ccnbg7.jpg");
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: fit-content;
}

.ahw h3 {
    color: #000;
}

.ahw p {
    color: #000;
}

.ahw span {
    color: #000;
}

/* profile */

.profile-top {
    color: #fff;
}

.profile-top {
    background-image: url("../images/profile-top.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 50vh;
    max-width: 100%;
    display: flex;
    align-items: center;
}

#profile-detail .profile-top h1 {
    text-align: center;
}

#profile-detail .profile-first {
    margin-top: 70px;
}

#profile-detail .profile-first .profile-detail {
    width: 100%;
}

#profile-detail .profile-first h2 {
    font-size: 24px;
    font-weight: 600;
}

#profile-detail .profile-first .profile-detail small {
    color: #4d4d4d;
    font-size: 14px;
}

#profile-detail .profile-first .profile-detail h3 {
    margin-top: 25px;
    font-size: 24px;
    font-weight: 500;
    line-height: 42px;
}

#profile-detail .profile-first .profile-detail h4 {
    /* color: #4d4d4d; */
    font-size: 19px;
}

#profile-detail .profile-first h2 {
    font-size: 24px;
    font-weight: 500;
}

#profile-detail .profile-first p {
    font-size: 16px;
    font-weight: 400;
}

#profile-detail .profile-first .profile-detail h4 span {
    /* color: #4d4d4d; */
    font-size: 14px;
}

#profile-detail .profile-first .profile-left h2 {
    font-size: 24px;
    font-weight: 600;
    margin-top: -11px;
    margin: 0;
}

#profile-detail .profile-first .profile-left .social-icon img {
    width: 30px;
}

#profile-detail .profile-first .profile-left .profile-info {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
}

#profile-detail .profile-first .profile-left .profile-info img {
    margin-right: 12px;
    width: 25px;
    height: 25px;
}

#profile-detail .profile-first .profile-left .profile-image {
    padding: 16px;
}

#profile-detail .profile-first .profile-left .profile-image img {
    width: calc(100% / 3.4);
    height: 110px;
    object-fit: cover;
    border-radius: 10px;
}

#profile-detail .profile-first .profile-left .profile-info p {
    margin: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
}

#profile-detail .profile-first .profile-left .profile-leftline {
    width: 100%;
    background: #4d4d4d;
    height: 1px;
}

#profile-detail .profile-about {
    margin-top: 70px;
}

#profile-detail .profile-about p {
    /* width: 69%; */
    color: #4d4d4d;
    line-height: 24px;
    font-size: 16px;
}

#profile-detail .profile-about .profile-participate {
    /* height: 320px; */
    border-left: 1px solid #000;
    position: relative;
}

#profile-detail .profile-about .profile-participate .profile-line {
    font-size: 16px;
    margin-bottom: 30px;
    padding-left: 20px;
}

#profile-detail .profile-about .profile-participate .profile-line h5 {
    font-weight: 500;
}

#profile-detail .profile-first .profile-detail .profile-feature {
    width: calc(100% / 3.5);
}

#profile-detail .profile-about .profile-participate .profile-line::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #900400;
    position: absolute;
    border: 1px solid #900400;
    left: -9px;
    /* top: 40px; */
    margin-top: 40px;
}

#profile-detail .profile-sponser {
    /* width: 69%; */
    font-size: 16px;
    background: #900400;
    /* padding: 50px; */
    width: 100%;
    padding: 60px;
}

#profile-detail .profile-sponser .sponser-name {
    padding: 40px;
}

#profile-detail .profile-sponser .profile-sponserimg {
    /* width: 200px;
    height: 110px; */
    object-fit: cover;
}

#profile-detail .profile-sponser .sponser-title {
    width: 40%;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#profile-detail .profile-sponser .sponser-name {
    width: 45%;
}

#profile-detail .profile-sponser .sponser-title h2 {
    margin-bottom: 20px;
    font-weight: 600;
}

/* --------------------------------------------------levelup--------------------------------------------- */
#levelup .profile-top h1 {
    text-align: center;
}

#levelup .Level-occupancy {
    margin-top: 50px;
}

#levelup .levelup .Level-occupancy h2 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 25px;
}

#levelup .levelup .level-prize {
    display: flex;
    flex-wrap: wrap;
}

#levelup .levelup .level-prize .level-card {
    width: calc(100% / 5.3);
    background: #900400;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}

#levelup .levelup .level-prize .level-card .info-btn {
    width: 30px;
    height: 30px;
    object-fit: cover;
}

#levelup .levelup .level-prize .level-card .levelup-img {
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 210px;
    background-image: url("../images/boxing.webp");
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

#levelup .icon-tooltip {
    position: relative;
}

#levelup .icon-tooltip .tooltip-text {
    width: 200px;
    background: #fff;
    color: #000;
    position: absolute;
    font-size: 12px;
    padding: 6px;
    border-radius: 5px;
    top: 100%;
    right: 0;
    margin-left: -60px;
    visibility: hidden;
    text-align: center;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}

#levelup .icon-tooltip:hover .tooltip-text {
    visibility: visible;
}

/* #levelup .icon-tooltip .tooltip-text::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
} */

#levelup .levelup .level-prize .level-card h5 {
    color: #fff;
    /* text-align: right; */
    padding: 10px 14px 0px 0px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    font-weight: 600;
}

#levelup .levelup .level-prize .level-card a,
#levelup .levelup .level-prize .level-card .level-lock {
    width: 40px;
    z-index: 1;
}

#levelup .levelup .level-prize .level-card .level-overlay {
    position: absolute;
    /* background: rgb(144 4 0 / 55%); */
    background: #dcdcdcbf;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#levelup .levelup .level-prize .level-card h4 {
    font-size: 18px;
    color: #fff;
    line-height: 24px;
}

#levelup .levelup .level-prize .level-card .levelup-detail {
    padding: 20px 20px;
}

#levelup .levelup .level-prize .level-card .levelup-detail .upgrade-btn {
    width: 100%;
    height: 40px;
    margin: 14px 0;
    background: #000;
    border-radius: 10px;
    padding: 0 10px;
}

#levelup .levelup .level-prize .level-card .levelup-detail .upgrade-btn:hover {
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
}

#levelup .levelup .level-prize .level-card .levelup-detail .upgrade-btn .btn {
    background: #000;
    color: #fff;
    font-size: 14px;
    border: none;
}

.level-data.d-flex.justify-content-between.align-items-center {
    height: 123px;
}

#levelup .levelup .level-prize .level-card small {
    color: #fff;
}

#levelup h5 {
    margin: 0;
    font-size: 17px;
}

#levelup h3,
#event-detail h3 {
    font-size: 32px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
}

#levelup .Level-occupancy .progress {
    height: 10px;
}

#levelup .Level-occupancy .progress span {
    width: 40%;
    background: #900400;
}

#levelup .Level-occupancy .complete-level h5 {
    color: #900400;
}

#levelup .Level-occupancy .complete-level p {
    color: #900400;
    font-weight: 600;
}

#levelup .Level-occupancy .vertical-line {
    height: 15px;
    width: 100%;
    background: #900400;
    margin-top: -10px;
    /* min-width: 2px; */
    max-width: 4px;
}

#levelup .levelup .athlete-info,
#athletegallery-detail .athlete-info {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    justify-content: space-between;
}

#levelup .levelup .athlete-info .levelathlete-detail,
#athletegallery-detail .athlete-info .levelathlete-detail {
    width: 60%;
}

#levelup .levelup .athlete-info .levelathlete-detail h4,
#athletegallery-detail .athlete-info .levelathlete-detail h4 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 6px;
}

#levelup .levelup .athlete-info .levelathlete-detail p,
#athletegallery-detail .athlete-info .levelathlete-detail p {
    color: #363636;
    margin-bottom: 30px;
    font-size: 16px;
}

#levelup .levelup .athlete-info .levelathlete-detailimg,
#athletegallery-detail .athlete-info .levelathlete-detailimg {
    width: 37%;
    height: 100%;
}

#levelup .levelup .athlete-info .levelathlete-detailimg img,
#athletegallery-detail .athlete-info .levelathlete-detailimg img {
    width: 100%;
    border-radius: 10px;
    height: 100%;
}

#levelup .levelup .athlete-info .levelathlete-detail .level-athleteinfo,
#athletegallery-detail .athlete-info .levelathlete-detail .level-athleteinfo {
    width: 50%;
    margin-bottom: 22px;
}

#levelup .levelup .athlete-info .levelathlete-detail .level-athleteinfo small,
#athletegallery-detail .athlete-info .levelathlete-detail .level-athleteinfo small {
    color: #4d4d4d;
    font-size: 14px;
}
#athletegallery-detail .athlete-info .levelathlete-detail .level-athleteinfo select {
    border: 0;
    border-bottom: 1px solid #000 !important;
    width: 80%;
    height: 45px;
}

#athletegallery-detail .athlete-info .levelathlete-detail .level-athleteinfo .form-control,
#athletegallery-detail .athlete-info .levelathlete-detail .level-athleteinfo select {
    border: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 500;
}

#athletegallery-detail .athlete-info .levelathlete-detail .level-athleteinfo .form-control::placeholder {
    color: #212529 !important;
}

#athletegallery-detail .athlete-info .levelathlete-detail .level-athleteinfo .form-control:focus-visible {
    outline: none;
}

#athletegallery-detail .athlete-info .levelathlete-detail button {
    width: 220px;
    background: #900400;
    color: #fff;
    margin: 20px 0;
}

#levelup .levelup .athlete-info .levelathlete-detail .level-athleteinfo h5 {
    font-weight: 500;
    font-size: 16px;
}

#levelup .sponser-btn {
    margin: 50px 0;
    display: flex;
    justify-content: center;
}

#levelup .levelgold-sponser {
    margin: 80px 0;
}

#levelup .Payment-btn {
    width: 320px;
    height: 70px;
    background: #900400;
    color: #fff;
    border: none;
    border-radius: 5px;
    margin-bottom: 20px;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    /* margin: 30px 0 60px 0; */
}

#levelup .Payment-btn:hover {
    border-bottom: 5px solid #000 !important;
    border-right: 5px solid #000 !important;
}

#levelup .level-comment {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 50px;
    /* justify-content: center; */
}

#levelup .level-seat {
    margin-top: 70px;
}

#levelup .level-seat h2 {
    width: 480px;
}

#levelup .total-seat .seat-btn {
    width: 320px;
    height: 70px;
    background: #900400;
    color: #fff;
    border: none;
    border-radius: 5px;
    margin-bottom: 20px;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}

#levelup .total-seat .seat-btn:hover {
    border-bottom: 5px solid #000 !important;
    border-right: 5px solid #000 !important;
}

#levelup .comment-payment .payment-input {
    border: 1px solid #ced4da;
    border-radius: 7px;
    color: #757d85;
}

#levelup .comment-payment .payment-input input,
#levelup .comment-payment .payment-input textarea {
    border: 0;
    font-size: 14px;
    color: #363636;
}

#levelup .comment-payment .payment-input input::placeholder {
    font-size: 14px;
    color: #c8c8c8;
}

.comment-payment p,
.comment-payment label {
    margin-bottom: 7px;
    font-size: 16px;
    font-weight: 500;
}

#levelup .upload {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: cetner;
    justify-content: center;
    height: 170px;
    border: 1px dashed #676767;
    border-radius: 10px;
    margin-bottom: 25px;
}

#levelup .comment-payment .instruction {
    color: #b7b7b7;
    margin-bottom: 5px;
    font-size: 16px;
}

#levelup input {
    height: 45px;
    border: 1px solid #ced4da;
    font-size: 14px;
    color: #363636;
    width: 100%;
}

#levelup input::placeholder {
    font-size: 14px;
    color: #c8c8c8;
}

.payment-input {
    border: 1px solid #ced4da;
    border-radius: 8px;
}

#landing-page input {
    height: 45px;
    border: 1px solid #ced4da;
    font-size: 14px;
    color: #363636;
}

#landing-page input::placeholder {
    font-size: 14px;
    color: #c8c8c8;
}

#levelup .comment-payment p {
    font-size: 16px;
    font-weight: 500;
}

#levelup .premium-comment textarea {
    border: 1px solid #ced4da;
    box-shadow: none !important;
    font-size: 14px;
    color: #363636;
}

#levelup .comment-payment textarea:focus {
    border: 0;
}

#levelup .payment-done {
    width: 100%;
    height: 40px;
    background: #900400;
    color: #fff;
    font-size: 15px;
    border: 0;
    border-radius: 4px;
    margin-top: 14px;
}

#levelup .comment-payment .payment-date {
    width: 49%;
}

#levelup .premium-comment h4 {
    font-size: 19px;
    font-weight: 600;
    margin: 20px 0;
}

#levelup .premium-comment textarea::placeholder {
    font-size: 14px;
    color: #c8c8c8;
}

#levelup .premium-comment label {
    margin-bottom: 7px;
    font-weight: 500;
    font-size: 16px;
}

.comment-payment h1 {
    font-size: 19px;
    font-weight: 600;
    margin: 20px 0;
}

#levelup .modal-header {
    padding: 16px 36px !important;
}

#levelup .modal-body {
    padding: 36px !important;
    padding-top: 0px !important;
}

/* --------------------------------------------------------level comment---------------------------------------------------------------- */
#levelup .level-comment .item .quote {
    width: 25px !important;
    margin: 15px 0;
}

#levelup .level-comment .item .premium-text,
#event-detail .premium-comment .premium-card .premium-text,
#event-detail .premium-text {
    margin: 15px 0;
    font-size: 12px;
    word-break: break-all;
}

#levelup .normal-comment .premium-text .seetext,
#event-detail .premium-text .seetext {
    display: none;
}

#levelup .normal-comment .premium-text .moretext-toggle,
#event-detail .normal-comment .premium-text .moretext-toggle {
    display: inline !important;
}

#levelup .level-comment .item .comment-profile img,
#event-detail .premium-comment .premium-card img {
    width: 45px;
    height: 45px;
    object-fit: cover;
    border-radius: 50%;
}

#levelup .level-comment .item .comment-profile h4,
#event-detail .premium-comment .premium-card h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
}

#levelup .level-comment .item .comment-profile p,
#event-detail .premium-comment .premium-card p {
    margin: 0;
    font-size: 11px;
    /* color: rgba(0, 0, 0, 0.62); */
}

#levelup .level-comment .owl-item {
    background: #ffffff;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 25%);
    border-radius: 15px;
    margin-bottom: 20px;
    margin-top: 10px;
}

#levelup .level-comment .item {
    padding: 20px;
}

.item.bg-hover:hover {
    background: #900400;
    color: #fff;
    border-radius: 15px;
}

.item.bg-hover:hover img.quote {
    filter: invert(1);
}

/* -----------------------------------upgrade section ---------------------------- */

#levelup .prejudge-show {
    position: absolute;
    top: -8px;
    border-radius: 10px;
    height: 480px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #848484;
}
#levelup .prejudge-show button {
    width: 300px;
    height: 45px;
    font-size: 17px;
    border: 0;
    border-radius: 4px;
}

/* -------------------toottip-------------- */

#levelup .level-tooltip,
#event-detail .level-tooltip {
    position: relative;
    display: flex;
}

#levelup .level-tooltip .tooltiptext,
#event-detail .level-tooltip .tooltiptext,
#event-detail .level-tooltip .tooltiptext1 {
    visibility: hidden;
    width: 320px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 12px;
    font-size: 12px;
    font-weight: 300;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 116%;
    /* left: 100%;
    margin-left: -35px; */
}

#levelup .level-tooltip:hover .tooltiptext,
#event-detail .level-tooltip:hover .tooltiptext,
#event-detail .level-tooltip:hover .tooltiptext1 {
    visibility: visible;
}

#levelup .level-tooltip .tooltiptext::after,
#event-detail .level-tooltip .tooltiptext::after,
#event-detail .level-tooltip .tooltiptext1::after {
    content: " ";
    position: absolute;
    top: 100%; /* At the bottom of the tooltip */
    left: 8%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

/* ---------no comment section--------------- */
#levelup .no-comment {
    margin: 40px 0;
}
#levelup .no-comment h2 {
    font-family: "KyivType Sans";
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 43px;
    color: #a9a9a9;
}

/* ------------------------------------------------------seatpopup------------------------------------------------------------------ */

#landing-page .seat-popup {
    color: #000;
}

#landing-page .seat-popup h2 {
    margin: 0;
    color: #000;
    font-size: 24px;
    font-weight: 600;
    margin-left: 10px !important;
}

#landing-page .seat-popup .detail p {
    margin: 0;
    margin-left: 14px;
}

#landing-page .seat-popup .detail img {
    width: 20px;
}

#landing-page .seat-popup .cancel {
    width: 190px;
    height: 40px;
    font-size: 14px;
    color: #900400;
    border: 1px solid #900400;
    background: #fff;
    margin-right: 30px;
}

#landing-page .seat-popup .modal-body {
    padding: 0 30px;
}

#landing-page .seat-popup .modal-footer {
    display: flex;
    justify-content: center;
}

#landing-page .seat-popup .modal-footer .submit {
    width: 190px;
    height: 40px;
    font-size: 14px;
    color: #fff;
    border: 0;
    background: #900400;
}

#landing-page .seat-popup .upload {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: cetner;
    justify-content: center;
    height: 170px;
    border: 1px dashed #676767;
    border-radius: 10px;
    margin-bottom: 25px;
}

#landing-page .seat-popup .athlete-dropdown {
    box-shadow: none;
}

#landing-page .seat-popup .athlete-dropdown:focus {
    border: 1px solid #676767;
}

h1.calender-date {
    font-size: 16px;
    font-weight: 400;
    min-width: 34px;
    text-align: center;
    height: 33px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #900400e0;
    border-radius: 5px;
    color: #fff;
    margin-top: 8px;
}

#landing-page .seat-popup h3 {
    font-size: 18px;
    margin-bottom: 12px !important;
    margin: 0;
}

#landing-page .seat-popup p {
    color: #b7b7b7;
    margin-bottom: 5px;
}

#landing-page .modal-content .modal-header .btn-close {
    box-shadow: none;
    margin-top: 0;
}

#landing-page .seat-popup .star {
    width: 40px;
    height: 40px;
    object-fit: cover;
}

/* ---------------------------------------confirm seat popup--------------------------------------- */

#landing-page .confirm-seat .athlete-confirm {
    width: 100%;
    max-width: 320px;
    border-radius: 15px;
    max-height: 210px;
    height: 100%;
    object-fit: cover;
}

#landing-page .confirm-seat p {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    color: #900400;
    text-align: start;
    margin-bottom: 12px;
}

#landing-page .confirm-seat span {
    font-weight: 400;
    margin-left: 8px !important;
    color: #000;
    margin: 0;
}

#landing-page .confirm-seat .modal-content {
    width: 80%;
    border-radius: 15px;
}

#landing-page .confirm-seat .sold {
    width: 94px;
    height: 80px;
    position: absolute;
    bottom: 30%;
    right: 1%;
    transform: rotate(326deg);
}

h1.popup-date {
    font-size: 16px;
    font-weight: 400;
    min-width: 34px;
    text-align: center;
    height: 33px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #900400e0;
    border-radius: 5px;
    color: #fff;
    margin-top: 8px;
}

/* Gold sponsers */

.sponser-item {
    /* border: 3px solid #cecbcb66; */
    /* padding: 60px 0px; */
    box-shadow: 0px 0px 7px 3px #b5abab17;
    border-radius: 8px;
}

.sponser-title {
    margin-top: 20px;
    background: #848484;
    color: #fff;
    padding: 13px;
    height: 72px;
}

.sponser-title h2 {
    font-size: 17px;
    margin-bottom: 0px;
    text-align: center;
}

/* ------------------------------------------------------------progress bar----------------------************-------------------- */

.containar {
    position: relative;
    text-align: center;
}

.containar .Loading {
    position: relative;
    width: 100%;
    height: 22px;
    display: flex;
    align-items: center;
    background: #d9d9d9;
    border-radius: 10px;
}

.containar .Loading span {
    position: absolute;
    width: 0%;
    height: 100%;
    background-color: #900400;
    border-radius: 10px;
}

/* --------------------------------------------------------athlete sponser banner==--------------------------------- */
.banner-template {
    width: 70%;
}

.banner-template .download-banner {
    cursor: pointer;
}

.banner-template .download-banner h2 {
    font-size: 24px;
    font-weight: 600;
    color: #900400;
}

.banner-template .banner-img {
    width: calc(100% / 3.3);
    height: 180px;
    /* border-radius: 10px;
    border: 1px dashed #000;
    display: flex;
    align-items: center;
    justify-content: center; */
}

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

.banner-template .template-img {
    margin-top: 50px;
    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.25);
    position: relative;
    /* height: 100%; */
    /* padding: 20px 50px; */
}

.banner-template .template-img .template-btn {
    width: 240px;
    height: 50px;
    background: #900400;
    border-radius: 5px;
    color: #fff;
    margin-top: 20px;
    border: none;
}

.banner-template .template-right {
    /* height: 100%; */
    width: 50%;
    position: relative;
}

/* 
.banner .uploadbanner {
    width: 70%;
} */

.banner-template .template-left {
    /* width: 45%; */
    padding: 20px;
    margin: 20px 0px 0px 20px;
}

.banner-template .template-left h2 {
    font-size: 50px;
    /* width: 80%; */
    font-weight: 800;
    color: rgba(0, 0, 0, 0.9);
    /* padding-left: 20px; */
}

.banner-template .template-left h2 span {
    font-size: 52px;
    font-weight: 800;
    color: #900400;
}

.banner-template .templateurl {
    margin: 0;
    margin-right: 10px !important;
    color: rgba(0, 0, 0, 0.66);
}

.banner-template .template-border {
    position: absolute;
    border: 3px solid #fff;
    width: 90%;
    height: 90%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    /* display: none; */
}

.banner-template .template-right:hover .template-border {
    display: none;
}

.banner-template .template-img .verified-icon {
    width: 100px;
    position: absolute;
    right: -52px;
    top: 0;
    height: 100px;
    z-index: 3;
    bottom: 0;
    margin: auto;
}

/* -------------------------------------video & image section------------------------------------------------ */

.video {
    margin-top: 80px;
}

.video .banner-content .videolist {
    width: 100%;
    height: 400px;
    background: #000;
}

/* .video .banner-content .videolist:hover {
    transform: scale(1.08);
} */

.video .videoplay {
    width: 40px !important;
    height: 40px !important;
    object-fit: cover;
    margin-left: 13px;
    cursor: pointer;
}

.video .videobtn-hide {
    display: none !important;
}

.video .videobtn-show {
    display: block !important;
}

.video .banner-content .unlockcolord {
    background: #848484;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
}

.video .banner-content .videoimg {
    width: calc(100% / 3.1);
    height: 320px;
    background: #000;
    transition: transform 0.2s;
    position: relative;
}

.video .videoimg .img-athlete {
    width: 100%;
    height: 100%;
    object-fit: contain;
    cursor: pointer;
}

.video .videoimg .like-detail {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}

.video .like-comment img {
    width: 15px;
    height: 15px;
    cursor: pointer;
    margin-top: 6px;
}

.video .like-comment {
    display: flex;
    flex-direction: column;
    width: 30px;
    align-items: center;
    background: #262626;
    border-radius: 5px;
}

.video .like-comment .numbering-detail {
    padding-bottom: 4px;
}
.video .like-comment p {
    /*    display: none;*/
    color: #fff;
}
/*.video .like-comment:hover p {
    display: block;
    color: #fff;
}*/

.video .like-video {
    position: absolute;
    top: 20px;
    right: 20px;
}

.video .videoimg:hover {
    /* -webkit-transform: scale(1.09, 1.09); */
    transform: scale(1.08);
}

#levelup.video .banner-content p {
    color: #fff;
    font-size: 18px;
}

#levelup .video .banner-content video {
    height: 480px;
    object-fit: cover;
    border-radius: 10px;
}

#levelup .video .athletetab li,
#event-detail .video .athletetab li {
    list-style: none;
}

#levelup .video .athletetab li.active,
#event-detail .video .athletetab li.active {
    background: #900400;
    color: #fff;
    width: 160px;
    height: 45px;
    border-radius: 5px;
}

#levelup .video .athletetab li.active a,
#event-detail .video .athletetab li.active a {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

#levelup .video .athletetab li a,
#event-detail .video .athletetab li a {
    text-decoration: none;
    font-weight: 500;
    color: #000;
    width: 160px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#levelup .video-title .video-titlebtn1,
#event-detail .video-title .video-titlebtn1 {
    background: #900400;
    border-radius: 5px;
    width: 140px;
    height: 40px;
    color: #fff;
    font-size: 15px;
    border: none;
}

#levelup .walkshow {
    display: flex;
}

.walkhide {
    display: none !important;
}

#levelup .video-title .video-titlebtn2,
#event-detail .video-title .video-titlebtn2 {
    border: none;
    background: transparent;
    color: #000;
    font-size: 15px;
}

.showpre {
    display: flex !important;
}

/* --------------------------------------------------------------------------athlete support banner--------------------------------------------- */
.athlete-support {
    margin: 100px 0px;
}

.athlete-support h2 {
    font-size: 32px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 30px;
}

.athlete-support .item .athletebanner-img {
    aspect-ratio: 4/2;
    object-fit: cover;
}

.athlete-support .download-icon {
    position: absolute;
    bottom: 9px;
    right: 9px;
    width: 35px !important;
    cursor: pointer;
}

/* ----------------------------------------------------result section------------------------------------------ */
#result .result-top {
    background-image: url("../images/resultbg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    height: calc(100vh - 80px);
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    color: #fff;
}

#result .result-top .result-overlay {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.44), rgba(0, 0, 0, 0.44));
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#result .result-top .heading h1 {
    font-size: 78px;
    font-weight: 800;
}

#result .result-top .heading p {
    width: 580px;
    line-height: 27px;
    font-weight: 16px;
}

#result .result-top .result-count h2 {
    font-size: 3rem;
    margin: 0;
    font-weight: 800;
}

#result .result-top .result-count p {
    font-weight: 600;
    margin: 0;
    color: #900400;
}

#result .result-title {
    margin: 80px 0;
}

#result .result-title h2 {
    font-size: 42px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 30px;
    color: #900400;
}

#result .result-title p {
    text-align: center;
    font-weight: 500;
}

#result .resultline .horizonal-line {
    width: 40%;
    height: 2px;
    background: #900400;
}

#result .feedback-request {
    margin-bottom: 80px;
    display: flex;
    align-items: center;
    flex-direction: column;
    /* background: #e7e7e7; */
}

#result .feedback-request .button-56 {
    align-items: center;
    background-color: #fee6e3;
    border: 2px solid #111;
    border-radius: 8px;
    box-sizing: border-box;
    color: #111;
    cursor: pointer;
    display: flex;
    font-family: Inter, sans-serif;
    font-size: 16px;
    height: 48px;
    width: 180px;
    justify-content: center;
    line-height: 24px;
    position: relative;
    -webkit-user-select: none;
    touch-action: manipulation;
}

#result .feedback-request .button-56:after {
    background-color: #111;
    border-radius: 8px;
    content: "";
    display: block;
    height: 48px;
    left: 0;
    width: 100%;
    position: absolute;
    top: -2px;
    transform: translate(8px, 8px);
    transition: transform 0.2s ease-out;
    z-index: -1;
}

#result .feedback-request .button-56:hover:after {
    transform: translate(0, 0);
}

#result .feedback-request .button-56:hover {
    outline: 0;
}

#result .bikni {
    margin-top: 90px;
}

#result .result-class h4 {
    font-weight: 600;
    color: #900400;
    text-align: center;
    padding-top: 10px;
}

.baas {
    height: 520px;
    background: #000;
}

#result .result-class h3 {
    font-weight: 600;
    color: #900400;
    margin: 0;
    font-size: 32px;
    /* margin-bottom: -35px; */
    margin: 10px 0px 20px 0px;
}

#result .result-class h4 {
    font-weight: 600;
    color: #900400;
    text-align: center;
}

.bikni-b {
    margin-top: 20px;
}

.bikni-b h6 {
    color: #900400;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
}

#result .result-class .bikni-img {
    aspect-ratio: 5/3;
    object-fit: cover;
    height: 100%;
}

.bg-sc {
    box-shadow: 0px 0px 7px #d4d4d4;
    border-radius: 20px;
}

#result .result-class .score-detail {
    overflow-y: scroll;
    height: 520px;
    padding: 4px;
}
.binki-a h6 {
    color: #900400;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
}

.line-red {
    width: 50%;
    height: 3px;
    background: #900400;

    margin: 20px auto 20px auto;
}

#result .result-class .overall-score span {
    font-weight: 600;
    font-size: 12px;
    color: #900400;
    margin-left: 6px;
}

#result .result-class .overall-score ol {
    padding-left: 18px;
}

.bg-sc p {
    font-weight: 700;
    font-size: 13px;
    padding: 0px 10px;
}

/* ----------------------------------------------------------------femfit physique---------------------------------------------------- */
#result .femfit {
    margin-top: 90px;
}

#result .femfit .femfit-img {
    aspect-ratio: 3/2;
    object-fit: contain;
}

/* -----------------master bikni----------------------- */
#result .master {
    margin-top: 90px;
}

/* --------------------------novice-------------------- */
#result .novice {
    margin-top: 90px;
}

/* -------------------------------------2nd video------------------------------------- */
#result .resultlast {
    padding: 100px 0;
    background: #900400;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 70px;
}

#result .resultlast h2 {
    font-size: 42px;
    font-weight: 800;
}

#result .resultlast p {
    text-align: center;
    width: 80%;
    /* font-size: 15px; */
    font-weight: 400;
    margin-top: -44px;
}

/* -----------------------------------animation------------------------------------ */

#result .resultlast .slider {
    text-align: center;
    position: relative;
    animation: 8s forwards infinite;
}

#result .resultlast .caption {
    line-height: 107px;
    font-size: 60px;
    color: #fff;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
    margin-left: -300px;
    font-weight: 800;
}

#result .resultlast .text-box {
    display: inline-block;
    position: relative;
}

#result .resultlast .text-box .changetext {
    display: inline-block;
    position: absolute;
    top: -200px;
    transform: rotateX(-90deg);
    opacity: 0;
    text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
    animation-timing-function: ease;
}

#result .resultlast .text-box .changetext:nth-child(1) {
    animation: rollDown 8s forwards infinite;
}

#result .resultlast .text-box .changetext:nth-child(2) {
    animation: rollDown2 8s forwards infinite;
}

@keyframes rollDown {
    0% {
        top: -200px;
        transform: rotateX(-90deg);
    }

    16% {
        top: -74px;
        transform: rotateX(0deg);
        opacity: 1;
    }

    32% {
        top: -74px;
        transform: rotateX(0deg);
        opacity: 1;
    }

    48% {
        top: 10px;
        transform: rotateX(30deg);
        opacity: 0;
    }
}

@keyframes rollDown2 {
    48% {
        top: -200px;
        transform: rotateX(-90deg);
    }

    64% {
        top: -74px;
        transform: rotateX(0deg);
        opacity: 1;
    }

    80% {
        top: -74px;
        transform: rotateX(0deg);
        opacity: 1;
    }

    96% {
        top: 10px;
        transform: rotateX(30deg);
        opacity: 0;
    }
}

/* -------------------------------------animation 2----------------------------------------- */

#result .resultlast .loader > span {
    display: inline-block;
    color: #fff;
    transform-style: preserve-3d;
    transform-origin: 0 100%;
    animation: anim 3s infinite linear;
    font-size: 24px;
    margin-top: 30px;
}

/* #result .resultlast .loader > span:nth-child(even) {
    color: #666;
} */
#result .resultlast .loader span:nth-child(2) {
    animation-delay: 0.2s;
}

#result .resultlast .loader span:nth-child(3) {
    animation-delay: 0.4s;
}

#result .resultlast .loader span:nth-child(4) {
    animation-delay: 0.6s;
}

#result .resultlast .loader span:nth-child(5) {
    animation-delay: 0.8s;
}

#result .resultlast .loader span:nth-child(6) {
    animation-delay: 1s;
}

#result .resultlast .loader span:nth-child(7) {
    animation-delay: 1.2s;
}

#result .resultlast .loader span:nth-child(8) {
    animation-delay: 1.4s;
}

#result .resultlast .loader span:nth-child(9) {
    animation-delay: 1.6s;
}

#result .resultlast .loader span:nth-child(10) {
    animation-delay: 1.8s;
}

#result .resultlast .loader span:nth-child(11) {
    animation-delay: 2s;
}

#result .resultlast .loader span:nth-child(12) {
    animation-delay: 2.2s;
}

#result .resultlast .loader span:nth-child(13) {
    animation-delay: 2.4s;
}

#result .resultlast .loader span:nth-child(14) {
    animation-delay: 2.6s;
}

#result .resultlast .loader span:nth-child(15) {
    animation-delay: 2.8s;
}

#result .resultlast .loader span:nth-child(16) {
    animation-delay: 3s;
}

#result .resultlast .loader span:nth-child(17) {
    animation-delay: 3.2s;
}

#result .resultlast .loader span:nth-child(18) {
    animation-delay: 3.4s;
}

@keyframes anim {
    35% {
        transform: rotateX(360deg);
    }

    100% {
        transform: rotateX(360deg);
    }
}

/* ---------------------photo comment section------------------------------- */
#event-detail .photo-comment .owl-item {
    background: #fff;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 25%);
    color: #000;
    border-radius: 14px;
    height: 100%;
    margin: 10px 0;
}
#levelup .photo-comment .comment-box {
    background: #fff;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 25%);
    /* padding: 20px; */
    color: #000;
    /* margin: 20px 0; */
    border-radius: 14px;
    height: 100%;
}

#levelup .photo-comment,
#event-detail .photo-comment {
    margin-top: 90px;
}

#levelup .photo-comment .comment-box img {
    object-fit: cover;
    width: 100%;
    height: 150px;
    border-top-right-radius: 14px;
    border-top-left-radius: 14px;
}
/* #event-detail .photo-comment .comment-box .photo-height {
    min-height: 90px;
    height: 100%;
} */

#levelup .photo-comment .comment-box h4,
#event-detail .photo-comment .comment-box h4 {
    font-size: 14px;
    margin: 0;
}

#levelup .photo-comment .comment-box .comment-title,
#event-detail .photo-comment .comment-box .comment-title {
    margin: 0;
    font-size: 12px;
    font-weight: 300;
    margin: 0;
    margin-top: 5px !important;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#event-detail .photo-comment .owl-item {
    min-height: 241px;
    height: 100%;
}

#levelup .photo-comment .comment-box p,
#event-detail .photo-comment .comment-box p {
    font-size: 12px;
    margin: 0;
}

#levelup .photo-comment .owl-height {
    padding: 4px 0;
}

#levelup .photo-comment .owl-carousel .owl-item {
    height: 100%;
}

#levelup .photo-comment .photo-btn {
    width: 260px;
    height: 55px;
    background: #900400;
    color: #fff;
    border: none;
    border-radius: 5px;
    margin-bottom: 20px;
    font-size: 16px;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}

#levelup .photo-comment .photo-btn:hover {
    border-bottom: 5px solid #000 !important;
    border-right: 5px solid #000 !important;
}

#levelup #comment {
    font-size: 14px !important;
    outline: none !important;
}

/* -------------------------------------------------sponer Page=------------------------------------------------------- */

#sponser-page .sponser-first {
    background-image: url("../images/rules-bg.jpg");
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 50vh;
    background-attachment: fixed;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

#sponser-page .sponser-first h2 {
    font-size: 48px;
    color: #fff;
    font-weight: 800;
}

#sponser-page .sponser-second .gold-level,
#sponser-page .sponser-second .premium-level {
    margin: 70px 0px;
}

#sponser-page .sponser-second h3 {
    font-size: 36px;
    font-weight: 800;
    text-align: center;
    color: #900400;
}

#sponser-page .sponser-second .sponser-box {
    width: calc(100% / 4.4);
}

#sponser-page .sponser-second .sponser-box img {
    width: 100%;
    padding: 15px 0;
    aspect-ratio: 3/2;
    object-fit: cover;
}

#sponser-page .sponser-second .sponser-box .sponser-name {
    display: flex;
    justify-content: center;
    width: 100%;
}

#sponser-page .sponser-second .sponser-box .sponser-name button {
    width: 100%;
    background: #666;
    height: 50px;
    font-size: 16px;
    color: #fff;
    border: none;
}

#sponser-page .sponser-second .platinum-btn {
    width: 320px;
    height: 70px;
    background: #900400;
    color: #fff;
    border: none;
    border-radius: 5px;
    margin-bottom: 20px;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    margin-top: 45px;
}

#sponser-page .sponser-second .horizontal-sponser {
    width: 100px;
    height: 2px;
    background: #9004008a;
    /* margin-left: 10px; */
}

#sponser-page .upload {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: cetner;
    justify-content: center;
    height: 170px;
    border: 1px dashed #676767;
    border-radius: 10px;
}

#sponser-page .payment-done {
    width: 100%;
    height: 40px;
    background: #900400;
    color: #fff;
    font-size: 15px;
    border: 0;
    border-radius: 4px;
    margin-top: 14px;
}

#sponser-page label {
    margin-bottom: 7px;
    font-size: 16px;
    font-weight: 500;
}

#sponser-page input {
    height: 45px;
    border: 1px solid #ced4da;
    font-size: 14px;
    color: #363636;
    width: 100%;
}

#sposner-page .instruction {
    color: #b7b7b7;
    margin-bottom: 5px;
    font-size: 16px;
}

#sponser-page textarea {
    height: 100px;
    border: 1px solid #ced4da;
    font-size: 14px;
}

#sponser-page .modal-body::-webkit-scrollbar {
    background: #fff;
}
#sponser-page .modal-body::-webkit-scrollbar-thumb {
    background: #fff;
}

/* --------------------------------------------------------------------about us------------------------------------------ */
#aboutus .about-first {
    background-image: url("../images/rules-bg.jpg");
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 40vh;
    background-attachment: fixed;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
}

#aboutus .about-first h2 {
    font-size: 48px;
    color: #fff;
    font-weight: 800;
}

#aboutus h2 {
    font-size: 42px;
    font-weight: 600;
    color: #900400;
    text-align: center;
    margin-bottom: 25px;
}

#aboutus .about-second p {
    text-align: center;
    font-size: 16px;
    line-height: 30px;
}

/* #aboutus .about-video p {
    margin-top: 63px;
    text-align: center;
    color: #900400;
    font-size: 18px;
    margin-bottom: 40px;
} */

#aboutus .about-banner {
    margin-top: 50px;
}

#aboutus .about-banner img {
    aspect-ratio: 6/2;
    object-fit: contain;
}

#aboutus .heading-title {
    color: #363636d4;
    text-align: center;
    font-size: 16px;
}

#aboutus h4 {
    color: #900400;
    font-weight: 600;
    text-align: center;
}

#aboutus .about-testimonial {
    margin: 80px 0px;
    position: relative;
}

#aboutus .about-testimonial .testimonial-content {
    background: #fff;
    box-shadow: 0px 1px 5px rgb(0 0 0 / 25%);
    padding: 10px;
    margin-top: 60px;
    border-radius: 10px;
    margin-bottom: 10px;
}

#aboutus .about-testimonial .testimonial-content h6 {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}

#aboutus .about-testimonial .testimonial-content .small {
    font-size: 12px;
}

#aboutus .about-testimonial .testimonial-content p {
    color: #000000bf;
    margin-bottom: 20px;
    font-size: 15px;
    text-align: center;
    margin-top: 40px;
}

#aboutus .about-testimonial img {
    width: 65px;
    height: 65px;
    object-fit: cover;
    border-radius: 50%;
    position: absolute;
    top: 30px;
}

#aboutus .about-murphy {
    background: #900400;
    padding: 30px;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#aboutus .about-murphy p {
    text-align: center;
    font-size: 17px;
    font-weight: 300;
    margin-top: 8px;
    width: 80%;
}

#aboutus .about-contact {
    background-image: url("../images/resultbg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 70vh;
    width: 100%;
    position: relative;
}

#aboutus .about-contact .left {
    background: #900400;
    color: #fff;
    z-index: 1;
    margin-top: 11px;
    padding: 40px;
    width: 37%;
    border-radius: 10px;
    margin-left: 50px;
    position: relative;
    padding-bottom: 10px !important;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(20px);
}

#aboutus .about-contact .left img {
    position: absolute;
    top: 0;
    left: 0;
    right: 20px;
    bottom: 0;
    margin: auto;
}

#aboutus .about-contact .left h6 {
    text-align: end;
    font-weight: 200;
}

#aboutus .about-contact .left p {
    font-weight: 200;
    /* font-size: 16px; */
}

#aboutus .about-contact .right {
    width: 48%;
    z-index: 3;
    margin-right: 40px;
    color: #fff;
}

#aboutus .about-contact .right .btn {
    width: 220px;
    height: 45px;
    background: #900400;
    border-radius: 0;
    color: #fff;
    font-size: 15px;
}

#aboutus .about-contact .right h4 {
    text-align: start;
    font-weight: 600;
    font-size: 42px;
    line-height: 48px;
    color: #900400;
}

#aboutus .about-contact .right p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

#aboutus .about-contact .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000a1;
}

#aboutus .about-contact .right label {
    font-size: 16px;
    margin-bottom: 10px;
}

#aboutus .about-contact .right input,
#aboutus .about-contact .right textarea {
    background: #d9d9d9;
    border-radius: 0px;
}

/* -----------------------------------------------------------judgescoring-status------------------------------------------------------------ */
#judgescoring-status .status-box {
    background: #ffffff;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    width: calc(100% / 3.2);
    padding: 24px 34px;
}

#judgescoring-status .status-box h3 {
    font-size: 36px;
    font-weight: color;
    font-weight: 600;
    color: #900400;
}

#judgescoring-status .status-box h4 {
    font-size: 24px;
    font-weight: 600;
    padding: 10px 0;
}

#judgescoring-status .status-box a {
    font-size: 16px;
    color: #000;
    text-decoration: none;
}

#judgescoring-status .judgescoring-card {
    width: 85%;
}

/* --------------------------------normal comment----------------------------------- */
#levelup .normal-comment .item {
    box-shadow: 0px 2px 5px rgb(0 0 0 / 25%);
    margin: 6px;
    border-radius: 10px;
    padding: 15px;
}

#levelup .normal-comment img {
    width: 55px;
    height: 55px;
    object-fit: cover;
    border-radius: 50%;
}

#levelup .normal-comment h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
}

#levelup .normal-comment .premium-text {
    margin-bottom: 6px;
    font-size: 12px;
}

#levelup .normal-comment .normal-btn {
    width: 260px;
    height: 55px;
    background: #900400;
    color: #fff;
    border: none;
    border-radius: 5px;
    margin-bottom: 20px;
    font-size: 16px;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}

#levelup .photo-comment .photo-btn:hover {
    border-bottom: 5px solid #000 !important;
    border-right: 5px solid #000 !important;
}

/* --------------------------------athlete seat booked detail----------------------- */
#levelup .total-seat .athleteseat-info {
    width: calc(100% / 3.2);
    /* box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%); */
    box-shadow: 2px 2px 12px rgba(144, 4, 0, 0.25);
    padding: 14px;
    border-radius: 10px;
    background: #fff;
    color: #000;
    border: 2px solid #900400;
    position: relative;
}

#levelup .total-seat .athleteseat-info h6 {
    color: #900400;
    font-size: 22px;
}

#levelup .total-seat .athleteseat-info .athleteseat-no {
    position: absolute;
    top: 10px;
    left: 15px;
    width: 45px;
    height: 45px;
}

/* #levelup .total-seat .athleteseat-info:nth-child(1) {
    background: #eb4747;
    mix-blend-mode: normal;
}

#levelup .total-seat .athleteseat-info:nth-child(2) {
    background: #848484;
    mix-blend-mode: normal;
}

#levelup .total-seat .athleteseat-info:nth-child(3) {
    background: #b9f3e4;
    mix-blend-mode: normal;
} */

#levelup .total-seat .athletereserved-seat {
    width: calc(100% / 5.3);
    display: flex;
    align-items: center;
    flex-direction: column;
    background: #fff;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    backdrop-filter: blur(20px);
    padding: 15px;
    border-radius: 10px;
    position: relative;
}

#levelup .total-seat h1 {
    font-size: 36px;
    text-align: center;
    font-weight: 600;
    margin: 50px 0px 30px 0;
    /* color: #900400; */
}

#levelup .total-seat .athletereserved-seat img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 50%;
    margin-bottom: 10px;
}

#levelup .total-seat .athletereserved-seat h2 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
}

#levelup .total-seat .athletereserved-seat p {
    font-size: 13px;
    margin: 0;
}

#levelup .total-seat .athletereserved-seat .seat-number {
    background: #848484;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: center;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    backdrop-filter: blur(20px);
    position: absolute;
    top: 12px;
    right: 10px;
    font-size: 11px;
}

ul.text li {
    list-style: none;
    margin: 10px 0px;
    font-weight: 600;
    font-size: 12px;
}

.ms-0.ms-md-5.d-flex.justify-content-center.text-center {
    background: #ffffff;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 31px;
}

/* -----------------------event Status Page ------------------- */

#event-status .status-heading h1 {
    background: #900400;
    color: #fff;
    padding: 18px 0;
    text-align: center;
}
#event-status .status-detail {
    width: 90%;
    list-style: none;
}

#event-status .status-detail .status-card {
    width: calc(100% / 3.6);
    background: #ffffff;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    padding: 20px;
}
#event-status .status-detail .status-card h4 {
    font-size: 36px;
    color: #900400;
    font-weight: 600;
}
#event-status .status-detail .status-card p {
    margin: 13px 0;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
}
#event-status .status-detail .status-card .view {
    cursor: pointer;
}
#event-status .status-heading h2 {
    margin: 50px;
    color: #900400;
    font-weight: 600;
    font-weight: 32px;
}
#event-status .athlete-list {
    background: #ffffff;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    width: 90%;
    padding: 30px;
    margin: 0 auto;
}
.agfasa {
    display: none;
}

#event-status ul#tabs-nav .status-card:hover,
#event-status ul#tabs-nav .status-card.active {
    background: #666;
    color: #fff !important;
}

#event-status ul#tabs-nav .status-card:hover p,
#event-status ul#tabs-nav .status-card.active p {
    color: #fff !important;
}
#event-status ul#tabs-nav .status-card:hover a,
#event-status ul#tabs-nav .status-card.active a {
    color: #fff;
}

#event-status ul#tabs-nav .status-card:hover h4,
#event-status ul#tabs-nav .status-card.active h4 {
    color: #fff;
}

#event-status .status-card a {
    text-decoration: none;
    color: #000;
}

#event-status .athlete-list h4 {
    color: #900400;
    font-weight: 600;
    margin-bottom: 30px;
}
#event-status .athlete-list img {
    width: 100%;
    border-radius: 4px;
    object-fit: cover;
    height: 270px;
}

#event-status .status-heading .atletestatus-card {
    width: calc(100% / 5.6);
}

#event-status .status-heading .athlete-list .card-view {
    gap: 28px;
}

#event-status .status-heading .atletestatus-card .small {
    font-size: 13px;
    color: #363636c4;
    margin-bottom: 5px;
}

#event-status .status-heading .atletestatus-card h6 {
    margin-bottom: 4px;
}

#event-status .status-heading .atletestatus-card {
    font-size: 14px;
    margin: 0;
}
#event-status .eventathlete-show {
    display: flex;
}

.adhjb {
    display: flex;
}

#event-status .changeclr {
    background: #666 !important;
}

#event-status .changeclr p,
#event-status .changeclr h4,
#event-status .changeclr .view {
    color: #fff !important;
}
/* ---------------athlete event detail page------------------ */
#event-detail .athlete-detail .right .small {
    font-size: 13px;
    color: #4d4d4d;
}
#event-detail .athlete-detail .right p {
    width: 90%;
    color: #363636;
}
#event-detail .athlete-detail .right h5 {
    font-size: 18px;
    font-weight: 500;
    margin-top: 4px;
}
#event-detail .athlete-detail .right h2 span {
    color: #900400;
    font-weight: 700;
}

#event-detail .athlete-detail .left img {
    width: 260px;
    height: 260px;
    object-fit: cover;
    border-radius: 50%;
}

#event-detail .detail-sponser img {
    width: 85px;
    height: 85px;
    object-fit: cover;
    border-radius: 50%;
}

#event-detail .detail-sponser p {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}
#event-detail .detail-sponser h4 {
    margin: 0;
    font-size: 32px;
    color: #900400;
    font-weight: 700;
}

#event-detail .detail-sponser .event-sponser {
    background: #ffffff;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    height: 105px;
    width: calc(100% / 3.8);
    justify-content: space-around;
}

#event-detail .videolist video {
    height: 100%;
}

#event-detail .video .like-video {
    position: absolute;
    top: 20px;
    right: 20px;
}

#event-detail .premium-comment {
    margin-top: 90px;
}
#event-detail .premium-comment .owl-item {
    min-height: 212px;
    height: 100%;
}

#event-detail .premium-comment .owl-item,
#event-detail .normal-comment .owl-item {
    background: #ffffff;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 25%);
    border-radius: 15px;
    margin-bottom: 20px;
    padding: 20px;
    margin-top: 10px;
}
#event-detail .normal-comment .owl-item:hover {
    background: #900400;
    color: #fff;
    border-radius: 15px;
}

#event-detail .normal-comment .owl-item:hover .premium-text a {
    color: #fff;
}
#event-detail .normal-comment .owl-item:hover a.read_more {
    color: #fff;
}

#event-detail .premium-comment .premium-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
}

#event-detail .gold-sponser {
    margin-top: 90px;
}

#event-detail .review_comment p {
    font-size: 12px;
}

/* read more or less */

#event-detail .normal-comment .review_comment .premium-text .more-text,
#event-detail .premium-comment .premium-card .premium-text .more-text,
#event-detail .photo-comment .comment-box .more-text {
    display: none;
}
#event-detail .normal-comment .review_comment .premium-text a,
#event-detail .premium-comment .premium-card .premium-text a,
#event-detail .photo-comment .comment-box a {
    color: #900400;
    font-weight: 500;
}
#event-detail .normal-comment .review_comment .premium-text .read-less,
#event-detail .premium-comment .premium-card .premium-text .read-less,
#event-detail .photo-comment .comment-box .read-less {
    display: none;
}
#event-detail .normal-comment .review_comment .premium-text .active,
#event-detail .premium-comment .premium-card .premium-text .active,
#event-detail .photo-comment .comment-box .active {
    display: inline;
}

#event-detail .normal-comment .review_comment .premium-text .nodata,
#event-detail .premium-comment .premium-card .premium-text .nodata,
#event-detail .photo-comment .comment-box .nodata {
    display: none;
}

.sponser-item img {
    object-fit: fill;
}

#event-detail .normal-comment h4 {
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    margin-top: 6px;
}

#event-detail .sponser-title {
    margin-top: 20px;
    background: #848484;
    color: #fff;
    padding: 13px;
    height: 100px;
}

#event-detail .sponser-item img {
    width: 100%;
    object-fit: contain;
}

#event-detail .sponser-title .social-insta {
    filter: invert(1);
    width: 20px;
    margin-right: 6px;
}
#event-detail .sponser-title .social-insta1 {
    width: 20px;
    margin-right: 6px;
}
#event-detail .sponser-title a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    margin-bottom: 7px;
}

#event-detail .fan-list {
    margin-top: 90px;
}

#event-detail .fan-list .fan-card {
    background: #000;
    color: #fff;
    border-radius: 15px;
    padding: 20px;
}

#event-detail .fan-list h4 {
    font-size: 14px;
    margin: 0;
}
#event-detail .fan-list small {
    font-size: 12px;
}
#event-detail .fan-list p {
    margin: 10px 0px;
    font-size: 13px;
}
#event-detail .fan-list .message-fan {
    width: 90px;
    font-size: 14px;
    border: 0;
}
#event-detail .fan-list .fan-image {
    width: 60px;
    height: 60px;
}
#event-detail .fan-list img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
#event-detail .fan-list .fan-card .circle {
    font-size: 10px;
    width: 30px;
    height: 30px;
    background: #fff;
    color: #900400;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

#event-detail .pdf-btn button {
    width: 264px;
    height: 70px;
    border-radius: 10px;
    font-size: 20px;
    font-weight: 600;
}

#event-detail .message-popup .chat-icon {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 3;
    width: 60px;
}

#event-detail .message-popup .pop-box {
    height: calc(100vh - 237px);
    overflow: auto;
}

#event-detail .message-popup .pop-box,
#event-detail .message-popup .chat-box {
    width: 350px;
    background: #fff;
    border: 2px solid #000;
    border-radius: 15px;
    padding: 15px;
    float: right;
    display: none;
    position: fixed;
    bottom: 80px;
    right: 60px;
    z-index: 3;
}

#event-detail .message-popup .pop-box .search img {
    width: 20px;
    height: 20px;
    border-radius: 0px;
}
#event-detail .message-popup .pop-box .search {
    border: 1px solid #000;
    border-radius: 7px;
    padding: 5px;
}
#event-detail .message-popup .pop-box .search input {
    border: 0;
}

#event-detail .message-popup .pop-box img {
    width: 50px;
    border-radius: 50%;
    height: 50px;
    margin-left: 10px;
}

#event-detail .message-popup h4 {
    font-size: 16px;
    margin: 0;
}

#event-detail .message-popup p {
    font-size: 12px;
    margin: 0;
}

#event-detail .message-popup .pop-box .count {
    width: 15px;
    background: #900400;
    color: #fff;
    border-radius: 50%;
    height: 15px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#event-detail .message-popup .pop-box .messagename {
    cursor: pointer;
}

#event-detail .message-popup .chat-box .top-chat .online {
    font-size: 12px;
    display: flex;
    align-items: center;
}

#event-detail .message-popup .chat-box .top-chat .arrow {
    width: 18px;
    height: 18px;
    transform: rotateZ(90deg);
    border-radius: 0px;
    object-fit: contain;
    cursor: pointer;
    margin-right: 10px;
}

#event-detail .message-popup .chat-box .top-chat .online div {
    width: 8px;
    height: 8px;
    background: #3ef000;
    border-radius: 50%;
    margin-right: 3px;
}

#event-detail .message-popup .chat-box .top-chat {
    background: #900400;
    padding: 10px;
    padding-left: 2px !important;
    border-radius: 12px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border: 2px solid #900400;
    color: #fff;
}

#event-detail .message-popup .chat-box .message-detail {
    color: #747474;
    text-align: center;
    font-size: 14px;
}

#event-detail .message-popup .chat-box img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    object-fit: cover;
}

#event-detail .message-popup .chat-box .middle-chat {
    height: calc(100vh - 360px);
    overflow: auto;
}
#event-detail .message-popup .chat-box .middle-chat::-webkit-scrollbar,
#event-detail .message-popup .pop-box::-webkit-scrollbar {
    background: #fff;
    width: 5px;
    height: 5px;
}
#event-detail .message-popup .chat-box .middle-chat::-webkit-scrollbar-thumb,
#event-detail .message-popup .pop-box::-webkit-scrollbar-thumb {
    background: #900400;
    border-radius: 5px;
    width: 5px;
    height: 5px;
}

#event-detail .message-popup .chat-box .middle-chat .type {
    font-size: 11px;
    font-weight: 300;
    background: #000;
    color: #fff;
    padding: 10px;
    border-radius: 6px;
    border-bottom-left-radius: 0px;
    margin-left: 4px;
}

#event-detail .message-popup .chat-box .middle-chat img {
    width: 30px;
    height: 30px;
    margin-bottom: -5px;
}
#event-detail .message-popup .chat-box .middle-chat .left-chat .type {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 6px;
    background: #bc2b27;
}

#event-detail .message-popup .chat-box .chat-footer {
    border: 1px solid #000;
    display: flex;
    margin: 0px 12px;
    border-radius: 10px;
}
#event-detail .message-popup .chat-box .chat-footer input {
    border: 0;
    width: 90%;
    height: 45px;
    padding: 0;
    border-radius: 12px;
    padding-left: 12px;
    font-size: 16px;
    color: #000;
}
#event-detail .message-popup .chat-box .chat-footer input::placeholder {
    color: #363636;
}

#event-detail .message-popup .hideshow {
    display: block !important;
}

#event-detail .message-popup .hide {
    display: none;
}
#event-detail .message-popup .show {
    display: block;
}

#event-detail .pending-chat {
    width: 15px;
    height: 15px;
    background: #fff;
    position: fixed;
    right: 30px;
    bottom: 52px;
    border-radius: 50%;
    z-index: 5;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 500;
}

#event-detail .video .banner-content .videolist p {
    color: #fff;
}

#athlete-gallery .gallery-img .view_image_main {
    width: 100%;
    height: 100%;
    object-fit: contain;
    cursor: pointer;
}

#athlete-gallery .gallery-img {
    gap: 35px;
}

#athlete-gallery .heading {
    width: 40%;
    text-align: center;
    margin: auto;
    font-size: 14px;
    font-weight: 500;
}

#athlete-gallery h3 {
    font-size: 36px;
    font-weight: 600;
    color: #900400;
}

#athlete-gallery .border-upload {
    padding: 30px;
    border: 2px dashed #000;
    border-radius: 10px;
    text-align: center;
    margin-top: 19px;
    width: 100%;
}

#athlete-gallery .border-upload p {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    text-decoration: underline;
    margin-top: 4px;
}

#athlete-gallery .gallery-btn {
    width: 120px;
    color: #fff;
    background: #900400;
    border: 0;
    margin-top: 20px;
    font-size: 14px;
    height: 32px;
    float: right;
    font-weight: 400;
}
/*24-04-2023 event gallery */

.finalscores2 {
    background-color: #000 !important;
}
.finalscores2:focus {
    color: #fff !important;
    background: #900400 !important;
    border: none !important;
    border: 0 !important;
}

.finalscores2:focus-visible {
    border: none !important;
}

/*25-04-2023 profile messages and notification*/
.profile-details,
.security,
.my-events,
.message-section {
    padding: 30px 10px;
}

.message-section .search-bar {
    border: 1px solid #000;
    border-radius: 7px;
}

.message-section input {
    font-size: 14px;
    font-weight: 300;
}

.message-section .left-message {
    height: calc(100vh - 232px);
    overflow: auto;
}
.message-section .left-message .chat-detail {
    cursor: pointer;
}

.message-section .left-message::-webkit-scrollbar,
.notification::-webkit-scrollbar,
.message-section .right-section .chat-middle::-webkit-scrollbar {
    background: #fff;
    width: 4px;
}

.message-section .left-message::-webkit-scrollbar-thumb,
.notification::-webkit-scrollbar-thumb,
.message-section .right-section .chat-middle::-webkit-scrollbar-thumb {
    background: #900400;
    border-radius: 10px;
}

.message-section .left-message .chat-detail img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}

.message-section .left-message .chat-detail h5 {
    font-size: 16px;
    font-weight: 500;
}

.message-section .left-message .chat-detail p {
    font-size: 12px;
    margin: 0;
    color: #8a8a8a;
}

.message-section .left-message .chat-detail p.count {
    width: 20px;
    height: 20px;
    background: #900400;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffff;
    font-weight: 600;
}

.message-section .right-section .chat-header img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}

.message-section .left-message .chat-detail p,
.message-section .right-section .chat-header p {
    font-size: 12px;
    margin: 0;
    color: #8a8a8a;
}

.message-section .right-section .chat-middle {
    height: calc(100vh - 260px);
    overflow: auto;
}

.message-section .right-section .float-left,
.message-section .right-section .float-right {
    width: 85%;
}

.message-section .right-section .chat-middle .inputimg {
    object-fit: cover;
    width: 80px;
    height: 80px;
    border-radius: 0px;
}

.message-section .right-section .date-chat .horizontal,
.notification .date-chat .horizontal {
    width: 41%;
    background: #bdbdbd;
    height: 1px;
}

.message-section .right-section .float-right .chat-text {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 0px;
    margin: 0px 20px 6px 0px;
    background: #900400;
}
.message-section .right-section .chat-middle .chat-text {
    padding: 10px;
    background: #000;
    color: #fff;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 300;
    margin: 0px 0px 6px 20px;
    border-bottom-left-radius: 0px;
}

.message-section .right-section .float-right .chat-text {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 0px;
    margin: 0px 20px 6px 0px;
    background: #900400;
}

.message-section .right-section .chat-middle img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: conver;
}
.message-section .right-section .chat-middle h6 {
    font-size: 12px;
    margin: 0;
}

.message-section .right-section .chat-middle p {
    font-size: 10px;
    margin: 0;
}

.message-section .right-section .chat-send {
    border: 1px solid #000;
    border-radius: 6px;
    padding: 0px 10px;
    height: 40px;
    width: 93%;
}

.message-section input,
.message-section input::placeholder {
    font-size: 14px;
    font-weight: 300;
}
.message-section .right-section .chat-footer .sendbtn {
    cursor: pointer;
    width: 40px;
    height: 40px;
    background: #900400;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
}

.notification.notification-show {
    display: block;
    width: 440px;
}

.notification {
    width: 0px;
    background: #fff;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 0;
    right: 0;
    padding: 18px;
    height: calc(100vh - 80px);
    overflow: auto;
    display: none;
    position: fixed;
    top: 80px;
}

.notification span {
    color: #2e2e2e;
    font-weight: 300;
    font-size: 14px;
}
/* .notification .seat-no {
    background: #ff7470;
    width: 100px;
    padding: 0px 4px;
} */

.notification h5 span {
    font-size: 12px;
}

.notification h4 {
    font-size: 15px;
    font-weight: 400;
}
.notification h6 {
    margin: 0;
    line-height: 24px;
    color: #2e2e2e;
    font-weight: 300;
    font-size: 15px;
}

.notification .time {
    font-size: 12px;
    color: #666666;
}

.notification .pending-image {
    border-radius: 0;
    width: 66px;
    height: 66px;
    object-fit: cover;
    margin-top: 10px;
}

/*25-04-2023 profile messages and notification*/

/* ---ios style */
.form-underline {
    color: #000 !important;
}

/* popup image */
.commentphotommodal {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    right: 0;
    bottom: 0;
    background: #000000ab;
    margin: auto;
    z-index: 2;
}

.commentphotommodal #premiumimg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 640px;
    height: calc(100vh - 193px);
    object-fit: contain;
    z-index: 4;
}
.commentphotommodal .closepremium {
    position: absolute;
    top: 100px;
    right: 13px;
    margin: auto;
    z-index: 13;
    width: 35px;
    cursor: pointer;
}

/*nav dots iucon style*/
#event-detail .owl-nav {
    top: -50px;
    right: 0;
    margin: auto;
    position: absolute;
}
#event-detail .owl-nav .owl-prev:hover,
#event-detail .owl-nav .owl-next:hover {
    background: transparent;
}
#event-detail .owl-nav .owl-prev i,
#event-detail .owl-nav .owl-next i {
    background: #900400;
    color: #fff;
    height: 35px;
    width: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
    background: transparent !important;
}
.dafufgudsfagh .owl-nav {
    display: block !important;
}

/* 13 SEP 2023  */
.feedback-card-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 40px;
}

.feedback-card-wrapper p {
    margin: 0;
    color: #848484;
    font-size: 14px !important;
}

.feedback-card-wrapper .feedback-preview {
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.feedback-card-wrapper .feedback-card-content {
    padding: 14px 18px;
    cursor: default;
}

.feedback-card-wrapper .feedback-card-content:hover {
    border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, 0.14);
    background: #fff;
    box-shadow: 10px 10px 6px 0px rgba(0, 0, 0, 0.06);
}

.notification-image {
    cursor: pointer;
}

/* 2-NOV-2023 */
/* profile notification alert popup  */
.notificaton-alert {
    position: fixed;
    right: 0;
    background: #fdeee3;
    display: flex;
    width: 430px;
    z-index: 1;
    padding: 17px;
    border-radius: 10px;
    box-shadow: 14px 12px 30px 0px rgba(0, 0, 0, 0.08);
    transition: all 0.6s linear;
}
.notificaton-alert h4 {
    font-size: 18px;
    font-weight: 400;
    color: #000;
}
.notificaton-alert p {
    font-size: 15px;
    color: #555353;
    font-weight: 300;
}

.notification-alert-icon {
    background: #ffd9d8;
    width: 64px;
    height: 64px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.notification-alert-icon img {
    width: 40px;
    height: 40px;
}

.notificaton-alert .btn {
    border-radius: 25px;
    width: 120px;
    height: 35px;
    box-shadow: 10px 8px 30px 0px rgba(0, 0, 0, 0.22);
    font-size: 14px;
}

.notificaton-alert .visit-now {
    background: #900400;
    color: #fff;
}

.notificaton-alert .later {
    background: #fff;
    color: #900400;
    border: 1.4px solid #900400;
}

.hide-notificaiton {
    right: -380px;
    width: 0;
    display: none !important;
    transition: all 0.6s linear;
}