/* open-sans-regular - latin_cyrillic-ext_cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/open-sans-v18-latin_cyrillic-ext_cyrillic-regular.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Regular'), local('OpenSans-Regular'),
    url('../fonts/open-sans-v18-latin_cyrillic-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v18-latin_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v18-latin_cyrillic-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v18-latin_cyrillic-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v18-latin_cyrillic-ext_cyrillic-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin_cyrillic-ext_cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/open-sans-v18-latin_cyrillic-ext_cyrillic-600.eot'); /* IE9 Compat Modes */
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
    url('../fonts/open-sans-v18-latin_cyrillic-ext_cyrillic-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v18-latin_cyrillic-ext_cyrillic-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v18-latin_cyrillic-ext_cyrillic-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v18-latin_cyrillic-ext_cyrillic-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v18-latin_cyrillic-ext_cyrillic-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin_cyrillic-ext_cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/open-sans-v18-latin_cyrillic-ext_cyrillic-700.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Bold'), local('OpenSans-Bold'),
    url('../fonts/open-sans-v18-latin_cyrillic-ext_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v18-latin_cyrillic-ext_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v18-latin_cyrillic-ext_cyrillic-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v18-latin_cyrillic-ext_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v18-latin_cyrillic-ext_cyrillic-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Neusa Next Pro';
    src: local('Neusa Next Pro Regular'), local('Neusa-Next-Pro-Regular'),
    url('../fonts/NeusaNextPro-Regular.woff2') format('woff2'),
    url('../fonts/NeusaNextPro-Regular.woff') format('woff'),
    url('../fonts/NeusaNextPro-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Neusa Next Pro';
    src: local('Neusa Next Pro Medium'), local('Neusa-Next-Pro-Medium'),
    url('../fonts/NeusaNextPro-Medium.woff2') format('woff2'),
    url('../fonts/NeusaNextPro-Medium.woff') format('woff'),
    url('../fonts/NeusaNextPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Neusa Next Pro';
    src: local('Neusa Next Pro Bold'), local('Neusa-Next-Pro-Bold'),
    url('../fonts/NeusaNextPro-Bold.woff2') format('woff2'),
    url('../fonts/NeusaNextPro-Bold.woff') format('woff'),
    url('../fonts/NeusaNextPro-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/*----------------------------fonts---------------------------*/
/*============================all=============================*/
body {
    font-family: 'Neusa Next Pro';
    overflow-x: hidden;
}

a:hover {
    text-decoration: none;
}

button:focus {
    outline: none;
}

input:focus {
    outline: none;
}

main {
    position: relative;
}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

button.my-button {
    border: 1px solid rgb(0 123 255);
    background-color: rgb(0 123 255);
    color: rgba(255, 255, 255, 1);
    line-height: 34px;
    border-radius: 5px;
    padding-left: 15px;
    padding-right: 15px;
    letter-spacing: 1px;
}

input.my-input {
    border: 1px solid rgba(0, 123, 255, 0.5);
    border-radius: 5px;
    padding: 5px 5px 5px 10px;
}

span.my-span {
    color: rgba(21, 21, 21, 1);
}

@media (min-width: 576px) {
    article.content {
        background-color: rgb(255 255 255 / 86%);
        border-radius: 10px;
        padding: 15px;
        min-height: 60vh;
    }
}

/*----------------------------all-----------------------------*/
/*============================app navbar======================*/
.app-nav {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.app-nav li.active a {
    background-color: #1C75C3;
}

.app-nav li a .app-nav-text {
    margin-top: 10px;
}

.app-nav li a .app-nav-text span {
    font-weight: 500;
    font-size: 20px;
    color: rgba(64, 64, 64, 1);
}

.app-nav li.active a .app-nav-text span {
    color: rgba(255, 255, 255, 1);
}

.app-nav li a .app-nav-circle {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}

.app-nav li a .app-nav-circle span {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
}

.app-nav li a {
    width: 170px;
    border-radius: 10px;
    display: inline-block;
    box-shadow: 0 6px 9px rgba(0, 0, 0, 0.15);
    text-align: center;
    padding-bottom: 15px;
}

.app-nav li {
    position: relative;
    margin-top: 20px;
}

@media (min-width: 1600px) {
    .app-nav li:nth-child(1):before {
        position: absolute;
        content: '';
        width: 50px;
        height: 50px;
        background-image: url("../img/right-1.svg");
        right: -120px;
        top: 50%;
        transform: translateY(-50%);
    }

    .app-nav li.active:nth-child(1):before {
        background-image: url("../img/right-2.svg");
    }

    .app-nav li:nth-child(2):before {
        position: absolute;
        content: '';
        width: 50px;
        height: 50px;
        background-image: url("../img/right-1.svg");
        right: -120px;
        top: 50%;
        transform: translateY(-50%);
    }

    .app-nav li.active:nth-child(2):before {
        background-image: url("../img/right-2.svg");
    }

}

@media (max-width: 991px) {
    .app-nav {
        justify-content: space-between;
    }
}

/*----------------------------app navbar----------------------*/
/*============================app timeline====================*/
.app-timeline {
    margin-top: 30px;
}

.timeline > .time-label > span {
    padding-right: 15px;
    padding-left: 15px;
}

.timeline > div > .timeline-item > .timeline-body > img {
    max-width: 80px;
    max-height: 80px;
}

.timeline > div > .timeline-item > .timeline-body > a {
    margin-right: 10px;
}

/*----------------------------app timeline--------------------*/
.step {
    display: flex;
    justify-content: space-around;
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 25px;
}

.step li a {
    text-align: center;
    padding: 15px 20px 10px;
    position: relative;
    width: 170px;
    border-radius: 10px;
    box-shadow: 0px 6px 9px rgba(0, 0, 0, 0.16);
    display: block;
}

.step li.active a {
    background-color: rgba(28, 117, 195, 1);
}

.step li.active:before {
    position: absolute;
    content: '';

}

.stepBox {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: rgba(247, 247, 247, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.step li.active .stepBox {
    background-color: #fff;
}

.stepBox span {
    font-weight: 700;
    color: rgba(28, 117, 195, 1);
    font-size: 30px;
}

.step li .step_text {
    font-weight: 500;
    letter-spacing: 0.24px;
    margin-top: 5px;
}

.step li.active .step_text {
    color: rgba(255, 255, 255, 1);
}

.my-loader {
    width: 100%;
    height: 200px;
    background-color: rgb(33 150 243/17%);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}

/*-----------------------*/
.ariza-footer {
    margin-top: 15px;
}

.ariza-container p {
    text-indent: 50px;
    line-height: 40px;
    font-size: 18px;
}

.app-from-to {
    text-align: justify;
}

.app-from-to span {
    font-weight: 500;
    font-size: 20px;
    display: block;
    max-width: 500px;
    margin-left: auto;
}

.app-title {
    text-align: center;
    margin-top: 20px;
}

.app-title span {
    font-weight: 500;
    font-size: 22px;
}

.app-content {
    margin-top: 15px;
    font-size: 18px;
    line-height: 36px;
}

.application {
    box-shadow: 0 0 1px rgba(0, 0, 0, .125), 0 1px 3px rgba(0, 0, 0, .2);
    border-radius: .25rem;
    background-color: #fff;
    color: #495057;
    padding: 25px;
    position: relative;
    margin-top: 15px;
}

span.name {
    color: rgba(28, 117, 195, 1);
    font-weight: 500;
}

span.weight {
    font-weight: 500;
    font-size: 20px;
}

.title {
    font-size: 30px;
    font-weight: 600;
}

.company-content {
    display: none;
}

.bank-content {
    display: none;
}

.commands:nth-child(2) {
    display: none;
}

.stepDetails {
    border-radius: 10px;
    box-shadow: 0px 6px 9px rgba(0, 0, 0, 0.16);
    padding: 20px 30px 15px;
}

.offerBox_title h2 {
    color: rgba(29, 29, 29, 1);
    font-size: 24px;
    letter-spacing: 0.6px;
}

.offerBox_text {
    margin-top: 15px;
}

#check_tin {
    margin-top: 30px;
}

.commands button {
    margin-left: 7.5px;
    margin-right: 7.5px;
}

.sendOffers {
    font-size: 26px;
    color: rgba(29, 29, 29, 1);
    font-weight: 500;
    margin-top: 15px;
}

.custom-checkbox .custom-control-label::before {
    border: 2px solid #1C75C3;
    background-color: #fff;
    border-radius: 3px;
    width: 20px;
    height: 20px;
    top: 0;
    left: -30px;
}

.commands .prev {
    background-color: rgba(232, 107, 0, 1);
    border-radius: 10px;
    color: rgba(255, 255, 255, 1);
    font-size: 18px;
    font-weight: 500;
    padding: 5px 25px;
    border-color: rgba(232, 107, 0, 1);
}

.commands .next {
    background-color: rgba(28, 117, 195, 1);
    border-radius: 10px;
    color: rgba(255, 255, 255, 1);
    font-size: 18px;
    font-weight: 500;
    padding: 5px 25px;
    border-color: rgba(28, 117, 195, 1);
}

/*============================inn=============================*/

.inn-input input {
    margin-right: 10px;
    margin-top: 10px;
}

.inn-input span.my-span {
    margin-right: 10px;
    margin-top: 10px;
}

.inn-input button {
    margin-right: 10px;
    margin-top: 10px;
}

.inn-title {
    margin-top: 30px;
}

.inn-row {
    border-bottom: 1px solid rgba(28, 117, 195, 0.2);
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.h3-title {
    color: rgba(28, 117, 195, 1);
}

.my-checkbox {
    margin-top: 15px;
}

.my-checkbox input {
    border: 1px solid rgba(28, 117, 195, 0.5);
}

/* The container */
.container-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.container-checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container-checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-checkbox input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.container-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container-checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container-checkbox .checkmark:after {
    left: 9px;
    top: 5px;
    width: 7px;
    height: 14px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.inn-submit {
    text-align: right;
    margin-top: 15px;
}

/*----------------------------inn-----------------------------*/
/*============================print===========================*/
@media print {
    .header {
        display: none;
    }

    .footer {
        display: none;
    }

    .my-breadcrumb {
        display: none;
    }

    .profile-menu {
        display: none;
    }
}

/*----------------------------print---------------------------*/
/*============================profile=========================*/
.my-breadcrumb .breadcrumb {
    background-color: rgba(247, 247, 247, 1);
}

.my-breadcrumb .breadcrumb li {
    font-family: "Montserrat-500";
}

.my-breadcrumb .breadcrumb li a {
    font-family: "Montserrat-500";
    color: rgb(108 117 125);
}

.my-breadcrumb .breadcrumb li a:hover {
    color: rgba(28, 117, 195, 1);
}

.profile-menu ul li a {
    font-size: 20px;
    font-weight: 500;
    color: rgba(29, 29, 29, 1);
    border: 1px solid rgba(28, 117, 195, 0.5);
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 30px;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
}

.profile-menu ul li a:hover {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(28, 117, 195, 1);
}

.profile-menu ul li.active a {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(28, 117, 195, 1);
}

.profile-menu ul li {
    margin-top: 10px;
}

.profile-header {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.profile-header-span span {
    font-weight: 700;
    font-size: 24px;
    color: #363636;
}

.print {
    background-color: transparent;
    border: 1px solid rgba(28, 117, 195, 1);
    border-radius: 10px;
    line-height: 42px;
    padding-left: 15px;
    padding-right: 15px;
}

.print span {
    color: rgba(28, 117, 195, 1);
    margin-left: 10px;
    font-weight: 500;
}

.print svg {
    fill: rgba(28, 117, 195, 1);
}

.print:hover {
    background-color: rgba(28, 117, 195, 1);
}

.print:hover span {
    color: rgba(255, 255, 255, 1);
}

.print:hover svg {
    fill: rgba(255, 255, 255, 1);
}

.profile-right-ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.profile-right-ul li button {
    display: inline-block;
    border: 1px solid rgba(28, 117, 195, 0.2);
    border-radius: 10px;
    padding: 8px 30px;
    color: rgba(28, 117, 195, 1);
    font-weight: 500;
    background-color: rgba(255, 255, 255, 1);
    margin-top: 15px;
}

.profile-right-ul li button:hover {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(28, 117, 195, 1);
    border-color: rgba(28, 117, 195, 1);
}

.profile-right-ul li.active button {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(28, 117, 195, 1);
    border-color: rgba(28, 117, 195, 1);
}

.profile-right-ul li {
    margin-right: 30px;
}

.profile-right-title span {
    font-weight: 500;
    font-size: 30px;
}

.application-row {
    border-bottom: 1px solid rgba(28, 117, 195, 0.2);
    padding-bottom: 15px;
    margin-top: 15px;
    width: 100%;
}

.application-row span {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.application-row a {
    font-weight: 500;
    color: rgba(54, 54, 54, 1);
}

.application-row a:hover {
    color: rgba(28, 117, 195, 1);
    text-decoration: underline;
}

.my-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .my-container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .my-container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .my-container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .my-container {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .my-container {
        max-width: 1600px;
    }

    .my-col-2, .my-col-10 {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }

    .my-col-2 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .my-col-10 {
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }
}

@media (max-width: 1199px) {
    .profile-right {
        margin-top: 30px;
    }
}

/*----------------------------profile-------------------------*/
/*============================one id==========================*/
.my-one {
    display: flex;
    justify-content: center;
    margin-bottom: 60px;
}

.my-one-in {
    position: relative;
}

.my-one-img img {
    max-width: 100%;
}

.my-one-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.my-one-text-span span {
    font-size: 30px;
    letter-spacing: 0.6px;
    color: rgba(21, 21, 21, 1);
}

.one-enter {
    margin-top: 30px;
}

.one-enter a {
    border-radius: 15px;
    /*background-image: linear-gradient(to right, rgba(84, 150, 255, 1), rgba(35, 121, 255, 1));*/
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 36px;
    letter-spacing: 1.4px;
    border: 2px solid rgba(35, 121, 255, 1);
    background-color: rgba(35, 121, 255, 1);
}

.one-enter a:hover {
    background-color: rgba(255, 255, 255, 1);
    color: rgba(35, 121, 255, 1);
}

.one-id {
    margin-top: 30px;
}

@media (min-width: 768px) {
    .my-one {
        min-height: 600px;
    }
}

/*----------------------------one id--------------------------*/
/*============================loader==========================*/
.loader {
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: rgb(255 255 255 / 92%);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.loader-content {
    position: relative;
}

.loader-border {
    display: inline-block;
    width: 120px;
    height: 120px;
    vertical-align: text-bottom;
    border: 2px solid rgba(28, 117, 195, 1);
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}

@keyframes my-loader {
    to {
        transform: rotate(360deg);
    }
}

.loader-img {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    top: -6px;
}

/*----------------------------loader--------------------------*/
/*============================back============================*/
.back-top {
    position: fixed;
    bottom: 100px;
    right: 15px;
    display: none;
}

.back-top a svg path {
    fill: rgba(28, 117, 195, 1);
    transition: 0.3s;
}

.back-top a:hover svg path {
    fill: rgba(24, 36, 76, 1);
}

@media (max-width: 575px) {
    .back-top {
        bottom: 30px;
    }
}

/*----------------------------back----------------------------*/
/*============================control=========================*/
.control {
    background-color: rgba(28, 117, 195, 1);
    padding-top: 10px;
    padding-bottom: 10px;
}

.control-span span {
    font-size: 12px;
    letter-spacing: 0.15px;
    color: rgba(247, 247, 247, 1);
}

.home-share a {
    margin-left: 10px;
    margin-right: 10px;
}

@media (min-width: 992px) {
    .home-share {
        text-align: right;
    }
}

@media (max-width: 991px) {
    .home-share {
        margin-top: 15px;
        text-align: center;
    }

    .control-span {
        text-align: center;
    }
}

/*----------------------------control-------------------------*/
/*============================footer==========================*/
.footer {
    background-color: rgba(247, 247, 247, 1);
    background-image: url(../img/footer.png);
    background-position: center 50px;
    background-repeat: no-repeat;
    margin-top: 36px;
}

.footer-logo-in {
    display: flex;
    align-items: center;
}

.footer-logo-text {
    margin-left: 20px;
}

.footer-logo-text span {
    font-family: 'Open Sans';
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.32px;
    color: rgba(21, 21, 21, 1);
}

.address-title span {
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.8px;
    color: rgba(72, 72, 72, 1);
}

.address-span span {
    font-style: italic;
    font-size: 12px;
    letter-spacing: 0.18px;
    color: rgba(108, 108, 108, 1);
}

.address-number span {
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.18px;
    color: rgba(108, 108, 108, 1);
}

.footer-copy span {
    font-family: 'Open Sans';
    font-size: 12px;
    letter-spacing: 0.18px;
    color: rgba(108, 108, 108, 1);
}

.footer-col {
    margin-top: 30px;
}

@media (min-width: 576px) {
    .footer {
        padding-top: 50px;
        padding-bottom: 30px;
    }

    .footer-logo-text span {
        font-size: 16px;
    }

    .footer-row {
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
        flex-wrap: wrap;
    }
}

@media (max-width: 575px) {
    .footer {
        margin-top: 30px;
        padding-bottom: 30px;
    }

    .footer-logo-text span {
        font-size: 14px;
    }

    .footer-logo-text span br {
        display: none;
    }
}

/*----------------------------footer--------------------------*/
/*============================link============================*/
.link-title span {
    font-weight: 500;
    font-size: 30px;
    letter-spacing: 0.75px;
    color: rgba(21, 21, 21, 1);
    text-transform: uppercase;
}

.link-in {
    display: flex;
    align-items: center;
    border: 1px solid rgba(70, 110, 116, 0.2);
    padding: 10px;
    min-height: 94px;
}

.link-logo img {
    max-width: 50px;
}

.link-span {
    margin-left: 10px;
}

.link-span span {
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    color: rgba(49, 49, 49, 1);
}

.link-row a:hover .link-in {
    border-color: rgba(28, 117, 195, 0.6);
}

.link-row a:hover .link-in .link-span span {
    color: rgba(28, 117, 195, 1);
}

.link-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .link-container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .link-container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .link-container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .link-container {
        max-width: 1140px;
    }
}

@media (min-width: 1460px) {
    .link-container {
        max-width: 1400px;
    }

    .link-col {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 576px) {
    .link-in {
        margin-top: 36px;
    }

    .link {
        margin-bottom: 60px;
    }
}

@media (max-width: 575px) {
    .link-in {
        margin-top: 15px;
    }

    .link-title span {
        font-size: 24px;
    }

    .link {
        margin-top: 30px;
    }
}

/*----------------------------link----------------------------*/
/*============================take============================*/
.take {
    overflow: hidden;
}

.take-title span {
    font-weight: 500;
    letter-spacing: 0.6px;
    color: #151515;
    text-transform: uppercase;
}

.wrap {
    position: relative;
    width: 370px;
    height: 370px;
    transition: transform .5s;
}

a.take-circle {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 50%;
}

a.take-circle div {
    height: 100%;
    opacity: 0.75;
    transition: opacity 0.25s;
    border-radius: inherit;
    background-size: cover;
}

a.take-circle:nth-child(1) {
    border-radius: 40vmin 0 0 0;
    transform-origin: 100% 100%;
    transition: transform .4s .2s;
}

a.take-circle.take-before:nth-child(1):before {
    background-color: rgba(96, 198, 242, 1);
    border-radius: 100% 0 0 0;
    z-index: -1;
}

a.take-circle.take-before:nth-child(1):after {
    background-color: #ffffff;
    border-radius: 100% 0 0 0;
    z-index: -1;
}

a.take-circle:nth-child(1) div {
    background-color: rgba(96, 198, 242, 1);
}

a.take-circle:nth-child(2) {
    border-radius: 0 40vmin 0 0;
    left: 50%;
    transform-origin: 0% 100%;
    transition: transform .4s .2s;
}

a.take-circle.take-before:nth-child(2):before {
    background-color: rgba(28, 117, 195, 1);
    border-radius: 0 100% 0 0;
    z-index: -1;
}

a.take-circle.take-before:nth-child(2):after {
    background-color: #ffffff;
    border-radius: 0 100% 0 0;
    z-index: -1;
}

a.take-circle:nth-child(2) div {
    background-color: rgba(28, 117, 195, 1);
}

a.take-circle:nth-child(3) {
    border-radius: 0 0 0 40vmin;
    top: 50%;
    transform-origin: 100% 0%;
    transition: transform .4s .2s;
}

a.take-circle.take-before:nth-child(3):before {
    background-color: rgba(24, 36, 76, 1);
    border-radius: 0 0 0 100%;
    z-index: -1;
}

a.take-circle.take-before:nth-child(3):after {
    background-color: #ffffff;
    border-radius: 0 0 0 100%;
    z-index: -1;
}

a.take-circle:nth-child(3) div {
    background-color: rgba(24, 36, 76, 1);
}

a.take-circle:nth-child(4) {
    border-radius: 0 0 40vmin 0;
    top: 50%;
    left: 50%;
    transform-origin: 0% 0%;
    transition: transform .4s .2s;
}

a.take-circle.take-before:nth-child(4):before {
    background-color: rgba(0, 76, 129, 1);
    border-radius: 0 0 100% 0;
    z-index: -1;
}

a.take-circle.take-before:nth-child(4):after {
    background-color: #ffffff;
    border-radius: 0 0 100% 0;
    z-index: -1;
}

a.take-circle:nth-child(4) div {
    background-color: rgba(0, 76, 129, 1);
}

a.take-circle:nth-child(5) {
    width: 85%;
    height: 85%;
    left: 7.5%;
    top: 7.5%;
    border-radius: 50vmin;
    transform: scale(1) translateZ(0px);
    transition: transform .2s .2s;
}

a.take-circle:nth-child(5) div.take-center {
    background-color: #ffffff;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(-45deg);
    transition: 0.5s;
}

.take-center span {
    color: rgba(21, 21, 21, 1);
}

.wrap:hover {
    transform: scale(1) translateZ(0px) rotate(45deg);
}

.wrap:hover a {
    transform: scale(1) translateZ(0px);
}

a.take-circle:hover div {
    opacity: 1;
    transform: translateZ(0px);
}

.take-card {
    display: none;
}

.take-card.take-block {
    display: block;
}

.take-card-title {
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(28, 117, 195, 0.5);
    padding-bottom: 10px;
}

.take-card-title span {
    color: rgba(28, 117, 195, 1);
    font-weight: 700;
    font-size: 24px;
}

.take-text span:nth-child(1) {
    font-size: 16px;
    color: rgba(87, 87, 86, 1);
}

.take-text span:nth-child(3) {
    font-size: 16px;
    color: rgba(28, 117, 195, 1);
}

.take-col {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.take-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .take {
        padding-bottom: 45px;
    }

    .take-container {
        max-width: 540px;
    }

    .take-title {
        margin-top: 45px;
        margin-bottom: 45px;
        max-width: 576px;
    }

    .take-title span {
        font-size: 30px;
    }

    .take-center span {
        font-size: 60px;
    }

    a.take-circle.take-before:before {
        position: absolute;
        content: '';
        width: calc(100% + 40px);
        height: calc(100% + 40px);
    }

    a.take-circle.take-before:after {
        position: absolute;
        content: '';
        width: calc(100% + 20px);
        height: calc(100% + 20px);
    }

    a.take-circle.take-before:nth-child(1):before {
        left: -40px;
        top: -40px;
    }

    a.take-circle.take-before:nth-child(1):after {
        left: -20px;
        top: -20px;
    }

    a.take-circle.take-before:nth-child(2):before {
        left: 0;
        top: -40px;
    }

    a.take-circle.take-before:nth-child(2):after {
        left: 0;
        top: -20px;
    }

    a.take-circle.take-before:nth-child(3):before {
        left: -40px;
        top: 0;
    }

    a.take-circle.take-before:nth-child(3):after {
        left: -20px;
        top: 0;
    }

    a.take-circle.take-before:nth-child(4):before {
        left: 0;
        top: 0;
    }

    a.take-circle.take-before:nth-child(4):after {
        left: 0;
        top: 0;
    }
}

@media (min-width: 768px) {
    .take-container {
        max-width: 720px;
    }

    .take-content {
        height: 100%;
        display: flex;
        align-items: center;
        padding-left: 30px;
        padding-right: 15px;
    }

    .wrap {
        transform: scale(0.9) translateZ(0px) rotate(45deg);
    }

    a.take-circle {
        transform: scale(0.95) translateZ(0px);
    }
}

@media (min-width: 992px) {
    .take-container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .take-container {
        max-width: 1140px;
    }
}

@media (min-width: 1460px) {
    .take-container {
        max-width: 1400px;
    }

    .take-col {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 767px) {
    .wrap {
        transform: rotate(45deg);
    }

    .take-content {
        margin-top: 45px;
    }

    .take-left {
        display: flex;
        justify-content: center;
    }

    .take-right {
        display: flex;
        justify-content: center;
    }

    .take-title {
        text-align: center;
    }
}

@media (max-width: 575px) {
    .take-title {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .take-title span {
        font-size: 24px;
    }

    .wrap {
        width: 200px;
        height: 200px;
    }

    .take-center span {
        font-size: 24px;
    }

    a.take-circle.take-before:before {
        position: absolute;
        content: '';
        width: calc(100% + 30px);
        height: calc(100% + 30px);
    }

    a.take-circle.take-before:after {
        position: absolute;
        content: '';
        width: calc(100% + 15px);
        height: calc(100% + 15px);
    }

    a.take-circle.take-before:nth-child(1):before {
        left: -30px;
        top: -30px;
    }

    a.take-circle.take-before:nth-child(1):after {
        left: -15px;
        top: -15px;
    }

    a.take-circle.take-before:nth-child(2):before {
        left: 0;
        top: -30px;
    }

    a.take-circle.take-before:nth-child(2):after {
        left: 0;
        top: -15px;
    }

    a.take-circle.take-before:nth-child(3):before {
        left: -30px;
        top: 0;
    }

    a.take-circle.take-before:nth-child(3):after {
        left: -15px;
        top: 0;
    }

    a.take-circle.take-before:nth-child(4):before {
        left: 0;
        top: 0;
    }

    a.take-circle.take-before:nth-child(4):after {
        left: 0;
        top: 0;
    }
}

/*----------------------------take----------------------------*/
/*============================status==========================*/
.status {
    background-color: rgba(247, 247, 247, 1);
}

.status-form span {
    font-weight: 500;
    font-size: 20px;
    color: rgba(21, 21, 21, 1);
}

.status-form input {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid rgba(21, 21, 21, 1);
    background-color: transparent;
    padding-left: 5px;
    margin-left: 5px;
}

.status-form input:focus {
    border-color: rgba(28, 117, 195, 1);
}

.status-submit {
    border-radius: 10px;
    background-color: rgba(28, 117, 195, 1);
    border: 2px solid rgba(28, 117, 195, 1);
    font-weight: 500;
    font-size: 18px;
    color: rgba(255, 255, 255, 1);
    line-height: 44px;
    padding-left: 36px;
    padding-right: 36px;
}

.status-submit:hover {
    background-color: #ffffff;
    color: rgba(28, 117, 195, 1);
}

.status-col {
    margin-top: 30px;
}

.status-row-left {
    margin-top: 30px;
}

.status-row-right {
    margin-top: 30px;
}

@media (min-width: 576px) {
    .status {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .status-row-top {
        margin-top: 20px;
    }

    .status-row-bottom {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

}

@media (min-width: 992px) {
    .status-row-bottom {
        margin-top: 20px;
    }
}

@media (max-width: 575px) {
    .status {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .status-form input {
        display: block;
    }
}

/*----------------------------status--------------------------*/
/*============================counter=========================*/
.counter-container {
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}

.counter-in {
    text-align: center;
}

.counter-text span {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: rgba(21, 21, 21, 1);
}

.counter-number .counter-value {
    color: rgba(21, 21, 21, 1);
}

@media (min-width: 576px) {
    .counter-container {
        max-width: 540px;
    }

    .counter-number .counter-value {
        font-size: 78px;
    }
}

@media (min-width: 768px) {
    .counter-container {
        max-width: 720px;
    }

    .counter-in {
        margin-top: 50px;
    }
}

@media (min-width: 992px) {
    .counter-container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .counter-container {
        max-width: 1140px;
    }

    .counter-text {
        min-height: 120px;
    }
}

@media (min-width: 1400px) {
    .counter-container {
        max-width: 1400px;
    }

    .counter-text {
        min-height: 90px;
    }
}

@media (max-width: 767px) {
    .counter-in {
        margin-top: 15px;
    }
}

@media (max-width: 575px) {
    .counter-number .counter-value {
        font-size: 45px;
    }
}

/*----------------------------counter-------------------------*/
/*============================stat============================*/
.stat-container {
    max-width: 1640px;
    margin: 0 auto;
    position: relative;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    overflow: hidden;
    padding-bottom: 60px;
}

.stat-container:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url(../img/stat.jpg);
    z-index: -1;
    left: 0;
    top: 0;
    background-position: center;
    background-size: cover;
}

.stat-in-title {
    margin-top: 40px;
    text-align: center;
    margin-bottom: 8px;
}

.stat-in-title span {
    font-weight: 500;
    font-size: 23px;
    line-height: 29px;
    color: rgba(255, 255, 255, 1);
}

.stat-content {
    position: relative;
}

.stat-pie {
    position: relative;
}

.stat-after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.stat-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.stat-number {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(90px, -90px);
}

.stat-number span {
    color: rgba(255, 255, 255, 1);
    font-weight: 500;
    font-size: 24px;
}

@media (min-width: 576px) {
    .stat-title {
        margin-top: 50px;
        margin-bottom: 50px;
    }
}

@media (max-width: 575px) {
    .stat-title {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

/*----------------------------stat----------------------------*/
/*============================about===========================*/
.title {
    text-align: center;
}

.title span {
    font-family: 'Neusa Next Pro';
    font-weight: 500;
    font-size: 30px;
    letter-spacing: 0.6px;
    color: rgba(21, 21, 21, 1);
    text-transform: uppercase;
}

.about-one-in {
    border-radius: 20px;
    background-color: rgba(247, 247, 247, 1);
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

.about-one-title {
    margin-top: 15px;
}

.about-one-title span {
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.36px;
    color: rgba(28, 117, 195, 1);
    text-transform: uppercase;
}

.about-one-text {
    max-width: 305px;
    margin: 0 auto;
}

.about-one-text span {
    font-size: 16px;
    color: rgba(21, 21, 21, 1);
    line-height: 23px;
    letter-spacing: 0.32px;
}

.about-gerb-icon {
    text-align: center;
}

.about-two-in {
    text-align: center;
    max-width: 300px;
    margin: 0 auto;
}

.about-two-text span {
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.23px;
    line-height: 23px;
    color: rgba(21, 21, 21, 1);
}

.row-one .about-col:nth-child(2) .about-two-in {
    max-width: 250px;
}

.row-two .about-col:nth-child(1) {
    margin-top: 30px;
    margin-bottom: 30px;
}

.give {
    margin-top: 50px;
    text-align: center;
}

.give a {
    display: inline-block;
    border-radius: 10px;
    background-color: rgba(28, 117, 195, 1);
    padding: 10px 36px 8px 36px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.7px;
    color: rgba(255, 255, 255, 1);
    border: 2px solid rgba(28, 117, 195, 1);
    text-transform: uppercase;
}

.give a:hover {
    background-color: rgba(255, 255, 255, 1);
    color: rgba(28, 117, 195, 1);
}

@media (min-width: 576px) {
    .about-title {
        margin-top: 50px;
        margin-bottom: 50px;
    }
}

@media (min-width: 992px) {
    .row-one .about-col:nth-child(1) {
        width: 36%;
    }

    .row-one .about-col:nth-child(2) {
        width: 28%;
    }

    .row-one .about-col:nth-child(3) {
        width: 36%;
    }

    .row-two .about-col:nth-child(1) {
        width: 36%;
    }

    .row-two .about-col:nth-child(2) {
        width: 28%;
    }

    .row-two .about-col:nth-child(3) {
        width: 36%;
    }

    .row-three .about-col:nth-child(1) {
        width: 36%;
    }

    .row-three .about-col:nth-child(2) {
        width: 28%;
    }

    .row-three .about-col:nth-child(3) {
        width: 36%;
    }

    .row-one .about-col:nth-child(2) {
        height: 380px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .row-three .about-col:nth-child(2) {
        height: 380px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .about-one-in {
        min-height: 380px;
    }

    .icon-bottom {
        display: none;
    }

    .row-two .about-col:nth-child(3) {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media (max-width: 991px) {
    .about-col {
        width: 100%;
        margin-top: 15px;
        margin-bottom: 0;
        padding-left: 15px;
        padding-right: 15px;
    }

    .icon-no-bottom {
        display: none;
    }

    .row-two .about-col:nth-child(1) {
        display: none;
    }

    .row-two .about-col:nth-child(2) {
        display: none;
    }

    .row-three {
        flex-wrap: wrap-reverse;
    }

    .row-two .about-col:nth-child(3) {
        margin-top: 15px;
    }
}

@media (max-width: 575px) {
    .about-title {
        margin-top: 20px;
        margin-bottom: 0px;
    }

    .title span {
        font-size: 24px;
    }
}

/*----------------------------about---------------------------*/
/*============================banner==========================*/
.banner-in {
    position: relative;
}

.banner-right img {
    width: 100%;
    object-fit: cover;
    object-position: left;
}

.banner-text {
    background-color: rgba(28, 117, 195, 0.9);
    border-radius: 20px;
    max-width: 800px;
    min-width: 200px;
    margin-left: 15px;
    margin-right: 15px;
}

.banner-text span {
    font-family: 'Neusa Next Pro';
    font-size: 24px;
    letter-spacing: 0.48px;
    color: rgba(255, 255, 255, 1);
    text-transform: uppercase;
}

.banner-left img {
    position: relative;
    z-index: -1;
}

.banner-anima {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    padding-left: 30px;
    overflow: hidden;
}

.banner-anima img {
    -webkit-animation: rotation 60s infinite linear;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}

@media (min-width: 576px) {
    .banner-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (min-width: 768px) {
    .banner-text span {
        font-weight: 700;
        line-height: 50px;
    }

    .banner-text {
        padding: 50px 50px;
    }

    .banner-right img {
        height: 700px;
    }
}

@media (min-width: 1080px) {
    .banner-row {
        display: flex;
        justify-content: space-between;
    }
}

@media (min-width: 1600px) {
    .banner-text-div {
        transform: translateX(-330px);
    }
}

@media (max-width: 1079px) {
    .banner-left {
        display: none;
    }

    .banner-right img {
        object-position: bottom right;
    }
}

@media (max-width: 767px) {
    .banner-text {
        padding: 30px 30px;
    }
}

@media screen and (max-width: 767px) and (min-width: 576px) {
    .banner-right img {
        height: calc(100vh - 191px);
    }
}

@media (max-width: 575px) {
    .banner-row {
        display: none;
    }
}

@media (max-width: 480px) {
    .banner-text span {
        font-size: 20px;
    }

    .banner-text {
        padding: 20px;
    }
}

/*----------------------------banner--------------------------*/
/*============================header==========================*/
.header {
    padding-top: 30px;
    padding-bottom: 30px;
}

.header-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.logo a:hover {
    text-decoration: none;
}

.logo-in {
    display: flex;
}

.logo-text span {
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.32px;
    line-height: 22px;
    text-transform: uppercase;
    color: rgba(21, 21, 21, 1);
}

.auth-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.auth-row a.check {
    display: inline-block;
    border-radius: 10px;
    color: rgba(28, 117, 195, 1);
    text-decoration: none;
    border: 2px solid rgba(28, 117, 195, 1);
    padding: 10px 30px 8px 30px;
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'Neusa Next Pro';
    font-weight: 700;
    letter-spacing: 0.6px;
    margin: 10px;
}

.auth-row a.check:hover {
    background-color: rgba(28, 117, 195, 1);
    color: #ffffff;
}

.auth-row a.login {
    display: inline-block;
    border-radius: 10px;
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
    border: 2px solid rgba(28, 117, 195, 1);
    padding: 10px 30px 8px 30px;
    background-color: rgba(28, 117, 195, 1);
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'Neusa Next Pro';
    font-weight: 700;
    letter-spacing: 0.6px;
    margin: 10px;
}

.auth-row a.login:hover {
    background-color: rgba(255, 255, 255, 1);
    color: rgba(28, 117, 195, 1);
}

.auth {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.profile {
    margin-left: 15px;
}

.profile-name {
    color: rgba(28, 117, 195, 1);
    font-weight: 500;
    letter-spacing: 0.5px;
}

.profile-name:hover {
    color: rgba(21, 21, 21, 1);
}

.profile-name svg path {
    fill: rgba(28, 117, 195, 1);
}

.profile-name:hover svg path {
    fill: rgba(21, 21, 21, 1);
}

.profile .dropdown .dropdown-menu {
    top: 10px !important;
}

@media (min-width: 576px) {
    .logo-text {

    }
}

@media (min-width: 1080px) {
    .header-row {
        justify-content: space-between;
    }
}

@media (min-width: 1200px) {
    .header-in {

    }

    .logo-text {
        margin-left: 25px;
    }
}

@media (min-width: 1600px) {
    .header-in {

    }
}

@media (max-width: 1079px) {
    .header-row {
        justify-content: center;
        flex-direction: column;
    }

    .auth {
        margin-top: 10px;
    }

    .auth a {
        margin-top: 10px;
    }
}

@media (max-width: 575px) {
    .logo-text span br {
        display: none;
    }

    .logo-text span {
        font-size: 14px;
    }

    .logo-in {
        align-items: center;
    }
}

/*----------------------------header--------------------------*/
/*============================app=============================*/
.offer {
    font-weight: 500;
    line-height: 30px;
    font-size: 18px;
    text-align: justify;
    display: inline-block;
    max-height: 500px;
    overflow-y: auto;
    box-shadow: 0 0 1px #00000020, 0 1px 3px #00000033;
    padding: 20px;
}

.offer p:first-child {
    text-align: center;
}

.app-next {
    text-align: center;
    margin-top: 25px;
}

.app-check {
    text-align: center;
    margin-top: 25px;
}

.app-next-btn {
    padding-left: 30px;
    padding-right: 30px;
    border: 1px solid transparent;
    line-height: 36px;
    border-radius: 5px;
    background-color: #1C75C3;
    color: #fff;
    font-size: 18px;
    letter-spacing: 0.5px;
    font-weight: 500;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

.app-prev-btn {
    padding-left: 30px;
    padding-right: 30px;
    border: 1px solid transparent;
    line-height: 36px;
    border-radius: 5px;
    background-color: #e56a00;
    color: #fff;
    font-size: 18px;
    letter-spacing: 0.5px;
    font-weight: 500;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

.app-prev-btn:hover {
    color: #fff;
}

.app-check span {
    display: inline-block;
    margin-bottom: 10px;
    color: #1C75C3;
    font-size: 18px;
}

.app-check label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 400;
    font-size: 18px;
}

.app-check .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    top: 2px;
    left: -27px;
}

.app-description {
}

.app-description span {
    font-weight: 500;
    font-size: 22px;
}

.styledTableHolder tbody tr td a {
    color: rgba(64, 64, 64, 1);
    font-size: 18px;
    line-height: 25px;
    text-decoration: none;
    display: block;
    padding: 5px 0;
    width: 100%;
    height: 100%;
}

/*----------------------------app-----------------------------*/
/*============================main============================*/
.bigRedWarn {
    text-align: center;
}

.bigRedWarn i {
    font-size: 100px;
    color: rgb(255 152 0);
}

.message {
    margin-bottom: 15px;
}

.content {
    min-height: 50vh;
}

@media (min-width: 576px) {
    .error-div {
        align-items: center;
        padding-top: 100px;
    }

    .message span {
        font-size: 20px;
        font-weight: 500;
    }
}

@media (max-width: 767px) {
    .message {
        margin-top: 15px;
    }

    .error-div {
        text-align: center;
    }
}

/*---------------------------main----------------------------*/
/*================================404================================*/
.my-404-in {
    display: flex;
    align-items: center;
    justify-content: center;
}

.my-404-one {
    text-align: center;
}

.my-404-top img {
    animation-name: notfound;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}

@keyframes notfound {
    0% {
        transform: translateY(20px);
    }
    50% {
        transform: translateY(65px);
    }
    100% {
        transform: translateY(20px);
    }
}

.my-404-bottom {
    position: relative;
}

.my-404-text {
    position: absolute;
    width: 100%;
    height: auto;
    text-align: center;
    bottom: 10px;
}

.my-404-text h2 {
    font-family: "Neusa-Next-Pro-Bold";
    color: rgba(65, 64, 66, 1);
    font-size: 64px;
    margin-bottom: 0;
}

.my-404-title span {
    color: rgba(109, 110, 113, 1);
    font-family: "Neusa-Next-Pro-Medium";
    font-size: 44px;
}

.my-404-title {
    margin-top: 15px;
    margin-bottom: 15px;
}

.my-404-out {
    text-align: center;
}

@media (min-width: 576px) {
    .my-404-in {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

@media (max-width: 575px) {
    .my-404-bottom-img img {
        max-width: 100%;
    }

    .my-404-in {
        padding-top: 30px;
        padding-bottom: 50px;
    }
}

/*--------------------------------404--------------------------------*/


@media (min-width: 1500px) {
    .col-my-4 {
        -webkit-flex: 0 0 33.333333% !important;
        -ms-flex: 0 0 33.333333% !important;
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
    }
}