:root {
    --tp-theme-primary :#ff1c26;
    --tp-red-2 :#ff1c26;
}

/* ================ MENU ================ */

.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}
.mt45 {margin-top: 45px;}
.mt50 {margin-top: 50px;}
.mt55 {margin-top: 55px;}
.mt60 {margin-top: 60px;}
.mt65 {margin-top: 65px;}
.mt70 {margin-top: 70px;}
.mt75 {margin-top: 75px;}
.mt80 {margin-top: 80px;}
.mt85 {margin-top: 85px;}
.mt90 {margin-top: 90px;}
.mt95 {margin-top: 95px;}
.mt100 {margin-top: 100px;}

.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb85 { margin-bottom: 85px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb95 { margin-bottom: 95px !important; }
.mb100 { margin-bottom: 100px !important; }


.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt25 {padding-top: 25px;}
.pt30 {padding-top: 30px;}
.pt35 {padding-top: 35px;}
.pt40 {padding-top: 40px;}
.pt45 {padding-top: 45px;}
.pt50 {padding-top: 50px;}
.pt55 {padding-top: 55px;}
.pt60 {padding-top: 60px;}
.pt65 {padding-top: 65px;}
.pt70 {padding-top: 70px;}
.pt75 {padding-top: 75px;}
.pt80 {padding-top: 80px;}
.pt85 {padding-top: 85px;}
.pt90 {padding-top: 90px;}
.pt95 {padding-top: 95px;}
.pt100 {padding-top: 100px;}
.pt120 {padding-top: 120px;}
.pt130 {padding-top: 130px;}
.pt140 {padding-top: 140px;}
.pt150 {padding-top: 150px;}
.pt190 {padding-top: 190px;}

.pb5 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pb25 {padding-bottom: 25px;}
.pb30 {padding-bottom: 30px;}
.pb35 {padding-bottom: 35px;}
.pb40 {padding-bottom: 40px;}
.pb45 {padding-bottom: 45px;}
.pb50 {padding-bottom: 50px;}
.pb55 {padding-bottom: 55px;}
.pb60 {padding-bottom: 60px;}
.pb65 {padding-bottom: 65px;}
.pb70 {padding-bottom: 70px;}
.pb75 {padding-bottom: 75px;}
.pb80 {padding-bottom: 80px;}
.pb85 {padding-bottom: 85px;}
.pb90 {padding-bottom: 90px;}
.pb95 {padding-bottom: 95px;}
.pb100 {padding-bottom: 100px;}
.pb120 {padding-bottom: 120px;}
.pb150 {padding-bottom: 150px;}
.pb200 {padding-bottom: 200px;}
.pb250 {padding-bottom: 250px;}

.w5 { width: 5%; }
.w10 { width: 10%; }
.w15 { width: 15%; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w35 { width: 35%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w50 { width: 50%; }
.w55 { width: 55%; }
.w60 { width: 60%; }
.w65 { width: 65%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w85 { width: 85%; }
.w90 { width: 90%; }
.w95 { width: 95%; }
.w100 { width: 100%; }

.tp-header-logo-1 img {
    width: 220px;
    height: auto;
}

.tp-header-logo img {
    width: 205px;
}

.tp-login-input-form select {
    border-radius: 6px;
    padding-right: 60px;
    color: var(--tp-text-body);
    border: 1px solid #E6E8F0;
    background: var(--tp-common-white);
    box-shadow: 0px 1px 4px 0px rgba(48, 54, 81, 0.06) inset, 0px 1px 1px 0px rgba(48, 54, 81, 0.06);
}

select {
    outline: none;
    background-color: #fff;
    height: 54px;
    width: 100%;
    line-height: 56px;
    font-size: 14px;
    color: var(--tp-common-black);
    padding-left: 24px;
    padding-right: 24px;
    border: 1px solid #E4E2DC;
}

.tp-login-from-box {
    width: 572px;
    max-width: 90%;
}



.tp-dashboard-banner-bg {
    margin-top: 140px;
}

.header-dark .main-menu > nav > ul > li.has-dropdown > a::after {
    color: var(--tp-common-black);
}

.header-dark .offcanvas-open-btn i, 
.header-dark .main-menu > nav > ul > li > a 
{

    color: var(--tp-common-black);
}

/* ================ MENU END ================ */

#showcatalogue .tp-leadership-title {
    color: #141820;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.48px;
}

#showcatalogue .showcatalogue-product {
    width: 220px;
    height: 220px;
    max-width: 100%;
    background-color: #fff;
    border-radius: 10px;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    margin: 0 auto;

}

#showcatalogue .tp-leadership-search .tp-header-2-search input,
#showcatalogue .tp-leadership-select select {
    width: 100%;
}


#showcatalogue .tp-leadership-btn .tp-btn{
    padding: 10px 0;
}


.exh-logo .logo {
    width: 200px;
    height: 200px;
    background-position: center !important;
    background-size: contain !important;
    margin-bottom: 40px;
}

#showcatalogue .logo-event {
    background-size: contain !important;
    background-position: center !important;
    width: 50px;
    height: 50px;
}

.back-btn a {
    font-size: 18px;
}

.back-btn span {
    margin-right: 5px;
    margin-left: 0;
}

#user-banner .tp-dashboard-banner-bg {
    box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset,
    rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset,
    rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset,
    rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, .2) 0px 4px 2px, rgba(0, 0, 0, .2) 0px 8px 4px, rgba(0, 0, 0, .2) 0px 16px 8px, rgba(0, 0, 0, .2) 0px 32px 16px;
}

#user-banner .tp-instructor-title { 
    text-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
/* ganti warna */
/* #showcatalogue .tp-leadership-thumb::after */