.event-information {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.hide-event-info {
    display: none;
}

.font-bold {
    font-weight: bold;
}

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

#eventNotFound {
    text-align: center;
    padding: 20px;
    min-height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    display: none;
}

#payNowBtn {
    display: none;
}

.theme-primary-color {
    color: #00a89c;
}

.comment-box {
    display: flex;
    justify-content: space-between;
}

.text-right {
    text-align: right !important;
}

.signin-btn {
    background: #00a89c;
    font-size: 17px;
    color: #fff;
    height: 45px;
    font-weight: 500;
    transition: all 0.4s;
    margin-top: 30px;
    border-radius: 20px;
    padding: 10px 50px;
}

.signin-btn:hover {
    background: #02a399;
    color: #fff;
}

.mt-40 {
    margin-top: 40px;
}

.news-sidebar-card {
    padding: 60px 45px !important;
}

.width-80-parcent {
    width: 80%;
}

.uppercase-title {
    text-transform: uppercase;
}

@media(max-width: 991px) {
    .width-80-parcent {
        width: 100%;
    }
}

.mb-4 {
    margin-bottom: 30px !important;
}



.single-event-link {

    color: #212529;
}

.single-event-link:hover {

    color: #212529;
}

.event-details-font-family {

    font-family: 'Barlow', sans-serif !important;
}

.mt-50 {
    margin-top: 50px;
}

.input-group-text {
    padding: 0.5rem 0.75rem;

}

.birthdate-input {
    padding-right: 0px;
    width: 90%;
}

.birthdate-calender {
    position: absolute;
    padding-left: 0px;
    width: 61px;
    height: 82px;
    right: 0px;
    top: 0px;
}

.my-profile-photo {
    width: 200px;
    border: 2px solid #02a99d;
    padding: 10px;
    border-radius: 4px;
    background: #e4f6f5;
}

.my-profile-photo img {
    width: 100%;
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover;
}

.hide-curier-charge {
    display: none;
}

.hide-insurance-charge {
    display: none;
}


.price-one {}

.price-two {
    margin-left: 20px;
}

.discount-amount {
    margin-left: 10px;
}

.required-field {
    color: red;
}

.validation-error {
    border-color: #dc3545 !important;
    padding-right: calc(1.5em + .75rem);
    /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");*/
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.valid-input {
    border-color: #00a89c !important;
}

.strava-activity-pagination {
    display: flex;
    align-items: center;
    float: right;
}

.ml-5 {
    margin-left: 10px;
}

.link-disable {
    pointer-events: none;
}

.badge-success {
    color: #fff;
    background-color: #00a89c;
}

.badge-warning {
    color: #212529;
    background-color: #ffc107;
}

.badge {
    display: inline-block;
    padding: .3em .45em;
    font-size: 80%;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .2rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.referral-link {
    display: flex;
    justify-content: center;
    align-items: center;
}

.referral-link input[type='text'] {}

.referral-link span {
    background: #e9ecef;
    padding: 6px 12px;
    margin-left: 10px;
    font-size: 20px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    cursor: pointer;
}

.copy-to-clipboard>input {
    border: medium none;
}

#copy-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
    margin-top: 10px;
    padding: 5px 10px;
    font-weight: 400;
    display: none;
}

.courier-address {
    font-style: italic;
    font-weight: 500;
}


.event-terms-condition {
    height: 20px;
    width: 20px;
    margin-right: 5px;
    border: 1px solid #05a89c;
}


.timer-section {


}

.timer {

    display: flex;
    justify-content: center;
    align-content: center;
}
.timer span{
    font-size: 18px !important;
    border: 1px solid #ddd;
    padding: 5px 5px;
    margin: 2px;
    border-radius: 5px;
    display: flex;
    background: #00a89c;
    color: #fff !important;
}
.terms-and-condition {
    padding-left: 5px;
}

ul.terms-and-condition li {}

/*ul.terms-and-condition li::before{*/
/*    content: "";*/
/*    width: 20px;*/
/*    height: 20px;*/
/*    color: #18806d;*/
/*    background: #18806d;*/
/*    border-radius: 20px;*/
/*    position: absolute;*/
/*}*/
ul.terms-and-condition li::before {
    content: "●";
    display: inline-block;
    font-size: 20px;
    margin-left: 0;
    color: #18806d;
    padding-right: 10px;
    text-decoration: none !important;
    vertical-align: 0%;
}

.terms-condition-link {
    font-size: 17px;
    color: #122B46;
}

.pay-button {
    background: #00a89c;
    font-size: 17px;
    color: #fff;
    height: 45px;
    font-weight: 500;
    transition: all 0.4s;
    margin-top: 30px;
    border-radius: 5px;
    padding: 10px 20px;
}

.pay-button:hover {

    background: #00a89c;
    color: #fff;
}

.registration-target-table {
    margin-top: 35px;
}

.registration-target-table tbody {
    border: 1px solid #ddd;
}

/*.registration-target-table tbody td{*/
/*    text-align: center;*/
/*}*/

.strava-reconnect-btn {
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    /*width: 24%;*/
    /*margin: 0 auto;*/
    background-color: #fc4c02;
    border-color: #fc4c02;
    /*margin-top: 20px !important;*/
    /*font-size: 16px;*/
}

.reconnect-btn{
    display: flex;
    justify-content: end;
    align-items: start;
    padding-right: 30px;
}
.strava-reconnect-btn:hover {
    background-color: #fc4c02;
    border-color: #fc4c02;
}

.registration-target-label {
    padding: 10px;
    font-weight: 500;
}

.registration-target-value {

    text-align: center;
    font-weight: 500;
}

.progress-bar {
    background-color: #18806d !important;
}

.link-color {
    color: #00a89c;
    text-decoration: none;
}

.link-color:hover {
    color: #00a89c;
    text-decoration: none;
}


input#international-phone {
    height: 20px;
    width: 20px;
    margin-right: 5px;
    border: 1px solid #05a89c;
}

@media (max-width: 767px) {
    .sec-padding {
        padding: 30px 20px !important;
        text-align: start !important;
    }



    .padding-y-50 {
        padding: 30px 0px;
    }

    .font-lg {
        font-size: 30px;
    }

    .text-black {
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 500;
    }

    .text-black-bold {
        font-size: 14px;
    }

    p {
        font-size: 14px;
    }
}

.info-area {
    display: flex;
    justify-content: start;
    align-items: center;
}

.info-area span {
    margin-right: 5px;
}

.activity-notity {
    color: #fff;
    background: #18806d;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.feed-content {
    word-break: break-all;
}

.single-event {
    text-align: center;
}

.event-details-box {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #ddd
}

.single-event {
    text-align: left;
}

.event-info .row .col-md-4:first-child .single-event {
    padding-left: 20px;
}

.event-info .row .col-md-4:last-child .single-event {
    padding-right: 20px;
}

.single-event .fa-solid {
    color: #707275;
    font-weight: 700;
    margin-right: 3px;
}

@media (max-width: 767px) {
    .event-info .row .col-md-4:first-child .single-event {
        padding-left: 0px;
    }

    .event-info .row .col-md-4:last-child .single-event {
        padding-right: 0px;
    }

    .single-event {
        text-align: center;
    }
}

.error-msg{
    color: red;
}

/*css code for event details page*/

.otp-verification-form .phone{
    width: 420px;
}
.otp-verification-form .otp{
    width: 420px;
}

.opt-section{
    margin-top: 20px;
    display: none;
}

.phone-verify, .otp-verify{
    width: 100%;
    background: #00a89c;
    font-size: 17px;
    color: #fff;
    height: 45px;
    font-weight: 500;
    transition: all 0.4s;
    margin-top: 20px;
    padding-top: 0px;
    border: none!important;
    outline: 0!important;

}

.invalid-input{
    border-color: #dc3545!important;
    background-color: rgb(220 53 69 / 5%)!important;
}

.disable-next-btn, .disable-verify-btn{
    background: #00a89c8a!important;
    cursor: not-allowed!important;
}

.otp-section-enable{
    display: block!important;
}

.resend-otp-msg{
    font-size: 16px;
    padding-top: 10px;
}

.resend-otp-btn{
    color: #00a89c;
    font-weight: 500;
    cursor: pointer;
}
#otpVerifyBtn{
    display: none;
}
@media (max-width: 767px) {
    .event-list-wrap.d-flex {
        display: block !important;
    }
    .event-list-wrap .badge {
        display: block;
        width: fit-content;
    }
    .event-list-single-info {
        align-items: start;
    }
    .event-list-box-wrap .d-img-thame {
        margin-top: 5px;
    }

    .timer span {
        font-size: 16px !important;
        padding: 6px 5px !important;
        margin: 2px;
        font-weight: 800;
    }
    .timer-section h5{
        font-size: 18px;
    }
    #registration-form label {
        font-size: 14px;
        word-break: break-all;
        line-height: 16px;
    }
    .birthdate-filed {
        padding-bottom: 12px;
    }

    .payment-all-field .card-body {
        padding: 12px;
    }

    .reg-form-page{
        padding: 5px 15px;
    }

    .event-description{
        order: 2;
    }

    .phone-verification{
        order: 1;
        display: flex;
        flex-direction: column;
    }

    .phone-verification .event-date-time{
        order: 2;
        width: 100%;
    }
    .phone-verification .otp-form-section{
        order: 1;
    }

    .phone-verification .fit-form {
        border-bottom: 20px solid #f0f2f5
    }
}

.event-detals-box{
    margin-bottom: 20px;
}
.event-detals-box a{
     word-break: break-all;
    color: #00a89c;
}

#registration-form label{
    font-weight: 500;
    margin-bottom: 5px;
}


#registration-form textarea{
    min-height: 67px !important;
    height: auto;
    padding: 8px 10px;
}

.payment-active{
    background: #19816e57;
}
.payment-method-checkbox{
    display: none;
}

.list-of-tshirt-size{
    text-align: center;
}
.list-of-tshirt-size .form-check {
    margin-right: 20px;
}

.referral-code-info{
    font-size: 12px;
    line-height: 12px;
    margin-top: 2px;
}