body{
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

p{
    margin: 0;
    padding: 0;
}

a{
    color: #000;
    text-decoration: none;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
a:hover{
    color: #ffa117;
    text-decoration: none;
}

i{
    font-weight: 100 !important;
}

.s-g-bg{        /* signature-green */
    background-color: #006a00 !important;
}

.s-g-c{
    color: #006a00 !important;
}

.user-max-width{
    max-width: 90% !important;
    margin: auto !important;
}

.main-wrapper::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    background-image: url('../images/public/logos/favicon.png');
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fff;
    opacity: 0.3;
    pointer-events: none;
    z-index: -10;
}

.b-white{
    background-color: #fff;
}

.intro-nav{
    padding: 1em 0;
}

.intro-nav, .t-vehicles{
    position: relative;
    background-color: #fff;
    /* opacity: .6; */
}

.intro-nav .intro-inner img{
    max-width: 200px;
    max-height: 80px;
}

.intro-inner{
    gap: 8em;
    justify-content: space-between;
}

.intro-links a{
    display: block;
    position: relative;
    color: #000;
    padding: 1em;
    overflow: hidden;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.intro-links a::after{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: -100%;
    width: 100%;
    height: 5px;
    background-color: #006a00;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.intro-links a:hover{
    color: #006a00;
}
.intro-links a:hover::after{
    left: 0;
}

.intro-reg .ir-i ul{
    gap: 0.5em;
}

.intro-reg .ir-i a{
    display: inline-block;
    position: relative;
    padding: .7em 1em;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    overflow: hidden;
    z-index: 1;
}
.intro-reg .ir-i a::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: #006a00;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
}
.intro-reg .ir-i a:hover::before{
    height: 100%;
    z-index: -1;
}
.intro-reg .ir-i a:hover{
    color: #fff;
}

.m-sc{
    position: relative;
    z-index: 1;
}

.t-vehicles{
    background-color: #006a00;
    margin: 5px 0 0;
}

.t-vehicles-inner{
    padding: 2em 0;
}

.vehicle-images{
    width: 200px;
    height: 150px;
    margin: auto;
    border: 1px solid #fff;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 1px 1px 5px #006a00,
                -1px -1px 5px #006a00;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
}
.vehicle-images:hover{
    transform: scale(1.1);
}
.vehicle-images img{
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.first-sec-wrapper{
    padding: 3em 0;
}

.first-sec-outer{
    padding: 1.5em 0 .5em;
}

.intro-t-text{
    font-size: 25px;
}

.intro-t-header h2{
    font-weight: 600;
}

.intro-t-description{
    padding: .5em 0 0;
}

.second-sec-wrapper{
    padding: 3em 0;
}

.hp-steps{
    gap: 1.5em;
}

.pr{
    background-color: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    box-shadow: 1px 1px 10px #d7d7d7;
    width: calc(50% - 1.5em);
}

.pri::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #006a00;
    height: 10px;
    width: 30px;
}

.step-bg-design{
    top: 0;
    padding: 0.2em 1.5em;
    color: #fff;
    font-size: 20px;
    border-radius: 0 0 40px 0;
}

.pr-hding{
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}

.pr-hding, .pl-i a{
    padding-left: 1.5em;
    padding-right: 1.5em;
}

.pr-hding p{
    font-family: 'exo', sans-serif;
}
.pr-hding .p-hdng{
    color: #006a00;
    font-size: 25px;
}
.pr-hding .p-desc{
    color: #808080;
    padding: 0.625em 0 0;
    font-size: 15px;
}

.pr-link{
    border-top: 1px solid #006a00;
}

.pr-link a{
    color: #006a00;
    padding-top: .5em;
    padding-bottom: .5em;
}

.pr-link a:hover{
    color: #fff;
    background-color: #006a00;
}

.third-sec-wrapper{
    padding: 3em 0;
    background-color: #00ad23;
}

.ts-content-wrapper{
    gap: 1.5em;
}

.ts-content-outer{
    position: relative;
    width: 100%;
    color: #fff;
    overflow: hidden;
    z-index: 1;
    box-shadow: 1px 1px 10px #006a00;
    -webkit-transition: .4s ease-out;
    -moz-transition: .4s ease-out;
    -o-transition: .4s ease-out;
    transition: .4s ease-out;
}
.ts-content-outer:hover{
    color: #006a00;
}
.ts-content-outer:hover .ts-icon i::after{
    border: 1px solid #006a00;
}

.ts-content-outer::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 0;
    background-color: #fff;
    z-index: -1;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
}
.ts-content-outer:hover::before{
    height: 100%;
}

.ts-content{
    padding: 2.5em .9em;
}

.ts-icon{
    padding: 0 0 1em;
    font-size: 40px;
}

.ts-icon i{
    position: relative;
    padding: 0.4em;
}
.ts-icon i::after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    border-radius: 50%;
}

.ts-hding{
    font-size: 30px;
    padding: 0 0 0.5em;
}

.ts-desc{
    font-size: 20px;
}



.tsco-a{
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
}
.tsco-a::before{
    content: '';
    display: block;
    position: absolute;
    left: -100%;
    bottom: 0;
    width: 100%;
    height: 5px;
    background-color: #fff;
    opacity: 0.5;
    z-index: 1;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
}
.tsco-a:hover::before{
    left: 0;
}
.tsco-a:hover{
    color: #fff;
    transform: scale(1.1);
}
.tsda{
    right: 0;
    bottom: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.tsco-a:hover .tsda{
    left: 50%;
    bottom: 50%;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    transform: translate(-50%, 50%);
}


.tsca{
    padding: 0;
}

.tsta{
    position: relative;
    height: 200px;
    overflow: hidden;
}
.tsta img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}





.cnclsn{
    background-color: #006a00;
}

.cnclsn-inner{
    margin: 3em 0 0;
    padding: 2em;
    color: #fff;
    background-color: #808080;
}




.m-wrapper{
    top: 0;
    left: 0;
    background-image: url('../images/public/logos/favicon.png');
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    opacity: 0.09;
}

.lg{
    position: fixed;
    top: 0;
    z-index: 2;
}

.lg-inner{
    padding: 1.5em;
}

.logo > img{
    max-width: 200px;
    max-height: 80px;
}

.m-inner{
    margin: 8em auto 2.5em;
    width: 80%;
    background-color: #ffffff75;
    box-shadow: 4px 4px 30px #6d6d6d5d,
                -4px -4px 25px #6d6d6d5d;
    border-radius: 10px;
}
.m-inner-reg{
    width: 60%;
}

.m-content{
    padding: 3em;
}

.frm-inner{
    gap: 1em;
}

.frm-inner .pur{
    padding: 1em;
    font-size: 20px;
    border: none;
    border-radius: 5px;
    font-family: 'exo', sans-serif;
}

.frm-inner .pur:hover{
    color: #fff;
    box-shadow: 2px 2px 5px #0000009f,
                -2px -2px 5px #0000009f;
    transform: scale(1.02);
}

.information-i{
    gap: 1em;
}


.information-i input, .vhcl-ct{
    width: 50%;
}
.information-i input, .vhcl-ct, .disabled{
    padding: 1em .5em;
    border: 1px solid #006a00;
    border-radius: 5px;
    font-size: 19px;
    -webkit-transition: .2s ease;
    -moz-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
}
.information-i input[type=tel]:focus, .vhcl-ct:focus{
    outline: none;
    border: 1px solid #00ff00;
}
.information-i input[type=tel]:hover, .vhcl-ct:hover{
    border: 1px solid #00ff00;
}

.disabled{
    border: 1px solid #808080;
    background-color: #ebebeb;
    cursor: not-allowed;
}
.disabled:focus{
    outline: none;
}

.pass-cvr{
    flex-flow: row nowrap;
    justify-content: space-between;
}

.back-home{
    gap: 0.3em;
    background-color: #f00;
}

.back-home, .pass{
    padding: .8em 1em;
    font-size: 15px;
    font-weight: 600;
    border-radius: 3px;
    -webkit-transition: .2s ease;
    -moz-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
}

.pass{
    border: 1px solid #006a00;
}
.pass:hover, .back-home:hover{
    color: #fff;
    transform: scale(1.015);
}


.m-content-ii{
    padding: 4em;
    gap: 1em;
}

.srp-header{
    padding: 0 0 1em;
    font-size: 30px;
    font-weight: 700;
    font-family: 'exo', sans-serif;
}

.c-r{
    grid-template-columns: auto;
    gap: 1.5em;
}

.g-item{
    gap: 0.3em;
}

.g-item select{
    -webkit-appearance: none;
    appearance: none;
}

.g-item input, .g-item select{
    padding: .8em 0.5em;
    background-color: #f8f8f8;
    font-size: 19px;
    border: 1px solid #006a00;
    border-radius: 5px;
    -webkit-transition: .2s ease;
    -moz-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
}
.g-item input:hover, .g-item select:hover{
    border: 1px solid #00ff00;
}
.g-item input:focus, .g-item select:focus{
    outline: none;
    border: 1px solid #00ff00;
    box-shadow: 1px 1px 5px #00ff00,
                -1px -1px 5px #00ff00;
}

#country:hover, #country:focus{
    outline: none;
    border: 1px solid #808080;
    box-shadow: none;
}

.ch-vldty-inp-i, .ch-vldty-inp-ii{
    -webkit-transition: .2s ease;
    -moz-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
}

.ch-vldty-inp-i{
    padding: 1em 13em 1em 0.5em;
    border: 1px solid #006a00;
    border-radius: 5px;
    font-size: 19px;
}

.ch-vldty-inp-ii{
    right: 0;
    bottom: 0;
    width: auto;
    padding: .5em;
    border: 1px solid #006a00;
    border-radius: 5px 0 5px 0;
    font-size: 17px;
}

.ch-vldty-inp-i:hover{
    border: 1px solid #000;
}

.ch-vldty-inp-ii:hover{
    border: 1px solid #000;
}

.ch-vldty-inp-i:hover ~ .ch-vldty-inp-ii,
.ch-vldty-inp-ii:hover .ch-vldty-inp-i{
    border: 1px solid #000;
}

.ch-vldty-inp-i:focus{
    box-shadow: 3px 3px 5px #d7d7d7, -3px -3px 5px #d7d7d7;
}

.ch-vldty-inp-i:focus ~ .ch-vldty-inp-ii,
.ch-vldty-inp-i:focus{
    transform: scale(1.02);
}

.ch-vldty-inp-i:focus, .ch-vldty-inp-ii:focus{
    outline: none;
    border: 1px solid #000;
}

.ch-vldty-inp-i:focus ~ .ch-vldty-inp-ii,
.ch-vldty-inp-ii:focus .ch-vldty-inp-i{
    border: 1px solid #000;
}

.rp-header{
    padding: 0 0 1.5em;
}

.rp-header .in-rp-header{
    font-size: 30px;
    line-height: 1.5;
}

.rp-header p{
    font-size: 18px;
}

.vp{
    gap: 1em;
}

.tggl{
    gap: 0.2em;
}
.tggl a{
    color: #006a00;
}

.m-content-iii{
    padding: 2.5em;
}

.mw-of-srvcs::before{
    position: fixed;
    background-image: url('../images/public/transport.png');
    opacity: 0.1;
}

.tr-c{
    width: 400px;
    height: 400px;
    background-color: #fff;
    border-radius: 50%;
}

.tr-c img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 50%;
}


/* login page */

.login-tabs-n-cntnt{
    position: relative;
}

.gc-tb{
    padding-bottom: .5em;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
}

.tab-links, .tbl-b{
    background-color: #d7d7d7;
}

.tbl-b{
    padding: 1em;
    border: none;
    -webkit-transition: .1s ease-in-out;
    -moz-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
}
.tbl-b:hover{
    background-color: #ebebeb;
}

.tbl-b.tblb-active, .act-cntnt{
    background-color: #f5f5f5;
}
.tbl-b.tblb-active:hover{
    background-color: #f5f5f5;
}

.act-cntnt-outr{
    display: none;
}

.act-cntnt{
    padding: 1em;
    gap: 0.5em;
    animation: fade-in .3s ease-in-out;
}
@keyframes fade-in {
    0%{
        opacity: 0;
    }100%{
        opacity: 1;
    }
}

.a-c-inner{
    gap: 1em;
}

.lgn-inpt{
    padding: 1em;
    font-size: 18px;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.lgn-inpt:focus{
    border: 1px solid #808080;
    outline: none;
}

.p-cvr-ii{
    padding: 1em 0;
}

.reset-font-weight{
   font-weight: 800 !important; 
}