:root {
    --white : #ffffff;
    --black : #000000;
    --m-yellow : #ffd134;
    --m-blue : #0c0871;
    --blue-1 : #050561;
    --grey-1 : #ebebeb;
    --grey-2 : #999999;

    --green : rgb(36, 202, 105);


    /* MAIN COLOR */
    --tp-theme-primary :#ff1c26;
    --tp-primary :#ff1c26;
}

/* ================ FONT ================ */
@font-face {
    font-family: 'ttf-b';
    src: url('../fonts/itj/TTFirsNeue-Bd.eot');
    src: url('../fonts/itj/TTFirsNeue-Bd.eot?#iefix') format('embedded-opentype'),
        url('../fonts/itj/TTFirsNeue-Bd.woff2') format('woff2'),
        url('../fonts/itj/TTFirsNeue-Bd.woff') format('woff'),
        url('../fonts/itj/TTFirsNeue-Bd.ttf') format('truetype'),
        url('../fonts/itj/TTFirsNeue-Bd.svg#TTFirsNeue-Bd') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ttf-r';
    src: url('../fonts/itj/TTFirsNeue-Rg.eot');
    src: url('../fonts/itj/TTFirsNeue-Rg.eot?#iefix') format('embedded-opentype'),
        url('../fonts/itj/TTFirsNeue-Rg.woff2') format('woff2'),
        url('../fonts/itj/TTFirsNeue-Rg.woff') format('woff'),
        url('../fonts/itj/TTFirsNeue-Rg.ttf') format('truetype'),
        url('../fonts/itj/TTFirsNeue-Rg.svg#TTFirsNeue-Rg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ttf-m';
    src: url('../fonts/itj/TTFirsNeue-Md.eot');
    src: url('../fonts/itj/TTFirsNeue-Md.eot?#iefix') format('embedded-opentype'),
        url('../fonts/itj/TTFirsNeue-Md.woff2') format('woff2'),
        url('../fonts/itj/TTFirsNeue-Md.woff') format('woff'),
        url('../fonts/itj/TTFirsNeue-Md.ttf') format('truetype'),
        url('../fonts/itj/TTFirsNeue-Md.svg#TTFirsNeue-Md') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ttf-l';
    src: url('../fonts/itj/TTFirsNeue-Lt.eot');
    src: url('../fonts/itj/TTFirsNeue-Lt.eot?#iefix') format('embedded-opentype'),
        url('../fonts/itj/TTFirsNeue-Lt.woff2') format('woff2'),
        url('../fonts/itj/TTFirsNeue-Lt.woff') format('woff'),
        url('../fonts/itj/TTFirsNeue-Lt.ttf') format('truetype'),
        url('../fonts/itj/TTFirsNeue-Lt.svg#TTFirsNeue-Lt') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ttf-sm';
    src: url('../fonts/itj/TTFirsNeue-DmBd.eot');
    src: url('../fonts/itj/TTFirsNeue-DmBd.eot?#iefix') format('embedded-opentype'),
        url('../fonts/itj/TTFirsNeue-DmBd.woff2') format('woff2'),
        url('../fonts/itj/TTFirsNeue-DmBd.woff') format('woff'),
        url('../fonts/itj/TTFirsNeue-DmBd.ttf') format('truetype'),
        url('../fonts/itj/TTFirsNeue-DmBd.svg#TTFirsNeue-DmBd') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


h1,h2,h3,h4,h5,h6 {
    font-family: 'ttf-b' !important;
}

body, a, p {
    font-family: 'ttf-r' !important;
}


/* ================ FONT END ================ */

/* body {
    font-family: 'poppins-r';
}

h1,h2,h3,h4,h5,h6,b,strong {
    font-family: 'poppins-sb';
} */

/* footer {
    background: var(--grey-1) !important;
} */

/* a {
    color: var(--m-blue);
} */


.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%; }

.bg-m-blue {background: var(--m-blue);}
.c-m-blue {color: var(--m-blue);}

.bg-m-yellow {background: var(--m-yellow);}
.c-m-yellow {color: var(--m-yellow);}
 
.form-control,
.form-select { 
    border-radius: 4px;
    font-size: 16px; 
}

.page-mini-title {
    letter-spacing: 1px;
    color: var(--grey-2) !important;
    font-family: 'poppins-sb' !important;
}

.page-title {
    position: relative;
    width: max-content;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.page-title::after {
    content: '';
    width: 50px;
    height: 6px;
    background: var(--blue-1);
    position: absolute;
    bottom: 0;
    left: 0;
}

.btn-large {
    width: 100%;
    padding: 23px 35px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    border: 0;
    cursor: pointer;
    transition: 0.3s;
    border-radius: unset;
    display: block;
    text-decoration: none;
    text-align: center;

}

.btn-large.btn-blue-large {
    border: 1px solid var(--m-blue);
    background: var(--m-blue);
    color: var(--white);
}

.btn-large.btn-blue-large:hover {
    background: unset !important;
    color: var(--m-blue) !important;
}

/* =========== HOME =========== */

#banner-home {
    width: 100%;
}

#banner-home .inner {
    display: flex;
    width: 100%;
    height: 100%;
}

#banner-home .bg-img {
    width: 50%;
    height: 100%;
    position: relative;
}

#banner-home .bg-img img {
    width: 100%;
}

#banner-home .bg-img:hover {
    transition: .3 ease all;
    /* filter: grayscale(60%); */
    opacity: .7;
}

#banner-home .btn-floating {
    position: absolute;
    top: 590px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
}

#banner-home .btn {
    display: block;
    transition: .3 ease all;
    border-radius: 30px;
    width: 295px;
    font-family: 'poppins-sb';
}

#banner-home .btn.btn-yellow {
    border: 1px solid var(--m-yellow);
    background: var(--m-yellow);
    color: var(--black) !important; 
}

#banner-home .btn.btn-yellow:hover {
    background: var(--white);
    border: 1px solid var(--white);
    color: var(--black) !important; 
}

#banner-home .btn.btn-blue {
    border: 1px solid var(--m-blue);
    background: var(--m-blue);
    color: var(--white) !important; 
}

#banner-home .btn.btn-blue:hover {
    background: var(--white);
    border: 1px solid var(--white);
    color: var(--m-blue) !important; 
}
/* =========== HOME END =========== */

/* =========== VISREG =========== */

#navbar {
    color: var(--white);
}

#navbar .inner {
    display: flex;    
    padding: 15px 0;
    justify-content: space-between;
}

#navbar .inner .left,
#navbar .inner .right {
    display: flex;
    align-items: center;
    gap: 30px;
}

#navbar .logo {
    width: 70px;
}

#navbar .logo-co-loc {
    width: 200px;
}

#navbar p {
    margin-bottom: 0;
}

.open-popup {
    cursor: pointer;
    padding: 20px 27px;
    margin-bottom: 10px;
    width: 49%;
    height: 68px;
    color: #fff;
    background: var(--m-blue);
    border: 2px solid var(--m-blue);
    border-radius: 5px;
    text-align: center;
    /* font-weight: 600; */
    transition: 0.5s;
} 

.open-popup:hover {
    color: var(--m-blue) !important;
    background: unset !important;
    border: 2px solid var(--m-blue) !important;
}

.open-popup.chosen:hover {
    color: var(--green) !important;
    background: unset !important;
    border: 2px solid var(--green) !important;
}

.fail-alert {
    color: #F00;
}

.error-empty {
    border: 1px solid #ff0000;
    background: rgba(255, 0, 0, 0.2);
}

.error-check {
    color:#ff0000;
}

.question-list .item {
    padding: 5px 0 2px;
    display: flex; gap: 10px;
    align-items: start;
    display: flex;
    gap: 10px;
    align-items: center;
}

.question-list .item-last {
    margin-top: 5px;
}

.popup-checkbox .item,
.popup-checkbox .mt10 {
    display: flex;
    gap: 15px;
}

.visreg-header {
    margin-top: 200px;
}
/* =========== VISREG END =========== */


/* =========== USER =========== */
.theme-bg {
    background-color: var(--tp-theme-primary);
}

.tp-login-input-remeber a,
.tp-login-from-heading p a {
    color: var(--tp-primary);
}

.category-list a.active,
.tp-user-menu ul li a.active,
.tp-btn-inner {
    background-color: var(--tp-primary);
    border: 1px solid var(--tp-primary);
}
.tp-user-menu ul li a:hover {
    color: var(--tp-primary);    
}

.category-list a.active,
.tp-user-menu ul li a.active:hover {
    box-shadow: none;
    color: var(--tp-primary);
    border: 1px solid var(--tp-primary);
    background: transparent;
}

.tp-pagination ul li a:hover, .tp-pagination ul li a.current, .tp-pagination ul li span:hover, .tp-pagination ul li span.current {
    background: var(--tp-primary);
    border-color: var(--tp-primary);
}

.tp-btn:hover {
    box-shadow: 0 10px 15px -5px rgba(21, 36, 34, 0.1);
    color: var(--tp-common-white);
    background-color: transparent;
    border-color: var(--tp-primary);
}
/* =========== VISREG END =========== */