/* ====================================================================================
===============================Root Variables=========================================
==================================================================================== */
:root {
    --form-heading:700 30px/44px 'Inter', Sans-serif;
    --form-subheading:700 20px/28px 'Inter', Sans-serif;
    --form-border:1px solid;
    --gradiant-secondary:linear-gradient(81deg, #42E397 0%, #3BB4B6 75%) ;
    --primary-black:#000;
}
/* ====================================================================================
===============================Root Variables End =====================================
==================================================================================== */



/* ====================================================================================
===============================Global Css start========================================
==================================================================================== */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.elementor-sub-item{
    cursor: pointer;
}
.highlight-words b {
    color: #3bb4b6 !important;
}
.uploaded-file a{
    border: 1px dashed #3bb4b6;
    padding: 4px 15px;
    border-radius: 10px;
    width: fit-content;
    margin-top: 15px;
    background: #3bb4b6;
    font-size: 14px;color: #fff;
    display: inline-block;
}
.uploaded-file a:hover{
    background: transparent;
    color: #3bb4b6;
}

.upload-text.file_successfully_uploaded {
    font-weight: 600;
    color: green !important;
}
 .select2-container--default .select2-selection--single{
    border: 1px solid transparent !important;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(#fff, #fff), var(--gradiant-secondary);
    border-radius: 30px !important;
    font-size: 14px !important;
    line-height: 16px !important;
    color: #8C8989 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 50px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 12px !important;
    right: 9px !important;
}
.select2-container--default .select2-results>.select2-results__options{max-height: 210px !important;}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar{width: 2px !important;}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb{background: #42E397 !important;outline: 1px solid #3BB4B6 !important;}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {background: #fff;}
.select2-dropdown{background-color: #00c9ac !important;border: 1px solid #009688 !important;}
.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible{outline: 3px solid #42E397 !important;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color: #009688 !important;}
.select2-container--default .select2-results__option--selected{background: #07ff8a !important;}
.select2-results__option--selectable{ padding: 3px 10px !important; font-size: 14px;color: #FFFFFF !important;} 
.select2-container--default .select2-selection--single{justify-content: space-around !important;align-items: center !important;flex-direction: row-reverse;}
.select2-container--default .select2-selection--single .select2-selection__clear{ padding: 0 !important;}
.select2-container--default .select2-selection--single .select2-selection__clear:hover span{color: #000 !important;}
.select-box-block .state-select{display: flex !important;flex-direction: column-reverse !important;}
.select-box-block #state-select-error{margin-top: 10px !important;}
.select-box-block #athlete_high_school_state-error{margin-bottom: 10px !important;}



html {
    scroll-behavior: smooth;
}
.font-20 {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    margin: 0;
}
.mt-35{margin-top: 35px;}
.mb-35{margin-bottom: 35px;}

.globel-style input, .globel-style select, .globel-style textarea ,.pmpro_form_input ,.pmpro_form_input-select{
    border: 1px solid transparent !important;
    background-clip: padding-box, border-box !important;
    background-origin: padding-box, border-box !important;
    background-image: linear-gradient(#fff, #fff), var(--gradiant-secondary) !important;
    border-radius: 30px !important;
    padding: 16px 24px !important;
    font-size: 14px !important;
    line-height: 16px !important;
    background-repeat: repeat !important;
    color: #8C8989 !important;
}
.globel-style input:focus-visible, .globel-style select:focus-visible, .globel-style textarea:focus-visible ,.pmpro_form_input:focus-visible{
    outline: 1px solid #3BB4B6 !important;
}
.globel-style select{cursor: pointer;}
.text-end{text-align: end;}
.gradian_btn ,#custom_pmpro_login .login-submit input ,#conact_submit_btn{
    z-index: 1;
    color: #fff !important;
    padding: 8px 40px ;
    display: inline-block ;
    font-weight: 400 ;
    border-radius: 20px !important;
    margin-bottom: 15px !important;
    overflow: hidden;
    border-color:#3BB4B6 !important;
    background-image: linear-gradient(180deg, #42E397 0%, #3BB4B6 100%);
}
.gradian_btn ,#custom_pmpro_login .login-submit input ,#conact_submit_btn{position: relative; overflow: hidden;}
.gradian_btn:before , #custom_pmpro_login .login-submit input::before ,#conact_submit_btn::before{content: ""; position: absolute;bottom: 0; left: 0; width: 0%; height: 100%;background:var(--primary-button-hover-color); transition: all 0.3s;border-radius: 10rem;cursor: pointer !important;}
.gradian_btn:hover:before ,#custom_pmpro_login .login-submit input:hover::before ,#conact_submit_btn:hover::before{width: 100%;z-index: -1;}
.link-color{
    background: var(--gradiant-secondary) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
}
.error {
    color: red;
    font-size: 14px;
    padding-left: 5px;
}

.notice.notice-error:before {content: '';position: absolute;background-image: url(https://affectionate-darwin.77-68-80-212.plesk.page/wp-content/uploads/2024/09/mark.png);width: 25px;height: 25px;left: 10px;z-index: 1;top: 0;bottom: 0;margin: auto;background-size: contain;}
.notice.notice-error {background: #ff3434e8;padding: 12px 30px 12px 50px;border-radius: 5px;margin-bottom: 25px;color: #fff;position: relative;border: 1px solid #ff3434;}
.select-box-block .select2-container{width: 100% !important;}
.notice.notice-error p {margin: 0;font-size: 16px;}
/* ====================================================================================
===============================Globel Css End========================================
==================================================================================== */



/* ====================================================================================
===============================Registration form start=================================
==================================================================================== */
/* Global display none */
#custom_password-error{padding-top: 6px;}
.membership-checkout-form {
    background: #000;
    padding: 60px 50px 80px 50px;
    border-top: 1px solid #FFFFFF;
}

.pmpro-checkout #pmpro_user_fields ,.pmpro-checkout #pmpro_user_fields  .pmpro_card_content{padding: 0 !important;}
.pmpro-checkout #pmpro_user_fields .pmpro_card{border: 0px;box-shadow: none !important;background: transparent;}
.pmpro-checkout .pmpro_captcha {margin: 0px !important;}
.pmpro-checkout .pmpro_section{margin-bottom: 0px;}

#pmpro_payment_information_fields{
    width: 100%;
    max-width: 1170px;
}
.registration-forms {
    width: 100%;
    max-width: 1170px;
    margin: auto;
    padding: 70px 100px 70px 100px;
    background: var(    --e-global-color-secondary);
    border: 1px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(#fff, #fff), var(--gradiant-secondary);
    border-radius: 30px;
}
.form-main-heading{
    font:var(--form-heading) !important;
    text-align: center;
    background: var(--gradiant-secondary) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    margin-bottom: 30px;
    color: transparent !important;
}
.form-subheading{
    font: var(--form-subheading);
    margin: 0px 0px  15px 0px !important;
}
.field-group ,.inner-fields-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 35px;
}
.field-group{    padding: 8px 0px;}
.form-switch-btn-div{
    text-align: center;
    margin-top: 50px;
    margin-bottom: 0; 
}
.password_instruction {
    font-size: 12px;
    color: #42E397;
    display: block;
    margin: 8px 10px 8px 0px;
}

/* ~~~~~~~~~~~~~~~~ For show or hide password css ~~~~~~~~~~~~~ */
.pasword_create_div {
    position: relative;
}

.toggle-password {
    position: absolute;
    right: 15px;
    top: 27px;
    transform: translateY(-50%);
    cursor: pointer;
}
.toggle-password i{color: #3BB4B6;}
.form-switch-btn-div {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
}
/* ~~~~~~~~~~~~~~~~ For show or hide password css End~~~~~~~~~~~~~ */

/* Media Query */
@media (max-width:980px){
    .notice.notice-error p {margin: 0;font-size: 14px;line-height: 22px;}
    .globel-style input, .globel-style select, .globel-style textarea ,.pmpro_form_input{padding: 14px 20px !important;font-size: 12px !important;}
    .field-group, .inner-fields-group{grid-column-gap: 25px;}
    .main-heading-pmpro{
        font-size: 22px !important;
        margin-bottom: 20px !important;
    }
    /* For Athelet page start*/
    .edit-form{display: block !important;}
    .membership-checkout-form{padding: 40px 15px !important;}
    /* For Athelet page end*/
    .custom-submit-btn-row{margin-top: 50px !important;}
    .profile-edit-step-btn .add-to-profile-btn a{font-size: 14px !important;padding: 15px 29px !important;text-align: center;}
   .video-upload-sec .video-formate-icon{width: 35px !important;height: 35px !important;}
    .upload-options-text{font-size: 12px !important;line-height: 19px ;}
    .filter-grid {  grid-template-columns: 100% !important;grid-row-gap: 15px;}
    .profile-filter-container .filter-grid select {padding: 14px !important;font-size: 13px !important;}
    .filter-search-btn button {padding: 10px 55px !important;}
    .profile-filter-container{    width: 90% !important;}
}
@media(min-width:576px) and  (max-width:980px){
    .registration-forms{ padding: 40px 40px 40px 40px;}
    /* For Athelet page */
    .add-item-grid-conatiner{    grid-template-columns: 49% 49% !important;}
    .sesson-form{padding: 30px 30px !important;display: none;}
    /* For Athelet page end*/
    .main-edit-screen {padding: 50px 30px 50px 30px !important;}

    /* Video page */
    .videos-wraper{
        grid-template-columns: 46% 46% !important;
        grid-column-gap: 08% !important; 
    }
    .add-session-grid{    grid-template-columns: 50% 50% !important;}
}
@media (max-width:575px){
    .main-edit-screen {padding: 50px 20px 50px 20px !important;}
    .gradian_btn{padding: 8px 20px !important;}
    .registration-forms{ padding: 30px 20px 30px 20px;}
    .inner-fields-group ,.field-group, .inner-fields-group{
        grid-template-columns: 1fr;
        grid-row-gap: 15px;
    }
    .gradian_btn{font-size: 12px !important;}
    .form-main-heading{font-size: 25px !important;line-height: 33px !important;margin-bottom: 30px !important;}
    .form-subheading{font-size: 18px;line-height: 28px;    margin: 0px 0px  10px 0px !important;}
    .mt-35{margin-top: 30px  !important;}

    /* For Athelet page */
    .add-item-grid-conatiner{    grid-template-columns: 100% !important;}
    .sesson-form{padding: 30px 15px !important;}
    .edit-container .font-30-lg ,.form-block-section .font-30-lg{font-size: 25px !important;line-height:35px !important;}
    .edit-subheading p{font-size: 14px !important;line-height: 22px !important;}
    /* For Athelet page end*/

    /* Your profile page */
    .profile-edit-step-btn {
        flex-direction: column;
    }
    .add-to-profile-btn{max-width: 100% !important;}
    .profile-edit-step-btn .add-to-profile-btn a {
        padding: 12px 29px !important;
        border-radius: 0px 0px 12px 12px !important;
       
    }
    .profile-edit-step-btn .add-to-profile-btn{
        border-radius: 0px 0px 12px 12px !important;
    }
    .profile-edit-step-btn .step-name{
        padding: 12px 29px !important;
        border-radius: 12px 12px 0px 0px !important;
        justify-content: center;
    }
    .profile-edit-step-btn{
        border-radius: 11px !important;
    }
    .complete-profile-step-section h2{font-size: 24px !important;    line-height: 33px;text-align: center;}
    .profile-edit-step {margin-top: 35px !important;}
    .complete-profile-step-section{    margin-top: 45px !important;}
    .upload-options {
        grid-template-columns: 46% 46% !important;
        grid-column-gap: 8% !important;
    }
    .video-upload-sec .action-buttons{text-align: center;}
    .video-upload-sec .action-buttons .cancel_btn{margin-left: 0 !important; }
    .upload-option-item{    margin: 10px 0px;}
    .video-upload-sec{    padding: 30px 28px !important;}
    .edit-user-profile .user-profile-picture img{max-width: 80px !important;height: 80px !important;}
    .user-bio-small .user-data-div{    font-size: 13px !important;}
    .relevant-family-sport-bg-section .button-container {
        margin-top: 20px !important;
    }
    .videos-wraper{
        grid-template-columns: 100% !important;
        grid-column-gap: 0% !important; 
    }
    .add-session-grid{    grid-template-columns: 100% !important;}
    .add-item-label{font-size: 14px;}
    .membership-status-changed-block{
        flex-direction: column;
        gap: 0 !important;
        align-items: center;
    }
    .completation-progress-headlines h2{ font-size: 13px !important;}
    .my-membership-status-sec{    padding: 26px 20px 20px !important;margin-bottom: 0 !important;}
    .my-membership-heading{text-align: center;margin-top: 0 !important;}
}
/* ====================================================================================
===============================Registration form End=================================
==================================================================================== */




/* ====================================================================================
===============================Add to profile start====================================
==================================================================================== */
.back-button {
    max-width: fit-content;
    margin-bottom: 50px;
}
.back-button svg {
    margin-right: 10px;
}
.main-edit-screen {
    max-width: 1440px;
    width: 100%;
    padding: 80px 50px 120px 50px;
    margin: auto !important;
}
.edit-user-profile .user-profile-picture img{
    max-width: 100px;
    height: 100px;
    object-fit: contain;
    border-radius: 50%;
    box-shadow: rgb(54 182 46 / 2%) 0px 1px 3px 0px, rgb(68 233 74 / 36%) 0px 0px 0px 1px;
    padding: 2px;
}
.user-profile-picture {
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
}
.user-profile-picture:hover {
    opacity: 0.8;
}
.edit-user-profile {
    display: flex;
    gap: 30px;
    align-items: center;
}
.user-bio-small .user-name {
    font-size: 18px;
    line-height: 24px;
    margin: 0px 0px 8px 0px;
}
.user-bio-small .user-data-div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 10px;
    margin-bottom: 0px;
    font-size: 14px;
}
.gradian-heading-color{
    background:linear-gradient(81deg, #42E397 0%, #3BB4B6 29%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
}
.complete-profile-step-section h2 {
    font-weight: 600;
    font-size: 28px;
    line-height: 36px;
    margin: 0;
}
.profile-edit-step-btn {
    display: flex;
    box-shadow: 0px 0px 4px 0px #42E397;
    border-radius: 10px 0px 0px 10px;
    margin-bottom: 40px;
}
/* .complete-profile-step-section {
    margin-top: 40px;
} */
.profile-edit-step{margin-top: 45px;}
.profile-edit-step-btn .step-name{
    border-radius: 10px 0px 0px 10px;
    border: 1px solid #42E397;
    font-size: 15px;
    color: #000;
    line-height: 24px;
    font-weight: 600;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 5px 23px;
}
.add-to-profile-btn{
    max-width: 208px;
    width: 100%;
}
.add-to-profile-btn a{
    font-size: 16px !important;
    padding: 15px 52px !important;
    margin: 0 !important;
    display: block;
    border-radius: 0px !important;
}
.add-to-profile-btn a::before{border-radius: 0px !important;}
/* change membership section  start*/
.custom-pmpro_card{
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: baseline;
    gap: 35px;
}
.membership-detail-inner-card{
    border-radius: 15px !important;
    overflow: hidden;
    background: #000;
    margin: 0px 0px;
    height: 100%;
}
.my-membership-status-sec{
    padding: 35px 25px 25px;
    border: 1px dashed #fff;
    border-radius: 15px;
    background: linear-gradient(273deg, #42e39703 0%, #3bb4b647 57.5%);
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    color: #fff !important;
    height: 100%;
}
.my-membership-status-sec strong{
    color: #37d3d5;
}
.exi-membership-status-result strong{font-weight: 400 !important;}
.exi-membership-block-heading{
    font-weight: 700;
    margin-right: 12px;
    font-size: 16px;
    background: linear-gradient(25deg, #42E397 0%, #3BB4B6 29%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
}
.exi-membership-status-ul li{
    display: flex;
    margin: 12px 0px;
}
.exi-membership-status-ul{padding: 0;}
.membership-status-changed-block{
    margin-top: 25px;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.memmbership-status-changed-btn{
    padding: 13px 40px;
    border-radius: 30px !important;
}
.my-membership-heading{
    font-weight: 600;
    width: fit-content !important;
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
}
.user-edit-profile-actions {
    display: flex;
    gap: 30px;
    justify-content: space-between;
}
.my-membership-status-sec p{
    margin-bottom: 8px !important;
    font-size: 13px !important;
}
.edit-profile-actions{    
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.pmpro_action_links.edit-profile-actions a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 40px;
    border-radius: 30px !important;
}
.pmpro_action_links.edit-profile-actions a:nth-child(1){
    margin-bottom: 10px !important;
}
.pmpro_action_links.edit-profile-actions a:nth-child(2){
    margin-bottom: 0px !important;
}

/* ====================================================================================
===============================Add to profile End======================================
==================================================================================== */



/* ====================================================================================
======================Contact/Personal Information page start==========================
====================================================================================== */
.athelete-physical-info-sections{
    margin-top: 60px;
}
.right-auto-contianer {
    max-width: 980px;
}
.font-16-lg{font-size: 16px;font-weight: 600;line-height: 24px;margin:0px 0px 15px 0px;}
.mt-50-lg {
    margin-top: 40px;
}
.sport-headline{
    margin: 40px auto 15px;
    max-width: 300px;
    display: block;
    width: 100%;
    text-align: center;
    border-bottom: 4px solid #3dbeb0;
    border-style: double;
    border-left: 0;
    border-top: 0;
    border-right: 0;
}
.sport-headline span {
    background: linear-gradient(81deg, #42E397 0%, #3BB4B6 75%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    font-weight: 700 !important;
    font-size: 24px;
    line-height: 44px;
}
.sport-headline span::before{content: none;}



/* File upload customization css start*/
input#activities-pdf ,#personal-info-team-schedule-pdf ,.upload-input {
    display: none;
}
.upload-label {
    border: 1px solid transparent !important;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(#fff, #fff), var(--gradiant-secondary);
    border-radius: 30px !important;
    padding: 14px 24px !important;
    font-size: 14px !important;
    line-height: 16px !important;
    color: #8C8989 !important;
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
}
.upload-icon{
    width: 24px;
    height: 24px;
}
.color-green{color: #3bb4b6;}
.cloned-section {
    border: 1px dashed #3bb4b6;
    margin-top: 25px;
    border-radius: 18px;
    padding: 25px;
    position: relative;
}
/* File upload customization css end*/
.delete-repeater-section-btn{
    display: flex;
    align-items: center;
    width: fit-content;
    position: absolute;
    top: -10px;
    right: -10px;
    background: #fff;
    cursor: pointer;
}
.delete-repeater-section-btn img {
    width: 30px;
    height: 30px;
}
.repeater-btn {
    display: flex;
    align-items: center;
    gap: 17px;
    padding: 12px 25px;
    border-radius: 30px !important;
}
.button-container{
    margin-top: 35px;
}
.save-btn{
    padding: 8px 40px !important;
    font-size: 16px;
    line-height: 26px;
    border-radius: 30px !important;
}
.custom-submit-btn-row {
    text-align: center;
    margin-top: 90px;
}
/* @media(min-width:1220px){
    .elementor-1834 .elementor-element.elementor-element-1bf6b13{width: 90% !important;margin-left: auto !important;margin-right: auto !important;}
} */

/* ====================================================================================
======================Contact/Personal Information page End============================
====================================================================================== */



/* ====================================================================================
============================Athelet profiles page start================================
====================================================================================== */
.athelete-profile-table-section .dataTables_length ,.athelete-profile-table-section .dataTables_filter{display: none;}
.coach-view-heading .elementor-widget-container{
    background: linear-gradient(81deg, #42E397 0%, #3BB4B6 18%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
}
.filter-grid {
    display: grid;
    grid-template-columns: 31% 31% 31%;
    grid-column-gap: 3.5%;
}
.profile-filter-container {
    max-width: 1200px;
    margin: auto;
    width: 95%;
}
.filter-grid select {
    padding: 16px !important;
    font-size: 15px !important;
}
.filter-search-btn{
    margin-top: 50px;
    text-align: center;
}
.filter-search-btn button {
    padding: 10px 55px;
    font-size: 16px;
    border-radius: 30px !important;
}

.athelete-profile-table thead{
    background: linear-gradient(87deg, #42E397 0%, #3BB4B6 76.5%) !important;
}

.athelete-profile-table th{
    color: #fff !important;
    font-size: 14px !important;
    line-height: 18px !important;
    vertical-align: middle;
}
.athelete-profile-table td img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    margin-left:10px;
    border: 2px solid transparent;
    position: relative;
}
.athelete-profile-table td img:hover{
    border: 2px solid #3BB4B6 !important;
}
.athelete-profile-table td.sorting_1 a{
    position: relative
}
.athelete-profile-table td.sorting_1 a::before{
    content:none;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
    font-size: 12px;
    bottom: -2px;
    left: 10px;
}
.athelete-profile-table td.sorting_1 a:hover:before{
    content: url("/wp-content/uploads/2025/02/hover-eye.svg");
}
.athelete-profile-table td.sorting_1 a::after{
    content:none;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
    background: linear-gradient(87deg, #42E397 0%, #3BB4B6 76.5%) !important;
    color: #fff;
    font-size: 12px;
    bottom: -15px;
    left: 9px;
    padding: 0px 5px;
    line-height: 15px;
    border-radius: 8px;
    font-weight: 500;
}
.athelete-profile-table td.sorting_1 a:hover::after{
    content: 'View';
}
.athelete-profile-table td{
    vertical-align: middle;
    padding: 5px !important;
}
.athelete_profile_img_dta {
    max-width: 35px !important;
    height: 35px !important;
    object-fit: cover;
}
.athelete-profile-table-section{margin-top: 50px !important;    width: 90%;max-width: 1440px; margin: auto;overflow-y: scroll;}

.athelete-profile-table-section::-webkit-scrollbar {width: 2px;height: 2px;}
/* .athelete-profile-table-section::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);width: 0px;height: 0px;}    */
.athelete-profile-table-section::-webkit-scrollbar-thumb {background-color: #42E397;outline: 1px solid #3BB4B6;}
.athelete-profile-table td{text-align: center;color: #fff;}
.profile-bnr-team-image-block .slick-arrow::before{
    color: #42E397 !important;
}
.white-word {
    color: #fff;
}
.team-card-dashboard .white-word {
   font-weight: 400;
}


.team-card-main-title {
    color: #fff;
    font-weight: 400;
}
.team-card-main-title a{
    color: #42E397 ;
}
/* ====================================================================================
============================Athelet profiles page End==================================
====================================================================================== */


/* ====================================================================================
=================================Athelet page start==================================
====================================================================================== */
.font-30-lg {
    font-size: 30px !important;
    font-weight: 600;
    line-height: 45px !important;
    margin: 0;
}
.edit-subheading p{
    font-size: 18px;
    color: #000;
    font-weight: 600;
    line-height: 26px;
    margin: 18px 0px !important;
}
.form-block-section .font-30-lg ,#order_invoice_page .pmpro_section_title {
    background: linear-gradient(81deg, #42E397 0%, #3BB4B6 22%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    font-weight: 700 !important;
}
.add-session-box {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 260px;
    height: 155px;
    flex-direction: column;
    background-repeat: no-repeat;
    background-clip: padding-box, border-box;
    border: 2px solid transparent;
    padding: 15px;
    border-image: url(/wp-content/uploads/2024/08/Gradian__border_image.svg) 1 stretch;
}
.add-item-label{
    margin: 11px 0px 0px 0px !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
}
.session-container {
    margin-top: 30px;
}
.session-data-box{
    border: 2px solid #fff;
    background: linear-gradient(180deg, #42E397 0%, #3BB4B6 57.5%);
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    max-width: 260px;
    min-height: 155px;
    display: flex;
    flex-direction: column;
    /* display: none; */
}
.session-data-box .session-team-level-data{padding: 15px 15px 15px 40px;}
.team_coach_name ,.press_article_title ,.session-year{
    width: 100%;
    text-align: center;
    background: linear-gradient(180deg, #42E397 0%, #3BB4B6 57.5%);
    font-size: 15px;
    font-weight: 700;
    color: #fff;
}
.filled_content a{
    color: #fff;
    font-size: 14px;
    margin-left: 5px;
    background: #009688;
    padding: 2px 10px;
}
.filled_content a:hover{
    color: #fff !important;
}
.session-team-level-data .filled_content {
    padding: 0;
    font-size: 15px;
    list-style: none;
}
.session-team-level-data .filled_content li{position: relative;color: #fff;}
.session-team-level-data .filled_content li::before{
        content: '';
        position: absolute;
        background-image: url(https://affectionate-darwin.77-68-80-212.plesk.page/wp-content/uploads/2024/08/Hand-arrow.svg);
        width: 15px;
        height: 15px;
        left: -25px;
        background-size: cover;
        top: 0;
        bottom: 0;
        margin: auto;
}
.session-data-edit-btn a{
    color: #000;
    background: #fff;
    display: inline-block;
    padding: 3px 15px;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
}
.add-session-grid {
    display: grid;
    grid-template-columns: 24% 24% 24% 24%;
    grid-column-gap: 1.3%;
    grid-row-gap: 20px;
    margin-bottom: 30px;
}
.sesson-form {
    box-shadow: 0px 0px 4px 0px #42E397;
    border-radius: 20px;
    padding: 40px 60px;
}
.hs_season_controls{
    grid-column: span 2;
    display: flex;
    justify-content: space-between;
}
.edit-form{
    display: grid;
    grid-template-columns: 50% 50%;
}
.athletic_awards th, .athletic_awards td{
    padding: 10px;
    text-align: left;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0px !important;
    border-bottom: 1px solid #42E397;
}
.award-label-checkbox {
    accent-color: #42E397;
    cursor: pointer;
    width: 16px;
    height: 16px;
}
.athletic_awards .table-gradinat-heading {
    background: linear-gradient(81deg, #42E397 0%, #3BB4B6 22%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    font-weight: 700 !important;
    font-size: 16px;
    line-height: 21px;
}
.athletic_awards th, .athletic_awards td{font-size: 14px;background-color: transparent !important;}
.athletic_awards .award-label-input{
    border-radius: 10px !important;
    padding: 10px 15px !important;
}
.tooltip-text {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    position: absolute;
    background-color: #fff;
    border-radius: 15px;
    padding: 20px;
    white-space: nowrap; /* Keeps the tooltip text in a single line */
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none; /* Prevents the tooltip from interfering with cursor events */
    z-index: 1000; /* Ensure tooltip is above other content */
    display: flex;
}
.tooltip-text .tooltip-header img{max-width: 28px;}
.upgrade-message .tooltip-title{font-size: 20px;font-weight: 700;margin-top: 15px;margin-bottom: 15px;}
.upgrade-message .tooltip-subtitle{font-size: 16px;margin-bottom: 0px !important;}  
.add-session-box{cursor: pointer; order: 5;}
/* ====================================================================================
=================================Athelet page End=====================================
====================================================================================== */

/* ====================================================================================
=================================Edit press start======================================
====================================================================================== */
.full-width{display: block !important;}
/* .paid-membership{ opacity: 0.8;} */
.event-data-box{padding: 10px 0px 0px 0px;}
/* ====================================================================================
=================================Edit press End========================================
====================================================================================== */

/* ====================================================================================
=================================Video page start======================================
====================================================================================== */
.video-upload-sec {
    box-shadow: 0px 0px 4px 0px #42E397;
    border-radius: 20px;
    padding: 33px 38px;
}
.upload-options {
    display: grid;
    grid-template-columns: 23% 23% 23% 23%;
    grid-column-gap: 2.6%;
}
.upload-option-item {
    box-shadow: 0px 0px 4px 0px #42E397;
    border-radius: 10px;
    padding: 12px;
    text-align: center;
    cursor: pointer;
}
.add-video-block {
    margin-top: 30px;
}
.video-formate-icon {
    max-width: 60px;
    width: 60px !important;
    height: 60px !important;
    object-fit: contain;
}
.upload-options-text {
    font-size: 15px;
    font-weight: 600;
    margin-top: 5px;
}
.current-video-tab {
    background: linear-gradient(81deg, #42E397 0%, #3BB4B6 75%);
}
.current-video-tab  .upload-options-text{color: #fff;}
.video-upload-sec .action-buttons{margin-top: 18px;}
.video-upload-sec .action-buttons button{
    padding: 12px;
    max-width: 180px;
    width: 100%;
    border-radius: 30px !important;
}
.video-upload-sec .action-buttons .cancel_btn{    margin-left: 15px;}
.video-sec-header {
    align-items: center;
    display: flex;
}
.divider-line {
    border: 1px solid #42E397 !important;
    flex-grow: 1;
    height: 0px;
}
div#onMyLabel {
    flex-shrink: 0;
    font-size: 15px;
    margin-inline-end: 20px;
    margin-inline-start: 20px;
}
.all-videos-section {
    margin-top: 70px;
}
.videos-wraper {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    grid-column-gap: 1.8%;
    grid-row-gap: 25px;
    margin-top: 35px;
}
.videos-wraper .video-card iframe{    height: 240px;}
.video-card-title {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-top: 8px;
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-items: center;
}
.video-card {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 18px;
    border-radius: 7px;
}

.video_dlt_btn {
    color: #fff !important;
    background: #ff0000e8 !important;
    font-size: 12px !important;
    padding: 5px 15px !important;
    text-transform: uppercase;
}
.video-card-title .video_title{ font-size: 14px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.video-disabled {opacity: 0.5 !important;}
.upgrade-membership-btn-container{
    text-align: center;
    margin-top: 60px;
}
@media(min-width:576px){
    .upgrade-membership-btn{
        border: 1px solid #3BB4B6 !important;
        padding: 14px 30px !important;
        border-radius:30px !important;
        margin-bottom: 0 !important;
    }
}
@media(max-width:575px){
    .upgrade-membership-btn-container{
        text-align: center;
        margin-top: 40px;
    }
    .all-videos-section{margin-top: 40px !important;}
}


/* ====================================================================================
=================================Video page End========================================
====================================================================================== */


/* ====================================================================================
=================================Academics page start==================================
====================================================================================== */
.field-container{max-width: 960px;}
.field-section {
    border-top: 1px solid transparent !important;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(#fff, #fff), var(--gradiant-secondary);
    padding: 30px 0px;
}
.sub-description p {
    font-size: 16px;
    line-height: 24px;
}
.add-file-btn {
    padding: 8px 11px;
}
.add-file-btn {
    line-height: 24px;
    font-size: 16px;
    border: 1px solid transparent !important;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(#fff, #fff), var(--gradiant-secondary);
    padding: 8px 11px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 5px;
    cursor: pointer;
}
.add-file-btn:hover{background-image: linear-gradient(180deg, #42E397 0%, #3BB4B6 100%); color: #fff !important;}
.add-file-btn:hover  svg stop {
    stop-color: #fff !important;
}
.academic-file-btn {
    max-width: 210px;
    width: 100% !important;
    padding: 12px !important;
    border-radius: 30px !important;
}
.academic_file-fields {
    padding-top: 20px;
}
.data-confirm-box p{
    margin-bottom: 0;
    font-size: 16px;
    color: #000;
    font-weight: 400;
    line-height: 22px;
    font-style: italic;
}
.data-confirm-btn-box button {
    font-size: 14px;
    padding: 8px 25px;
    border-radius: 8px !important;
}
.data-confirm-btn-box .data-delete{
    background: #ff0000e0;
    color: #fff;
    border: 1px solid rgb(218, 1, 1);
}
.data-confirm-btn-box .data-delete-cancel::before{border-radius: 8px !important;}
.academic-data-header {
    display: grid;
    grid-template-columns: 48% 48%;
    align-items: center;
    margin: 25px 0px;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    max-width: 700px;
    justify-content: space-between;
    padding: 10px 20px;
    border-radius: 8px;
}
.academic-data-controls{text-align: end;}
.academic-file-name span {
    font-size: 18px;
    font-weight: 600;
}
.academic-file-description span {
    font-size: 14px;
    line-height: 22px;
}
.academic-file-description{
    grid-column: span 2;
}
.academic-data-controls i {
    font-size: 18px;
    cursor: pointer;
}
.dta-edit-icon{color: #3bb4b6 !important;}
.dta-delete-icon{color: #ff0000e0 !important;}
.grid-container {
    grid-template-columns: 40% 20% 40%;
    display: grid;
    align-items: center;
    padding: 18px 0px;
}
.py-18{padding: 18px 0px;}
.outof{text-align: center;}
.grid-container input, .grid-container select ,.radius-20 input, .radius-20 select{border-radius: 20px !important;}
.max-width-320{    max-width: 330px;}
.max-width-500{max-width:500px;}
.max-width-100{max-width: 100px;}
.field-flex {display: grid;grid-template-columns: 60% 35%;grid-column-gap: 5%;align-items: center;}
.font-16 {font-size: 15px;line-height: 24px;font-weight: 400;}
.color-grey {color: #8C8989;font-size: 14px;padding: 10px 10px 0px 0px;}
.gradiant_ancor {background: linear-gradient(81deg, #42E397 0%, #3BB4B6 48%) !important;-webkit-background-clip: text !important;background-clip: text !important;color: transparent !important;font-weight: 700;font-size: 16px;}
/* ====================================================================================
=================================Academics page End===================================
====================================================================================== */



/* ====================================================================================
=================================Membership Level page start===========================
====================================================================================== */
#membership-level-sec .pmpro_btn{float: inline-end;}
#membership-level-sec #pmpro_levels{margin-bottom: 30px !important;}
#membership-level-sec .pmpro  .pmpro_card{
    border: 1px solid transparent !important;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(#fff, #fff), var(--gradiant-secondary);
}
#membership-level-sec .pmpro_level-price{text-align: center;}
 #pmpro_levels thead th{border-top: 0 !important;}
 #pmpro_levels .pmpro_card_content{
    padding: 30px ;
}

 #pmpro_levels .pmpro_btn:hover::before ,#membership-confirmation-page .pmpro_actions_nav a:hover::before ,#order_invoice_page .pmpro_actions_nav-right a:hover::before ,.pmpro-body-level-required .pmpro_btn:hover::before{
    width: 100%;
    z-index: -1;
}
 #pmpro_levels .pmpro_btn::before ,#membership-confirmation-page .pmpro_actions_nav a::before ,#order_invoice_page .pmpro_actions_nav-right a::before ,.pmpro-body-level-required .pmpro_btn::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: var(--primary-button-hover-color);
    transition: all 0.3s;
    border-radius: 10rem;
    cursor: pointer !important;
}
 #pmpro_levels .pmpro_btn ,#membership-confirmation-page .pmpro_actions_nav a ,#order_invoice_page .pmpro_actions_nav-right a ,.pmpro-body-level-required .pmpro_btn{
    position: relative;
    overflow: hidden;
    z-index: 1;
    color: #fff !important;
    padding: 8px 40px;
    display: inline-block;
    font-weight: 400;
    border-radius: 20px !important;
    margin-bottom: 15px !important;
    overflow: hidden;
    border-color: #3BB4B6 !important;
    background-image: linear-gradient(180deg, #42E397 0%, #3BB4B6 100%);
    margin-bottom: 0 !important;
}
#pmpro_levels tbody #pmpro_level-3 td:nth-child(2) , #pmpro_levels tbody #pmpro_level-4 td:nth-child(2) , #pmpro_levels thead th:nth-child(2){text-align: center;}
#pmpro_levels tbody #pmpro_level-3 td:nth-child(3) , #pmpro_levels tbody #pmpro_level-4 td:nth-child(3){text-align: end;}
@media(max-width:767px){
    #membership-level-sec .pmpro_level-price{text-align: left !important;}
    #membership-level-sec .pmpro_level td{text-align: justify !important;}
    #membership-level-sec .pmpro_btn{display: block !important;float: none;}
    .profile-card-list li ol, .relevent-parent-list{
        padding-left: 10px;
        font-size: 14px;
    }
    .team-card-dashboard .hs-team{margin-left: 0px !important;gap: 2px;}
    .team-card-dashboard .hs-team .hs-team-table-details .hs-team-table-repeated-details{gap: 11px;}
}
#level-btn-container .elementor-gradian-btn .elementor-button-link{
    position: relative;
    overflow: hidden;
    font-size: 16px;
    line-height: 22px !important;
    z-index: 1;
    color: #fff !important;
    padding: 12px 40px;
    display: inline-block;
    font-weight: 400;
    border-radius: 20px !important;
    margin-bottom: 15px !important;
    overflow: hidden;
    border-color: #3BB4B6 !important;
    background-image: linear-gradient(180deg, #42E397 0%, #3BB4B6 100%);
    border-radius: 30px !important;
    border:1px solid #3BB4B6 !important;
}
#level-btn-container .elementor-gradian-btn .elementor-button-link::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: var(--primary-button-hover-color);
    transition: all 0.3s;
    border-radius: 10rem;
    cursor: pointer !important;
}
#level-btn-container .elementor-gradian-btn .elementor-button-link:hover{
    background-color: var(--pmpro--color--accent--variation);
    background-position: 0 0;
    border-color: var(--pmpro--color--accent--variation);
    color: var(--pmpro--color--base);
    
}
#level-btn-container .elementor-gradian-btn .elementor-button-link:hover::before{
    width: 100%;
    z-index: -1;
}
#level-btn-container .elementor-gradian-btn .elementor-button-wrapper{text-align: center;}
/* ~~~~~~~~~~~~Membership checkout~~~~~~~~~~~~~~ */
.checkout-submit-btn {
    font-weight: 400 !important;
    border-radius: 30px !important;
    padding: 14px 30px !important;
    line-height: 22px !important;
    transition: none !important;
    font-size: 14px;
}
.checkout-submit-btn:hover{
    background:#00c9ac !important ;
}
.pmpro-checkout #pmpro_user_fields .pmpro_card_content{
    background: var(--e-global-color-secondary);
    border: 1px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(#fff, #fff), var(--gradiant-secondary);
    padding: 30px !important;
    border-radius: 10px;
}
 #pmpro_account_loggedin strong{
    cursor: progress;
    text-align: center;
    background: var(--gradiant-secondary) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    margin-bottom: 30px;
    color: transparent !important;
}
 #pmpro_account_loggedin a{
    background-image: linear-gradient(180deg, #07ff8a 0%, #43bfc1 100%);
    -webkit-background-clip: text;
    color: transparent;
}   
#pmpro_btn-submit{
    background-image: linear-gradient(180deg, #42E397 0%, #3BB4B6 100%);
 transition: all 400ms ease !important;
}
#pmpro_btn-submit:hover{
    background-size: 0% 100% !important;
}
.pmpro-checkout .pmpro_form_label{font-size: 15px;}
.pmpro-checkout #pmpro_processing_message{color: #fff !important;}
.pmpro_card{border-radius: 30px !important;}
#pmpro_payment_information_fields{max-width: 100% !important;}

/* Membership-confirmation */
#membership-confirmation-page  p{text-align: center !important;color: var(--primary-black);}
#membership-confirmation-page  #pmpro_order_single .pmpro_card_actions{    background-image: var(--primary-button-hover-color);}
#membership-confirmation-page .pmpro_btn-print {color: #fff;text-decoration: blink;font-weight: 700;}
#membership-confirmation-page .pmpro_card_title{font-size: 25px;}
#membership-confirmation-page #pmpro_order_single-meta .pmpro_list_item_label{color: #3bb4b6;font-size: 18px;}
#membership-confirmation-page #pmpro_order_single-meta li{font-size: 14px; color: var(--primary-black);}
#membership-confirmation-page #pmpro_order_single-items .pmpro_font-large{border: 1px dashed #3bb4b6;padding: 8px 15px;font-size: 16px;background: #3bb4b657;border-radius: 6px;}
#membership-confirmation-page #pmpro_order_single-items .pmpro_table thead th {color: #3bb4b6;}
#membership-confirmation-page #pmpro_order_single-items .pmpro_table td[data-title="Total"]{color: #3bb4b6;font-size: 16px;}
#membership-confirmation-page #pmpro_order_single-items tbody th, #membership-confirmation-page #pmpro_order_single-items tbody td,#membership-confirmation-page #pmpro_order_single-items tfoot td{border-color: #009688;}
#membership-confirmation-page .pmpro_actions_nav a ,#order_invoice_page .pmpro_actions_nav-right a {padding: 12px 25px !important;font-size: 14px !important;border-radius: 30px !important;}
@media(max-width:767px){
    #membership-confirmation-page .pmpro_card_title{font-size: 20px; padding: 30px 15px 0px 15px;}
    #membership-confirmation-page #pmpro_order_single .pmpro_card_content{padding: 0px 15px;}
    #membership-confirmation-page #pmpro_order_single td[data-title="Amount"] ,#membership-confirmation-page #pmpro_order_single tfoot td[data-title="Total"]{display: flex;justify-content: space-between;}   
    #membership-confirmation-page .pmpro:nth-child(1){margin-bottom: 0;}
    #membership-confirmation-page .pmpro:nth-child(1) .pmpro_section{margin-bottom: 30px;}
    #membership-confirmation-page  #pmpro_order_single{margin-bottom:20px;}
    #membership-confirmation-page .pmpro_actions_nav-left{margin-bottom: 10px;display: inline-block;}
    .select2-container--default .select2-selection--single{height: 46px !important;justify-content: start !important;padding-left:20px !important ;}
    .checkout-submit-btn{padding: 8px 20px !important;}
    .checkout-previous-btn{width: 169px !important;}
    
}


/* order page */
#order_invoice_page .pmpro_section_title{
    margin-bottom: 40px;
    text-align: center;
}
#order_invoice_page #pmpro_order_list .pmpro_table_orders thead th{
    color: #3bb4b6;font-size: 16px;
}
#order_invoice_page #pmpro_order_list a{
    color: #3bb4b6;
    font-weight: 600;
}
#order_invoice_page .pmpro_actions_nav-right{
    text-align: center;
}

/* Membership-cancel page*/
#membership-cancel-page #pmpro_cancel .pmpro_card{
    border-radius: 0px !important;
    border: 1px solid transparent !important;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(#fff, #fff), var(--gradiant-secondary);
}
#membership-cancel-page #pmpro_cancel .pmpro_card .pmpro_table_cancel-action a ,#membership-cancel-page #pmpro_cancel .pmpro_actions_nav a {
    padding: 12px 50px;
    border-radius: 30px !important;
    display: flex;
    justify-content: center;
    width: fit-content !important;
    z-index: 1;
    color: #fff !important;
    display: inline-block;
    font-weight: 400;
    overflow: hidden;
    border-color: #3BB4B6 !important;
    background-image: linear-gradient(180deg, #42E397 0%, #3BB4B6 100%);
    position: relative;
}
#membership-cancel-page #pmpro_cancel .pmpro_card .pmpro_table_cancel-action a::before ,#membership-cancel-page #pmpro_cancel .pmpro_actions_nav a::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: var(--primary-button-hover-color);
    transition: all 0.3s;
    border-radius: 10rem;
    cursor: pointer !important;
}
#membership-cancel-page .pmpro_actions_nav-right{
    display: flex;
    justify-content: center;
}
#membership-cancel-page #pmpro_cancel .pmpro_card .pmpro_table_cancel-action a:hover::before ,#membership-cancel-page #pmpro_cancel .pmpro_actions_nav a:hover::before{
    width: 100%;
    z-index: -1;
}

@media(max-width:767px){
    #membership-cancel-page #pmpro_cancel .pmpro_btn-submit,#membership-cancel-page #pmpro_cancel .pmpro_table_cancel-action a,  #membership-cancel-page #pmpro_cancel .pmpro_actions_nav-right a{font-size: 13px !important;width: 100%;}
    .user-edit-profile-actions{flex-direction: column;}
    #membership-cancel-page #pmpro_cancel .pmpro_card .pmpro_table_cancel-action{margin-top: 10px;}
}


/* ====================================================================================
================================Profile Dashboard page================================
====================================================================================== */
.other-sport-info ul{color: #00c9ac;list-style:initial !important;}
.other-sport-info ul{margin-left: 10%;margin-top: 10px;}
.other-sport-info ul li {margin-bottom: 15px;}
.other-sport-info ul li span, .other-sport-info ul li b{display: block;font-size: 14px; color: #fff;}
.other-sport-info ul li a{color: #42E397 }
.gradiant-box-repeated .recommendation-gradiant-box {
    padding: 8px 15px;
    border-radius: 5px !important;
    color: #fff;
    text-decoration: none !important;
    font-size: 14px;
    letter-spacing: 0.5px;
    display: inline-block !important;
    margin-bottom: 0px !important;
}
.gradiant-box-repeated .recommendation-gradiant-box::before{
    border-radius: 0px !important;
}
.gradiant-box-repeated {
    display: grid;
    grid-template-columns: 1fr 1fr;
    text-align: center;
    gap: 10px;
}
.flex-data{
    display: grid;
    grid-template-columns: 1.7fr 2fr;
}
.relevent-parent-info{
    display: flex;
    flex-direction: column;
    gap: 5px;
    color: #fff;
    font-size: 13px;
}
.profile-dashboard-hero-sec{
    display: grid;
    grid-template-columns: 25% 50% 25%;
    place-items: center;
    gap: 25px;
}
.guardian-inner-info{
    display: flex;
    flex-direction: column;
    color: #fff;
    font-size: 15px;
}
.guardian-inner-info p{
    margin: 0 !important;
}
.profile-bnr-info-block{text-align: center;}
.profile-bnr-info-block .hero-bnr-heading{
    font-size: 4.7vw;
    font-style: italic;
    font-weight: 700;
    line-height: 5.4vw;
    text-align: center !important;
}
.profile-dashboard-page .profile-bnr-info-block h1{
    background: var(--gradian-heading-color) !important;
    background-clip: text !important;
    color: transparent;
    -webkit-background-clip: text !important;
}
.profile-bnr-info-block h2{
    color: #fff;
}
.colored-divider {
    border: 1px solid #42E397;
}
.profile-card-list li {
    list-style: none;
}
.profile-card-list li ul li, .profile-card-list li ol li{
    list-style:disc !important;
}
.personal-statement-sec{padding: 34px 39px;border-radius: 20px;margin-top: 24px;margin-bottom: 42px;}
.personal-statement-sec p{color: #FFFFFF;margin: 0 !important;}
.profile-dashboard-video-sec {display: grid;grid-template-columns: 60% 37%;grid-column-gap: 3%;margin-bottom: 30px;}

/* Card design start */
.profile-dashboard-card  th{width: 50%;text-align: start !important;}
.profile-dashboard-card  th, .profile-dashboard-card  td{border:0 !important;}
.profile-dashboard-card  table tr{border-bottom:1px solid #42E397;}
.profile-dashboard-card  table tr p{margin-bottom: 0;}
.profile-dashboard-card{border-radius: 20px;transition: all .4s linear;height: fit-content;margin-bottom: 40px;}
.profile-dashboard-card:hover{box-shadow: 0px 0px 10px 0px #42E397 !important;transform: scale(1.008);}
.profile-card-heading{background: var(--gradian-heading-color) ;background-clip: text !important;color: transparent;-webkit-background-clip: text !important;font-size: 24px;line-height: 36px;margin-bottom: 14px;font-weight: 700; text-align: center;margin: 0;display: block;padding: 16px 10px 16px 10px;border-bottom: 1px solid #42E397;}
.inner-card-container {padding: 30px;}
.profile-dashboard-card .profile-card-content p{color: #FFFFFF;margin-bottom: 12px;}
.profile-gradient-card-block p .profile-page-subtitle{color: #42E397;margin-right: 10px;}
/* Card design end */

.profile-dashboard-main-card .profile-gradient-card-block{margin-top: 40px;}
.profile-dashboard-video-sec .video-block{border-radius: 20px;border: 1px solid #42E397;overflow: hidden;}
.profile-info-card-section {  display: grid;grid-template-columns: 48% 48%;grid-column-gap:4%;}
.profile-info-card-section .profile-dashboard-card .profile-card-list{padding-left: 0;margin-bottom: 30px;}
.bullet-blurb{display: grid;gap:2%;margin-bottom: 5px;align-items: start;grid-template-columns:  1fr;}
.bullet-blurb img{width: 15px;height: 15px;margin-top: 5px;display: none;}
.profile-info-card-section .bullet-blurb p{color: #FFFFFF;margin: 0 !important;font-size: 15px;line-height: 26px;word-break: break-all !important;font-weight: 400 !important;}
.small-heading span{font-weight: 600;color: #ffff;font-size: 15px;}
.small-heading {margin-bottom: 14px;}
.profile-info-card-section .profile-gradient-card-block p{font-size: 15px;line-height: 24px;color: #FFFFFF;}
.profile-info-card-section .profile-gradient-card-block p a{text-decoration: underline;color: #42E397;margin-right: 3px;}
.profile-card-content-subheading{background: var(--gradian-heading-color) !important;background-clip: text !important;color: transparent ;-webkit-background-clip: text !important;font-size: 16px;line-height: 22px;margin-bottom: 10px !important;font-weight: 700;
    /* max-height: 500px;
    overflow-x: hidden;
    overflow-y: auto; */
}
.bullet-blurb .link-block{grid-column: span 2;margin-left: 6%;}
.bullet-blurb .link-block a{color: #42E397;display: block;margin-bottom: 5px;font-weight: 700;}
.bullet-blurb .link-block a:hover{text-decoration: underline;}
/* .profile-dashboard-card a{color: #fff;text-decoration: underline !important;} */
.back-button a{border-radius: 40px !important;}
.card-divider {background: #42E397;height: 1px;margin-bottom: 30px;}
.profile-card-list li ol,.relevent-parent-list{
    list-style: inherit !important;
    color: #42E397 !important;
}
.starter_name{color: #42E397;margin-right:5px;}
.key-stats-image{ border: 1px solid #42E397 !important;border-radius: 4px;margin-top:10px;}
@media(max-width:767px){
    .profile-dashboard-video-sec{grid-template-columns:100%;gap: 25px !important;}
    .profile-info-card-section{grid-template-columns:100%;}
    .hs_season_controls{ flex-wrap: wrap !important;}
    .profile-dashboard-hero-sec{display: block;}
    .dashboard-image-slider{margin: auto;}
    .player-image-block img {max-width: 200px !important;margin: auto !important;width: 90%;}
    .player-image-block{text-align: center;}
}
@media(max-width:575px){
    .personal-statement-sec{padding: 25px 25px !important;}
    .inner-card-container{padding: 20px !important;}
    .profile-info-card-section .bullet-blurb p{font-size: 13px !important;}
    .profile-card-heading{font-size: 22px !important;}
    .profile-card-content-subheading{font-size: 18px !important;}
    .dashboard-image-slider{
        padding: 0px 15px;
    }
    .exi-membership-status-ul li{
        flex-direction: column !important;
        gap: 10px !important;
    }
}


/* Sherecurit page */
.key-stats-file-link{
    color: #42E397;
    font-weight: 700;
    text-decoration: underline;
}
.experience-block {
    border: 1px solid;
    padding: 30px !important;
    border-radius: 8px !important;
    border: 1px solid transparent !important;
    background-clip: padding-box, border-box !important;
    background-origin: padding-box, border-box !important;
    background-image: linear-gradient(#fff, #fff), var(--gradiant-secondary) !important;
}
.checkout-previous-btn {
    width: 180px;
    display: flex;
    align-items: stretch;
    justify-content: center;
    padding: 14px;
    border-radius: 30px !important;
}

/* ====================================================================================
================================Membership required page================================
====================================================================================== */
.pmpro-body-level-required .pmpro_card.pmpro_content_message {
    max-width: 1440px;
    margin: 50px auto;
    width: 85%;
}
.pmpro-body-level-required .pmpro_card.pmpro_content_message .pmpro_card_title{
    background: linear-gradient(81deg, #42E397 0%, #3BB4B6 22%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    font-weight: 700 !important;
}
.pmpro-body-level-required .pmpro_card.pmpro_content_message .pmpro_card_title svg{
    stroke: #3bb4b6 !important;
}

/* Paid membership section */
.elite-section{
    opacity: .7;
    filter: grayscale(1);
    pointer-events: none !important;
}
.elite-section input, .elite-section select, .elite-section textarea, .elite-section{
    pointer-events: none;
}
.full-width{grid-template-columns: 1fr;}
.exi-elite-message {display: block;padding-bottom: 20px !important;}








.prime-message-block{
    display: none;
    position: fixed;
    padding: 20px;
    border: 1px solid #ccc;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    z-index: 9999999999;
    background: #06020242;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: auto;
}

/* Ensure #elite-section has relative positioning */
.elite-section {
    position: relative; 
}
.prime-message-inner-model {
    background: #fff;
    max-width: 320px;
    margin: auto;
    padding: 30px 25px;
    border-radius: 4px;
    position: relative;
}
.prime-message-inner-model h2{
    font-size: 24px;
    display: grid;
    line-height: 33px;
    grid-template-columns: 10% 90%;
    margin: 0px 0px 20px 0px;
}
.prime-message-inner-model svg{
    width: 35px;
    height: 35px;
}
.prime-message-inner-model a{
    margin-bottom: 0 !important;
    padding: 12px 30px;
    border-radius: 30px !important;
}
.close-prime-model {
    position: absolute;
    right: -10px;
    top: -10px;
    cursor: pointer;
    transform: rotate(180deg);
    transition: all 400ms ease;
}

/* ====================================================================================
=================== If user will try to access page without login =====================
====================================================================================== */

.if-user-is-not-login {
    max-width: 500px;
    margin: 50px auto;
    text-align: center;
}

.if-user-is-not-login a{
    padding: 10px 45px;
    border-radius: 30px !important;
    margin-top: 40px;
    margin-bottom: 0 !important;
}

@media(max-width:980px){
    .if-user-is-not-login {
        max-width: 450px;
        margin: 40px auto;
        width: 85%;
    }
}

/* ====================================================================================
================= If user will try to access page without login End ===================
====================================================================================== */
.dta-delete-icon {
    font-size: 20px !important;
    padding: 0 !important;
    color: #000 !important;
}
/* Price section */
#price-card:hover{box-shadow: 0px 0px 10px 0px #42E397 !important;}
#colored-background{background: linear-gradient(81deg, #42E397 0%, #3BB4B6 75%) !important;}

/* ====================================================
=================== Custom Cursor =====================
======================================================= */

/* .cursor-outer {position: fixed;top: 0;left: 0;width: 30px;height: 30px;border-radius: 50%;border: 1px solid #42E397; pointer-events: none;transition: transform 0.20s ease;transform: translate(-50%, -50%);z-index: 1000;}

.cursor-inner {position: fixed;top: 10px;left: 10px;width: 10px;height: 10px;background-color: transparent;background-image: linear-gradient(180deg, #42E397 0%, #3BB4B6 100%);border-radius: 50%;pointer-events: none;transform: translate(-50%, -50%);z-index: 1000;}
body {cursor: none;} */

/* ====================================================
=================== Custom Cursor =====================
======================================================= */

.payment-portal-btn {
    border: 1px solid #fff !important;
    cursor: pointer !important;
}
.payment-portal-btn:hover{
    background: #fff !important;
    color: #3bb4b6 !important;
}
.payment-portal-btn:focus{
    background: #fff !important;
}
.select-membership-heading{
    background: var(--gradian-heading-color) !important;
    background-clip: text !important;
    color: transparent;
    -webkit-background-clip: text !important;
    margin: 0px 0px 20px 0px !important;
}

.memberships-checkout-success-wrapper .gradian-heading-color{
    font-weight: 700;
    margin-bottom: 25px !important;
}
.memberships-checkout-success-wrapper a.button{
    padding: 10px 45px !important;
    font-size: 14px !important;
    border-radius: 30px ! IMPORTANT;
    margin-top: 15px !important;
}
#discount-section #discount-code-input{
    border: 1px solid #fff !important;
    margin-bottom: 20px !important;
}
#discount-section #discount-code-input::placeholder{
    color: #fff !important;
}