/* ====== NORMAL ====== */
@font-face {
  font-family: 'NotoSans';
  src: url('../fonts/NotoSans-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'NotoSans';
  src: url('../fonts/NotoSans-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'NotoSans';
  src: url('../fonts/NotoSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'NotoSans';
  src: url('../fonts/NotoSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'NotoSans';
  src: url('../fonts/NotoSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'NotoSans';
  src: url('../fonts/NotoSans-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'NotoSans';
  src: url('../fonts/NotoSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'NotoSans';
  src: url('../fonts/NotoSans-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'NotoSans';
  src: url('../fonts/NotoSans-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

/* ====== ITALIC ====== */
@font-face {
  font-family: 'NotoSans';
  src: url('../fonts/NotoSans-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'NotoSans';
  src: url('../fonts/NotoSans-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'NotoSans';
  src: url('../fonts/NotoSans-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'NotoSans';
  src: url('../fonts/NotoSans-Italic.ttf') format('truetype'); /* 400 italic */
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'NotoSans';
  src: url('../fonts/NotoSans-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'NotoSans';
  src: url('../fonts/NotoSans-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'NotoSans';
  src: url('../fonts/NotoSans-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'NotoSans';
  src: url('../fonts/NotoSans-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'NotoSans';
  src: url('../fonts/NotoSans-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}


/* ====== NORMAL ====== */
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

/* ====== ITALIC ====== */
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Italic.ttf') format('truetype'); /* 400 italic */
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}


*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

* {
    font-family: 'NotoSans',sans-serif
}

a {
    text-decoration: underline;
    cursor: pointer
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    font-variant-ligatures: no-common-ligatures;
    font-family: 'Lato' ,sans-serif;
    line-height: 1.1;
    color: inherit
}

.h1,h1 {
    margin-top: .67em
}

form {
    line-height: 1.5
}

:focus-visible {
    outline: none;
}

label {
    font-weight: 400
}

.mat-raised-button {
    font-size: .8rem;
    font-family: 'Lato',sans-serif
}

body,html {
    margin: 0;
    padding: 0;
    background-color: #fff;
    font-family: 'NotoSans',sans-serif;
    min-height: 100vh;
}

body,html,main {
    font-size: 20px;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}

main {
    line-height: 1.65em;
}

button:focus{
    outline: 0;
}

h1 {
    margin: .67em 0
}

.h1, h1 {
    font-size: 1.9em;
    margin-top: .75em;
    margin-bottom: .2em;
    padding-bottom: .2em;
    border-bottom: 1px solid #af3c43
}

.h2, h2 {
    font-size: 1.7em
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-bottom: 11.5px
}

p {
    margin: 0 0 11.5px
}

a, a:hover{
    color: #284162
}

.page-container{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    justify-content: space-between;
}

.wrapper{
    max-width: 1310px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}

@media(max-width: 1919px){
    .wrapper{
        max-width: 1170px;
    }
}

@media(max-width: 1280px){
    .wrapper{
        max-width: 940px;
    }
}

@media(max-width: 960px){
    .wrapper{
        max-width: 580px;
    }
}

@media(max-width: 600px){
    .wrapper{
        max-width: 100%;
    }
}

/* header */

header{
    border-bottom: 3px solid #38414d;
    padding: 10px 0 32px;
}

.header-block{
    display: flex;
    flex-direction: column;
    gap: 10px ;
}

.header-lang-switch{
    display: flex;
    justify-content: flex-end;
}

.header-lang-switch button{
    font-size: 16px;
    text-decoration: underline;
    color: #335075;
    background: transparent;
    padding: 0;
    border: 0;
}

.header-bottom-block{
    display: flex;
    align-items: center;
}

.header-logo{
    display: flex;
    align-items: center;
    width: 100%;
    height: 27px;
}

.header-logo svg{
    width: 100%;
    height: 27px;
}


/* footer */

footer{
    padding-top: 40px;
}

.footer-report-block{
    padding: 40px 0;
}

.footer-banner-block{
    background: #26374a url(../img/ftbn.png) no-repeat 100% 100%;
    height: 75px;
    display: block;
}

.footer-cont{
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding-bottom: 2em;
    padding-top: 1.5em;
}

.footer-logo{
    max-width: 168px;
    width: 100%;
}

.footer-menu ul{
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer-menu ul li{
    margin: 0;
    padding: 0;
    position: relative;
}

.footer-menu ul li:not(:first-child):before{
    content: "•";
    margin-right: .2em;
    position: absolute;
    left: -5px;
    top: 50%;
    transform: translateY(-50%);
}

.footer-menu a{
    color: #284162;
    line-height: 44px;
    text-decoration: none;
    min-width: 64px;
    padding: 0 16px;
    border-radius: 4px;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    font-size: .8rem;
    line-height: 2.2rem;
    font-family: 'Lato', sans-serif;
}

.footer-menu a:hover{
    background:  rgb(0 0 0 / 4%);
}

.footer-report-btn{
    display: inline-block;
    color: #284162;
    line-height: 44px;
    min-width: 64px;
    padding: 0 16px;
    transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    border-radius: 4px;
    font-size: .8rem;
    font-family: 'Lato', sans-serif;
    background-color: #eaebed;
    text-decoration: none;
}

.footer-report-btn:hover{
    outline: none;
    border-radius: 4px;
    background-color: #eaebed;
    box-shadow: 0 0 0 3px #335075;
    text-decoration: none;
    color: #284162;
}

.footer-top-btn-block{
    display: none;
}

@media(max-width: 960px){
    .footer-cont{
        flex-wrap: wrap;
        gap: 2em 0;
    }

    .footer-menu{
        width: 100%;
    }

    .footer-top-btn-block{
        display: flex;
        align-items: center;

    }

    .footer-top-btn{
        display: flex;
        font-size: .8rem;
        line-height: 2.2rem;
        font-family: 'Lato', sans-serif;
    }

    .footer-top-btn .icon{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        flex: 0 0 24px;
    }

    .footer-top-btn .icon svg{
        width: 16px;
    }

}

/* breadcrumbs */

.breadcrumbs-sec{
    padding-top: 1rem;
    padding-bottom: .6rem;
}

.breadcrumbs-item{
    font-size: .8rem;
    text-decoration: underline;
    color: #335075;
}

.breadcrumbs-item:not(:first-child){
    padding-left: .6rem;
}

span.breadcrumbs-item{
    text-decoration: none;
    color: #333;
}

.breadcrumbs-item:not(:first-child):before{
    content: ">";
    padding-right: .6rem;
    color: #333;
    font-size: .7em;
    text-decoration: none;
}

/* auth */

.auth-input-cont{
    display: flex;
    flex-direction: column;
    width: 100%;
    line-height: 1.5rem;
}

.auth-input-title{
    width: 100%;
    font-weight: bolder;
}

.auth-input-stat{
    color: #b10609;
    margin-left: -.8em;
}

.auth-input-rec{
    color: #b10609;
}

.auth-input{
    width: 50%;
    margin: .25em 0;
    padding-bottom: 1.34375em;
    position: relative;
}

.auth-input input, .auth-textarea textarea {
    width: 100%;
    padding: 17px 15px ;
    border: 1px solid currentColor;
    border-radius: 5px;
    line-height: 1rem;
    font: inherit;
    transition: opacity 600ms cubic-bezier(0.25, 0.8, 0.25, 1);
}

.auth-input input:hover, .auth-textarea textarea:hover{
    border-width: 2px;
    padding: 16px 14px;
}

.auth-input input:focus, .auth-textarea textarea:focus{
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}


.mat-btn{
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    color: #fff;
    background-color: #335075;
    min-width: 64px;
    line-height: 36px;
    padding: 0 16px;
    text-align: center;
    border-radius: 4px;
    transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: 0;
}

.mat-btn-wrap{
    display: flex;
    align-items: center;
    gap: 10px;
}

.mat-btn-icon{
    display: flex;
    align-items: center;
    justify-content: center;
}

.mat-btn-icon svg{
    width: 24px;
}

.mat-btn-icon svg path{
    fill: #fff;
}

.mat-btn:hover{
    background-color: #335075;
    outline: none;
    border-radius: 4px;
    box-shadow: 0 0 0 1px #335075;
}

.mat-btn:hover:before{
    outline: none;
    content: " ";
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    border-radius: 4px;
    box-shadow: 0 0 0 2px #fff;
}

.mat-btn-text{
    font-size: .8rem;
    line-height: 2.2rem;
    font-family: 'Lato', sans-serif;
    position: relative;
    z-index: 2;
}

.auth-dop-text-item{
    padding-top: 1em;
}

.auth-input-dop-text{
    font-size: .9rem;
    line-height: 1.5rem;
}

.mat-btn.mat-btn-grey{
    display: inline-block;
    color: #284162;
    line-height: 44px;
    min-width: 64px;
    padding: 0 16px;
    transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    border-radius: 4px;
    font-size: .8rem;
    font-family: 'Lato', sans-serif;
    background-color: #eaebed;
    text-decoration: none;
}

.mat-btn.mat-btn-grey:hover{
    outline: none;
    border-radius: 4px;
    background-color: #eaebed;
    box-shadow: 0 0 0 3px #335075;
    text-decoration: none;
    color: #284162;
}

.mat-btn.mat-btn-grey:hover:before{
    content: none;
}

.mat-btn-grey .mat-btn-icon svg path{
    fill: #284162;
}

.mat-btn.mat-btn-disabled{
    pointer-events: none;
    background-color: #e0e0e0;
    color: #636363;
    cursor: not-allowed;
    box-shadow: none;
}

@media(max-width: 960px){
    .auth-btn-block .mat-btn{
        width: 50%;
    }
}

@media(max-width: 600px){
    .auth-input, .auth-btn-block .mat-btn{
        width: 100%;
    }
}

/* text-cont */

.text-cont{

}

.text-cont p{
    margin: 0 0 11.5px;
}

.text-cont ul, .text-cont ol{
    padding-left: 40px;
}

.text-cont a{
    color: #335075;
}

.btn-block{
    display: flex;
    gap: 2%;
}

@media(max-width: 600px){
    .btn-block{
        flex-direction: column;
    }

    .btn-block .mat-btn{
        width: 100%;
        gap: 15px;
    }
}

/* lk-menu */

.lk-menu{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 10px;
}

.lk-menu-text{
    font-size: .8rem;
    padding-right: .5rem;
    padding-right: 5px;
}

/* links-cont */

.links-cont{
    margin-top: 2rem;
}

.links-item{
    display: inline-block;
}

.links-item + .links-item{
    margin-top: .5rem;
}

.links-item:last-child{
    margin-bottom: 1.5rem;
}

.tables-title{
    margin-top: 0.83em;
}

.tables-item{
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    max-width: 100%;
    border: 1px solid #ccc;
}

.table-item{
    width: 100%;
    font-size: 1rem;
}

.table-item th{
    padding: .5rem;
    font-weight: 700;
    border: none;
    color: #fff;
    background-color: #335075;
}

.table-item .table-btn-head{
    background: transparent;
    border: none;
    color: #fff;
    font-size: 1rem;
    margin-left: .5rem;
    display: flex;
    cursor: pointer;
    align-items: center;
    font-weight: 700;
}

.table-btn-sort{
    height: 12px;
    width: 12px;
    min-width: 12px;
    position: relative;
    display: flex;
    margin-left: 6px;
    transform: translateY(25%);
    opacity: 0;
    transition: .3s all ease-in-out;
}

.table-btn-icon-left, .table-btn-icon-right {
    background: currentColor;
    width: 6px;
    height: 2px;
    position: absolute;
    top: 0;
}

.table-btn-icon{
    width: 100%;
    height: 2px;
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
}

.table-btn-icon-right{
    transform-origin: left;
    right: 0;
    transform: rotate(45deg);
}

.table-btn-icon-left{
    transform-origin: right;
    left: 0;
    transform: rotate(-45deg);
}

.table-btn-icon-middle {
    margin: auto;
    height: 2px;
    width: 2px;
    background: currentColor;
    transform: rotate(45deg);
}

.table-btn-icon-line{
    background: currentColor;
    height: 10px;
    width: 2px;
    margin: auto;
    display: flex;
    align-items: center;
}

.table-btn-head:hover .table-btn-sort{
    opacity: .54;
    transform: translateY(0);
}

.table-btn-sorted .table-btn-sort{
    opacity: 1;
    transform: translateY(0);
}

.table-btn-sorted-down .table-btn-icon{
    transform: translateY(10px);
}

.table-btn-sorted-down .table-btn-icon-right{
    transform: rotate(-45deg);
}

.table-btn-sorted-down .table-btn-icon-left{
    transform: rotate(45deg);
}

.table-item td{
    border-right: 1px solid #ccc;
    border-bottom: none;
    padding: 1rem;
    background: rgba(0,0,0,.04);
}

.table-item tr:nth-child(2n + 1) td{
    background-color: #fff;
}

.table-item-title-mob{
    display: none;
}

.tables-pagination{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    gap: 8px;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 1.25em 8px;
}

.tables-pagination-count{
    display: flex;
    align-items: baseline;
}

.tables-pagination-text{
    margin: 0 4px;
    color: #757575;
    font-size: .8rem;
}

.tables-pagination-dropdown{
    position: relative;
}

.tables-pagination-drop{
    position: absolute;
    min-width: 112px;
    max-width: 280px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding-top: 0;
    padding-bottom: 0;
    max-height: 256px;
    min-width: calc(100% + 32px);
    border-radius: 4px;
    outline: 0;
    font-size: 16px;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    display: none;
    background-color: #fff;
}

.tables-pagination-dropdown.open .tables-pagination-drop{
    display: block;
}

.tables-pagination-drop-item{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    line-height: 48px;
    height: 48px;
    padding: 0 16px;
    text-align: left;
    text-decoration: none;
    max-width: 100%;
    position: relative;
    cursor: pointer;
    outline: none;
    display: flex;
    flex-direction: row;
    max-width: 100%;
    box-sizing: border-box;
    align-items: center;
    -webkit-tap-highlight-color: transparent;
    font-size: inherit;
    line-height: 3em;
    height: 3em;
    cursor: pointer;
}

.tables-pagination-drop-item:hover{
    background: rgba(0, 0, 0, .04);
}

.tables-pagination-drop-item.active, .tables-pagination-drop-item.active:hover{
    background: rgba(0, 0, 0, .12);
    color: #335075;
}

.tables-pagination-control{
    display: flex;
    align-items: center;
    gap: 0;
}

.tables-pagination-info{
    margin: 0 32px 0 24px;
    color: #757575;
    font-size: .8rem;
}

.tables-pagination-btn-block{
    display: flex;
    align-items: center;

}

.tables-pagination-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: #757575;
    background-color: transparent;
    border: none;
}

.tables-pagination-btn path{
    fill: currentColor;
}

.tables-pagination-dropdown{
    display: flex;
    width: 56px;
    font-size: .8rem;
}

.tables-pagination-current{
    display: flex;
    align-items: center;
    position: relative;
    flex: auto;
    min-width: 0;
    border-bottom: 1px solid rgba(0,0,0,.42);
    padding: .4375em 0;
    cursor: pointer;
}


.tables-pagination-current > span:not(.icon){
    display: table-cell;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1;
    text-align: center;
}

.tables-pagination-current .icon{
    display: table-cell;
    position: relative;
}

.tables-pagination-current .icon:before{
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid;
    margin: 0 4px;
    display: inline-block;
}

.tables-nomessage p{
    margin-top: 2rem;
}

.table-item-value.no-wrap{
    white-space: nowrap;
}

.table-item-value.center{
    text-align: center;
}

@media(max-width: 1281px){
    .table-item tr:first-child{
        display: none;
    }

    .table-item tr:not(:first-child){
        display: block;
    }

    .table-item tr td{
        display: block;
        background: #ffffff;
    }

    .table-item tr td, .table-item tr:last-child td:last-child{
        border-bottom: 1px solid #ccc;
    }

    .table-item tr td:last-child{
        border-bottom: 15px solid #335075;
        border-right: 1px solid #ccc;
    }

    .table-item-value.center{
        text-align: left;
    }

    .table-item-title-mob{
        display: block;
        font-weight: 700;
    }
}

@media(max-width: 550px){
    .tables-pagination{
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: wrap-reverse;
        width: 100%;
    }

    .tables-pagination-drop{
        right: 0;
    }
}

/* checkbox-label */

.checkbox-label{
    display: flex;
    align-items: flex-start;
    gap: 12px;
    cursor: pointer;
}

.checkbox-label input{
    display: none;
}

.checkbox-label .checkbox{
    margin-top: 0.25rem;
    width: 1rem;
    height: 1rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    background-color: transparent;
    border-color: rgba(0,0,0,.54);
    transition: border-color 90ms cubic-bezier(0, 0, 0.2, 0.1);
    border-width: 2px;
    border-style: solid;
    color: #fff;
}

.checkbox-label .checkbox svg{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 22px;
    opacity: 0;
    transition: all 90ms cubic-bezier(0, 0, 0.2, 0.1);
}

.checkbox svg path{
    stroke: currentColor;
}

.checkbox-label input:checked + .checkbox{
    background: #335075;
    border-color: #335075;
}

.checkbox-label input:checked + .checkbox svg{
    opacity: 1;
}

/* slider */

.slider-block-container {
  display: flex;
  overflow: hidden;
}

.slider-block-scroll-button {
  background-color: #335075;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  min-width: 32px;
  cursor: pointer;
  padding: 0 10px;
  color: #fff;
}

.slider-block-scroll-button svg{
    width: 18px;
}

.slider-block-scroll-button svg path{
    fill: #ffffff;
}

.slider-block-tab-header {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
  flex: 1;
}

.slider-block-tab-header::-webkit-scrollbar {
  display: none;
}

.slider-block-tab {
  flex: 0 0 auto;
  padding: 10px 20px;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.2s ease;
  opacity: 1;
    color: #335075;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 160px;
    background-color: rgba(63, 81, 181, .14);
    font-size: 14px;
    font-weight: 500;
}

.slider-block-tab.active {
  opacity: 1;
    background-color: #335075;
    color: #fff;
}

/* lk-control-sec */

.lk-control-sec{
    padding-top: 1rem;
    padding-bottom: .6rem;
}

.lk-control-cont{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .8rem;
}

/* slider-sec */

.slider-sec{
    padding-top: .67em;
}

/* form-cont */

.form-cont{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.auth-radio{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.radio-label{
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;

}

.radio-label input{
    display: none;
}

.radio-label .radio{
    box-sizing: border-box;
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    transition: border-color ease 280ms;
    width: 20px;
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
    border-color: rgba(0, 0, 0, .54);
    position: relative;
}

.radio-label .radio .radio-circle{
    order-radius: 50%;
    box-sizing: border-box;
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    transition: transform ease 280ms, background-color ease 280ms;
    width: 20px;
    transform: scale(0.001);
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    border-radius: 50%;
}

.radio-label .radio-text{

}

.radio-label input:checked + .radio{
    border-color: #335075;
}

.radio-label input:checked + .radio .radio-circle{
    transform: scale(0.5);
    background-color: #335075;
}

.auth-input-help{
    text-align: right;
    color: rgba(0, 0, 0, .6);
    font-size: .8rem;
}

.auth-input-group {
    display: flex;
    gap: 15px;
}

.group3 .auth-input{
    flex: 0 0 calc(100%/3 - 10px);
    max-width: calc(100%/3 - 10px);
}

.form-btn-cont{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.select2-container{
    z-index: 2;
    width: 100%!important;
}

.select2-container--default .select2-selection--single{
    height: 63px;
    background: transparent;
    border-radius: 5px;
    border: 1px solid currentColor;
    color: #000;
}

.select2-container .select2-selection--single .select2-selection__rendered{
    padding: 17px 63px 17px 15px;
    height: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 63px;
    width: 63px;
}

.select2-container--default .select2-selection--single:hover{
    border-width: 2px;
}

.select2-container--default .select2-selection--single:hover .select2-selection__rendered{
     padding: 16px 62px 16px 14px;
}

 .select2-container.select2-container--open{
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.auth-select-placeholder{
    position: absolute;
    max-width: 8rem;
    background-color: #fff;
    z-index: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
    left: 12px;
    top: 17px;
    padding: 0 5px;
}

.select2-container--open + .auth-select-placeholder, .select2-container--below + .auth-select-placeholder, .select2-container--above + .auth-select-placeholder{
    transform:  scale(.75);
    top: -13px;
    left: 0;
    z-index: 3;
    background-color: #fff;
}

@media(max-width: 960px){
    .group3 .auth-input{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .auth-input-group{
        flex-wrap: wrap;
        gap: 0;
    }
}