@font-face {
    font-family: "roboto-bold";
    src: url(../fonts/roboto/Roboto-Bold.ttf);
}

@font-face {
    font-family: "roboto-medium";
    src: url(../fonts/roboto/Roboto-Medium.ttf);
}

@font-face {
    font-family: "roboto-lignt-italic";
    src: url(../fonts/roboto/Roboto-LightItalic.ttf);
}

@font-face {
    font-family: "roboto";
    src: url(../fonts/roboto/Roboto-Regular.ttf);
}

@font-face {
    font-family: "pump";
    src: url(../fonts/pump/Pump-Normal.ttf);
}

@font-face {
    font-family: "inter";
    src: url(../fonts/inter/Inter-Regular.ttf);
}

* {
    font-family: "roboto";
    outline: none;
}


.payment {
    background: #CCCCCC;
    border: 1px solid #000000;
    border-radius: 5px;
    padding: 0px 35px;
}

.payment-table {
    background: #D9D9D9;
    border: 1px solid #000000;

}

.payment-table td {
    border: 1px solid #000000;


}

.payment-table .description {
    width: 75%;

}

.payment span {
    margin-right: 17%;
}

.payment .left-btns button {
    background-color: #3C3C3B;
    color: white;
    border: none;
    border-radius: 3px;
    padding: 5px 30px;
    margin-top: 20px;
    margin-left: 50px;
    font-family: "roboto-bold";

}

.payment .left-btns .active {
    background-color: #B3C617;
    border-radius: 5px;

}

.invoice-table {
    background: #D9D9D9;
    border: 1px solid #000000;
}

.invoice-table td, th {
    border: 1px solid #000000;

}

.invoice-table th {
    background-color: #B3C617;

}

.invoice-table .total {
    background-color: #B3C617;

}

.no-border {
    border: none !important;
}


.hedset_set {
    text-align: center;
    padding-top: 5em;
}

.tb_Asscout_page {
    display: flex;
    justify-content: space-around;
    padding-top: 3em;
    padding-bottom: 3em;
}

.filed_grop {
    display: flex;
    align-items: center;
    margin-bottom: 1em;
}

.Neme_hed {
    width: 100%;
    text-align: left;
    font-family: "roboto-bold";
}

.name_fileds {
    width: 100%;
}

.NeW_pay_input-2 {
    width: 100%;
    background: transparent;
    color: #3C3C3B;;
    outline: none;
    border: none;
    padding: 5px;
    border-radius: 5px;
    font-size: 16px;
    font-family: "roboto-bold";
    border: 0.5px solid #3C3C3B;

}


.Text_pynew h3 {
    font-weight: 800;
}

.Text_pynew p {
    text-align: left;
    line-height: 30px;
}

.Text_pynew {
    border-left: 0.5px #666666 solid;
    padding: 1em;
    margin-left: 2em;
    padding-left: 5em;
    font-family: "roboto-bold";
}

.spanGressn {
    color: #B3C617;
    font-weight: bold;
    font-size: 20px;
    display: inline-block;
    padding-left: 8px;
}

.Enb_text {
    flex-grow: 1;
    justify-content: left;
    text-align: left;
}

.Net_sound {
    padding: 90px;
    font-weight: 900;
}


.con_passw_Enb_text {
    flex-grow: 1;
    justify-content: left;
    text-align: left;
}

.blanks_spce {
    flex-wrap: 1;
}

.Net_btam_part {
    padding-top: 4em;

}

.blanks_spce {
    flex-grow: 3;
    padding-left: 10em;
}

.NW_Neme_hed {
    width: 50%;
    text-align: left;
    font-family: "roboto-bold";
}

.green_btns {
    background-color: #B3C617;
    color: white;
    border: none;
    font-size: 24px;
    border-radius: 5px;
    padding: 5px 10px;
    text-decoration: none;
}

.blck_btndef {
    background-color: #3C3C3B;
    color: white;
    border: none;
    font-size: 24px;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 5px;
    text-decoration: none;
}

.cler_both {
    clear: both;
}

.nmr_s {

    text-align: center;
    margin: 1em auto;
    display: block;

}

.NT_SText_pynew {
    border-left: 0.5px #666666 solid;
    padding: 1em;
    margin-left: 2em;

    font-family: "roboto-bold";
}

.c-Box {
    display: flex;
}

.filed_grop, input[type="checkbox"] {

}

.outer_c-Box {
    justify-content: center;
    display: grid;
}

.grene_coltext {
    color: #43BC2A;
    padding-left: 2em;
}

.bt_text {
    padding-top: 1em;
}

.outCP_Sa {
    padding-top: 5em;
}

.Chang_psfiled_grop {
    display: flex;
    align-items: center;
    margin-bottom: 3em;
}

.LfSize {
    font-size: 25px;
}

.grene_coltextdivee {
    color: #43BC2A;
    font-size: 14px;
}

.stext_s {
    font-size: 12px;
}

.end_btn {
    flex-grow: 1;
    justify-content: end;
    display: grid;
    text-align: left;
}

.cen_texte_sp {
    padding-left: 30px;
}


.Divec_c-Box {
    display: flex;
    align-items: center;
}

.yellow_text {
    color: #ECB902;
}

.Divece_Neme_hed_poup {
    text-align: center;
}

.feild-hed {
    font-size: 24px;
}


.filed_Grp {
    margin-bottom: 1em;
}

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


.custom-input-popus {
    width: 100%;
    background-color: #CCCCCC;
    color: #3C3C3B;
    outline: none;
    border: none;
    padding: 12px;

    font-family: "roboto-bold";
    border: solid 1px black;
}

.timer_bttom {
    display: flex;
    align-items: end;
    margin-top: 4em;
}


.custom-input-popustimer {
    width: 60%;
    background-color: #CCCCCC;
    color: #3C3C3B;
    outline: none;
    border: none;
    padding: 12px;
    font-family: "roboto-bold";
    border: solid 1px black;
}

.green_btnsDone {
    background-color: #B3C617;
    color: black;
    border: none;
    font-size: 24px;
    border-radius: 8px;
    padding: 8px;
    /* margin-top: 2em; */
    /* margin-bottom: 2em; */
    text-decoration: none;
    position: absolute;
    margin-left: -10px;
    border: solid 1px black;
    margin-top: -2px;
    /* padding-left: 30px; */
    text-align: center;
    width: 16%;
}

.time_text {
    font-size: 36px;
}

.fr {
    flex-grow: 1;
}

.greePlostex {
    color: #43BC2A;
}

.foter_text {
    padding: 1.5em;
    font-size: 17px;
    font-weight: bold;
}

.secQuest {
    border: navajowhite;
    font-size: 18px;
    padding: 10px;
}

.Btmetimer_bttom {
    display: flex;
    align-items: center;
    margin-top: 1em;
    justify-content: center;
}

.Btmetimer_bttom button {
    font-size: 16px;
}

.veryfy-foter_text {
    padding: 1.5em;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
}

.NotHed {
    padding-top: 1em;
}

.NotHed h1 {
    padding-top: 1em;
    font-weight: 900;
}

.tb_Asscout_pageclum {
    display: flex;
    justify-content: center;

}

.hed_not {
    display: flex;
    justify-content: space-around;
}

.NotBetm {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 1em;
    margin-top: 1em;
    font-weight: 900;
}

.frnew {
    flex: 1;
    text-align: end;
}

.NotBetm div {
    width: 100%;
}

.emBox {
    width: 150px;
}

.rClm {
    width: 33%;
}

.lefClm {
    width: 33%;
}

.nespanGressn {
    color: #B3C617;
    font-weight: bold;
    font-size: 20px;
    display: inline-block;

}

.Noti_outer {

}

.Paymethed {
    margin-top: 2em;
}


.Paymethed img {
    margin-right: 1em;
    width: 10%;
}

.NotHed {

    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: solid 1px gray;
    padding-bottom: 1em;

    flex-flow: wrap;
}

.bpybtm {
    display: flex;
    justify-content: center;
    margin-top: 2em;
    align-items: center;
    text-align: center;
    flex-flow: wrap;
}


.su-outerbox {
    display: flex;
    justify-content: space-evenly;
    margin-top: 6em;
    text-align: center;
    padding-bottom: 10em;
}

.supHed h3 {
    color: #B3C617;
    font-size: 30px;
    text-align: center;
    font-weight: bold;
}

.cata-boxsuprt {
    border-radius: 33px;
    text-align: center;
    border: 2px solid #B3C617;
    width: 80%;
    margin: auto;
    padding: 11px;
    height: 80%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.yoText {
    color: #666666;
    font-weight: bold;
}

.orts {
    font-size: 25px;
}

.Ved_demo {
    text-align: center;
    margin-top: 3em;
}

.Ved_demo iframe {
    border-radius: 20px;
    width: 80%;
    height: 400px !important;
    margin-bottom: 20px !important;
}

.ver_uters {
    max-width: 500px;
    margin: 0 auto;
    padding-top: 7em;
    padding-bottom: 7em;
}

.weL_text {
    text-align: center;
    font-size: 26px;
    font-weight: 800;
}

.wetext_2 {
    text-align: center;
    font-size: 22px;
    font-weight: 800;
    margin-top: 1em;
}

.NVEgreePlostex {
    color: #B3C617;
}


.nav-tabs {
    border: none !important;
    justify-content: center !important;
}


.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: white;
    background-color: #B3C617 !important;
    border: none;
    font-size: 24px;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 5px;
    text-decoration: none;
}

.nav-tabs .nav-link {
    color: white;
    border: none;
    font-size: 24px;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 5px;
    text-decoration: none;
    background-color: #3C3C3B !important;
}

.TbSEthedset_set {
    text-align: center;
    padding-top: 1em;
}

.Ved_demo_verf {
    background: #D9D9D9;
    border-radius: 20px;
    width: 80%;
    height: 550px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 30px;
}

.video-container {
    width: 100%;
    height: 100%;
    background: #D9D9D9;
    border-radius: 20px;
    object-fit: cover;
}

.video-control-btn {
    background-color: #B3C617;
    color: white !important;
    font-size: 24px !important;
    border-radius: 5px !important;
    padding: 5px 10px !important;
    cursor: pointer;
    border: none !important;
    width: 60% !important;
}

.skipable-video {
    background-color: black;
    padding: 5px 10px 8px 10px;
    border-radius: 10px;
    border: unset;
}

.skipable-x-icon {
    background-color: white;
    border-radius: 5px;
    padding: 5px 7px 5px 7px;
    font-size: 15px;
    font-weight: bold;
    color: red;
    margin-right: 3px;
}

.skipable-text {
    font-weight: bold;
    font-size: 20px;
}

.forever-skip-video-label {
    cursor: pointer;
}

#skipVideoForever:checked {
    margin-top: 0px !important;
}

.status-bar input[type=range] {
    pointer-events: none;
}

.auth-requester {
    position: absolute;
    top: 0;
    right: 23px;
    background: #B3C617;
    padding: 1px 8px 1px 8px;
    border-radius: 15px;
    color: #ffffff;
}

.auth-provider {
    position: absolute;
    top: 0;
    right: 23px;
    background: #3C3C3B;
    padding: 1px 8px 1px 8px;
    border-radius: 15px;
    color: #ffffff;
}

li a:hover {
    color: #B3C617 !important;
}

.btn-hatdu-green {
    background-color: #B3C617 !important;
    color: #ffffff !important;
    padding: 10px !important;
    font-size: 16px !important;
}

.btn-hatdu-green:hover {
    background-color: #B3C617 !important;
    color: #ffffff !important;
    padding: 10px !important;
    font-weight: bold;
}

.btn-hatdu-yellow {
    background-color: #FAC711 !important;
    color: #ffffff !important;
    padding: 10px !important;
    font-size: 16px !important;
}

.btn-hatdu-yellow:hover {
    background-color: #FAC711 !important;
    color: #ffffff !important;
    padding: 10px !important;
    font-weight: bold;
}

.btn-hatdu-light-gray {
    background-color: #1da4aa !important;
    color: #ffffff !important;
    padding: 10px !important;
    font-size: 16px !important;
}

.btn-hatdu-light-gray:hover {
    background-color: #1da4aa !important;
    color: #ffffff !important;
    padding: 10px !important;
    font-weight: bold;
}

.hatdu-red {
    color: #B21924;
}

.hatdu-gray {
    color: #939390;
}

.hatdu-green {
    color: #B3C617;
}

.hatdu-black {
    color: #3C3C3B;
}

.hatdu-dark-gray {
    color: #126569;
}

.hatdu-yellow {
    color: #FAC711;
}

.hatdu-bg-red {
    background-color: #B21924;
}

.hatdu-bg-gray {
    background-color: #939390;
}

.hatdu-bg-green {
    background-color: #B3C617;
}

.hatdu-bg-black {
    background-color: #3C3C3B;
}

.hatdu-bg-dark-gray {
    background-color: #126569;
}

.hatdu-bg-yellow {
    background-color: #FAC711;
    border: unset !important;
    color: white;
}

.cursor-pointer {
    cursor: pointer !important;
}

.aiz-tab-btn {
    font-size: 18px !important;
    padding: 3px 5px 3px 5px !important;
}

.uploader-img-remove {
    position: absolute;
    padding: 2px 5px 2px 5px;
    border-radius: 15px;
    cursor: pointer !important;
}

.offer-categories {
    color: white;
    background-color: #B3C617;
    padding: 0px 10px;
    border-radius: 5px;
    font-size: 24px;
    font-family: "roboto-bold";
    width: max-content;
}

.lang-dropdown-btn {
    z-index: 1000 !important;
}

.dropdown-toggle {
    z-index: 1000 !important;
}

.lang-down-icon {
    position: absolute;
    top: 18px;
    right: 15px;
    cursor: pointer;
}